提交泛化文件迁移

+/** 
+ * 匿名化管理的接口api文件
+ */
+import request from "@/utils/request";
+
+/** 字段类型 */
+export const fieldTypeList = [{
+  value: '1',
+  label: '日期'
+}, {
+  value: '2',
+  label: '字符串'
+}, {
+  value: '3',
+  label: '数值'
+}]
+
+/** 获取泛化文件列表 */
+export const getGeneralizeFileList =  (params) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/page-list`,
+  method: 'post',
+  data: params
+})
+
+/** 获取泛化文件列表,包括名称和guid */
+export const getGeneralizeFileNameList =  () => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/name-list`,
+  method: 'post'
+})
+
+export const saveGeneralizeFile = (data) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/save`,
+  method: 'post',
+  data
+})
+
+/** 删除泛化文件 */
+export const deleteGeneralizeFile = (data) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/delete`,
+  method: 'delete',
+  data
+})
+
+/** 获取泛化文件详情 */
+export const getGeneralizeFileDetail = (guid) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/detail?guid=${guid}`,
+  method: 'get'
+})
+
+export const updateGeneralizeFile = (data) => request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/update`,
+  method: 'put',
+  data
+})
+
+/** 获取泛化文件解析结果 */
+export const parseGeneralizeFileData = (data) =>  request({
+  url: `${import.meta.env.VITE_APP_DIGITAL_CONTRACT_URL}/generalize-file/parse-file`,
+  method: 'post',
+  data
+})
\ No newline at end of file

@@ -217,6 +217,46 @@ const routes: RouteRecordRaw[] = [
       },
     }]
   },
+    {
+    path: '/data-smart-contract-common/generalize-file',
+    component: Layout,
+    meta: {
+      title: '泛化文件管理',
+      icon: 'sidebar-videos',
+    },
+    children: [
+      {
+        path: '',
+        name: 'generalizeFile',
+        component: () => import('@/views/data_smart_contract/generalizeFile.vue'),
+        meta: {
+          title: '',
+          sidebar: false,
+          breadcrumb: false,
+          cache: true
+        },
+      },
+      {
+        path: 'generalize-file-edit',
+        name: 'generalizeFileEdit',
+        component: () => import('@/views/data_smart_contract/generalizeFileEdit.vue'),
+        meta: {
+          title: '新建泛化文件',
+          sidebar: false,
+          breadcrumb: false,
+          cache: true,
+          reuse: true,
+          editPage: true,
+          activeMenu: '/data-smart-contract-common/generalize-file'
+        },
+        beforeEnter: (to, from) => {
+          if (to.query.fileName) {
+            to.meta.title = `编辑-${to.query.fileName}`;
+          }
+        }
+      },
+    ],
+  },
 ]
 
 export default routes
\ No newline at end of file

+const useDataAnonymizationStore = defineStore(
+  // 资产目录guid
+  'anonymization',
+  () => {
+    const isRefresh = ref<boolean>(false);
+    function setIsRefresh(v: boolean) {
+      isRefresh.value = v;
+    }
+
+    const isAnonPageRefresh = ref<boolean>(false);
+    function setIsAnonPageRefresh(v: boolean) {
+      isAnonPageRefresh.value = v;
+    }
+
+    return {
+      isRefresh,
+      isAnonPageRefresh,
+      setIsRefresh,
+      setIsAnonPageRefresh,
+    };
+  }
+);
+
+export default useDataAnonymizationStore;

