修改元数据

src/views/metadata/data.ts

@@ -553,3 +553,40 @@ export const quotationSchema: FormSchema[] = [
     colProps: { lg: 24, md: 24 },
   },
 ];
+export const connectionColumns: BasicColumn[] = [
+  {
+    title: '表名',
+    dataIndex: 'name',
+    width: 120,
+  },
+  {
+    title: '数据库',
+    dataIndex: 'dataBase',
+    width: 120,
+  },
+  {
+    title: '添加方式',
+    dataIndex: 'path',
+    width: 120,
+  },
+  {
+    title: '关联类型',
+    dataIndex: 'type',
+    width: 120,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 120,
+  },
+  {
+    title: '所有者',
+    dataIndex: 'user',
+    width: 120,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'date',
+    width: 120,
+  },
+];

src/views/metadata/metadataData.ts

@@ -837,3 +837,41 @@ export const recommendData: any[] = [
     level: '低',
   },
 ];
+export const connectionData: any[] = [
+  {
+    name: 'users',
+    dataBase: 'mainDB',
+    path: 'import',
+    type: 'one-to-many',
+    status: 'active',
+    user: 'admin',
+    date: '2023-05-15',
+  },
+  {
+    name: 'orders',
+    dataBase: 'salesDB',
+    path: 'manual',
+    type: 'many-to-one',
+    status: 'inactive',
+    user: 'salesManager',
+    date: '2023-06-22',
+  },
+  {
+    name: 'products',
+    dataBase: 'inventoryDB',
+    path: 'sync',
+    type: 'many-to-many',
+    status: 'active',
+    user: 'inventoryAdmin',
+    date: '2023-07-10',
+  },
+  {
+    name: 'customers',
+    dataBase: 'clientDB',
+    path: 'export',
+    type: 'one-to-one',
+    status: 'active',
+    user: 'customerService',
+    date: '2023-08-14',
+  },
+];

src/views/metadata/tableModal.vue

@@ -65,7 +65,9 @@
           </div>
         </a-tab-pane>
         <a-tab-pane key="5" tab="关系表">
-          <div v-if="page === '5'"> 关系表 </div>
+          <div v-if="page === '5'">
+            <BasicTable @register="registerConnectionTable" />
+          </div>
         </a-tab-pane>
         <a-tab-pane key="6" tab="关联度分析">
           <div v-if="page === '6'"> 关联度分析 </div>
@@ -89,7 +91,7 @@
   import { Tabs } from 'ant-design-vue';
   import { useModal, useModalInner } from '@/components/Modal';
   import {
-    bucketingSchema,
+    bucketingSchema, connectionColumns,
     CorrelationColumns,
     dbColumns,
     dbSearchFormSchema,
@@ -101,7 +103,7 @@
     SampleDataColumns,
   } from '@/views/metadata/data';
   import {
-    bucketingData,
+    bucketingData, connectionData,
     CorrelationData,
     dbData,
     exampleData,
@@ -191,6 +193,13 @@
     showIndexColumn: false,
     scroll: { y: 400 },
   });
+  const [registerConnectionTable] = useTable({
+    dataSource: connectionData,
+    columns: connectionColumns,
+    pagination: true,
+    showIndexColumn: false,
+    scroll: { y: 400 },
+  });
   const [registerDbModal, { closeModal }] = useModalInner(async (data) => {
     title.value = data.workSpaceName;
     tableTitle.value = data.name;