数据使用页面部分开发

@@ -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

@@ -187,7 +187,7 @@ const tableInfo = ref({
 const getTableBtns = (row, includeDetail = true) => {
 const getTableBtns = (row, includeDetail = true) => {
   let btnsArr: any[] = [];
   let btnsArr: any[] = [];
   const currentStaffGuid = userData.userGuid
   const currentStaffGuid = userData.userGuid
-  const approveState = row.approveState;
+  const approveState = row.bizApproveState;
   const staffGuid = row.createUserId || '';
   const staffGuid = row.createUserId || '';
   let flowState;
   let flowState;
   if (approveState == 'N' && staffGuid == currentStaffGuid) {
   if (approveState == 'N' && staffGuid == currentStaffGuid) {

@@ -36,7 +36,7 @@ const searchItemList = ref([
   {
   {
     type: 'select',
     type: 'select',
     label: '',
     label: '',
-    field: 'approveState',
+    field: 'bizApproveState',
     default: '',
     default: '',
     placeholder: '审核状态',
     placeholder: '审核状态',
     options: [
     options: [
@@ -130,7 +130,7 @@ const page = ref({
     { label: "200", value: 200 },
     { label: "200", value: 200 },
   ],
   ],
   connectorName: '',
   connectorName: '',
-  approveState: ''
+  bizApproveState: ''
 });
 });
 const currTableData: any = ref({});
 const currTableData: any = ref({});
 const tableInfo = ref({
 const tableInfo = ref({
@@ -197,10 +197,10 @@ const toSearch = (val: any, clear: boolean = false) => {
   if (clear) {
   if (clear) {
     searchItemList.value.map((item) => (item.default = ""));
     searchItemList.value.map((item) => (item.default = ""));
     page.value.connectorName = '';
     page.value.connectorName = '';
-    page.value.approveState = "";
+    page.value.bizApproveState = "";
   } else {
   } else {
     page.value.connectorName = val.connectorName;
     page.value.connectorName = val.connectorName;
-    page.value.approveState = val.approveState;
+    page.value.bizApproveState = val.bizApproveState;
   }
   }
   getTableData();
   getTableData();
   updateCheckConnector();
   updateCheckConnector();
@@ -212,7 +212,7 @@ const getTableData = () => {
     pageIndex: page.value.curr,
     pageIndex: page.value.curr,
     pageSize: page.value.limit,
     pageSize: page.value.limit,
     connectorName: page.value.connectorName,
     connectorName: page.value.connectorName,
-    approveState: page.value.approveState,
+    bizApproveState: page.value.bizApproveState,
     currentStaffGuid: userData.staffGuid
     currentStaffGuid: userData.staffGuid
   }).then((res: any) => {
   }).then((res: any) => {
     if (res?.code == proxy.$passCode) {
     if (res?.code == proxy.$passCode) {