这是基于vue-vben-admin 模板适用于abp vNext的前端管理项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

56 lines
1.4 KiB

<template>
<DynamicForm
:title="L('Client:CallbackUrl')"
:schemas="schemas"
:columns="columns"
:data-source="modelRef.redirectUris"
rowKey="redirectUri"
@new="handleAddNew"
@delete="handleDelete"
/>
</template>
<script lang="ts" setup>
import { toRefs } from 'vue';
import { useLocalization } from '/@/hooks/abp/useLocalization';
import { FormSchema } from '/@/components/Form';
import { BasicColumn } from '/@/components/Table';
import { Client } from '/@/api/identity-server/model/clientsModel';
import { useUrl } from '../hooks/useUrl';
import DynamicForm from './DynamicForm.vue';
const props = defineProps({
modelRef: {
type: Object as PropType<Client>,
required: true,
},
});
const { L } = useLocalization('AbpIdentityServer');
const schemas: FormSchema[] = [
{
field: 'redirectUri',
component: 'Input',
label: 'Url',
colProps: { span: 24 },
required: true,
},
];
const columns: BasicColumn[] = [
{
dataIndex: 'redirectUri',
align: 'left',
width: 'auto',
sorter: true,
},
];
const { handleRedirectUriChange } = useUrl({ modelRef: toRefs(props).modelRef });
function handleAddNew(record) {
handleRedirectUriChange('add', record.redirectUri);
}
function handleDelete(record) {
handleRedirectUriChange('delete', record.redirectUri);
}
</script>