修改元数据

src/views/metadata/data.ts

@@ -517,42 +517,39 @@ export const recommendColumns: BasicColumn[] = [
     editable: true,
   },
 ];
-export const quotationColumns: BasicColumn[] = [
+export const quotationSchema: FormSchema[] = [
   {
-    title: '关联字段名称',
-    dataIndex: 'name',
-    width: 120,
-  },
-  {
-    title: '关联字段注释',
-    dataIndex: 'comment',
-    width: 120,
-  },
-  {
-    title: '标准中文名称',
-    dataIndex: 'CNname',
-    width: 120,
-  },
-  {
-    title: '标准英文名称',
-    dataIndex: 'ENname',
-    width: 120,
-  },
-  {
-    title: '标准编号',
-    dataIndex: 'code',
-    width: 120,
+    field: 'name',
+    label: '选择关联字段',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '字段1', value: '1' },
+        { label: '字段2', value: '2' },
+        { label: '字段3', value: '3' },
+      ],
+    },
+    colProps: { lg: 24, md: 24 },
+    required: true,
   },
   {
-    title: '推荐度',
-    dataIndex: ' level',
-    width: 120,
+    field: 'standard',
+    label: '选择数据标准',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '基础标准1', value: '1' },
+        { label: '基础标准2', value: '2' },
+        { label: '基础标准3', value: '3' },
+      ],
+    },
+    colProps: { lg: 24, md: 24 },
+    required: true,
   },
   {
-    title: '映射描述',
-    dataIndex: 'remark',
-    width: 120,
-    edit: true,
-    editable: true,
+    field: 'remark',
+    label: '关联描述',
+    component: 'InputTextArea',
+    colProps: { lg: 24, md: 24 },
   },
 ];

src/views/metadata/quotationModal.vue

@@ -6,16 +6,16 @@
     :title="title"
     @ok="handleSubmit"
   >
-    <BasicTable @register="registerTable" />
+    <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup>
   import { onMounted, ref } from 'vue';
   import { BasicModal, useModalInner } from '@/components/Modal';
   import { useMessage } from '@/hooks/web/useMessage';
-  import { BasicTable, useTable } from '@/components/Table';
-  import {quotationColumns, recommendColumns} from '@/views/metadata/data';
   import { recommendData } from '@/views/metadata/metadataData';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { quotationSchema } from '@/views/metadata/data';
 
   defineOptions({ name: 'KnowledgeModal' });
 
@@ -25,32 +25,18 @@
   const tableData = ref([]);
   //获取接口数据并放在下拉框里（这里是打开了一个弹框）
   //初始化表单
-  const [registerTable, { reload }] = useTable({
-    api: async () => {
-      const response = {
-        pageNum: '1',
-        pageSize: '10',
-        pages: '1',
-        total: tableData.value.length,
-        code: '',
-        message: '',
-        data: [],
-      };
-      //过滤data中的数据，取出等于params.deptId的数据
-      var data = [];
-      data = tableData.value;
-      return { ...response, data: data };
+  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: quotationSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
     },
-    pagination: false,
-    columns: quotationColumns,
-    useSearchForm: true,
-    showTableSetting: false,
-    bordered: true,
-    showIndexColumn: false,
   });
   //初始化弹框
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-    await reload();
+    resetFields;
     setModalProps({ confirmLoading: false });
     title.value = data.title;
   });
@@ -58,6 +44,7 @@
   async function handleSubmit() {
     closeModal();
     createMessage.success('提交成功');
+    resetFields;
   }
   onMounted(() => {
     tableData.value = recommendData;