修改元数据

src/views/metadata/metadataComparison/index.vue

@@ -2,6 +2,12 @@
   <PageWrapper title="元数据对比" contentFullHeight contentBackground contentClass="flex">
     <template #footer>
       <div style="display: flex; justify-content: flex-end; padding-bottom: 10px">
+        <a-button style="margin-right: 5px" type="primary" v-show="cancelType" @click="handleCancel"
+          >退出</a-button
+        >
+        <a-button style="margin-right: 5px" type="primary" @click="handleComparison"
+          >开始对比</a-button
+        >
         <a-button style="margin-right: 5px" type="primary" @click="handleImport">导出</a-button>
       </div>
     </template>
@@ -17,9 +23,40 @@
           :schema="refundSchema"
         />
         <Description size="middle" title="列信息" :bordered="false" />
-        <BasicTable @register="registerMainTable" />
+        <BasicTable @register="registerMainTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'isNull'">
+              <span
+                :style="{ color: record.isNull === '1' ? 'green' : '' }"
+                v-if="record.isNull === '1'"
+                >true</span
+              >
+            </template>
+          </template>
+        </BasicTable>
         <Description size="middle" title="索引" :bordered="false" />
-        <BasicTable @register="registerMainIndexTable" />
+        <BasicTable @register="registerMainIndexTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'name'">
+              <span
+                :style="{ color: record.name === '1' ? 'green' : '' }"
+                v-if="record.name === '1'"
+                >name</span
+              >
+            </template>
+            <template v-if="column.key === 'filed'">
+              <span
+                :style="{ color: record.filed === '1' ? 'green' : '' }"
+                v-if="record.filed === '1'"
+                >name</span
+              >
+            </template>
+          </template>
+        </BasicTable>
+        <Description size="middle" title="分区信息" :bordered="false" />
+        <BasicTable @register="registerPartitionTable" />
+        <Description size="middle" title="分桶信息" :bordered="false" />
+        <BasicTable @register="registerSampleDataTable" />
       </div>
     </div>
     <div class="w-1/2 xl:w-1/2">
@@ -34,9 +71,38 @@
           :schema="refundSchema"
         />
         <Description size="middle" title="列信息" :bordered="false" />
-        <BasicTable @register="registerLastTable" />
+        <BasicTable @register="registerLastTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'isNull'">
+              <span
+                :style="{ color: record.isNull === '0' ? 'red' : '' }"
+                v-if="record.isNull === '0'"
+                >false</span
+              >
+            </template>
+          </template>
+        </BasicTable>
         <Description size="middle" title="索引" :bordered="false" />
-        <BasicTable @register="registerLastIndexTable" />
+        <BasicTable @register="registerLastIndexTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'name'">
+              <span :style="{ color: record.name === '0' ? 'red' : '' }" v-if="record.name === '0'"
+                >id</span
+              >
+            </template>
+            <template v-if="column.key === 'filed'">
+              <span
+                :style="{ color: record.filed === '0' ? 'red' : '' }"
+                v-if="record.filed === '0'"
+                >id</span
+              >
+            </template>
+          </template>
+        </BasicTable>
+        <Description size="middle" title="分区信息" :bordered="false" />
+        <BasicTable @register="registerPartitionTable" />
+        <Description size="middle" title="分桶信息" :bordered="false" />
+        <BasicTable @register="registerSampleDataTable" />
       </div>
     </div>
   </PageWrapper>
@@ -62,10 +128,18 @@
   } from '@/views/metadata/metadataComparison/metadataComparisomData';
   import { useMessage } from '@/hooks/web/useMessage';
   import { BasicForm, useForm } from '@/components/Form';
+  import { partitionData, SampleData } from '@/views/metadata/metadataData';
+  import { partitionColumns, SampleDataColumns } from '@/views/metadata/data';
+  import { onMounted, ref } from 'vue';
 
   defineOptions({ name: 'Metadata' });
 
   const { createMessage } = useMessage();
+  const tableMainData = ref();
+  const tableLastData = ref();
+  const indexMainData = ref();
+  const indexLastData = ref();
+  const cancelType = ref(false);
   const [registerMainForm] = useForm({
     labelWidth: 100,
     schemas: mainSchema,
@@ -76,35 +150,137 @@
     schemas: lastSchema,
     showActionButtonGroup: false,
   });
