数据使用页面部分开发

@@ -44,6 +44,25 @@ const routes: RouteRecordRaw[] = [
           cache: true
           cache: true
         },
         },
       },
       },
+      {
+        path: 'data-usage-detail',
+        name: 'dataUsageDetail',
+        component: () => import('@/views/data_asset/dataUsageDetail.vue'),
+        meta: {
+          title: '详情-',
+          sidebar: false,
+          breadcrumb: false,
+          cache: true,
+          editPage: true,
+          reuse: true
+        },
+        beforeEnter: (to, from) => {
+          if (to.query.name) {
+            to.meta.title = `详情-${to.query.name}`;
+            return;
+          }
+        }
+      }
     ],
     ],
   },
   },
 ]
 ]

@@ -159,4 +159,8 @@ onBeforeMount(() => {
   </div>
   </div>
 </template>
 </template>
 
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.container_wrap {
+  padding: 0px 16px;
+}
+</style>
\ No newline at end of file

+<script lang="ts" setup name="dataUsageDetail">
+import { changeNum } from '@/utils/common';
+
+
+const fullscreenloading = ref(false);
+
+const tableInfo = ref({
+  id: 'dataset-table',
+  rowKey: 'guid',
+  loading: false,
+  fields: [  { label: "序号", type: "index", width: 56, align: "center" },
+    { label: "表中文名称", field: "tableChName", width: 150, align: "left" },
+    { label: "表英文名称", field: "tableName", width: 150, align: "left" },
+    {
+      label: "表数据总数(条)", field: "dataCount", width: 150, align: "right", getName: (scope) => {
+        return scope.row["dataCount"] == null ? '--' : changeNum(scope.row["dataCount"], 0)
+      }
+    },
+    { label: "描述", field: "description", width: 240 },
+    { label: "修改人", field: "updateUserName", width: 140 },
+    { label: "修改时间", field: "updateTime", width: 180 },],
+  data: [],
+  showPage: false,
+  actionInfo: {
+    label: "操作",
+    type: "btn",
+    width: 160,
+    btns: (scope) => {
+      let btns: any = [];
+      //TODO。根据返回值显示按钮
+      btns.push({ label: '查看', value: 'view' });
+      return btns;
+    }
+  }
+});
+
+onBeforeMount(() => {
+
+})
+
+</script>
+
+<template>
+  <div class="container_wrap" v-loading="fullscreenloading">
+    <div class="table_panel_wrap" style="height: calc(100% - 44px);">
+      <Table :tableInfo="tableInfo" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+.container_wrap {
+  padding: 0px 16px;
+}
+
+</style>
\ No newline at end of file