分类分级任务联调

lxs
Showing 3 changed files with 73 additions and 102 deletions
src/api/modules/dataInventory.ts
src/store/modules/user.ts
src/views/data_inventory/taskEdit.vue
--- a/src/api/modules/dataInventory.ts
View file @c98554a
+++ b/src/api/modules/dataInventory.ts
View file @c98554a
@@ -282,8 +282,8 @@ export const getCgLabelPageList = (data) => request({
 })
 // 元数据采集任务-分页
-export const getMetaCollectTaskPageList = (data) => request({
+export const getMetaTableCollectList = (data) => request({
-  url: `${import.meta.env.VITE_APP_CHECK_BASEURL}/meta-collect-task/page-list`,
+  url: `${import.meta.env.VITE_APP_CHECK_BASEURL}/meta-table/meta-table-collect-list`,
  method: 'post',
  data
 })
--- a/src/store/modules/user.ts
View file @c98554a
+++ b/src/store/modules/user.ts
View file @c98554a
@@ -34,11 +34,7 @@ const useUserStore = defineStore(
          data.platformGuid = "7f16f697aec111ef8656fa163e60becd";
          data.userType = 2;
          data.validateUri = location.origin + '/';
-          debugger
-          debugger
          return getTokenPromise.value = getTokenByCode(data).then((res: any) => {
-            debugger
-            debugger
            getTokenPromise.value = null;
            console.log(res);
            if (res.code == '00000') {
--- a/src/views/data_inventory/taskEdit.vue
View file @c98554a
+++ b/src/views/data_inventory/taskEdit.vue
View file @c98554a
@@ -9,10 +9,7 @@ import useUserStore from "@/store/modules/user";
 import { ElMessage, ElMessageBox } from "element-plus";
 import { Search } from "@element-plus/icons-vue";
 import useDataAssetStore from "@/store/modules/dataAsset";
-import { getClassifyGradList, getClassifyTreeList, getCgLabelPageList, filterVal } from "@/api/modules/dataInventory";
+import { getClassifyGradList, getClassifyTreeList, getCgLabelPageList, getMetaTableCollectList, } from "@/api/modules/dataInventory";
-import { TableColumnWidth } from '@/utils/enum';
-import Table from "@/components/Table/index.vue";
 const { proxy } = getCurrentInstance() as any;
 const router = useRouter();
@@ -31,28 +28,16 @@ const listPage = ref({
  totalPages: 0
 })
 const currpermissionList: any = ref([])
-const templateInfo = ref({
+const templateInfo = ref({})
-  title: '医疗数据分类',
-  descGroup: [
-    { label: '模型确认人', value: '管理员 ' },
-    { label: '模型确认时间', value: '2021-12-12 09:12:13' },
-  ],
-  tags: [
-    { type: 'info', name: '医疗行业分类' },
-    { type: 'success', name: '五级' },
-    { type: 'primary', name: 'V5' },
-  ],
-  desc: '适用于各级医疗机构、卫生健康管理部门、公共卫生服务机构、相关专项业务服务机构、相关信息技术服务机构等开展医疗健康数据分类分级。适用于各级医疗机构、卫生健康管理部门、公共卫生服务机构、相关专项业务服务机构、相关信息技术服务机构等开展医疗健康数据分类分级。适用于各级医疗机构、卫生健康。'
-})
 const treeIndex: any = ref({})
 const treeInfo = ref({
  id: "data-pickup-tree",
  filter: true,
  queryValue: "",
-  queryPlaceholder: "输入组织名称搜索",
+  queryPlaceholder: "请输入分类名称搜索",
  props: {
-    label: "organisationName",
+    label: "classifyName",
    value: "guid",
  },
  nodeKey: 'guid',
@@ -105,17 +90,20 @@ const page = ref({
    { label: "200", value: 200 },
  ],
 });
-const searchItemValue: any = ref({});
+const searchItemValue: any = ref({
+  classifyGuid: '',
+  detailGuid: ''
+});
 const currTableData: any = ref({});
 const tableInfo = ref({
  id: "mapping-table",
  fields: [
    { label: "序号", type: "index", width: 56, align: "center", fixed: "left" },
-    { label: "标签", field: "damCode", width: 96 },
+    { label: "标签", field: "label", width: 96 },
-    { label: "分类", field: "damTypeName", width: 380 },
+    { label: "分类", field: "classifyDetailName", width: 380 },
-    { label: "分级", field: "damName", width: 55 },
+    { label: "分级", field: "gradeDetailName", width: 55 },
-    { label: "规则", field: "damTypeName", width: 380 },
+    { label: "规则", field: "rule", width: 380 },
  ],
  loading: false,
  data: [],
@@ -154,11 +142,15 @@ const metadataTableInfo = ref({
 const nodeClick = (data) => {
  treeIndex.value = data
+  searchItemValue.value.classifyGuid = templateInfo.value.guid;
+  searchItemValue.value.detailGuid = data.guid;
+  getTableData();
 }
+// 获取标签数据
 const getTableData = () => {
  tableInfo.value.loading = true;
-  getListingList(
+  getCgLabelPageList(
    Object.assign({}, searchItemValue.value, {
      pageIndex: page.value.curr,
      pageSize: page.value.limit,
@@ -203,36 +195,14 @@ const tablePageChange = (info) => {
  getTableData();
 };
-const open = (msg, type, isBatch = false) => {
+const getMetaTableData = () => {
-  ElMessageBox.confirm(msg, "提示", {
+  getMetaTableCollectList({}).then((res: any) => {
-    confirmButtonText: "确定",
+    metadataTableInfo.value.loading = false;
-    cancelButtonText: "取消",
+    metadataTableInfo.value.data = res.data.records || [];
-    type: type,
+    metadataTableInfo.value.page.curr = res.data.pageIndex;
-  }).then(() => {
+    metadataTableInfo.value.page.limit = res.data.pageSize;
-    const guids = [currTableData.value.guid];
+    metadataTableInfo.value.page.rows = res.data.totalRows;
-    listingDelete(guids).then((res: any) => {
+  })
-      if (res.code == proxy.$passCode) {
-        getFirstPageData();
-        ElMessage({
-          type: "success",
-          message: "删除成功",
-        });
-      } else {
-        ElMessage({
-          type: "error",
-          message: res.msg,
-        });
-      }
-    }).catch((res) => {
-      tableInfo.value.loading = false;
-    });
-  });
-};
-const getFirstPageData = () => {
-  page.value.curr = 1
-  tableInfo.value.page.curr = 1;
-  getTableData();
 }
 const querySearch = (queryString: string) => {
@@ -263,10 +233,13 @@ const handleScroll = () => {
  }
 }
-const changTable = () => {
+// 点击分类列表
-  // toSearch({})
+const listClick = (row) => {
+  templateInfo.value = row;
+  getClassifyTree()
 };
+// 获取分类列表
 const getPermissionList = (val, init = false) => {
  let params: any = val ? { ...val } : {}
  params.pageIndex = listPage.value.curr;
@@ -286,6 +259,7 @@ const getPermissionList = (val, init = false) => {
      }
      if (data.length) {
        templateInfo.value = data[0];
+        getClassifyTree()
      }
    }
    listLoading.value = false
@@ -294,21 +268,26 @@ const getPermissionList = (val, init = false) => {
  })
 }
-const getClassifyTree = (data) => {
+// 获取树形列表
+const getClassifyTree = () => {
  const params = {
-    guid: data.guid
+    guid: templateInfo.value.guid
  }
  getClassifyTreeList(params).then((res: any) => {
+    if (res.code == proxy.$passCode) {
+      const data = res.data || [];
+      treeInfo.value.data = data;
+    }
  })
 }
 onActivated(() => {
+  getPermissionList({});
+  getMetaTableData();
 })
 onBeforeMount(() => {
-  getPermissionList({})
+  // getPermissionList({})
 })
 </script>
@@ -323,7 +302,7 @@ onBeforeMount(() => {
      </div>
      <div class="aside_list" v-loading="listLoading" v-infinite-scroll="handleScroll">
        <div class="list_item" v-for="(item, i) in currpermissionList" :class="{ active: selectIndex == i }"
-          @click="selectIndex = i; changTable();" v-preReClick>{{ item.name }}</div>
+          @click="selectIndex = i; listClick(item);" v-preReClick>{{ item.name }}</div>
      </div>
    </div>
    <div class="main_wrap" :class="{ full: step == 1 }">
@@ -331,15 +310,15 @@ onBeforeMount(() => {
        <div class="template_panel">
          <div class="title_item">
            <span class="title_label">分类标准：</span>
-            <span class="title_text">{{ templateInfo.name }}</span>
+            <span class="title_text">{{ templateInfo.name || '--' }}</span>
          </div>
          <div class="title_item">
            <span class="title_label">分级标准：</span>
-            <span class="title_text">{{ templateInfo.name }}</span>
+            <span class="title_text">{{ templateInfo.refGradeName || '--' }}</span>
          </div>
          <div class="title_item is_block">
-            <span class="title_label">分级标准：</span>
+            <span class="title_label">描述：</span>
-            <span>{{ templateInfo.desc }}</span>
+            <span class="title_text">{{ templateInfo.description || '--' }}</span>
          </div>
        </div>
        <div class="panel_content">
@@ -443,44 +422,40 @@ onBeforeMount(() => {
      }
      .template_panel {
-        padding: 0 8px;
-        .panel_title {
        display: flex;
-          justify-content: space-between;
+        flex-wrap: wrap;
-          align-items: center;
+        padding: 16px 16px 8px;
-          margin: 8px 0;
-          .title_text {
-            font-size: 16px;
-            color: #212121;
-            line-height: 24px;
-            font-weight: 600;
-          }
-          .title_desc {
+        .title_item {
          display: flex;
+          margin-bottom: 8px;
-            .desc_group {
+          +.title_item {
-              margin-left: 16px;
+            margin-left: 40px;
-            }
-          }
          }
-        .panel_tags {
+          .title_label {
-          .el-tag {
+            display: block;
-            margin-right: 8px;
+            width: 80px;
-          }
+            line-height: 1.5;
          }
-        .panel_desc {
+          .title_text {
-          margin: 8px 0 16px;
-          font-size: 14px;
-          color: #666;
            line-height: 1.5;
+          }
+          &.is_block {
+            width: 100%;
+            margin-left: 0;
+            .title_text {
+              display: block;
+              width: calc(100% - 80px);
              text-align: justify;
            }
          }
+        }
+      }
      .panel_content {
        height: 100%;
@@ -491,7 +466,7 @@ onBeforeMount(() => {
        .box_left {
          width: 240px;
          height: 100%;
-          padding: 12px 0;
+          padding-top: 12px;
          border-right: 1px solid #d9d9d9;
          .aside_title {
@@ -510,7 +485,7 @@ onBeforeMount(() => {
        .box_right {
          width: 100%;
-          padding: 12px 0;
+          padding-top: 12px;
          .el-breadcrumb {
            padding: 0 12px;
@@ -521,7 +496,7 @@ onBeforeMount(() => {
      .table_panel_wrap {
        width: 100%;
-        height: calc(100% - 40px);
+        height: 100%;
        padding: 0 12px;
      }
    }