修改流程中心并配置路由

src/router/routes/index.ts

@@ -59,6 +59,37 @@ export const DictRoute: AppRouteRecordRaw = {
     },
   ],
 };
+//11/20 13点23分 流程中心相关路由
+export const processCenterRoute: AppRouteRecordRaw = {
+  path: '/processCenter',
+  name: 'processCenter',
+  component: LAYOUT,
+  meta: {
+    title: '流程中心',
+    icon: '',
+    currentActiveMenu: '/processCenter/index',
+  },
+  children: [
+    {
+      path: '/processCenter/detailsTab2',
+      name: 'detailsTab2',
+      component: () => import('@/views/processCenter/detailsTab2/index.vue'),
+      meta: {
+        title: '发起事项详情页面',
+        icon: '',
+      },
+    },
+    {
+      path: '/processCenter/detailsTab3',
+      name: 'detailsTab3',
+      component: () => import('@/views/processCenter/detailsTab3/index.vue'),
+      meta: {
+        title: '已办事项详情页面',
+        icon: '',
+      },
+    },
+  ],
+};
 export const mainBodyRoute: AppRouteRecordRaw = {
   path: '/mainBody',
   name: 'mainBody',
@@ -216,8 +247,7 @@ export const DataWarehousePlanningRoute: AppRouteRecordRaw = {
     {
       path: 'logicalModel/upload',
       name: 'upload',
-      component: () =>
-        import('@/views/dataWarehousePlanning/logicalModel/upload/index.vue'),
+      component: () => import('@/views/dataWarehousePlanning/logicalModel/upload/index.vue'),
       meta: {
         title: '申请发布',
         icon: '',
@@ -272,9 +302,7 @@ export const DataWarehousephysicalModelRoute: AppRouteRecordRaw = {
       path: 'physicalModel/assetRelate',
       name: 'assetER',
       component: () =>
-        import(
-          '@/views/dataWarehousePlanning/physicalModel/modelDetail/assetRelation/assetER.vue'
-          ),
+        import('@/views/dataWarehousePlanning/physicalModel/modelDetail/assetRelation/assetER.vue'),
       meta: {
         title: '资产关系图谱',
         icon: '',
@@ -292,7 +320,8 @@ export const DataWarehousephysicalModelRoute: AppRouteRecordRaw = {
     {
       path: 'physicalModel/versionManage',
       name: 'versionManage',
-      component: () => import('@/views/dataWarehousePlanning/physicalModel/modelDetail/versionIndex.vue'),
+      component: () =>
+        import('@/views/dataWarehousePlanning/physicalModel/modelDetail/versionIndex.vue'),
       meta: {
         title: '版本对比',
         icon: '',
@@ -710,4 +739,5 @@ export const basicRoutes = [
   DataWarehousephysicalModelRoute,
   PAGE_NOT_FOUND_ROUTE,
   QualityRuleRoute,
+  processCenterRoute,
 ];

src/views/dataQuality/dataSheet/task/qualityReport/ruleModal.vue → src/views/dataQuality/dataSheet/task/qualityReport/addRuleModal.vue

@@ -6,7 +6,7 @@
     :title="title"
     @ok="handleSubmit"
   >
-    <BasicForm @register="registerForm" />
+    <BasicTable @register="registerTable" />
   </BasicModal>
 </template>
 <script lang="ts" setup>
@@ -15,7 +15,8 @@
   import { useMessage } from '@/hooks/web/useMessage';
   import { recommendData } from '@/views/metadata/metadataData';
   import { BasicForm, useForm } from '@/components/Form';
-  import { ruleSchema } from './data';
+  import { addRuleColumns } from './data';
+  import { BasicTable, useTable } from '@/components/Table';
 
   defineOptions({ name: 'KnowledgeModal' });
 
@@ -25,21 +26,20 @@
   const tableData = ref([]);
   //获取接口数据并放在下拉框里（这里是打开了一个弹框）
   //初始化表单
-  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
-    labelWidth: 100,
-    baseColProps: { lg: 12, md: 24 },
-    schemas: ruleSchema,
-    showActionButtonGroup: false,
-    actionColOptions: {
-      span: 23,
-    },
-  });
+
   //初始化弹框
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
     await resetFields();
     setModalProps({ confirmLoading: false });
     title.value = data.title;
   });
+  const [registerTable, { reload, updateTableDataRecord, getSearchInfo }] = useTable({
+    columns: addRuleColumns,
+    dataSource: tableData,
+    rowSelection: {
+      type: 'checkbox',
+    },
+  });
 
   async function handleSubmit() {
     closeModal();

src/views/dataQuality/dataSheet/task/qualityReport/data.ts

 import { BasicColumn, FormSchema } from '@/components/Table';
 import { DescItem } from '@/components/Description';
-import { c } from 'node_modules/vite/dist/node/types.d-aGj9QkWt';
+import { h } from 'vue';
+import { Switch } from 'ant-design-vue';
 
 export const columns: BasicColumn[] = [
   {
@@ -94,6 +95,32 @@ export const modEditColumns: BasicColumn[] = [
     width: 120,
   },
 ];
+export const addRuleColumns: BasicColumn[] = [
+  {
+    title: '字段',
+    dataIndex: 'field',
+    width: 120,
+  },
+  {
+    title: '展示项配置',
+    dataIndex: 'showConfig',
+    width: 120,
+  },
+  {
+    title: '搜索项配置',
+    dataIndex: 'searchConfig',
+    width: 120,
+    customRender: ({ text, record }) => {
+      const handleSwitchChange = (checked) => {
+        record.searchConfig = checked;
+      };
+      return h(Switch, {
+        checked: record.searchConfig,
+        onChange: handleSwitchChange,
+      });
+    },
+  },
+];
 export const ruleSchema: FormSchema[] = [
   {
     field: 'path',

src/views/dataQuality/dataSheet/task/qualityReport/detailModal.vue

@@ -14,7 +14,7 @@
         <a-button type="primary" @click="handleAddWhite" v-if="isWhite"
           >添加问题数据到白名单</a-button
         >
-        <a-button type="primary" @click="reload">设置问题规则</a-button>
+        <a-button type="primary" @click="handleSetRule">设置问题规则</a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'status'">
@@ -33,6 +33,7 @@
     <BasicTable @register="registerKafkaTable" /> -->
   </BasicModal>
   <whiteListModal @register="registerWhiteListModal" />
+  <addRuleModal @register="registerAddRuleModal" />
 </template>
 <script lang="ts" setup>
   import { onMounted, ref } from 'vue';
@@ -46,6 +47,7 @@
   import { useForm, BasicForm } from '@/components/Form';
   import { downloadByData } from '@/utils/file/download';
   import whiteListModal from './modEditModal.vue';
+  import addRuleModal from './addRuleModal.vue';
 
   defineOptions({ name: 'KnowledgeModal' });
 
@@ -58,6 +60,7 @@
     registerWhiteListModal,
     { setModalProps: setWhiteListModalProps, openModal: openWhiteListModal },
   ] = useModal();
+  const [registerAddRuleModal, { openModal: openAddRuleModal }] = useModal();
   //获取接口数据并放在下拉框里（这里是打开了一个弹框）
   //初始化表单
   const [registerTable, { reload, getForm, getRowSelection }] = useTable({
@@ -100,6 +103,7 @@
     setModalProps({ confirmLoading: false });
     title.value = data.title;
   });
+
   const [registerKafkaTable] = useTable({
     dataSource: KafkaData,
     columns: KafkaColumns,
@@ -107,6 +111,7 @@
     showIndexColumn: false,
     scroll: { y: 300 },
   });
+
   const [registerForm] = useForm({
     labelWidth: 100,
     schemas: detailModalSchema,
@@ -120,6 +125,11 @@
   function handleAddWhite() {
     openWhiteListModal(true, {});
   }
+  //设置问题规则
+  function handleSetRule() {
+    openAddRuleModal(true, {});
+  }
+
   onMounted(() => {
     tableData.value = detailHookData;
   });

src/views/notifications/noticeManage/noti.data.ts

@@ -292,13 +292,14 @@ export const formSchema: FormSchema[] = [
   {
     field: 'message',
     label: '收件人',
-    component: 'CheckboxGroup',
+    component: 'Select',
     colProps: { span: 12 },
     componentProps: {
-      defaultValue: ['1'],
+      mode: 'multiple',
       options: [
         { label: '收件人1', value: '1' },
         { label: '收件人2', value: '2' },
+        { label: '收件人3', value: '3' },
       ],
     },
     ifShow: ({ values }) => values.alarmType !== undefined && values.alarmType.includes('1'),

src/views/processCenter/index.vue

@@ -309,22 +309,12 @@
   /**查看详情按钮tab2*/
   function handleViewtab2(record: Recordable) {
     const businessId = record.businessId;
-    $router.push({
-      path: '/processCenter/detailsTab2',
-      query: {
-        businessId,
-      },
-    });
+    go('/processCenter/detailsTab2');
   }
   /**查看详情按钮tab3*/
   function handleViewtab3(record: Recordable) {
     const businessId = record.businessId;
-    $router.push({
-      path: '/processCenter/detailsTab3',
-      query: {
-        businessId,
-      },
-    });
+    go('/processCenter/detailsTab3');
   }
   /**数据权限按钮*/
   function dataPermiss(record: Recordable) {
@@ -461,16 +451,16 @@
   });
 
   /**离开路由前调用的钩子函数*/
-  onBeforeRouteLeave((to, from, next) => {
-    const params = Object.assign({}, getForm().getFieldsValue());
-    filterStore.setSearchParams({
-      path: from.path,
-      param: {
-        ...params,
-      },
-    });
-    next(); // 允许导航
-  });
+  // onBeforeRouteLeave((to, from, next) => {
+  //   const params = Object.assign({}, getForm().getFieldsValue());
+  //   filterStore.setSearchParams({
+  //     path: from.path,
+  //     param: {
+  //       ...params,
+  //     },
+  //   });
+  //   next(); // 允许导航
+  // });
   //标签页切换
   const activeKey = ref('1');