修改元数据

src/views/metadata/data.ts

@@ -843,3 +843,20 @@ export const versionNumSchema: FormSchema[] = [
     required: true,
   },
 ];
+export const viewColumns: BasicColumn[] = [
+  {
+    title: '视图名称',
+    dataIndex: 'name',
+    width: 120,
+  },
+  {
+    title: '描述',
+    dataIndex: 'remark',
+    width: 120,
+  },
+  {
+    title: 'SQL语句',
+    dataIndex: 'sql',
+    width: 120,
+  },
+];

src/views/metadata/databaseModal.vue

@@ -16,7 +16,9 @@
           </BasicTable>
         </a-tab-pane>
         <a-tab-pane key="2" tab="视图">
-          <div v-if="page === '2'"> 视图 </div>
+          <div v-if="page === '2'">
+            <BasicTable @register="registerViewTable" />
+          </div>
         </a-tab-pane>
         <a-tab-pane key="3" tab="存储过程">
           <div v-if="page === '3'"> 存储过程 </div>
@@ -35,8 +37,13 @@
   import { ref } from 'vue';
   import { Tabs } from 'ant-design-vue';
   import { useModal, useModalInner } from '@/components/Modal';
-  import { tbColumns, tbSearchFormSchema } from '@/views/metadata/data';
-  import { tbData } from '@/views/metadata/metadataData';
+  import {
+    partitionColumns,
+    tbColumns,
+    tbSearchFormSchema,
+    viewColumns
+  } from '@/views/metadata/data';
+  import {partitionData, tbData, viewData} from '@/views/metadata/metadataData';
   import { useMessage } from '@/hooks/web/useMessage';
   import TableModal from '@/views/metadata/tableModal.vue';
 
@@ -88,15 +95,16 @@
   const [registerDbModal, { closeModal }] = useModalInner(async (data) => {
     title.value = data.workSpaceName;
     tableTitle.value = data.dbName;
-    tableData.value = tbData.filter(
-      (item) =>
-        item.dbName === tableTitle.value,
-    );
+    tableData.value = tbData.filter((item) => item.dbName === tableTitle.value);
     await reload();
   });
-  function handleNew() {
-    createMessage.warning('暂未完成，敬请期待');
-  }
+  const [registerViewTable] = useTable({
+    dataSource: viewData,
+    columns: viewColumns,
+    pagination: false,
+    showIndexColumn: false,
+    scroll: { y: 300 },
+  });
   function handleCreate(record) {
     // console.log(record);
     openModal(true, {

src/views/metadata/metadataData.ts

@@ -1076,3 +1076,20 @@ export const bucketingTableData: any[] = [
     index: 'DESC',
   },
 ];
+export const viewData: any[] = [
+  {
+    name: '员工信息视图',
+    remark: '包含所有员工的基本信息',
+    sql: 'SELECT id, name, department FROM employees',
+  },
+  {
+    name: '销售记录视图',
+    remark: '显示每月销售总额',
+    sql: 'SELECT month, SUM(amount) AS total_sales FROM sales GROUP BY month',
+  },
+  {
+    name: '库存状态视图',
+    remark: '监控产品库存水平',
+    sql: 'SELECT product_id, stock_level FROM inventory WHERE stock_level < 10',
+  },
+];