修改质量白名单

src/router/routes/index.ts

@@ -534,38 +534,38 @@ export const kinshipParseRoute: AppRouteRecordRaw = {
   ],
 };
 
-/**服务开发*/
-export const serviceDevelopmentRoute: AppRouteRecordRaw = {
-  path: '/serviceDevelopment',
-  name: 'serviceDevelopment',
-  component: LAYOUT,
-  meta: {
-    title: '服务开发',
-    icon: '',
-    hidden: true,
-    currentActiveMenu: '/serviceDevelopment',
-  },
-  children: [
-    {
-      path: 'fileDetail',
-      name: 'fileDetail',
-      component: () => import('@/views/serviceDevelopment/index.vue'),
-      meta: {
-        title: '模块描述',
-        icon: '',
-      },
-    },
-    {
-      path: 'apiContrast',
-      name: 'apiContrast',
-      component: () => import('@/views/serviceDevelopment/apiContrast.vue'),
-      meta: {
-        title: 'api对比',
-        icon: '',
-      },
-    },
-  ],
-};
+// /**服务开发*/
+// export const serviceDevelopmentRoute: AppRouteRecordRaw = {
+//   path: '/serviceDevelopment',
+//   name: 'serviceDevelopment',
+//   component: LAYOUT,
+//   meta: {
+//     title: '服务开发',
+//     icon: '',
+//     hidden: true,
+//     currentActiveMenu: '/serviceDevelopment',
+//   },
+//   children: [
+//     {
+//       path: 'fileDetail',
+//       name: 'fileDetail',
+//       component: () => import('@/views/serviceDevelopment/index.vue'),
+//       meta: {
+//         title: '模块描述',
+//         icon: '',
+//       },
+//     },
+//     {
+//       path: 'apiContrast',
+//       name: 'apiContrast',
+//       component: () => import('@/views/serviceDevelopment/apiContrast.vue'),
+//       meta: {
+//         title: 'api对比',
+//         icon: '',
+//       },
+//     },
+//   ],
+// };
 // Basic routing without permission
 // 没有权限要求的基本路由
 export const basicRoutes = [
@@ -579,7 +579,7 @@ export const basicRoutes = [
   DataSourceRoute,
   DataStandardRoute,
   kinshipParseRoute,
-  serviceDevelopmentRoute,
+  // serviceDevelopmentRoute,
   // RootRoute,
   ...mainOutRoutes,
   REDIRECT_ROUTE,

src/views/dataQuality/agentClass/mainBody/dataQualityMainBodyData.ts

@@ -56,8 +56,8 @@ export const TreeData: any[] = [
     delFlag: '0',
     flag: '1',
     businessId: 100,
-    fileName: '质量主体',
-    anotherName: '质量主体',
+    fileName: '质量白名单',
+    anotherName: '质量白名单',
     parentId: 0,
     'code:': '001',
     ancestors: '0',

src/views/dataQuality/agentClass/qualityWhitelist/FileTree.vue

 <template>
   <div class="m-4 mr-0 overflow-hidden bg-white">
     <BasicTree
-      title="质量主体"
+      title="质量白名单"
       ref="treeRef"
       toolbar
       search

src/views/dataQuality/agentClass/qualityWhitelist/connectBodyModal.vue

@@ -7,7 +7,7 @@
     @ok="handleSubmit"
   >
     <div style="display: flex; justify-content: flex-end; padding-bottom: 10px">
-      <a-button style="margin-right: 5px" type="primary" @click="refresh">更新名单</a-button>
+      <a-button style="margin-right: 5px" type="primary" @click="upload">更新名单</a-button>
       <a-button style="margin-right: 5px" type="primary" @click="handleSave">保存</a-button>
     </div>
     <Description size="middle" title="基本信息" :bordered="false" />
@@ -29,10 +29,11 @@
       </template>
     </BasicTable>
   </BasicModal>
+  <UploadModal @register="registerUploadModal" />
 </template>
 <script lang="ts" setup>
   import { ref } from 'vue';
-  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicModal, useModal, useModalInner } from '@/components/Modal';
   import { useMessage } from '@/hooks/web/useMessage';
   import { BasicForm, useForm } from '@/components/Form';
   import { Description } from '@/components/Description';
@@ -45,13 +46,14 @@
   } from './data';
   import { refundData, partitionData } from './dataQualityWhiteData';
   import { BasicTable, useTable } from '@/components/Table';
+  import UploadModal from './uploadModal.vue';
 
   defineOptions({ name: 'KnowledgeModal' });
 
   const emit = defineEmits(['success', 'register']);
   const { createMessage } = useMessage();
   const title = ref();
-  const tableData = ref([]);
+  const [registerUploadModal, { openModal: openUploadModal }] = useModal();
   //获取接口数据并放在下拉框里（这里是打开了一个弹框）
   //初始化表单
   const [registerForm, { resetFields }] = useForm({
@@ -98,8 +100,10 @@
   function handleSave() {
     createMessage.success('保存成功');
   }
-  function refresh() {
-    createMessage.success('保存成功');
+  function upload() {
+    openUploadModal(true, {
+      title: '更新名单',
+    });
   }
   async function handleSubmit() {
     closeModal();

src/views/dataQuality/agentClass/qualityWhitelist/data.ts

@@ -403,3 +403,20 @@ export const searchTableFormSchema: FormSchema[] = [
     colProps: { span: 4 },
   },
 ];
+export const uploadSchema: FormSchema[] = [
+  {
+    field: 'file',
+    component: 'Upload',
+    label: '上传文件',
+    colProps: { lg: 24, md: 24 },
+    rules: [{ required: true, message: '请选择上传文件' }],
+  },
+];
+export const uploadColumns: BasicColumn[] = [
+  {
+    title: '身份标识',
+    dataIndex: 'key',
+    width: 120,
+    align: 'left',
+  },
+];

src/views/dataQuality/agentClass/qualityWhitelist/dataQualityWhiteData.ts

@@ -615,3 +615,14 @@ export const refundData = {
   dataBase: 'gyh',
 };
 export const partitionData: any[] = [];
+export const uploadData: any[] = [
+  {
+    key: '110105199001010015',
+  },
+  {
+    key: '110105199001010016',
+  },
+  {
+    key: '110105199001010017',
+  },
+];

src/views/dataQuality/agentClass/qualityWhitelist/uploadModal.vue

+<template>
+  <BasicModal
+    width="30%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="title"
+    @ok="handleSubmit"
+  >
+    <Alert
+      type="info"
+      show-icon
+      message="上传名单Excel后，请点击预览查看最新数据;更新后将会覆盖原有数据。"
+      style="margin-bottom: 20px"
+    />
+    <a-button type="primary" style="margin-left: 100px;margin-bottom: 10px" @click="handleDownload">下载模板</a-button>
+    <BasicForm @register="registerForm" />
+    <Description size="middle" title="数据预览" :bordered="false" />
+    <BasicTable @register="registerPartitionTable" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { BasicForm, useForm } from '@/components/Form';
+  import {
+    uploadColumns,
+    uploadSchema,
+  } from '@/views/dataQuality/agentClass/qualityWhitelist/data';
+  import { Alert } from 'ant-design-vue';
+  import { Description } from '@/components/Description';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { uploadData } from '@/views/dataQuality/agentClass/qualityWhitelist/dataQualityWhiteData';
+
+  defineOptions({ name: 'KnowledgeModal' });
+
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const title = ref();
+  const tableData = ref([]);
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: uploadSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields;
+    setModalProps({ confirmLoading: false });
+    title.value = data.title;
+  });
+  const [registerPartitionTable] = useTable({
+    dataSource: uploadData,
+    columns: uploadColumns,
+    pagination: false,
+    showIndexColumn: false,
+    useSearchForm: false,
+    bordered: false,
+    scroll: { y: 300 },
+  });
+  function handleDownload() {
+    createMessage.success('下载成功');
+  }
+  async function handleSubmit() {
+    closeModal();
+    createMessage.success('提交成功');
+    resetFields;
+  }
+</script>