通知中心和审计日志界面补充假数据

src/views/auditLog/audi.data.ts

@@ -26,26 +26,40 @@ export const columns: BasicColumn[] = [
     title: '对象名称',
     dataIndex: 'ObjectName',
     width: 200,
-
     customRender: ({ record }) => {
-      const router = useRouter(); // 获取路由实例
       return h(
-        'a', // 使用 <a> 标签实现点击跳转
+        'a',
         {
-          style: { color: '#1890ff', cursor: 'pointer' }, // 设置样式
-          onClick: () => {
-            router.push({
-              path: '/dict/type/data', //改为要跳转的路径
-              query: {
-                dictType: record.dictType, //改为要转递的参数
-              },
-            });
-          },
+          style: { color: '#1890ff', cursor: 'pointer' },
         },
-        record.dictType,
+        record.ObjectName,
       );
     },
   },
+  // {
+  //   title: '对象名称',
+  //   dataIndex: 'ObjectName',
+  //   width: 200,
+
+  //   customRender: ({ record }) => {
+  //     const router = useRouter(); // 获取路由实例
+  //     return h(
+  //       'a', // 使用 <a> 标签实现点击跳转
+  //       {
+  //         style: { color: '#1890ff', cursor: 'pointer' }, // 设置样式
+  //         onClick: () => {
+  //           router.push({
+  //             path: '/dict/type/data', //改为要跳转的路径
+  //             query: {
+  //               dictType: record.dictType, //改为要转递的参数
+  //             },
+  //           });
+  //         },
+  //       },
+  //       record.dictType,
+  //     );
+  //   },
+  // },
   {
     title: '路径',
     dataIndex: 'url',
@@ -88,24 +102,38 @@ export const columnstab2: BasicColumn[] = [
     dataIndex: 'dataSourceName',
     width: 100,
     customRender: ({ record }) => {
-      const router = useRouter(); // 获取路由实例
       return h(
-        'a', // 使用 <a> 标签实现点击跳转
+        'a',
         {
-          style: { color: '#1890ff', cursor: 'pointer' }, // 设置样式
-          onClick: () => {
-            router.push({
-              path: '/dict/type/data', //改为要跳转的路径
-              query: {
-                dictType: record.dictType, //改为要转递的参数
-              },
-            });
-          },
+          style: { color: '#1890ff', cursor: 'pointer' },
         },
-        record.dictType,
+        record.dataSourceName,
       );
     },
   },
+  // {
+  //   title: '数据源名称',
+  //   dataIndex: 'dataSourceName',
+  //   width: 100,
+  //   customRender: ({ record }) => {
+  //     const router = useRouter(); // 获取路由实例
+  //     return h(
+  //       'a', // 使用 <a> 标签实现点击跳转
+  //       {
+  //         style: { color: '#1890ff', cursor: 'pointer' }, // 设置样式
+  //         onClick: () => {
+  //           router.push({
+  //             path: '/dict/type/data', //改为要跳转的路径
+  //             query: {
+  //               dictType: record.dictType, //改为要转递的参数
+  //             },
+  //           });
+  //         },
+  //       },
+  //       record.dictType,
+  //     );
+  //   },
+  // },
   {
     title: '数据源类型',
     dataIndex: 'dataSourceType',

src/views/auditLog/index.vue

@@ -85,6 +85,7 @@
   import { useModal } from '@/components/Modal';
   import { getMenuListByPage } from '@/api/system/menu/menu';
   import { Tabs, Descriptions, Alert } from 'ant-design-vue';
+  import { tableListtab1, tableListtab2 } from './mock';
 
   defineOptions({ name: 'RoleManagement' });
   const filterStore = useFilterStore();
@@ -95,7 +96,19 @@
   const [registerModalEmail, { openModal: openModalEmail }] = useModal();
   const [registerTable, { reload, getForm }] = useTable({
     title: '审计日志',
-    api: getRoleListByPage,
+    api: async (params) => {
+      console.log('params', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableListtab1.length,
+        code: '',
+        message: '',
+        data: tableListtab1,
+      };
+      return { ...response };
+    },
     columns,
     // rowSelection: {
     //   type: 'checkbox',
@@ -118,7 +131,19 @@
   });
   const [registerTable2, { reload: reload2, getForm: getForm2 }] = useTable({
     title: '通知规则名称',
-    api: getRoleListByPage,
+    api: async (params) => {
+      console.log('params', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableListtab2.length,
+        code: '',
+        message: '',
+        data: tableListtab2,
+      };
+      return { ...response };
+    },
     columns: columnstab2,
     rowSelection: {
       type: 'checkbox',

src/views/auditLog/mock.ts

+export const tableListtab1: any[] = [
+  {
+    createDate: '2024-10-24 10:04:05',
+    managerName: '操作人1',
+    manageType: '操作类型1',
+    ObjectName: '对象名称1',
+    url: '触发方式1',
+    objectType: '元数据变更',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-24 10:04:06',
+    managerName: '操作人1',
+    manageType: '操作类型1',
+    ObjectName: '对象名称2',
+    url: '触发方式1',
+    objectType: '元数据变更',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-24 10:04:07',
+    managerName: '操作人2',
+    manageType: '操作类型1',
+    ObjectName: '对象名称3',
+    url: '触发方式1',
+    objectType: '元数据变更',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-24 10:04:08',
+    managerName: '操作人1',
+    manageType: '操作类型1',
+    ObjectName: '对象名称4',
+    url: '触发方式1',
+    objectType: '元数据变更',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-24 10:04:09',
+    managerName: '操作人2',
+    manageType: '操作类型1',
+    ObjectName: '对象名称5',
+    url: '触发方式1',
+    objectType: '元数据变更',
+    result: '成功',
+  },
+];
+export const tableListtab2: any[] = [
+  {
+    createDate: '2024-10-25 10:04:05',
+    accessUser: '访问用户1',
+    accessType: '访问途径1',
+    serverIp: '主机IP1',
+    dataSourceName: '数据源1',
+    dataSourceType: '数据源类型1',
+    sql: '关联SQL语句1',
+    endTime: '执行结束时间1',
+    costTime: '执行耗时1',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-25 10:04:05',
+    accessUser: '访问用户1',
+    accessType: '访问途径1',
+    serverIp: '主机IP1',
+    dataSourceName: '数据源1',
+    dataSourceType: '数据源类型1',
+    sql: '关联SQL语句1',
+    endTime: '执行结束时间1',
+    costTime: '执行耗时1',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-25 10:04:05',
+    accessUser: '访问用户1',
+    accessType: '访问途径1',
+    serverIp: '主机IP1',
+    dataSourceName: '数据源1',
+    dataSourceType: '数据源类型1',
+    sql: '关联SQL语句1',
+    endTime: '执行结束时间1',
+    costTime: '执行耗时1',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-25 10:04:05',
+    accessUser: '访问用户1',
+    accessType: '访问途径1',
+    serverIp: '主机IP1',
+    dataSourceName: '数据源1',
+    dataSourceType: '数据源类型1',
+    sql: '关联SQL语句1',
+    endTime: '执行结束时间1',
+    costTime: '执行耗时1',
+    result: '成功',
+  },
+  {
+    createDate: '2024-10-25 10:04:05',
+    accessUser: '访问用户1',
+    accessType: '访问途径1',
+    serverIp: '主机IP1',
+    dataSourceName: '数据源1',
+    dataSourceType: '数据源类型1',
+    sql: '关联SQL语句1',
+    endTime: '执行结束时间1',
+    costTime: '执行耗时1',
+    result: '成功',
+  },
+];

src/views/notifications/noticeManage/fakeData.ts

-import { getAllRoleList } from '@/api/system/role/role';
-import { BasicColumn, FormSchema } from '@/components/Table';
-import { h } from 'vue';
-import { Tag, Switch } from 'ant-design-vue';
-import { useMessage } from '@/hooks/web/useMessage';
-import { changeFlagApi } from '@/api/system/user/user';
-// 引入开关组件
-type CheckedType = boolean | string | number;
-
-export const TreeData: any[] = [
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 100,
-    institutionName: '机构管理',
-    parentId: 0,
-    'code:': '001',
-    ancestors: '0',
-    orderNum: 0,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 101,
-    institutionName: '数据平台治理部',
-    parentId: 100,
-    'code:': '002',
-    ancestors: '0,100',
-    orderNum: 1,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 107,
-    institutionName: '数据资源管理部',
-    parentId: 100,
-    'code:': '003',
-    ancestors: '0,100',
-    orderNum: 2,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 102,
-    institutionName: '研发部门',
-    parentId: 101,
-    'code:': '004',
-    ancestors: '0,100,101',
-    orderNum: 1,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 103,
-    institutionName: '市场部门',
-    parentId: 101,
-    'code:': '005',
-    ancestors: '0,100,101',
-    orderNum: 2,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 104,
-    institutionName: '测试部门',
-    parentId: 101,
-    'code:': '006',
-    ancestors: '0,100,101',
-    orderNum: 3,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 105,
-    institutionName: '财务部门',
-    parentId: 101,
-    'code:': '007',
-    ancestors: '0,100,101',
-    orderNum: 4,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 106,
-    institutionName: '运维部门',
-    parentId: 101,
-    'code:': '008',
-    ancestors: '0,100,101',
-    orderNum: 5,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 202,
-    institutionName: '数据部门',
-    parentId: 107,
-    'code:': '009',
-    ancestors: '0,100,107',
-    orderNum: 1,
-    children: [],
-    selectType: null,
-  },
-  {
-    delFlag: '0',
-    flag: '0',
-    businessId: 203,
-    institutionName: '检查部门',
-    parentId: 107,
-    'code:': '010',
-    ancestors: '0,100,107',
-    orderNum: 2,
-    children: [],
-    selectType: null,
-  },
-];
-
-export const userData: any[] = [
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 309,
-    username: 'yonghu1',
-    nickName: '测试用户1',
-    userType: '1',
-    name: '测试用户1',
-    createDate: '2024-10-24 10:04:04',
-    institutionId: 105,
-    institutionName: '财务部门',
-    code: '123f',
-    identity: '1',
-    roleIds: null,
-    roleNames: '三级用户',
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 310,
-    username: 'yonghu2',
-    nickName: '测试用户2',
-    userType: '1',
-    name: '测试用户2',
-    createDate: '2024-10-25 10:05:05',
-    sex: '0',
-    institutionId: 105,
-    institutionName: '财务部门',
-    code: '123a',
-    identity: '1',
-    roleIds: null,
-    roleNames: null,
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 317,
-    username: 'yonghu3',
-    nickName: '测试用户3',
-    userType: '1',
-    name: '测试用户3',
-    createDate: '2024-10-26 10:06:06',
-    sex: '1',
-    institutionId: 102,
-    institutionName: '研发部门',
-    code: '123c',
-    identity: '1',
-    roleIds: null,
-    roleNames: '超级管理员',
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 318,
-    username: 'yonghu4',
-    nickName: '测试用户4',
-    userType: '1',
-    name: '测试用户4',
-    createDate: '2024-10-26 10:06:06',
-    sex: '1',
-    institutionId: 102,
-    institutionName: '研发部门',
-    code: '123b',
-    identity: '1',
-    roleIds: null,
-    roleNames: '超级管理员',
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 319,
-    username: 'yonghu5',
-    nickName: '测试用户5',
-    userType: '1',
-    name: '测试用户5',
-    createDate: '2024-10-26 10:06:06',
-    sex: '1',
-    institutionId: 102,
-    institutionName: '研发部门',
-    code: '123x',
-    identity: '1',
-    roleIds: null,
-    roleNames: '超级管理员',
-    roleList: null,
-    menuList: [],
-  },
-];
-
-export const addUserData: any[] = [
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 400,
-    username: 'tianjia1',
-    nickName: '添加用户1',
-    userType: '1',
-    name: '添加用户1',
-    roleName: '工作区访客',
-    createDate: '2024-10-24 10:04:04',
-    institutionId: null,
-    institutionName: '',
-    code: '123f',
-    identity: '1',
-    roleIds: null,
-    roleNames: '三级用户',
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 402,
-    username: 'tianjia2',
-    nickName: '添加用户2',
-    userType: '1',
-    name: '添加用户2',
-    roleName: '工作区访客',
-    createDate: '2024-10-25 10:05:05',
-    sex: '0',
-    institutionId: null,
-    institutionName: '',
-    code: '123a',
-    identity: '1',
-    roleIds: null,
-    roleNames: null,
-    roleList: null,
-    menuList: [],
-  },
-  {
-    delFlag: '0',
-    flag: '1',
-    businessId: 403,
-    username: 'tianjia3',
-    nickName: '添加用户3',
-    userType: '1',
-    name: '添加用户3',
-    roleName: '工作区访客',
-    createDate: '2024-10-26 10:06:06',
-    sex: '1',
-    institutionId: null,
-    institutionName: '',
-    code: '123c',
-    identity: '1',
-    roleIds: null,
-    roleNames: '超级管理员',
-    roleList: null,
-    menuList: [],
-  },
-];
-
-export const accountFormSchema: any[] = [];

src/views/notifications/noticeManage/index.vue

@@ -90,6 +90,8 @@
   import { useModal } from '@/components/Modal';
   import { getMenuListByPage } from '@/api/system/menu/menu';
   import { Tabs, Descriptions, Alert } from 'ant-design-vue';
+  import { tableListtab1, tableListtab2 } from './mock';
+  import page from '@/router/routes/modules/demo/page';
 
   defineOptions({ name: 'RoleManagement' });
   const filterStore = useFilterStore();
@@ -100,7 +102,19 @@
   const [registerModalEmail, { openModal: openModalEmail }] = useModal();
   const [registerTable, { reload, getForm }] = useTable({
     title: '通知列表',
-    api: getRoleListByPage,
+    api: async (params) => {
+      console.log('params', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableListtab1.length,
+        code: '',
+        message: '',
+        data: tableListtab1,
+      };
+      return { ...response };
+    },
     columns,
     rowSelection: {
       type: 'checkbox',
@@ -123,7 +137,19 @@
   });
   const [registerTable2, { reload: reload2, getForm: getForm2 }] = useTable({
     title: '通知规则名称',
-    api: getRoleListByPage,
+    api: async (params) => {
+      console.log('params', params);
+      const response = {
+        pageNu: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableListtab2.length,
+        code: '',
+        message: '',
+        data: tableListtab2,
+      };
+      return { ...response };
+    },
     columns: columnstab2,
     rowSelection: {
       type: 'checkbox',

src/views/notifications/noticeManage/mock.ts

+export const tableListtab1: any[] = [
+  {
+    createDate: '2024-10-24 10:04:04',
+    alarmRule: '元数据变更',
+    alarmLevel: '紧急',
+    resourceType: '资源类型1',
+    triggerType: '触发方式1',
+  },
+  {
+    createDate: '2024-10-24 10:04:04',
+    alarmRule: '元数据变更',
+    alarmLevel: '紧急',
+    resourceType: '资源类型1',
+    triggerType: '触发方式1',
+  },
+  {
+    createDate: '2024-10-24 10:04:04',
+    alarmRule: '元数据变更',
+    alarmLevel: '紧急',
+    resourceType: '资源类型2',
+    triggerType: '触发方式1',
+  },
+  {
+    createDate: '2024-10-24 10:04:04',
+    alarmRule: '元数据变更',
+    alarmLevel: '紧急',
+    resourceType: '资源类型2',
+    triggerType: '触发方式1',
+  },
+  {
+    createDate: '2024-10-24 10:04:04',
+    alarmRule: '元数据变更',
+    alarmLevel: '紧急',
+    resourceType: '资源类型1',
+    triggerType: '触发方式3',
+  },
+];
+export const tableListtab2: any[] = [
+  {
+    alarmRuleName: '元数据变更',
+    resourceType: '资源类型1',
+    alarmLevel: '紧急',
+    status: '状态1',
+  },
+  {
+    alarmRuleName: '元数据变更',
+    resourceType: '资源类型1',
+    alarmLevel: '紧急',
+    status: '状态2',
+  },
+  {
+    alarmRuleName: '元数据变更',
+    resourceType: '资源类型1',
+    alarmLevel: '紧急',
+    status: '状态3',
+  },
+  {
+    alarmRuleName: '元数据变更',
+    resourceType: '资源类型1',
+    alarmLevel: '紧急',
+    status: '状态4',
+  },
+  {
+    alarmRuleName: '元数据变更',
+    resourceType: '资源类型1',
+    alarmLevel: '紧急',
+    status: '状态5',
+  },
+];

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

@@ -83,8 +83,8 @@ export const searchFormSchema: FormSchema[] = [
     component: 'Select',
     componentProps: {
       options: [
-        { label: '元数据变更', value: '1' },
-        { label: '元数据处理', value: '2' },
+        { label: '元数据变更', value: '元数据变更' },
+        { label: '元数据处理', value: '元数据处理' },
       ],
       placeholder: '请选择通知规则',
     },
@@ -109,8 +109,8 @@ export const searchFormSchema: FormSchema[] = [
     component: 'Select',
     componentProps: {
       options: [
-        { label: '元数据变更', value: '1' },
-        { label: '元数据处理', value: '2' },
+        { label: '紧急', value: '紧急' },
+        { label: '不紧急', value: '不紧急' },
       ],
       placeholder: '请选择紧急程度',
     },
@@ -133,8 +133,8 @@ export const searchFormSchematab2: FormSchema[] = [
     component: 'Select',
     componentProps: {
       options: [
-        { label: '元数据变更', value: '1' },
-        { label: '元数据处理', value: '2' },
+        { label: '元数据变更', value: '元数据变更' },
+        { label: '元数据处理', value: '元数据处理' },
       ],
       placeholder: '请选择通知规则',
     },
@@ -146,8 +146,8 @@ export const searchFormSchematab2: FormSchema[] = [
     component: 'Select',
     componentProps: {
       options: [
-        { label: '资源类型1', value: '1' },
-        { label: '资源类型2', value: '2' },
+        { label: '资源类型1', value: '资源类型1' },
+        { label: '资源类型2', value: '资源类型2' },
       ],
       placeholder: '请选择资源类型',
     },
@@ -159,8 +159,8 @@ export const searchFormSchematab2: FormSchema[] = [
     component: 'Select',
     componentProps: {
       options: [
-        { label: '元数据变更', value: '1' },
-        { label: '元数据处理', value: '2' },
+        { label: '紧急', value: '紧急' },
+        { label: '不紧急', value: '不紧急' },
       ],
       placeholder: '请选择紧急程度',
     },

src/views/notifications/noticeManage/notiModalEmail.vue

@@ -250,26 +250,32 @@
 
   /**确认按钮*/
   async function handleSubmit() {
-    try {
-      const values = await validate();
-      const values2 = await validate2();
-      console.log('values:', values);
-      setModalProps({ confirmLoading: true });
-      formData.value.code = values.dataScope;
-      formData.value.menuIds = values.menuIds;
-      formData.value.deptIdList = '';
-      formData.value.roleId = '';
-      addDataScopeApi(formData.value).then((res) => {
-        if (res.code === 200) {
-          createMessage.success('新增成功');
-          closeModal();
-          emit('success', { isUpdate: unref(isPermiss), values: { ...values } });
-        }
-      });
-      reload();
-    } finally {
-      setModalProps({ confirmLoading: false });
-    }
+    const values = await validate();
+
+    console.log('values:', values);
+
+    closeModal();
+    reload();
+    // try {
+    //   const values = await validate();
+    //   const values2 = await validate2();
+    //   console.log('values:', values);
+    //   setModalProps({ confirmLoading: true });
+    //   formData.value.code = values.dataScope;
+    //   formData.value.menuIds = values.menuIds;
+    //   formData.value.deptIdList = '';
+    //   formData.value.roleId = '';
+    //   addDataScopeApi(formData.value).then((res) => {
+    //     if (res.code === 200) {
+    //       createMessage.success('新增成功');
+    //       closeModal();
+    //       emit('success', { isUpdate: unref(isPermiss), values: { ...values } });
+    //     }
+    //   });
+    //   reload();
+    // } finally {
+    //   setModalProps({ confirmLoading: false });
+    // }
   }
 </script>
 <style scoped lang="less">