修改产品登记样式；元数据添加删除按钮

lihua
Showing 3 changed files with 54 additions and 36 deletions
src/api/modules/dataMetaService.ts
src/views/data_asset/registerCatalogManagement.vue
src/views/data_meta/metadataQuery.vue
--- a/src/api/modules/dataMetaService.ts
View file @8993e0d
+++ b/src/api/modules/dataMetaService.ts
View file @8993e0d
@@ -243,3 +243,9 @@ export const syncChangeDetail = (guid) => request({
  url: `${import.meta.env.VITE_APP_PLAN_BASEURL}/task-change-record/sync-change-detail/${guid}`,
  method: 'get',
 })
+/** 删除元数据查询数据库 */
+export const delMetaDataSource = (databaseGuid) => request({
+  url: `${import.meta.env.VITE_APP_PLAN_BASEURL}/meta-collect-task/del-by-database-guid?databaseGuid=${databaseGuid}`,
+  method: 'delete',
+})
\ No newline at end of file
--- a/src/views/data_asset/registerCatalogManagement.vue
View file @8993e0d
+++ b/src/views/data_asset/registerCatalogManagement.vue
View file @8993e0d
@@ -61,9 +61,6 @@ const searchItemList = ref([
    props: {
      value: 'value',
      label: 'label'
-    },
-    style: {
-      width: '230px'
    }
  },
  {
@@ -478,12 +475,6 @@ const handleWindowResize = () => {
  align-items: center;
 }
-:deep(.tools_search) {
-  .el-form-item .el-select {
-    width: 230px;
-  }
-}
 .table_panel_wrap {
  margin-top: 16px;
  position: relative;
@@ -518,7 +509,8 @@ const handleWindowResize = () => {
  .v-add {
-    width: 294px;
+    width: calc(25% - 20px);
+    min-width: 220px;
    height: 268px;
    // height: auto;
    background: #FAFAFA;
@@ -558,7 +550,8 @@ const handleWindowResize = () => {
  }
  .card-content {
-    width: 294px;
+    width: calc(25% - 20px);
+    min-width: 220px;
    height: 268px;
    // height: auto;
    background: #FAFAFA;
--- a/src/views/data_meta/metadataQuery.vue
View file @8993e0d
+++ b/src/views/data_meta/metadataQuery.vue
View file @8993e0d
@@ -8,12 +8,13 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import Tree from '@/components/Tree/index.vue'
 import Table from '@/components/Table/index.vue'
 import { changeNum } from '@/utils/common'
-import { useRouter ,useRoute} from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import {
  getMetaTreeData,
  getMetaDatabaseCollect,
  getMetaDataBase,
  getMetaDataSheet,
+  delMetaDataSource,
 } from '@/api/modules/dataMetaService';
 import { TableColumnWidth } from '@/utils/enum';
@@ -189,11 +190,16 @@ const tableInfo: any = ref({
  actionInfo: {
    label: "操作",
    type: "btn",
-    width: 60,
+    width: 100,
    fixed: 'right',
-    btns: [
+    btns: (scope) => {
+      return treeActive.value == 'source' ? [
        { label: "详情", value: "detail" },
-    ],
+        { label: "删除", value: "del" },
+      ] : [
+        { label: "详情", value: "detail" },
+      ];
+    }
  },
  loading: false
 })
@@ -332,13 +338,28 @@ const tableBtnClick = (scope, btn) => {
        }
      })
    }
+  } else if (type == 'del') {
+    proxy.$openMessageBox("确定要删除该数据库吗?", () => {
+      tableInfo.value.loading = true;
+      delMetaDataSource(row.databaseGuid).then((res: any) => {
+        tableInfo.value.loading = false;
+        if (res.code == proxy.$passCode) {
+          proxy.$ElMessage.success('删除数据库成功');
+          getTreeData();
+        } else {
+          proxy.$ElMessage.error(res.msg);
+        }
+      });
+    }, () => {
+      proxy.$ElMessage.info("已取消删除");
+    })
  }
 };
-const filterValue = (row,num=1) => {
+const filterValue = (row, num = 1) => {
  let val: any = null
  if (row.type == 'chnum') {
-    val = changeNum(row.value ? row.value/num : 0, row.fixedNum ?? 0)
+    val = changeNum(row.value ? row.value / num : 0, row.fixedNum ?? 0)
  }
  return val
 }
@@ -366,7 +387,7 @@ const nodeClick = (data) => {
    })
  }
 }