+<route lang="yaml">
+  name: generalizeFile
+</route>
+
+<script lang="ts" setup name="generalizeFile">
+import TableTools from "@/components/Tools/table_tools.vue";
+import { commonPageConfig } from '@/components/PageNav/index';
+import { TableColumnWidth } from "@/utils/enum";
+import {
+  deleteGeneralizeFile,
+  getGeneralizeFileList,
+  fieldTypeList,
+} from '@/api/modules/dataAnonymization';
+import useDataAnonymizationStore from "@/store/modules/dataAnonymization";
+
+const anonymizationStore = useDataAnonymizationStore();
+const router = useRouter()
+const { proxy } = getCurrentInstance() as any;
+
+const searchItemList = ref([{
+  type: "input",
+  label: "",
+  field: "generalizeFileName",
+  default: "",
+  placeholder: "泛化文件名称",
+  clearable: true,
+}, {
+  type: "select",
+  label: "",
+  field: "fieldType",
+  default: null,
+  options: fieldTypeList,
+  placeholder: "字段类型",
+  clearable: true,
+  filterable: true,
+}])
+
+/** 分页及搜索传参信息配置。 */
+const page = ref({
+  ...commonPageConfig,
+  generalizeFileName: '',
+  fieldType: ''
+});
+
+const tableInfo = ref({
+  id: 'data-file-table',
+  fields: [
+    { label: "序号", type: "index", width: TableColumnWidth.INDEX, align: "center" },
+    { label: "泛化文件名称", field: "generalizeFileName", width: 160 },
+    { label: "字段类型", field: "fieldType", width: 120, getName: (scope) => {
+      return scope.row.fieldType && fieldTypeList.find(f => f.value == scope.row.fieldType)?.label || '--';
+    } },
+    { label: "泛化层级", field: "generalizeLevel", width: 120, align: 'right', type: 'chnum' },
+    { label: "修改人", field: "updateUserName", width: TableColumnWidth.USERNAME },
+    { label: "修改时间", field: "updateTime", width: TableColumnWidth.DATETIME },
+  ],
+  data: [],
+  page: {
+    type: "normal",
+    rows: 0,
+    ...page.value,
+  },
+  loading: false,
+  actionInfo: {
+    label: "操作",
+    type: "btn",
+    width: 120,
+    fixed: 'right',
+    btns: (scope) => {
+      return [{
+        label: "编辑", value: "edit", click: (scope) => {
+          router.push({
+            name: 'generalizeFileEdit',
+            query: {
+              guid: scope.row.guid,
+              fileName: scope.row.generalizeFileName
+            }
+          });
+        }
+      }, {
+        label: "删除", value: "delete", disabled: scope.row.bizState == 'Y', click: (scope) => {
+          proxy.$openMessageBox("此操作将永久删除, 是否继续?", () => {
+            let guids = [scope.row.guid];
+            deleteGeneralizeFile(guids).then((res: any) => {
+              if (res?.code == proxy.$passCode) {
+                getTableData();
+                proxy.$ElMessage({
+                  type: "success",
+                  message: "删除成功",
+                });
+              } else {
+                proxy.$ElMessage({
+                  type: "error",
+                  message: res.msg,
+                });
+              }
+            });
+          }, () => {
+            proxy.$ElMessage.info("已取消");
+          })
+        }
+      }]
+    }
+  }
+})
+
+const toSearch = (val: any, clear: boolean = false) => {
+  if (clear) {
+    searchItemList.value.map((item) => (item.default = ""));
+    page.value.generalizeFileName = '';
+    page.value.fieldType = '';
+  } else {
+    page.value.generalizeFileName = val.generalizeFileName;
+    page.value.fieldType = val.fieldType;
+  }
+  getTableData();
+};
+
+const getTableData = () => {
+  tableInfo.value.loading = true
+  getGeneralizeFileList({
+    pageIndex: page.value.curr,
+    pageSize: page.value.limit,
+    generalizeFileName: page.value.generalizeFileName,
+    fieldType: page.value.fieldType
+  }).then((res: any) => {
+    if (res?.code == proxy.$passCode) {
+      const data = res.data || {}
+      tableInfo.value.data = data.records || []
+      tableInfo.value.page.limit = data.pageSize
+      tableInfo.value.page.curr = data.pageIndex
+      tableInfo.value.page.rows = data.totalRows
+    } else {
+      proxy.$ElMessage({
+        type: 'error',
+        message: res.msg,
+      })
+    }
+    tableInfo.value.loading = false
+  })
+};
+
+const tablePageChange = (info) => {
+  page.value.curr = Number(info.curr);
+  page.value.limit = Number(info.limit);
+  getTableData();
+};
+
+onBeforeMount(() => {
+  toSearch({});
+})
+
+onActivated(() => {
+  if (anonymizationStore.isRefresh) {//如果是首次加载，则不需要调用
+    page.value.curr = 1;
+    getTableData();
+    anonymizationStore.setIsRefresh(false);
+  }
+})
+
+const handleCreate = () => {
+  router.push({
+    name: 'generalizeFileEdit'
+  });
+}
+
+</script>
+
+<template>
+  <div class="container_wrap">
+    <div class="table_tool_wrap">
+      <!-- 头部搜索 -->
+      <TableTools :searchItems="searchItemList" :searchId="'data-label-search'" @search="toSearch" :init="false" />
+      <div class="tools_btns">
+        <el-button type="primary" @click="handleCreate">新建</el-button>
+      </div>
+    </div>
+    <div class="table_panel_wrap">
+      <!-- 右侧标签管理表格 -->
+      <Table :tableInfo="tableInfo" @tablePageChange="tablePageChange" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.table_tool_wrap {
+  width: 100%;
+  height: 84px !important;
+  padding: 0 8px;
+
+  .tools_btns {
+    padding: 0px 0 0;
+  }
+}
+
+.table_panel_wrap {
+  width: 100%;
+  height: calc(100% - 84px);
+  padding: 0px 8px 0;
+}
+</style>
\ No newline at end of file