-  const [registerMainTable] = useTable({
-    dataSource: mainTableData,
+  const [registerMainTable, { reload: reloadMain }] = useTable({
+    api: async () => {
+      const response = {
+        pageNum: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableMainData.value.length,
+        code: '',
+        message: '',
+        data: [],
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      data = tableMainData.value;
+      return { ...response, data: data };
+    },
     columns,
     pagination: false,
     showIndexColumn: false,
     scroll: { y: 300 },
   });
-  const [registerLastTable] = useTable({
-    dataSource: lastTableData,
+  const [registerLastTable, { reload: reloadLast }] = useTable({
+    api: async () => {
+      const response = {
+        pageNum: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableLastData.value.length,
+        code: '',
+        message: '',
+        data: [],
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      data = tableLastData.value;
+      return { ...response, data: data };
+    },
     columns,
     pagination: false,
     showIndexColumn: false,
     scroll: { y: 300 },
   });
-  const [registerMainIndexTable] = useTable({
-    dataSource: mainTableIndexData,
+  const [registerMainIndexTable, { reload: reloadIndexMain }] = useTable({
+    api: async () => {
+      const response = {
+        pageNum: '1',
+        pageSize: '10',
+        pages: '1',
+        total: indexMainData.value.length,
+        code: '',
+        message: '',
+        data: [],
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      data = indexMainData.value;
+      return { ...response, data: data };
+    },
     columns: indexColumns,
     pagination: false,
     showIndexColumn: false,
     scroll: { y: 300 },
   });
-  const [registerLastIndexTable] = useTable({
-    dataSource: lastTableIndexData,
+  const [registerLastIndexTable, { reload: reloadIndexLast }] = useTable({
+    api: async () => {
+      const response = {
+        pageNum: '1',
+        pageSize: '10',
+        pages: '1',
+        total: indexLastData.value.length,
+        code: '',
+        message: '',
+        data: [],
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      data = indexLastData.value;
+      return { ...response, data: data };
+    },
     columns: indexColumns,
     pagination: false,
     showIndexColumn: false,
     scroll: { y: 300 },
   });
+  const [registerPartitionTable] = useTable({
+    dataSource: partitionData,
+    columns: partitionColumns,
+    pagination: false,
+    showIndexColumn: false,
+    scroll: { y: 300 },
+  });
+  const [registerSampleDataTable] = useTable({
+    dataSource: SampleData,
+    columns: SampleDataColumns,
+    pagination: false,
+    showIndexColumn: false,
+    scroll: { y: 300 },
+  });
   function handleImport() {
     createMessage.success('导出完成');
   }
+  function handleComparison() {
+    tableMainData.value[1].isNull = '1';
+    indexMainData.value[0].name = '1';
+    indexMainData.value[0].filed = '1';
+    tableLastData.value[1].isNull = '0';
+    indexLastData.value[0].name = '0';
+    indexLastData.value[0].filed = '0';
+    cancelType.value = true;
+    reloadLast();
+    reloadMain();
+    reloadIndexMain();
+    reloadIndexLast();
+  }
+  function handleCancel() {
+    tableMainData.value[1].isNull = 'true';
+    tableLastData.value[1].isNull = 'false';
+    indexMainData.value[0].name = 'name';
+    indexMainData.value[0].filed = 'name';
+    indexLastData.value[0].name = 'id';
+    indexLastData.value[0].filed = 'id';
+    cancelType.value = false;
+    reloadLast();
+    reloadMain();
+    reloadIndexMain();
+    reloadIndexLast();
+  }
+  onMounted(() => {
+    tableMainData.value = mainTableData;
+    tableLastData.value = lastTableData;
+    indexMainData.value = mainTableIndexData;
+    indexLastData.value = lastTableIndexData;
+  });
 </script>

src/views/metadata/metadataComparison/metadataComparisomData.ts

@@ -121,7 +121,13 @@ export const mainTableIndexData: any[] = [
     filed: 'name',
   },
 ];
-export const lastTableIndexData: any[] = [];
+export const lastTableIndexData: any[] = [
+  {
+    name: 'id',
+    type: 'UNIQUE',
+    filed: 'id',
+  },
+];
 
 export const treeData: any[] = [
   {