-const getQueryTreeData = ()=>{
+const getQueryTreeData = () => {
  treeInfo.value.loading = true
  let params = {}
  getMetaTreeData(params).then((res: any) => {
@@ -379,22 +400,22 @@ const getQueryTreeData = ()=>{
      if (treeList.length) {
        expandedKey.value = [dataSourceGuid]
        currentNodeKey.value = dataSourceGuid as string
-        currNodeInfo.value = {type:2,guid:dataSourceGuid,name:datasourceName}
+        currNodeInfo.value = { type: 2, guid: dataSourceGuid, name: datasourceName }
      }
      nextTick(() => {
        treeInfo.value.currentNodeKey = <string>route.query.tableGuid || currentNodeKey.value;
        treeInfo.value.expandedKey = expandedKey.value
      })
-      nodeClick({type:2,guid:dataSourceGuid,name:datasourceName}) 
+      nodeClick({ type: 2, guid: dataSourceGuid, name: datasourceName })
      dataSourceGuid = ""
    }
-  }).catch(()=>{
+  }).catch(() => {
    treeInfo.value.loading = false
  })
 }
 onBeforeMount(() => {
  cardList.value = cardMap.value[treeActive.value].count;
-  if(dataSourceGuid){
+  if (dataSourceGuid) {
    getQueryTreeData()
  } else {
    getTreeData()
@@ -407,18 +428,18 @@ onBeforeMount(() => {
 <template>
  <div class="container_wrap full flex">
    <div class="aside_wrap">
-      <div class="aside_title" >数据库目录列表</div>
+      <div class="aside_title">数据库目录列表</div>
      <Tree :treeInfo="treeInfo" @nodeClick="nodeClick" />
    </div>
    <div class="pane-trigger-con"></div>
    <div class="main_wrap">
      <div class="table_tool_wrap">
        <div class="aside_title" style="padding: 0;">
-          <template v-if="currentTitle !=='数据库总览'">
+          <template v-if="currentTitle !== '数据库总览'">
            <span>数据库：</span>{{ currentTitle }}
          </template>
          <template v-else>
-           {{ currentTitle }} <span >({{ databaseCount }})</span>
+            {{ currentTitle }} <span>({{ databaseCount }})</span>
          </template>
        </div>
        <div class="card_panel">
@@ -426,20 +447,17 @@ onBeforeMount(() => {
            <img :src="item.icon" alt="">
            <div class="tags_item">
              <p class="tag_text">{{ item.label }}</p>
-              <template v-if="item.field==='dataCount'">
+              <template v-if="item.field === 'dataCount'">
-                <el-tooltip
+                <el-tooltip placement="top-start" trigger="hover" effect="light" :show-after="400"
-                    placement="top-start"
+                  :content="filterValue(item) + '个'">
-                    trigger="hover"
+                  <p class="tag_num"><span>{{ filterValue(item, 10000) }}</span><span class="unit">{{ ' ' + item.unit
-                    effect="light"
+                  }}</span></p>
-                    :show-after="400"
-                    :content="filterValue(item)+'个'"
-                  >
-                      <p class="tag_num"><span>{{ filterValue(item,10000)}}</span><span class="unit">{{ ' ' + item.unit }}</span></p>
                </el-tooltip>
              </template>
              <template v-else>
-                <p class="tag_num"><span>{{ filterValue(item) }}</span><span class="unit">{{ ' ' + item.unit }}</span></p>
+                <p class="tag_num"><span>{{ filterValue(item) }}</span><span class="unit">{{ ' ' + item.unit }}</span>
+                </p>
              </template>
            </div>
@@ -467,7 +485,7 @@ onBeforeMount(() => {
      height: 48px;
      // padding: 24px 0;
      margin-bottom: 20px;
-     padding-top:10px ;
+      padding-top: 10px;
      display: flex;
      // justify-content: space-between;
      align-items: center;
@@ -526,6 +544,7 @@ onBeforeMount(() => {
    overflow: hidden auto;
  }
 }
 .aside_title {
  padding: 0 8px;
  font-size: 14px;