feat: 补充提交

# Conflicts:
#	src/locales/zh-CN/common.ts

.eslintrc.js

@@ -1,8 +1,11 @@
+<!--
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-03-29 17:59:03
+ * @FilePath: \general-ai-platform-web\.eslintrc.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 module.exports = {
-  extends: [require.resolve('@umijs/lint/dist/config/eslint')],
-  globals: {
-    page: true,
-    REACT_APP_ENV: true,
-    SERVER_HOST: true,
-  },
+ 
 };

.gitignore

@@ -8,6 +8,8 @@ _roadhog-api-doc
 
 # production
 /dist
+/taskDoc
+/src/pages/Demo
 
 # misc
 .DS_Store

README.md

@@ -1,3 +1,53 @@
 # General-AI-Platform-Web
+通用算法平台前端仓库  develop
 
-通用算法平台前端仓库
+### 生成代码调整
+* ProFormSelect 选择控件 对应文案使用 common.please_select 默认可以使用 common.please_input
+
+### remark
+* 列表筛选表单配置统一使用renderFormItem配置，方便个性化处理
+* 删除按钮颜色配色 统一将a标签换成Button  设置属性{ type="text" danger}
+* 展示抽屉内容时需要有关闭按钮，排版需和谐
+* 使用stepForm的时候，最后的提交写在最后一步的onfinish里面而不是总的stepForm里
+* table操作栏按钮统一使用button，合理间距
+
+
+### 具体实现
+1. 筛选表单区： 列表在columns配置初始数据时，需要筛选的表单项统一使用renderFormItem属性，基于renderFormItem去配置表单项field, 【searchFormItemProps】属性统一配置自定义业务
+{ 
+    width="md" // 表单项宽度可以是数字 
+    labelCol={{span: 4}} // 标签布局
+    wrapperCol={{span: 22}} // 输入控件布局
+}
+
+2. 列表action区按钮个性化和操作确认调整为 统一将a标签换成Button  设置属性【actionInnerDeleteBtnProps】 
+{ type="text" danger}
+
+3. 列表action有多个按钮显示更多
+暂时使用默认超过3个显示更多，如需统一处理或者权限控制下的按钮显示隐藏导致的按钮数量不一致，可根据需要独立封装TableActionComp
+
+4. 列表多选固定在顶部
+使用表格内容固定高度，溢出垂直方向可滚动
+
+5. 列表可选时，首列需要固定
+新增首列index栏位，设置{fixed: 'left'}可实现固定
+
+6. 列表固定表头  scroll={{ y: 500 }}
+批量选择确认按钮固定，列表头内容固定
+
+7. 列表批量选择 tableAlertOptionRender
+配置多选操作选项区
+
+
+### git提交修饰
+feat: 新功能
+fix: bug修复
+docs: 仅文档更改
+style: 不影响代码含义的更改（空白、格式设置、缺失 分号等）
+refactor: 既不修复bug也不添加特性的代码更改
+perf: 改进性能的代码更改
+test: 添加缺少的测试或更正现有测试
+chore: 对构建过程或辅助工具和库（如文档）的更改（无法确认内容可使用）
+
+### bug汇总
+* 新增路由页面，默认该角色拥有查看权限，实际配置并没有（重新配置权限，又能正常访问该新增页面）

config/defaultDrawer.ts

@@ -0,0 +1 @@
+// 待启用 抽屉全局配置

config/defaultForm.ts

@@ -0,0 +1,92 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-13 14:19:57
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-27 16:09:07
+ * @FilePath: \general-ai-platform-web\config\defaultForm.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE2
+ */
+
+import { CloseCircleOutlined, CopyOutlined, DeleteOutlined } from "@ant-design/icons";
+import { StepsFormProps } from "@ant-design/pro-components";
+import { ReactNode } from "react";
+
+export type IconConfig = {
+  /**
+   * 新的icon的组件，我们会将其实例化
+   * Icon: ()=> <div/>
+   */
+  Icon?: React.FC<any>;
+  /**
+   * tooltip 的提示文案
+   */
+  tooltipText?: string;
+};
+// 通用表单配置
+export const proFormCommonOptions: Record<string,any> = {
+}
+
+const formBoxMargin = 2 * 24
+const formItemGap = 16
+// Small 560
+export const proFormSmallModelWidth: number = 560;
+export const proFormSmallItemStyleProps: Record<string, any> = {
+  width: proFormSmallModelWidth - formBoxMargin,  // 一列
+  // column2Width: (proFormSmallModelWidth -  2 * formBoxMargin)/2 , // 两列
+
+  
+};
+
+// normal 804
+export const proFormModelWidth: number = 804;
+export const proFormItemStyleProps: Record<string, any> = {
+  width: proFormModelWidth - formBoxMargin,  // 一列
+  column2Width: (proFormModelWidth - formBoxMargin - formItemGap)/2 , // 两列
+};
+
+// max 968
+export const proFormMaxModelWidth: number = 968;
+export const proFormMaxItemStyleProps: Record<string, any> = {
+  width: proFormMaxModelWidth - formBoxMargin,
+  column2Width: (proFormMaxModelWidth - formBoxMargin - formItemGap)/2 , // 两列
+};
+
+
+/**表单具体单项配置 */
+
+
+// proFormList 新增一项按钮配置
+export const proFormListCreatorButtonProps : {
+  creatorButtonText?: ReactNode;
+  position?: 'top' | 'bottom';
+  deleteIconProps?: IconConfig | false;
+} = {
+  position: 'bottom',
+  creatorButtonText: '添加参数字段', // 设置新增一项数据的文案
+  deleteIconProps: {
+    Icon: CloseCircleOutlined,
+    tooltipText: '不需要这行了',
+  }
+}
+
+export const proFormListActionButtonProps : {
+  CopyableIconProps?: IconConfig | false;
+  deleteIconProps?: IconConfig | false;
+} = {
+  CopyableIconProps: {
+    Icon: CopyOutlined,
+    tooltipText: '复制',
+  },
+  deleteIconProps: {
+    Icon: DeleteOutlined,
+    tooltipText: '删除',
+  }
+}
+
+
+// 分步表单统一配置
+export const proFormStepsFormProps: StepsFormProps = {
+  stepsProps: {
+    labelPlacement: 'vertical',
+  }
+}

config/defaultIcon.ts

@@ -0,0 +1,38 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-28 14:13:05
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-22 16:17:35
+ * @FilePath: \general-ai-platform-web\config\defaultIcon.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%A
+ */
+
+import { proFormItemStyleProps } from './defaultForm';
+
+// 分步表单统一配置
+export const proIconSelectWrapStyle: React.CSSProperties = {
+  position: 'relative',
+  width: proFormItemStyleProps.width + 48,
+  background: 'red',
+  left: 0,
+};
+
+export const proIconSelectStyle: React.CSSProperties = {
+  position: 'absolute',
+  left: '0',
+  padding: 16,
+  top: '5%',
+  width: '94%',
+  height: 500,
+  zIndex: 9,
+  boxShadow: '0px 4px 12px 0px rgba(0, 0, 0, 0.30)',
+  background: '#fff',
+  borderRadius: 4,
+  overflowY: 'scroll',
+};
+
+// 列表图标统一样式
+
+export const proIconForTableActionStyle : React.CSSProperties = {
+  fontSize: 16,
+}

config/defaultSettings.ts

@@ -1,3 +1,11 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-30 17:10:05
+ * @FilePath: \general-ai-platform-web\config\defaultSettings.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { ProLayoutProps } from '@ant-design/pro-components';
 
 /**
@@ -9,15 +17,15 @@ const Settings: ProLayoutProps & {
 } = {
   navTheme: 'light',
   // 拂晓蓝
-  colorPrimary: '#1890ff',
+  colorPrimary: '#155BD4',
   layout: 'mix',
   contentWidth: 'Fluid',
   fixedHeader: false,
   fixSiderbar: true,
   colorWeak: false,
-  title: '徐州农商行智能AI系统',
+  title: ' ',
   pwa: true,
-  logo: '/my_logo.svg',
+  logo: '/logo.svg',
   iconfontUrl: '',
   token: {
     // 参见ts声明，demo 见文档，通过token 修改样式

config/defaultStyle.ts

@@ -0,0 +1,16 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-26 15:51:09
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-26 15:51:18
+ * @FilePath: \general-ai-platform-web\config\defaultStyle.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE 
+ */
+export const flex: React.CSSProperties = {
+    display: 'flex'
+}
+
+export const flexRA: React.CSSProperties = {
+    ...flex,
+    
+}

config/defaultTable.ts

@@ -0,0 +1,46 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-13 11:32:26
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-21 13:36:39
+ * @FilePath: \general-ai-platform-web\config\defaultTable.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { ProColumns } from "@ant-design/pro-components";
+import { PaginationProps } from "antd";
+// 通用列表配置
+export const proTableCommonOptions: Record<string,any> = {
+    scrollX: 'max-content', // 保证左右侧列的固定，并能保证没列标题不换行
+    scrollY: 500, // 保证列表高度固定
+    commscrollX: 1300,
+    commscrollY: 500, // 保证列表高度固定
+    searchLabelWidth: 'auto', // 整体对齐，label根据实际字数自适应
+}
+
+// 操作栏位配置
+export const proTableActionColumnOptions: Record<string,any> = {
+    dataIndex: 'option',
+    valueType: 'option',
+    align: 'center',
+    fixed: 'right',
+}
+
+// 分页器配置
+export const proTablePaginationOptions: PaginationProps = {
+    showSizeChanger: true,
+    // showQuickJumper: true,
+    showTotal: (total) => `共${total}条`,
+}
+
+
+
+
+// 默认索引列配置
+// export const proTableIndexColumnOptions : ProColumns = {
+//     title: '序号',
+//     dataIndex: 'index',
+//     valueType: 'index', // 增加该属性以添加边框
+//     fixed: 'left', // 将该列固定在左侧
+//     width: 70,
+//     align:'center'
+// }

config/proxy.ts

@@ -1,3 +1,11 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-24 14:49:42
+ * @FilePath: \general-ai-platform-web\config\proxy.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 /**
  * @name 代理的配置
  * @see 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
@@ -23,9 +31,10 @@ export default {
   // },
   dev: {
     // localhost:8000/api/** -> https://preview.pro.ant.design/api/**
+
     '/api/v1/': {
       // 要代理的地址
-      target: 'http://192.168.10.96:8888/',
+      target: 'http://192.168.10.14:8888/',
       // target: 'https://www.baidu.com',
       // 配置了这个可以从 http 代理到 https
       // 依赖 origin 的功能可能需要这个，比如 cookie
@@ -55,10 +64,12 @@ export default {
     },
   },
   pre: {
-    '/api/': {
-      target: 'your pre url',
+    '/api/v1/': {
+      // 要代理的地址
+      target: 'https://preview.pro.ant.design',
+      // 配置了这个可以从 http 代理到 https
+      // 依赖 origin 的功能可能需要这个，比如 cookie
       changeOrigin: true,
-      pathRewrite: { '^': '' },
     },
   },
 };

config/routes copy.ts

@@ -0,0 +1,332 @@
+/**
+ * @name umi 的路由配置
+ * @description 只支持 path,components,routes,redirect,wrappers,name,icon 的配置
+ * @param path  path 只支持两种占位符配置，第一种是动态参数 :id 的形式，第二种是 * 通配符，通配符只能出现路由字符串的最后。
+ * @param components 配置 location 和 path 匹配后用于渲染的 React 组件路径。可以是绝对路径，也可以是相对路径，如果是相对路径，会从 src/pages 开始找起。
+ * @param routes 配置子路由，通常在需要为多个路径增加 layout 组件时使用。
+ * @param redirect 配置路由跳转
+ * @param wrappers 配置路由组件的包装组件，通过包装组件可以为当前的路由组件组合进更多的功能。 比如，可以用于路由级别的权限校验
+ * @param name 配置路由的标题，默认读取国际化文件 menu.ts 中 menu.xxxx 的值，如配置 name 为 login，则读取 menu.ts 中 menu.login 的取值作为标题
+ * @param icon 配置路由的图标，取值参考 https://ant.design/components/icon-cn， 注意去除风格后缀和大小写，如想要配置图标为 <StepBackwardOutlined /> 则取值应为 stepBackward 或 StepBackward，如想要配置图标为 <UserOutlined /> 则取值应为 user 或者 User
+ * @doc https://umijs.org/docs/guides/routes
+ */
+export default [
+  {
+    path: '/user',
+    layout: false,
+    routes: [
+      {
+        name: 'login',
+        path: '/user/login',
+        component: './User/Login/index1',
+      },
+    ],
+  },
+  {
+    path: '/welcome',
+    name: 'welcome',
+    component: 'Welcome/Welcome',
+  },
+  {
+    path: '/admin',
+    name: 'admin',
+
+    access: 'canAdmin',
+    routes: [
+      {
+        path: '/admin',
+        redirect: '/admin/sub-page',
+      },
+      {
+        path: '/admin/sub-page',
+        name: 'sub-page',
+        component: './Admin',
+      },
+    ],
+  },
+
+  {
+    path: '/system',
+
+    name: 'system',
+
+    routes: [
+      {
+        name: 'api-list',
+        path: '/system/api-list',
+        component: 'System/ApiList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'menu-list',
+        path: '/system/menu-list',
+        component: 'System/MenuList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'role-list',
+        path: '/system/role-list',
+        component: 'System/RoleList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'user-list',
+        path: '/system/user-list',
+        component: 'System/UserList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'post-list',
+        path: '/system/post-list',
+        component: 'System/PostList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'department-list',
+        path: '/system/department-list',
+        component: 'System/DepartmentList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'operation_record-list',
+        path: '/system/operation_record-list',
+        component: 'System/OperationRecordList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'device',
+    path: '/device',
+    routes: [
+      {
+        name: 'device-list',
+        path: '/device/device-list',
+        component: 'Device/DeviceList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-category-list',
+        path: '/device/device-category-list',
+        component: 'Device/DeviceCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-group-list',
+        path: '/device/device-group-list',
+        component: 'Device/DeviceGroupList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-relation-list',
+        path: '/device/device-relation-list',
+        component: 'Device/DeviceRelationList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'DCSDevice',
+    path: '/DCSDevice',
+    routes: [
+      {
+        name: 'DCSDevice-device-group-list',
+        path: '/DCSDevice/device-group-list',
+        component: 'DCSDevice/DeviceGroupList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-category-list',
+        path: '/DCSDevice/device-category-list',
+        component: 'DCSDevice/DeviceCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-list',
+        path: '/DCSDevice/device-list',
+        component: 'DCSDevice/DeviceList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-status',
+        path: '/DCSDevice/device-status',
+        component: 'DCSDevice/DeviceStatus',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'resource',
+    path: '/resource',
+    routes: [
+      {
+        name: 'algorithm-model-list',
+
+        path: '/resource/algorithm-model-list',
+        component: 'Resource/AlgorithmModelList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'algorithm-model-detail',
+        path: '/resource/algorithm-model-detail/:id',
+        component: 'Resource/AlgorithmModelList/detail',
+        access: 'canReadMenu',
+        isHideTab: true,
+      },
+      {
+        name: 'business-image-list',
+
+        path: '/resource/business-image-list',
+        component: 'Resource/BusinessImageList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-category-list',
+
+        path: '/resource/model-category-list',
+        component: 'Resource/ModelCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-image-list',
+        path: '/resource/model-image-list',
+        component: 'Resource/ModelImageList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-version-list',
+        path: '/resource/model-version-list',
+        component: 'Resource/ModelVersionList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'resource-device-status',
+        path: '/resource/resource-device-status',
+        component: 'Resource/ResourceDeviceStatus',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'analysis',
+    path: '/analysis',
+    routes: [
+      {
+        name: 'action-detection-list',
+        path: '/analysis/action-detection-list',
+        component: 'Analysis/ActionDetectionList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'project',
+    path: '/project',
+    routes: [
+      {
+        name: 'project-list',
+
+        path: '/project/project-list',
+        component: 'Project/ProjectList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'Contact',
+    path: '/Contact',
+    routes: [
+      {
+        name: 'Contact-contact-list',
+        path: '/Contact/contact-list',
+        component: 'Contact/ContactList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'task',
+    path: '/task',
+    component: 'Hidden',
+  },
+  {
+    name: 'compute_power',
+    path: '/compute_power',
+    component: 'ComputePowerAllocation/ComputePowerAllocation',
+  },
+  {
+    name: 'data_screen',
+    path: '/data_screen',
+  },
+  {
+    name: 'algorithm_setting',
+    path: '/algorithm_setting',
+    component: 'Setting/AlgorithmSetting',
+  },
+  {
+    name: 'alarm',
+    path: '/alarm',
+    routes: [
+      {
+        name: 'alarm-list',
+        path: '/alarm/alarm-list',
+        component: 'Alarm/AlarmList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'alarm-setting',
+        path: '/alarm/alarm-setting',
+        component: 'Alarm/AlarmSetting',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'alarm-ways',
+        path: '/alarm/alarm-ways',
+        component: 'Alarm/AlarmWays',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'logging',
+    path: 'http://192.168.10.96:5601/app/r/s/uDpRg',
+  },
+  {
+    path: '/',
+    redirect: '/welcome',
+  },
+  {
+    path: '*',
+    layout: false,
+    component: './404',
+  },
+  {
+    name: 'fabricView',
+    path: '/fabricView',
+    routes: [
+      {
+        name: 'fabricView-room',
+        path: '/fabricView/room',
+        component: 'FabricView/Room',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'notice',
+    path: '/notice',
+    component: 'Notice',
+  },
+  {
+    name: 'account',
+    path: '/account',
+    routes: [
+      {
+        name: 'center',
+        path: '/account/center',
+        component: 'Account/Center',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+];

config/routes.ts

@@ -18,14 +18,13 @@ export default [
       {
         name: 'login',
         path: '/user/login',
-        component: './User/Login',
+        component: './User/Login/index1',
       },
     ],
   },
   {
     path: '/welcome',
     name: 'welcome',
-
     component: 'Welcome/Welcome',
   },
   {
@@ -45,13 +44,9 @@ export default [
       },
     ],
   },
-
-
   {
     path: '/system',
-
     name: 'system',
-
     routes: [
       {
         name: 'api-list',
@@ -95,95 +90,180 @@ export default [
         component: 'System/OperationRecordList',
         access: 'canReadMenu',
       },
+      {
+        name: 'parameter-setting',
+        path: '/system/parameter-setting',
+        component: 'System/ParameterSetting',
+        access: 'canReadMenu',
+      },
     ],
   },
   {
     name: 'device',
     path: '/device',
-    routes: [{
-      'name': 'device-list',
-      'path': '/device/device-list',
-      'component': 'Device/DeviceList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'device-category-list',
-      'path': '/device/device-category-list',
-      'component': 'Device/DeviceCategoryList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'device-group-list',
-      'path': '/device/device-group-list',
-      'component': 'Device/DeviceGroupList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'device-relation-list',
-      'path': '/device/device-relation-list',
-      'component': 'Device/DeviceRelationList',
-      'access': 'canReadMenu'
-    }],
-
+    routes: [
+      {
+        name: 'device-list',
+        path: '/device/device-list',
+        component: 'Device/DeviceList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-category-list',
+        path: '/device/device-category-list',
+        component: 'Device/DeviceCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-group-list',
+        path: '/device/device-group-list',
+        component: 'Device/DeviceGroupList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'device-relation-list',
+        path: '/device/device-relation-list',
+        component: 'Device/DeviceRelationList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'DCSDevice',
+    path: '/DCSDevice',
+    routes: [
+      {
+        name: 'DCSDevice-device-group-list',
+        path: '/DCSDevice/device-group-list',
+        component: 'DCSDevice/DeviceGroupList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-category-list',
+        path: '/DCSDevice/device-category-list',
+        component: 'DCSDevice/DeviceCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-list',
+        path: '/DCSDevice/device-list',
+        component: 'DCSDevice/DeviceList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'DCSDevice-device-status',
+        path: '/DCSDevice/device-status',
+        component: 'DCSDevice/DeviceStatus',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'resource',
     path: '/resource',
-    routes: [{
-      'name': 'algorithm-model-list',
+    routes: [
+      {
+        name: 'algorithm-model-list',
 
-      'path': '/resource/algorithm-model-list',
-      'component': 'Resource/AlgorithmModelList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'business-image-list',
+        path: '/resource/algorithm-model-list',
+        component: 'Resource/AlgorithmModelList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'algorithm-model-detail',
+        path: '/resource/algorithm-model-detail/:id',
+        component: 'Resource/AlgorithmModelList/detail',
+        access: 'canReadMenu',
+        isHideTab: true,
+      },
+      {
+        name: 'business-image-list',
 
-      'path': '/resource/business-image-list',
-      'component': 'Resource/BusinessImageList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'model-category-list',
+        path: '/resource/business-image-list',
+        component: 'Resource/BusinessImageList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-category-list',
 
-      'path': '/resource/model-category-list',
-      'component': 'Resource/ModelCategoryList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'model-image-list',
-      'path': '/resource/model-image-list',
-      'component': 'Resource/ModelImageList',
-      'access': 'canReadMenu'
-    }, {
-      'name': 'model-version-list',
-      'path': '/resource/model-version-list',
-      'component': 'Resource/ModelVersionList',
-      'access': 'canReadMenu'
-    }]
+        path: '/resource/model-category-list',
+        component: 'Resource/ModelCategoryList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-image-list',
+        path: '/resource/model-image-list',
+        component: 'Resource/ModelImageList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'model-version-list',
+        path: '/resource/model-version-list',
+        component: 'Resource/ModelVersionList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'resource-device-status',
+        path: '/resource/resource-device-status',
+        component: 'Resource/ResourceDeviceStatus',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'server-status',
+        path: '/resource/server-status',
+        component: 'Resource/ServerStatus',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'analysis',
     path: '/analysis',
     routes: [
       {
-        'name': 'action-detection-list',
-        'path': '/analysis/action-detection-list',
-        'component': 'Analysis/ActionDetectionList',
-        'access': 'canReadMenu'
-      }
-    ]
-
+        name: 'action-detection-list',
+        path: '/analysis/action-detection-list',
+        component: 'Analysis/ActionDetectionList',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'project',
     path: '/project',
-    routes: [{
-      'name': 'project-list',
+    routes: [
+      {
+        name: 'project-list',
 
-      'path': '/project/project-list',
-      'component': 'Project/ProjectList',
-      'access': 'canReadMenu'
-    }]
+        path: '/project/project-list',
+        component: 'Project/ProjectList',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'Contact',
+    path: '/Contact',
+    routes: [
+      {
+        name: 'Contact-contact-list',
+        path: '/Contact/contact-list',
+        component: 'Contact/ContactList',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'task',
     path: '/task',
-    component: 'Hidden',
+    routes: [
+      {
+        name: 'task-list',
+        path: '/task/task-list',
+        component: 'Task/TaskList',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'compute_power',
@@ -202,7 +282,26 @@ export default [
   {
     name: 'alarm',
     path: '/alarm',
-    component: 'Hidden',
+    routes: [
+      {
+        name: 'alarm-list',
+        path: '/alarm/alarm-list',
+        component: 'Alarm/AlarmList',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'alarm-setting',
+        path: '/alarm/alarm-setting',
+        component: 'Alarm/AlarmSetting',
+        access: 'canReadMenu',
+      },
+      {
+        name: 'alarm-ways',
+        path: '/alarm/alarm-ways',
+        component: 'Alarm/AlarmWays',
+        access: 'canReadMenu',
+      },
+    ],
   },
   {
     name: 'logging',
@@ -217,4 +316,33 @@ export default [
     layout: false,
     component: './404',
   },
+  {
+    name: 'fabricView',
+    path: '/fabricView',
+    routes: [
+      {
+        name: 'fabricView-room',
+        path: '/fabricView/room',
+        component: 'FabricView/Room',
+        access: 'canReadMenu',
+      },
+    ],
+  },
+  {
+    name: 'notice',
+    path: '/notice',
+    component: 'Notice',
+  },
+  {
+    name: 'account',
+    path: '/account',
+    routes: [
+      {
+        name: 'center',
+        path: '/account/center',
+        component: 'Account/Center',
+        access: 'canReadMenu',
+      },
+    ],
+  },
 ];

jsconfig.json

@@ -8,4 +8,4 @@
       "@/*": ["./src/*"]
     }
   }
-}
+}

mock/DCSDevice.ts

@@ -0,0 +1,111 @@
+import { Request, Response } from 'express';
+import moment from 'moment';
+import { parse } from 'url';
+
+// mock tableListDataSource
+const genList = (current: number, pageSize: number) => {
+  const tableListDataSource: API.RuleListItem[] = [];
+
+  for (let i = 0; i < pageSize; i += 1) {
+    const index = (current - 1) * 10 + i;
+    tableListDataSource.push({
+      key: index,
+      disabled: i % 6 === 0,
+      href: 'https://ant.design',
+      avatar: [
+        'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+        'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+      ][i % 2],
+      name: `TradeCode ${index}`,
+      owner: '曲丽丽',
+      desc: '这是一段描述',
+      callNo: Math.floor(Math.random() * 1000),
+      status: Math.floor(Math.random() * 10) % 4,
+      updatedAt: moment().format('YYYY-MM-DD'),
+      createdAt: moment().format('YYYY-MM-DD'),
+      progress: Math.ceil(Math.random() * 100),
+    });
+  }
+  tableListDataSource.reverse();
+  return tableListDataSource;
+};
+
+let tableListDataSource = genList(1, 100);
+
+function getDCSDeviceStatusList(req: Request, res: Response, u: string) {
+  let realUrl = u;
+  if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
+    realUrl = req.url;
+  }
+  const { current = 1, pageSize = 10 } = req.query;
+  const params = parse(realUrl, true).query as unknown as API.PageParams &
+    API.RuleListItem & {
+      sorter: any;
+      filter: any;
+    };
+
+  let dataSource = [...tableListDataSource].slice(
+    ((current as number) - 1) * (pageSize as number),
+    (current as number) * (pageSize as number),
+  );
+  if (params.sorter) {
+    const sorter = JSON.parse(params.sorter);
+    dataSource = dataSource.sort((prev, next) => {
+      let sortNumber = 0;
+      (Object.keys(sorter) as Array<keyof API.RuleListItem>).forEach((key) => {
+        let nextSort = next?.[key] as number;
+        let preSort = prev?.[key] as number;
+        if (sorter[key] === 'descend') {
+          if (preSort - nextSort > 0) {
+            sortNumber += -1;
+          } else {
+            sortNumber += 1;
+          }
+          return;
+        }
+        if (preSort - nextSort > 0) {
+          sortNumber += 1;
+        } else {
+          sortNumber += -1;
+        }
+      });
+      return sortNumber;
+    });
+  }
+  if (params.filter) {
+    const filter = JSON.parse(params.filter as any) as {
+      [key: string]: string[];
+    };
+    if (Object.keys(filter).length > 0) {
+      dataSource = dataSource.filter((item) => {
+        return (Object.keys(filter) as Array<keyof API.RuleListItem>).some((key) => {
+          if (!filter[key]) {
+            return true;
+          }
+          if (filter[key].includes(`${item[key]}`)) {
+            return true;
+          }
+          return false;
+        });
+      });
+    }
+  }
+
+  if (params.name) {
+    dataSource = dataSource.filter((data) => data?.name?.includes(params.name || ''));
+  }
+  const result = {
+    data: dataSource,
+    total: tableListDataSource.length,
+    success: true,
+    pageSize,
+    current: parseInt(`${params.current}`, 10) || 1,
+  };
+
+  return res.json(result);
+}
+
+
+export default {
+  'GET /api/mock/getDCSDeviceStatusList': getDCSDeviceStatusList,
+};

mock/algorithmModel.ts

@@ -0,0 +1,31 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 17:18:11
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 13:44:15
+ * @FilePath: \general-ai-platform-web\mock\modelVersion.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**算法模型模块 mock */
+
+import { mockGetAlgorithmModelFkSelectData , mockGetAlgorithmModelListData} from './pools/algorithmModelData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList, fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+  // 选择模型
+  'POST /api/v1/algorithm_model/getAlgorithmModelFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetAlgorithmModelFkSelectData),
+    };
+    res.send(resData);
+  },
+  // 模型列表
+  'POST /api/v1/algorithm_model/getAlgorithmModelList': async (req: Request, res: Response) => {
+    console.log(req, 'getModelVersionList_req')
+    const { page , pageSize} = req.body;
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({...mockGetAlgorithmModelListData, data: {...mockGetAlgorithmModelListData.data, page, pageSize: pageSize || 10} }),
+    };
+    res.send(resData);
+  },
+};

mock/businessImage.ts

@@ -0,0 +1,28 @@
+
+/**业务镜像模块 mock */
+
+import { mockGetBusinessImageListData } from './pools/businessImageData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList } from './utils/apiMock';
+export default {
+  // 业务镜像列表分页
+  'POST /api/v1/business_image/getBusinessImageList': async (req: Request, res: Response) => {
+    const { page, pageSize } = req.body;
+
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({
+        ...mockGetBusinessImageListData,
+        data: { ...mockGetBusinessImageListData.data, page, pageSize: pageSize || 10 },
+      }),
+    };
+    res.send(resData);
+  },
+
+  // 选择模型
+  // 'POST /api/v1/model_version/getModelVersionFkSelect': async (req: Request, res: Response) => {
+  //     const resData: successMockApiProps = {
+  //       ...fetchMockSuccessFullByOther(mockGetModelVersionFkSelect),
+  //     };
+  //     res.send(resData);
+  //   }
+};

mock/computePower.ts

@@ -0,0 +1,34 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 13:34:56
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-03-11 13:55:06
+ * @FilePath: \general-ai-platform-web\mock\modelCategory.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**模型类别模块 mock */
+
+import {
+    powerPoolsListData,
+    powerGroupListData,
+  } from './pools/computePowerData';
+  import { successMockApiProps } from './typing';
+  import { fetchMockSuccessFullByOther } from './utils/apiMock';
+  export default {
+    // 算力分配类别
+    'POST /api/v1/compute_power/getPowerGroupList': async (req: Request, res: Response) => {
+      const resData: successMockApiProps = {
+        ...fetchMockSuccessFullByOther(powerGroupListData),
+      };
+      res.send(resData);
+    },
+  
+    // 算力分配池
+    'POST /api/v1/compute_power/getPowerPoolsList': async (req: Request, res: Response) => {
+      const resData: successMockApiProps = {
+        ...fetchMockSuccessFullByOther(powerPoolsListData),
+      };
+      res.send(resData);
+    },
+  };
+  

mock/device.ts

@@ -0,0 +1,36 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:53:15
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 17:29:39
+ * @FilePath: \general-ai-platform-web\mock\deviceCategory.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+/**设备组模块 mock */
+
+import { mockGetDeviceListData } from './pools/deviceData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList , fetchMockSuccessFullByOther} from './utils/apiMock';
+export default {
+  // 设备组列表分页
+  'POST /api/v1/device/getDeviceList': async (req: Request, res: Response) => {
+    const { page, pageSize } = req.body;
+
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({
+        ...mockGetDeviceListData,
+        data: { ...mockGetDeviceListData.data, page, pageSize: pageSize || 10 },
+      }),
+    };
+    res.send(resData);
+  },
+
+  // 选择模型
+//   'POST /api/v1/model_version/12': async (req: Request, res: Response) => {
+//       const resData: successMockApiProps = {
+//         ...fetchMockSuccessFullByOther(mockGetDeviceGroupFkSelectData),
+//       };
+//       res.send(resData);
+//     }
+};

mock/deviceCategory.ts

@@ -0,0 +1,39 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:53:15
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 17:29:25
+ * @FilePath: \general-ai-platform-web\mock\deviceCategory.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+/**设备组模块 mock */
+
+import {
+  mockGetDeviceCategoryFkSelectData,
+  mockGetDeviceCategoryListData,
+} from './pools/deviceCategoryData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList , fetchMockSuccessFullByOther} from './utils/apiMock';
+export default {
+  // 设备组列表分页
+  'POST /api/v1/device_category/getDeviceCategoryList': async (req: Request, res: Response) => {
+    const { page, pageSize } = req.body;
+
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({
+        ...mockGetDeviceCategoryListData,
+        data: { ...mockGetDeviceCategoryListData.data, page, pageSize: pageSize || 10 },
+      }),
+    };
+    res.send(resData);
+  },
+
+  // 设备类别选项列表不分页
+  'POST /api/v1/device_category/getDeviceCategoryFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetDeviceCategoryFkSelectData),
+    };
+    res.send(resData);
+  },
+};

mock/deviceGroup.ts

@@ -0,0 +1,72 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:53:15
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-02-05 15:24:11
+ * @FilePath: \general-ai-platform-web\mock\deviceCategory.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+/**设备组模块 mock */
+
+import {
+  mockGetDeviceGroupData1,
+  mockGetDeviceGroupData2,
+  mockGetDeviceGroupData3,
+  mockGetDeviceGroupFkSelectData,
+  mockGetDeviceGroupListData,
+  mockGetDeviceGroupTreeData,
+} from './pools/deviceGroupData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList, fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+  // 设备组列表分页
+  'POST /api/v1/device_group/getDeviceGroupList': async (req: Request, res: Response) => {
+    const { page, pageSize } = req.body;
+
+    const resData: successMockApiProps = {
+      
+      ...fetchCurrPageByList({
+        ...mockGetDeviceGroupListData,
+        data: { ...mockGetDeviceGroupListData.data, page, pageSize: pageSize || 10 },
+      }),
+    };
+    res.send(resData);
+  },
+
+  //  设备组网点选项列表
+  'POST /api/v1/device_group/getDeviceGroupFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetDeviceGroupFkSelectData),
+    };
+    res.send(resData);
+  },
+  // 设备组网点树列表
+  'POST /api/v1/device_group/getDeviceGroupTree': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetDeviceGroupTreeData),
+    };
+    res.send(resData);
+  },
+  // 设备组详情
+  'POST /api/v1/device_group/getDeviceGroupById': async (req: Request, res: Response) => {
+    const { id } = req.body;
+    let currRes = {};
+    switch (Number(id)) {
+      case 2:
+        currRes = mockGetDeviceGroupData1;
+        break;
+      case 3:
+        currRes = mockGetDeviceGroupData2;
+        break;
+      case 5:
+        currRes = mockGetDeviceGroupData3;
+        break;
+    }
+
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(currRes),
+    };
+    res.send(resData);
+  },
+};

mock/menu.ts

@@ -0,0 +1,23 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 11:25:29
+ * @FilePath: \general-ai-platform-web\mock\route.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**菜单模块 mock */
+
+import { mockGetMenuData } from './pools/menuData';
+import { successMockApiProps } from './typing';
+import { fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+
+  // 获取菜单
+  'POST /api/v1/menu/getMenu': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetMenuData),
+    };
+    res.send(resData);
+  }
+};

mock/modelCategory.ts

@@ -0,0 +1,33 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 13:34:56
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 14:00:57
+ * @FilePath: \general-ai-platform-web\mock\modelCategory.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**模型类别模块 mock */
+
+import {
+  mockGetModelCategoryFkSelectData,
+  mockGetModelCategoryListData,
+} from './pools/modelCategoryData';
+import { successMockApiProps } from './typing';
+import { fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+  // 模型类别列表
+  'POST /api/v1/model_category/getModelCategoryList': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetModelCategoryListData),
+    };
+    res.send(resData);
+  },
+
+  // 模型类别列表
+  'POST /api/v1/model_category/getModelCategoryFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetModelCategoryFkSelectData),
+    };
+    res.send(resData);
+  },
+};

mock/modelDetail.ts

@@ -0,0 +1,68 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-09 14:29:49
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-09 15:34:50
+ * @FilePath: \general-ai-platform-web\mock\modelDetail.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { Request, Response } from 'express';
+import { parse } from 'url';
+
+// mock tableListDataSource
+const genData = (params: Record<string, any>): Record<string, any> => {
+  const data: Record<string, any> = {
+    categoryFkId: 2,
+    createTime: '2023-10-20T06:23:56.158622Z',
+    defaultVersionFkId: null,
+    id: params.id,
+    name: '离岗',
+    remark: '',
+    updateTime: '2023-10-20T06:23:56.158622Z',
+  };
+
+  //   key: index,
+  //   disabled: i % 6 === 0,
+  //   href: 'https://ant.design',
+  //   avatar: [
+  //     'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+  //     'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+  //   ][i % 2],
+  //   name: `TradeCode ${index}`,
+  //   owner: '曲丽丽',
+  //   desc: '这是一段描述',
+  //   callNo: Math.floor(Math.random() * 1000),
+  //   status: Math.floor(Math.random() * 10) % 4,
+  //   updatedAt: moment().format('YYYY-MM-DD'),
+  //   createdAt: moment().format('YYYY-MM-DD'),
+  //   progress: Math.ceil(Math.random() * 100),
+
+  return data;
+};
+
+function getModelDetail(req: Request, res: Response, u: string, b: Request) {
+//   let realUrl = u;
+//   if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
+//     realUrl = req.url;
+//   }
+
+//   const body = (b && b.body) || req.body;
+//   const { method, name, desc, key } = body;
+//   const params = parse(realUrl, true).query as unknown as API.PageParams &
+//     API.RuleListItem & {
+//       sorter: any;
+//       filter: any;
+//     };
+//   console.log(req, 'getModelDetailApi');
+  const result = {
+    data: genData({id: 2}),
+    success: true,
+    msg: '获取成功',
+  };
+
+  return res.json(result);
+}
+
+export default {
+  'GET /api/v1/mock/model/detail': getModelDetail,
+};

mock/modelImage.ts

@@ -0,0 +1,15 @@
+/**模型镜像模块 mock */
+
+import { mockGetModelImageListData } from './pools/modelImageData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList, fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+
+// 选择模型镜像列表
+'POST /api/v1/model_image/getModelImageList': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetModelImageListData),
+    };
+    res.send(resData);
+  }
+};

mock/modelVersion.ts

@@ -0,0 +1,33 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 17:18:11
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 13:09:42
+ * @FilePath: \general-ai-platform-web\mock\modelVersion.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**模型版本模块 mock */
+
+import { mockGetModelVersionListData , mockGetModelVersionFkSelect} from './pools/modelVersionData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList, fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+  // 获取模型版本列表
+  'POST /api/v1/model_version/getModelVersionList': async (req: Request, res: Response) => {
+    console.log(req, 'getModelVersionList_req')
+    const { page , pageSize} = req.body;
+
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({...mockGetModelVersionListData, data: {...mockGetModelVersionListData.data, page, pageSize: pageSize || 10} }),
+    };
+    res.send(resData);
+  },
+
+  // 选择模型
+'POST /api/v1/model_version/getModelVersionFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetModelVersionFkSelect),
+    };
+    res.send(resData);
+  }
+};

mock/pools/businessImageData.ts

@@ -0,0 +1,35 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:35:15
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 16:45:13
+ * @FilePath: \general-ai-platform-web\mock\pools\businessImageData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**业务镜像- */
+
+
+// 业务镜像列表分页
+export const mockGetBusinessImageListData = {
+    data: {
+      list: [
+        {
+          id: 1,
+          createTime: '2024-01-25T16:36:06.575908+08:00',
+          updateTime: '2024-01-25T16:36:06.575908+08:00',
+          name: '测试123',
+          version: 'v1',
+          projectFkId: 38,
+          path: 'http://jingxiang.com',
+          startCode: '123',
+          config: null,
+          configHash: '',
+          remark: '',
+        },
+      ],
+      total: 1,
+      page: 1,
+      pageSize: 10,
+    },
+  };
+  

mock/pools/computePowerData.ts

@@ -0,0 +1,122 @@
+export type ComputePowerPoolItem = {
+  name: string;
+  type: number; // 类别
+  color?: string; //
+  proportion: number;
+  pretreatmentEfficiency?: number;
+  bgColor?: string;
+};
+
+const groupList: Record<string, any>[] = [
+  {
+    label: "NVIDIA GeForce 4090",
+    type: 1
+  },
+  {
+    label: "瑞芯微 RK3566",
+    type: 0
+  },
+  {
+    label: "瑞芯微 RK3566",
+    type: 0
+  },
+  {
+    label: "NVIDIA GeForce 4090",
+    type: 1
+  },
+  {
+    label: "NVIDIA GeForce 4090",
+    type: 1
+  }
+];
+
+const poolsData: ComputePowerPoolItem[] = [
+  {
+    name: "焊线颜色检测",
+    type: 9,
+    proportion: 7,
+    pretreatmentEfficiency: 20,
+    color: "#014BE6",
+    bgColor: "linear-gradient(180deg, #015DE6 0%, #4881F6 100%)"
+  },
+  {
+    name: "螺纹缺陷检测",
+    type: 8,
+    proportion: 8,
+    pretreatmentEfficiency: 20,
+    color: "#FAA90B",
+    bgColor: "linear-gradient(180deg, #E64601 0%, #F6A648 100%)"
+  },
+  {
+    name: "PIN间距测量",
+    type: 7,
+    proportion: 4,
+    pretreatmentEfficiency: 15,
+    color: "#EA1281",
+    bgColor: "linear-gradient(180deg, #E60161 0%, #F648E5 100%)"
+  },
+  {
+    name: "螺纹无牙缺陷检测",
+    type: 6,
+    proportion: 7,
+    pretreatmentEfficiency: 20,
+    color: "#FA8616",
+    bgColor: "linear-gradient(180deg, #FA8316 0%, #FAAD16 100%)"
+  },
+  {
+    name: "压板缺陷检测",
+    type: 5,
+    proportion: 32,
+    pretreatmentEfficiency: 38,
+    color: "#F9DB18",
+    bgColor: "linear-gradient(180deg, #FFC56F 0%, #F9E006 100%)"
+  },
+  {
+    name: "划伤缺陷检测",
+    type: 4,
+    proportion: 8,
+    pretreatmentEfficiency: 38,
+    color: "#1CCCFA",
+    bgColor: "linear-gradient(180deg, #6FFFFF 0%, #06BEF9 100%)"
+  },
+  {
+    name: "披锋（毛刺）缺陷检测",
+    type: 3,
+    proportion: 12,
+    pretreatmentEfficiency: 38,
+    color: "#9E26EE",
+    bgColor: "linear-gradient(180deg, #FF2494 0%, #8D27FF 100%)"
+  },
+  {
+    name: "工件尺寸测量",
+    type: 2,
+    proportion: 7,
+    pretreatmentEfficiency: 38,
+    color: "#6F50F6",
+    bgColor: "linear-gradient(180deg, #6B55F6 0%, #8C38F8 100%)"
+  },
+  {
+    name: "打孔不良检测",
+    type: 1,
+    proportion: 5,
+    pretreatmentEfficiency: 38,
+    color: "#24ED75",
+    bgColor: "linear-gradient(180deg, #43EA80 0%, #38F8D4 100%)"
+  },
+  {
+    name: "空闲算力",
+    type: 0,
+    proportion: 10,
+    pretreatmentEfficiency: 0,
+    color: "#DCDCDC",
+    bgColor: "linear-gradient(90deg, #7B7979 0%, #C1C1C1 100%)"
+  }
+];
+
+export const powerGroupListData = {
+  data: groupList
+};
+
+export const powerPoolsListData = {
+  data: poolsData
+};

mock/pools/deviceCategoryData.ts

@@ -0,0 +1,53 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:53:24
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 17:34:49
+ * @FilePath: \general-ai-platform-web\mock\pools\deviceCategoryData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+/**设备类别- */
+
+// 设备类别列表分页
+export const mockGetDeviceCategoryListData = {
+  data: {
+    list: [
+      {
+        id: 1,
+        createTime: '2023-10-17T10:35:41.14308+08:00',
+        updateTime: '2023-10-17T10:35:41.14308+08:00',
+        name: '监控1',
+        code: 'DC00002',
+        remark: '',
+      },
+      {
+        id: 2,
+        createTime: '2023-10-17T10:40:28.292883+08:00',
+        updateTime: '2023-10-26T11:02:51.356036+08:00',
+        name: '控制器',
+        code: 'DC00003',
+        remark: '',
+      },
+    ],
+    total: 2,
+    page: 1,
+    pageSize: 10,
+  },
+};
+
+// 设备类别选项列表不分页
+export const mockGetDeviceCategoryFkSelectData = {
+  data: {
+    list: [
+      {
+        name: '监控1',
+        id: 1,
+      },
+      {
+        name: '控制器',
+        id: 2,
+      },
+    ],
+  }
+};

mock/pools/deviceData.ts

@@ -0,0 +1,83 @@
+
+/**设备- */
+
+// 设备列表分页
+export const mockGetDeviceListData= {
+  data: {
+    list: [
+      {
+        id: 2,
+        createTime: '2023-10-17T10:47:51.629494+08:00',
+        updateTime: '2023-10-26T11:02:39.559715+08:00',
+        name: '控制设备1',
+        code: 'DEVICE00002',
+        position: '',
+        param: '',
+        spec: '',
+        categoryFkId: 2,
+        groupFkId: 3,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 3,
+        createTime: '2023-10-17T14:59:28.10666+08:00',
+        updateTime: '2023-12-28T16:15:37.839819+08:00',
+        name: '监控2',
+        code: 'DEVICE00003',
+        position: '',
+        param: 'rtsp://192.168.10.14:8554/mystream',
+        spec: '',
+        categoryFkId: 1,
+        groupFkId: 3,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 4,
+        createTime: '2023-10-17T15:05:53.494168+08:00',
+        updateTime: '2023-10-17T15:05:53.494168+08:00',
+        name: '监控3',
+        code: 'DEVICE00004',
+        position: '',
+        param: '',
+        spec: '',
+        categoryFkId: 1,
+        groupFkId: 5,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 5,
+        createTime: '2023-10-18T17:08:22.249904+08:00',
+        updateTime: '2023-10-18T17:08:22.249904+08:00',
+        name: '监控1',
+        code: 'DEVICE00005',
+        position: '',
+        param: 'rtsp://admin:123456abc@192.168.10.83',
+        spec: '',
+        categoryFkId: 1,
+        groupFkId: 3,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 6,
+        createTime: '2023-10-25T14:05:16.797145+08:00',
+        updateTime: '2023-10-25T15:59:06.907597+08:00',
+        name: '监控5',
+        code: 'DEVICE00006',
+        position: '大厅1',
+        param: 'rtsp://admin:@192.168.10.203',
+        spec: '',
+        categoryFkId: 1,
+        groupFkId: 2,
+        isEnable: true,
+        remark: '',
+      },
+    ],
+    total: 5,
+    page: 1,
+    pageSize: 10,
+  },
+};

mock/pools/deviceGroupData.ts

@@ -0,0 +1,242 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:32:31
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-02-05 15:21:21
+ * @FilePath: \general-ai-platform-web\mock\pools\deviceGroupData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**设备组- */
+// 设备组网点选项列表
+export const mockGetDeviceGroupFkSelectData = {
+  data: {
+    list: [
+      {
+        name: '南京网点',
+        id: 1,
+      },
+      {
+        name: '秦淮网点',
+        id: 2,
+      },
+      {
+        name: '江宁网点',
+        id: 3,
+      },
+      {
+        name: '安徽网点',
+        id: 4,
+      },
+      {
+        name: '合肥网点',
+        id: 5,
+      },
+    ],
+  },
+};
+
+// 设备组网点树
+export const mockGetDeviceGroupTreeData = {
+  data: {
+    tree: [
+      {
+        title: '南京网点1',
+        key: 1,
+        children: [
+          {
+            title: '秦淮网点',
+            key: 2,
+            children: [],
+          },
+          {
+            title: '江宁网点',
+            key: 3,
+            children: [],
+          },
+        ],
+      },
+      {
+        title: '安徽网点',
+        key: 4,
+        children: [
+          {
+            title: '合肥网点',
+            key: 5,
+            children: [],
+          },
+        ],
+      },
+    ],
+  },
+};
+
+// 设备组列表分页
+export const mockGetDeviceGroupListData = {
+  data: {
+    list: [
+      {
+        id: 1,
+        createTime: '2023-10-17T10:43:31.254107+08:00',
+        updateTime: '2023-10-17T10:45:25.030034+08:00',
+        name: '南京网点',
+        code: 'DG00002',
+        address: '江苏省南京市南京市栖霞区紫东路南京紫东国际创意园',
+        telephone: '12345',
+        lon: '118.914349',
+        lat: '32.086019',
+        managerName: '张三',
+        managerPhone: '111111111',
+        isEnable: true,
+        parentFkId: 0,
+        remark: '',
+        children: [
+          {
+            id: 2,
+            createTime: '2023-10-17T13:37:31.758471+08:00',
+            updateTime: '2023-10-17T13:39:31.530494+08:00',
+            name: '秦淮网点',
+            code: 'DG00003',
+            address: '江苏省南京市秦淮区中山南路79号',
+            telephone: '',
+            lon: '118.791819',
+            lat: '32.045002',
+            managerName: '',
+            managerPhone: '',
+            isEnable: true,
+            parentFkId: 1,
+            remark: '',
+            children: null,
+            key: '2',
+          },
+          {
+            id: 3,
+            createTime: '2023-10-17T13:40:28.823372+08:00',
+            updateTime: '2023-10-17T13:40:28.823372+08:00',
+            name: '江宁网点',
+            code: 'DG00004',
+            address: '江苏省南京市经济技术开发区双龙大道1680号',
+            telephone: '',
+            lon: '118.824682',
+            lat: '31.937062',
+            managerName: '',
+            managerPhone: '',
+            isEnable: true,
+            parentFkId: 1,
+            remark: '',
+            children: null,
+            key: '3',
+          },
+        ],
+        key: '1',
+      },
+      {
+        id: 4,
+        createTime: '2023-10-17T15:02:30.725705+08:00',
+        updateTime: '2023-10-17T15:02:30.725705+08:00',
+        name: '安徽网点',
+        code: 'DG00005',
+        address: '',
+        telephone: '',
+        lon: '',
+        lat: '',
+        managerName: '',
+        managerPhone: '',
+        isEnable: true,
+        parentFkId: 0,
+        remark: '',
+        children: [
+          {
+            id: 5,
+            createTime: '2023-10-17T15:05:13.542992+08:00',
+            updateTime: '2023-10-17T15:08:01.071315+08:00',
+            name: '合肥网点',
+            code: 'DG00006',
+            address: '安徽省合肥市包河区马鞍山路130号',
+            telephone: '',
+            lon: '117.309214',
+            lat: '31.862594',
+            managerName: '',
+            managerPhone: '',
+            isEnable: true,
+            parentFkId: 4,
+            remark: '',
+            children: null,
+            key: '5',
+          },
+        ],
+        key: '4',
+      },
+    ],
+    total: 0,
+    page: 1,
+    pageSize: 10,
+  },
+};
+
+// 设备组详情
+export const mockGetDeviceGroupData1 = {
+  data: {
+    deviceGroup: {
+      id: 2,
+      createTime: '2023-10-17T13:37:31.758471+08:00',
+      updateTime: '2023-10-17T13:39:31.530494+08:00',
+      name: '秦淮网点',
+      code: 'DG00003',
+      address: '江苏省南京市秦淮区中山南路79号',
+      telephone: '',
+      lon: '118.791819',
+      lat: '32.045002',
+      managerName: '',
+      managerPhone: '',
+      isEnable: true,
+      parentFkId: 1,
+      remark: '',
+      children: null,
+      key: '',
+    },
+  },
+};
+export const mockGetDeviceGroupData2 = {
+  data: {
+    deviceGroup: {
+      id: 3,
+      createTime: '2023-10-17T13:40:28.823372+08:00',
+      updateTime: '2023-10-17T13:40:28.823372+08:00',
+      name: '江宁网点',
+      code: 'DG00004',
+      address: '江苏省南京市经济技术开发区双龙大道1680号',
+      telephone: '',
+      lon: '118.824682',
+      lat: '31.937062',
+      managerName: '',
+      managerPhone: '',
+      isEnable: true,
+      parentFkId: 1,
+      remark: '',
+      children: null,
+      key: '',
+    },
+  },
+};
+export const mockGetDeviceGroupData3 = {
+  data: {
+    deviceGroup: {
+      id: 5,
+      createTime: '2023-10-17T15:05:13.542992+08:00',
+      updateTime: '2023-10-17T15:08:01.071315+08:00',
+      name: '合肥网点',
+      code: 'DG00006',
+      address: '安徽省合肥市包河区马鞍山路130号',
+      telephone: '',
+      lon: '117.309214',
+      lat: '31.862594',
+      managerName: '',
+      managerPhone: '',
+      isEnable: true,
+      parentFkId: 4,
+      remark: '',
+      children: null,
+      key: '',
+    },
+  },
+};

mock/pools/menuData.ts

@@ -0,0 +1,310 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 16:05:16
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-24 16:18:18
+ * @FilePath: \general-ai-platform-web\mock\pools\menuData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/** 菜单目录信息 */
+export const mockGetMenuData = {
+  data: {
+    routes: [
+      {
+        path: '/welcome',
+        key: '',
+        name: 'welcome',
+        icon: 'HomeOutlined',
+        access: '',
+        component: 'Welcome',
+        title: '首页',
+        routes: [],
+      },
+      {
+        path: '/resource',
+        key: '',
+        name: 'resource',
+        icon: 'BlockOutlined',
+        access: '',
+        component: '',
+        title: '资源管理',
+        routes: [
+          {
+            path: '/resource/model-version-list',
+            key: '19',
+            name: 'model-version-list',
+            icon: '',
+            access: '',
+            component: 'Resource/ModelVersionList',
+            title: '模型版本',
+            routes: [],
+          },
+          {
+            path: '/resource/model-image-list',
+            key: '18',
+            name: 'model-image-list',
+            icon: '',
+            access: '',
+            component: 'Resource/ModelImageList',
+            title: '模型镜像',
+            routes: [],
+          },
+          {
+            path: '/resource/model-category-list',
+            key: '20',
+            name: 'model-category-list',
+            icon: '',
+            access: '',
+            component: 'Resource/ModelCategoryList',
+            title: '模型类别',
+            routes: [],
+          },
+          {
+            path: '/resource/algorithm-model-list',
+            key: '17',
+            name: 'algorithm-model-list',
+            icon: '',
+            access: '',
+            component: 'Resource/AlgorithmModelList',
+            title: '模型列表',
+            routes: [],
+          },
+          {
+            path: '/resource/business-image-list',
+            key: '21',
+            name: 'business-image-list',
+            icon: '',
+            access: '',
+            component: 'Resource/BusinessImageList',
+            title: '业务镜像',
+            routes: [],
+          },
+        ],
+      },
+      {
+        path: '/device',
+        key: '',
+        name: 'device',
+        icon: 'DesktopOutlined',
+        access: '',
+        component: '',
+        title: '设备管理',
+        routes: [
+          {
+            path: '/device/device-category-list',
+            key: '13',
+            name: 'device-category-list',
+            icon: '',
+            access: '',
+            component: 'Device/DeviceCategoryList',
+            title: '设备类别',
+            routes: [],
+          },
+          {
+            path: '/device/device-group-list',
+            key: '14',
+            name: 'device-group-list',
+            icon: '',
+            access: '',
+            component: 'Device/DeviceGroupList',
+            title: '设备组',
+            routes: [],
+          },
+          {
+            path: '/device/device-list',
+            key: '12',
+            name: 'device-list',
+            icon: '',
+            access: '',
+            component: 'Device/DeviceList',
+            title: '设备列表',
+            routes: [],
+          },
+        ],
+      },
+      {
+        path: '/project',
+        key: '',
+        name: 'project',
+        icon: 'DatabaseOutlined',
+        access: '',
+        component: '',
+        title: '项目管理',
+        routes: [
+          {
+            path: '/project/project-list',
+            key: '24',
+            name: 'project-list',
+            icon: '',
+            access: '',
+            component: 'Project/ProjectList',
+            title: '项目列表',
+            routes: [],
+          },
+        ],
+      },
+      {
+        path: '/algorithm_setting',
+        key: '',
+        name: 'algorithm_setting',
+        icon: 'ExperimentOutlined',
+        access: '',
+        component: '',
+        title: '项目部署',
+        routes: [],
+      },
+      {
+        path: '/analysis',
+        key: '',
+        name: 'analysis',
+        icon: 'DotChartOutlined',
+        access: '',
+        component: '',
+        title: '智能分析',
+        routes: [
+          {
+            path: '/analysis/action-detection-list',
+            key: '10',
+            name: 'action-detection-list',
+            icon: '',
+            access: '',
+            component: 'Analysis/ActionDetectionList',
+            title: '行为异常',
+            routes: [],
+          },
+        ],
+      },
+      {
+        path: '/system',
+        key: '',
+        name: 'system',
+        icon: 'SettingOutlined',
+        access: '',
+        component: '',
+        title: '系统管理',
+        routes: [
+          {
+            path: '/system/api-list',
+            key: '2',
+            name: 'api-list',
+            icon: '',
+            access: '',
+            component: 'System/ApiList',
+            title: '接口列表',
+            routes: [],
+          },
+          {
+            path: '/system/menu-list',
+            key: '3',
+            name: 'menu-list',
+            icon: '',
+            access: '',
+            component: 'System/MenuList',
+            title: '菜单列表',
+            routes: [],
+          },
+          {
+            path: '/system/role-list',
+            key: '4',
+            name: 'role-list',
+            icon: '',
+            access: '',
+            component: 'System/RoleList',
+            title: '角色列表',
+            routes: [],
+          },
+          {
+            path: '/system/user-list',
+            key: '5',
+            name: 'user-list',
+            icon: '',
+            access: '',
+            component: 'System/UserList',
+            title: '用户列表',
+            routes: [],
+          },
+          {
+            path: '/system/post-list',
+            key: '6',
+            name: 'post-list',
+            icon: '',
+            access: '',
+            component: 'System/PostList',
+            title: '岗位列表',
+            routes: [],
+          },
+          {
+            path: '/system/department-list',
+            key: '7',
+            name: 'department-list',
+            icon: '',
+            access: '',
+            component: 'System/DepartmentList',
+            title: '部门列表',
+            routes: [],
+          },
+          {
+            path: '/system/operation_record-list',
+            key: '8',
+            name: 'operation_record-list',
+            icon: '',
+            access: '',
+            component: 'System/OperationRecordList',
+            title: '操作日志',
+            routes: [],
+          },
+        ],
+      },
+      {
+        path: '/task',
+        key: '',
+        name: 'task',
+        icon: 'CalendarOutlined',
+        access: '',
+        component: '',
+        title: '任务管理',
+        routes: [],
+      },
+      {
+        path: '/alarm',
+        key: '',
+        name: 'alarm',
+        icon: 'WarningOutlined',
+        access: '',
+        component: '',
+        title: '告警管理',
+        routes: [],
+      },
+      {
+        path: 'compute_power',
+        key: '',
+        name: 'compute_power',
+        icon: 'ThunderboltOutlined',
+        access: '',
+        component: 'Hidden',
+        title: '算力配置',
+        routes: [],
+      },
+    //   {
+    //     path: 'http://192.168.10.96:5601/app/r/s/uDpRg',
+    //     key: '',
+    //     name: 'logging',
+    //     icon: 'BugOutlined',
+    //     access: '',
+    //     component: 'Hidden',
+    //     title: '日志管理',
+    //     routes: [],
+    //   },
+    //   {
+    //     path: 'http://localhost:9003/#/bankScreen',
+    //     key: '',
+    //     name: 'data_screen',
+    //     icon: 'AreaChartOutlined',
+    //     access: '',
+    //     component: 'Hidden',
+    //     title: '数据大屏',
+    //     routes: [],
+    //   },
+    ],
+  }
+};

mock/pools/modelCategoryData.ts

@@ -0,0 +1,44 @@
+/**模型类别 */
+
+// 模型列表列表分页
+export const mockGetModelCategoryListData = {
+  data: {
+    list: [
+      {
+        id: 1,
+        createTime: '2023-10-19T14:42:20.743086+08:00',
+        updateTime: '2023-10-19T14:42:20.743086+08:00',
+        name: 'ocr识别1',
+        code: 'MC00001',
+        remark: '',
+      },
+      {
+        id: 2,
+        createTime: '2023-10-20T13:55:51.395842+08:00',
+        updateTime: '2023-10-20T13:55:51.395842+08:00',
+        name: '目标识别',
+        code: 'MC00002',
+        remark: '',
+      },
+    ],
+    total: 2,
+    page: 1,
+    pageSize: 10,
+  },
+};
+
+// 模型列表不分页
+export const mockGetModelCategoryFkSelectData = {
+  data: {
+    list: [
+      {
+        name: 'ocr识别1',
+        id: 1,
+      },
+      {
+        name: '目标识别',
+        id: 2,
+      },
+    ],
+  }
+};

mock/pools/modelImageData.ts

@@ -0,0 +1,28 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 09:54:36
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 13:20:48
+ * @FilePath: \general-ai-platform-web\mock\pools\modelImage.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**模型镜像-选择模型 */
+// 模型镜像列表
+export const mockGetModelImageListData = {
+  data: {
+    list: [
+      {
+        id: 1,
+        createTime: '2023-12-28T10:53:15.871746+08:00',
+        updateTime: '2023-12-28T10:53:15.871746+08:00',
+        name: 'ubuntu基础1',
+        path: '192.168.10.60:5000/ubuntu:v1',
+        startCode: '',
+        remark: '',
+      },
+    ],
+    total: 1,
+    page: 1,
+    pageSize: 10,
+  },
+};

mock/pools/modelVersionData.ts

@@ -0,0 +1,635 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 16:59:35
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 13:24:41
+ * @FilePath: \general-ai-platform-web\mock\pools\modelVersionData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**模型版本 */
+
+// 模型版本列表
+export const mockGetModelVersionListData = {
+  data: {
+    list: [
+      {
+        id: 240,
+        createTime: '2023-11-10T16:05:24.289341+08:00',
+        updateTime: '2023-11-10T16:05:24.289341+08:00',
+        modelFkId: 4,
+        version: '',
+        path: '测试',
+        modelConfig: {
+          params: [
+            {
+              name: 'frame11',
+              default: 10,
+            },
+            {
+              name: 'name11',
+              default: 'test',
+            },
+            {
+              name: 'cews',
+              default: '111',
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 25,
+        createTime: '2023-11-10T16:05:53.393208+08:00',
+        updateTime: '2023-11-13T11:07:27.657412+08:00',
+        modelFkId: 6,
+        version: 'V1.22',
+        path: '////',
+        modelConfig: {
+          params: [
+            {
+              name: 'frame',
+              default: 10,
+            },
+            {
+              name: 'name',
+              default: 'test',
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 26,
+        createTime: '2023-12-26T16:58:53.617618+08:00',
+        updateTime: '2023-12-26T16:58:53.617618+08:00',
+        modelFkId: 1,
+        version: 'v1',
+        path: 'uploads/file/models/1703581116930/cddfa9c25b2c3c20ce703209385ea557_20231226165845.zip',
+        modelConfig: {
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'model_parameter',
+              default: {
+                device: 'gpu',
+                confidence: 0.2,
+                label_names: ['Keypad', 'hands', 'keyboard', 'mouse', 'phone'],
+                object_num_min: false,
+                relevancy_para: 0.001,
+                compara_relevancy: 'overlap',
+                compara_label_names: ['hands', 'phone'],
+              },
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+            {
+              name: 'test',
+              default: [
+                {
+                  eee: 'eee',
+                },
+                {
+                  bbb: 'bbb',
+                },
+              ],
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 27,
+        createTime: '2023-12-26T17:19:45.436658+08:00',
+        updateTime: '2023-12-26T17:19:45.436658+08:00',
+        modelFkId: 9,
+        version: 'V1',
+        path: 'uploads/file/models/1703582356909/cddfa9c25b2c3c20ce703209385ea557_20231226171938.zip',
+        modelConfig: {
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'model_parameter',
+              default: {
+                device: 'gpu',
+                confidence: 0.2,
+                label_names: ['Keypad', 'hands', 'keyboard', 'mouse', 'phone'],
+                object_num_min: false,
+                relevancy_para: 0.001,
+                compara_relevancy: 'overlap',
+                compara_label_names: ['hands', 'phone'],
+              },
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+            {
+              name: 'test',
+              default: [
+                {
+                  eee: 'eee',
+                },
+                {
+                  bbb: 'bbb',
+                },
+              ],
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 1,
+        createTime: '2023-10-21T11:16:46.244747+08:00',
+        updateTime: '2023-10-23T09:23:38.477132+08:00',
+        modelFkId: 5,
+        version: 'V1.0',
+        path: '/path/a.onnx',
+        modelConfig: null,
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 2,
+        createTime: '2023-10-21T11:17:11.704304+08:00',
+        updateTime: '2023-10-23T09:23:55.998654+08:00',
+        modelFkId: 5,
+        version: 'V1.2',
+        path: '/path/b.onnx',
+        modelConfig: null,
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 3,
+        createTime: '2023-10-21T11:17:49.609481+08:00',
+        updateTime: '2023-10-23T09:24:14.832605+08:00',
+        modelFkId: 5,
+        version: 'V1.1',
+        path: 'aa',
+        modelConfig: null,
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 4,
+        createTime: '2023-10-21T11:18:01.331091+08:00',
+        updateTime: '2023-10-23T09:24:43.671437+08:00',
+        modelFkId: 6,
+        version: 'V1.0',
+        path: 'aaa',
+        modelConfig: {
+          params: [
+            {
+              name: 'model',
+              remark: '1',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              remark: '2',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 5,
+        createTime: '2023-10-24T15:03:46.104742+08:00',
+        updateTime: '2023-10-25T17:39:18.952711+08:00',
+        modelFkId: 5,
+        version: 'V11',
+        path: '../config_phone.yaml',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 7,
+        createTime: '2023-10-25T13:58:04.622319+08:00',
+        updateTime: '2023-10-25T17:39:37.221289+08:00',
+        modelFkId: 7,
+        version: 'V1.0',
+        path: '../config_sleep.yaml',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 8,
+        createTime: '2023-10-25T13:59:04.80433+08:00',
+        updateTime: '2023-10-25T17:39:53.069411+08:00',
+        modelFkId: 8,
+        version: 'V1.0',
+        path: '../config_person.yaml',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 11,
+        createTime: '2023-11-03T16:44:15.776907+08:00',
+        updateTime: '2023-11-03T16:44:15.776907+08:00',
+        modelFkId: 3,
+        version: '',
+        path: 'aa',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 12,
+        createTime: '2023-11-03T16:45:39.870898+08:00',
+        updateTime: '2023-11-03T16:45:39.870898+08:00',
+        modelFkId: 3,
+        version: '',
+        path: 'aa',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 13,
+        createTime: '2023-11-03T16:46:36.363785+08:00',
+        updateTime: '2023-11-03T16:46:36.363785+08:00',
+        modelFkId: 2,
+        version: '',
+        path: 'aa',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 14,
+        createTime: '2023-11-03T16:47:24.709797+08:00',
+        updateTime: '2023-11-03T16:47:24.709797+08:00',
+        modelFkId: 3,
+        version: '',
+        path: 'ss',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 15,
+        createTime: '2023-11-03T16:48:31.95034+08:00',
+        updateTime: '2023-11-03T16:48:31.95034+08:00',
+        modelFkId: 3,
+        version: '',
+        path: '111',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 16,
+        createTime: '2023-11-03T16:49:41.864377+08:00',
+        updateTime: '2023-11-03T16:49:41.864377+08:00',
+        modelFkId: 2,
+        version: '',
+        path: 'aaaa',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 17,
+        createTime: '2023-11-03T16:51:14.719832+08:00',
+        updateTime: '2023-11-03T16:51:14.719832+08:00',
+        modelFkId: 2,
+        version: '',
+        path: 'sss',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 18,
+        createTime: '2023-11-03T16:54:33.550247+08:00',
+        updateTime: '2023-11-03T16:54:33.550247+08:00',
+        modelFkId: 2,
+        version: '',
+        path: 'sss',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 19,
+        createTime: '2023-11-03T16:56:04.760163+08:00',
+        updateTime: '2023-11-03T16:56:04.760163+08:00',
+        modelFkId: 3,
+        version: '',
+        path: 'sss',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 20,
+        createTime: '2023-11-03T16:56:56.39397+08:00',
+        updateTime: '2023-11-03T16:56:56.39397+08:00',
+        modelFkId: 3,
+        version: '',
+        path: 'ddd',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 21,
+        createTime: '2023-11-03T16:57:43.040174+08:00',
+        updateTime: '2023-11-03T16:57:43.040174+08:00',
+        modelFkId: 2,
+        version: '',
+        path: 'aaa',
+        modelConfig: {
+          params: [],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 22,
+        createTime: '2023-11-03T16:59:59.243265+08:00',
+        updateTime: '2023-11-03T16:59:59.243265+08:00',
+        modelFkId: 1,
+        version: '',
+        path: 'aaa',
+        modelConfig: {
+          params: [
+            {
+              name: 'model',
+              remark: '1',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              remark: '2',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+      {
+        id: 23,
+        createTime: '2023-11-09T09:43:51.549764+08:00',
+        updateTime: '2023-11-09T09:43:51.549764+08:00',
+        modelFkId: 8,
+        version: 'V1.1',
+        path: 'fff',
+        modelConfig: {
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+          ],
+        },
+        startCode: '',
+        status: 1,
+        isEnable: true,
+        remark: '',
+      },
+    ],
+    total: 24,
+    page: 1,
+    pageSize: 10,
+  },
+};
+
+// 模型版本-选择
+export const mockGetModelVersionFkSelect = {
+  data: {
+    list: [
+      {
+        name: 'V1.0001',
+        id: 1,
+      },
+      {
+        name: 'V1.2',
+        id: 2,
+      },
+      {
+        name: 'V1.1',
+        id: 3,
+      },
+      {
+        name: 'v1',
+        id: 26,
+      },
+      {
+        name: 'V1',
+        id: 27,
+      },
+      {
+        name: 'V11',
+        id: 5,
+      },
+      {
+        name: 'V1.0',
+        id: 7,
+      },
+      {
+        name: 'V1.0',
+        id: 8,
+      },
+      {
+        name: '',
+        id: 11,
+      },
+      {
+        name: '',
+        id: 12,
+      },
+    ],
+  }
+};

mock/pools/projectData.ts

@@ -0,0 +1,514 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 16:43:31
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-02-05 15:24:57
+ * @FilePath: \general-ai-platform-web\mock\pools\projectData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**项目- */
+
+// 项目选项 （不分页）
+export const mockGetProjectFkSelectData = {
+  data: {
+    list: [
+      {
+        name: '玩手机1',
+        id: 38,
+      },
+      {
+        name: '离岗检测',
+        id: 40,
+      },
+      {
+        name: '打瞌睡检测',
+        id: 39,
+      },
+      {
+        name: '测试',
+        id: 42,
+      },
+      {
+        name: '测试1',
+        id: 43,
+      },
+      {
+        name: '测试2',
+        id: 44,
+      },
+      {
+        name: '测试4',
+        id: 46,
+      },
+      {
+        name: '测试5',
+        id: 47,
+      },
+      {
+        name: '测试6',
+        id: 48,
+      },
+      {
+        name: '测试7',
+        id: 49,
+      },
+    ],
+  },
+};
+
+// 项目列表 分页
+export const mockGetProjectListData = {
+  data: {
+    list: [
+      {
+        id: 38,
+        createTime: '2023-10-24T14:03:52.959113+08:00',
+        updateTime: '2023-10-24T14:03:52.959113+08:00',
+        name: '玩手机1',
+        code: 'XM00038',
+        info: '玩手机',
+        projectFilePath:
+          'uploads/file/project/files/da9c3e5bd8bdf5026aa47bee87e81ccc_20231024140343.zip',
+        inferConfig: {
+          models: [5],
+          params: [],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 39,
+        createTime: '2023-10-25T13:06:28.092394+08:00',
+        updateTime: '2023-10-25T13:06:28.092394+08:00',
+        name: '打瞌睡检测',
+        code: 'XM00039',
+        info: '打瞌睡',
+        projectFilePath: '',
+        inferConfig: {
+          models: [7],
+          params: [],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 40,
+        createTime: '2023-10-25T14:01:24.985459+08:00',
+        updateTime: '2023-10-25T14:01:24.985459+08:00',
+        name: '离岗检测',
+        code: 'XM00040',
+        info: '离岗检测',
+        projectFilePath: '',
+        inferConfig: {
+          models: [8],
+          params: [],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 42,
+        createTime: '2023-11-06T10:11:06.735872+08:00',
+        updateTime: '2023-11-06T10:11:06.735872+08:00',
+        name: '测试',
+        code: 'XM00042',
+        info: '测试1',
+        projectFilePath: '',
+        inferConfig: {
+          models: [1],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'model_parameter',
+              default: {
+                device: 'gpu',
+                confidence: 0.2,
+                label_names: ['Keypad', 'hands', 'keyboard', 'mouse', 'phone'],
+                object_num_min: false,
+                relevancy_para: 0.001,
+                compara_relevancy: 'overlap',
+                compara_label_names: ['hands', 'phone'],
+              },
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 43,
+        createTime: '2023-11-06T13:40:16.031088+08:00',
+        updateTime: '2023-11-06T13:40:16.031088+08:00',
+        name: '测试1',
+        code: 'XM00043',
+        info: '测试1',
+        projectFilePath: '',
+        inferConfig: {
+          models: [1],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'model_parameter',
+              default: {
+                device: 'gpu',
+                confidence: 0.2,
+                label_names: ['Keypad', 'hands', 'keyboard', 'mouse', 'phone'],
+                object_num_min: false,
+                relevancy_para: 0.001,
+                compara_relevancy: 'overlap',
+                compara_label_names: ['hands', 'phone'],
+              },
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+            {
+              name: 'test',
+              default: [
+                {
+                  eee: 'eee',
+                },
+                {
+                  bbb: 'bbb',
+                },
+              ],
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 44,
+        createTime: '2023-11-06T13:41:20.873017+08:00',
+        updateTime: '2023-11-06T13:41:20.873017+08:00',
+        name: '测试2',
+        code: 'XM00044',
+        info: '测试2',
+        projectFilePath: '',
+        inferConfig: {
+          models: [1],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 46,
+        createTime: '2023-11-06T16:20:16.19561+08:00',
+        updateTime: '2023-11-06T16:20:16.19561+08:00',
+        name: '测试4',
+        code: 'XM00046',
+        info: '测试4',
+        projectFilePath: '',
+        inferConfig: {
+          models: [8],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 47,
+        createTime: '2023-11-06T16:29:11.765524+08:00',
+        updateTime: '2023-11-06T16:29:11.765524+08:00',
+        name: '测试5',
+        code: 'XM00047',
+        info: '测试5',
+        projectFilePath: '',
+        inferConfig: {
+          models: [7, 6],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+            {
+              name: 'save_path',
+              default: false,
+            },
+            {
+              name: 'test_path',
+              default: false,
+            },
+            {
+              name: 'save_path_original',
+              default: false,
+            },
+            {
+              name: 'save_annotations',
+              default: false,
+            },
+            {
+              name: 'save_videos',
+              default: './video_save_path/hands',
+            },
+            {
+              name: 'detect_time',
+              default: 300,
+            },
+            {
+              name: 'detect_time_small',
+              default: 20,
+            },
+            {
+              name: 'detect_ratio',
+              default: 0.5,
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 48,
+        createTime: '2023-11-07T16:17:51.448947+08:00',
+        updateTime: '2023-11-07T16:17:51.448947+08:00',
+        name: '测试6',
+        code: 'XM00048',
+        info: '测试6',
+        projectFilePath: '',
+        inferConfig: {
+          models: [8, 7, 6],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+      {
+        id: 49,
+        createTime: '2023-11-07T16:22:03.174411+08:00',
+        updateTime: '2023-11-07T16:22:03.174411+08:00',
+        name: '测试7',
+        code: 'XM00049',
+        info: '测试7',
+        projectFilePath: '',
+        inferConfig: {
+          models: [8, 7, 6],
+          params: [
+            {
+              name: 'model',
+              default: './model_file/yolov5_phone.onnx',
+            },
+            {
+              name: 'model_cache',
+              default: './tensort_cache/yolov5_phone.trt',
+            },
+          ],
+        },
+        isEnable: true,
+        groupIds: null,
+        remark: '',
+      },
+    ],
+    total: 27,
+    page: 1,
+    pageSize: 10,
+  },
+};
+
+
+// 项目详情通过设备组
+export const mockGetProjectByGroupIdData = {
+  data: {
+    list: [
+      {
+        name: '测试3334',
+        id: 65,
+        models: [
+          {
+            modelName: '玩手机yolo2',
+            version: 'V1.0',
+            configId: 2,
+            updateTime: '2023-12-28 13:57:29',
+          },
+          {
+            modelName: '玩手机yolo2',
+            version: 'V1.0',
+            configId: 1,
+            updateTime: '2023-12-28 13:57:52',
+          },
+        ],
+      },
+    ],
+  }
+};

mock/pools/userData.ts

@@ -0,0 +1,78 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 15:18:28
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-24 16:27:20
+ * @FilePath: \general-ai-platform-web\mock\pools\userData.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**登录成功信息 */
+export const mockBaseLoginData = {
+  data: {
+    user: {
+      id: 1,
+      createTime: '2023-10-08T16:02:30.775742+08:00',
+      updateTime: '2024-01-24T14:52:59.630566+08:00',
+      userName: 'admin',
+      nickName: '管理员1',
+      phone: '',
+      email: '',
+      avatarId: 1,
+      roleId: 1,
+      postId: null,
+      deptId: null,
+      roleIds: '1',
+      postIds: '',
+      remark: '',
+      enable: null,
+      lastLoginTime: '2024-01-24T14:56:32.6205134+08:00',
+    },
+    token:
+      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJZCI6MSwiVXNlcm5hbWUiOiJhZG1pbiIsIk5pY2tOYW1lIjoi566h55CG5ZGYIiwiUm9sZUlkIjoxLCJCdWZmZXJUaW1lIjo4NjQwMCwiaXNzIjoicW1QbHVzIiwiYXVkIjpbIkdWQSJdLCJleHAiOjE3MDY2ODQxOTIsIm5iZiI6MTcwNjA3OTM5Mn0.Vts4lGMp8X1EpobwqMB6StN7vO8HB4G5jBm_K8DvON4',
+    expiresAt: 1706684192000,
+  },
+  msg: '登录成功',
+};
+
+/**获取用户信息 */
+export const mockGetUserInfoData = {
+  data: {
+    userInfo: {
+      id: 1,
+      createTime: '2023-10-08T16:02:30.775742+08:00',
+      updateTime: '2024-01-24T14:56:32.620573+08:00',
+      userName: 'admin',
+      nickName: '管理员1',
+      phone: '',
+      email: '',
+      avatarId: 1,
+      roleId: 1,
+      postId: null,
+      deptId: null,
+      roleIds: '1',
+      postIds: '',
+      remark: '',
+      enable: null,
+      lastLoginTime: '2024-01-24T14:56:32.620513+08:00',
+      roles: [
+        {
+          label: '管理员1',
+          value: 1,
+        },
+      ],
+      avatarUrl: 'uploads/image/user/avatar/39c63ddb96a31b9610cd976b896ad4f0_20231016113731.jpg',
+    },
+  },
+};
+
+/**图形验证码 */
+export const mockBaseCaptchaData = {
+  data: {
+    captchaId: 'FeAftCoXZXjQ93CRfHuj',
+    picPath:
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAMAAAAQlwhOAAAA81BMVEUAAAAwVmtnjaJskqdYfpN0mq9kip+Tuc5IboNpj6SQtss8Ync6YHWHrcIbQVYBJzx+pLkMMkcEKj80Wm8tU2hPdYpSeI1xl6wMMkdxl6yMssczWW4GLEFEan9Zf5Q5X3RDaX4UOk92nLEILkNtk6gUOk9Zf5RVe5CCqL0KMEU8YnclS2AILkNehJlDaX5cgpcwVmsAJjsHLUKBp7wTOU5ymK2IrsMMMkcgRltSeI1QdouQtssTOU5pj6QEKj8tU2gPNUpSeI0qUGVIboNAZnsbQVZiiJ0MMkcoTmOIrsNojqNIboNTeY5skqdojqMkSl9AZnv2JzmZAAAAAXRSTlMAQObYZgAABk9JREFUeJzsm+lO4z4Xxo9nQMAnhECIik0gVrGJ7QMVFQUGEEjM/V/Oq6aJfVZnqZvQ9z+PNNM2duzz8+MtC/B/rdWuA2hZq6t1iP/aSV8pomlDtXj/msRfXz+L+HeaYmbG4d+/ExHPjP5rvP80Zb3VyXw5vTja0ttbDeLLS07swKWOCABWplCml8F7rB4lvA7cWDq0dbxcKyuJiZfLsxwf68ReOW3+aaU3DHBS3k36c3m5lHjLcNgLwaoe28a3oM1NTlx2xtbW1ujjTyQLdViYyQ5WQp+vkqmSNmufMeb9YxFnlPmE5b+QDIS3mt3z8+mIG/Ytk5e6Jw2mYzs6tSEl5J10OKn9lf7mGVClLmhKy5iMd5IpJIudHGCA2u/QCk4oFfOCGfG4wZtVJJcXWRDze9xE+cFAmRp5YcEmBl9jrapQlOSw0oOVIY0/HCsuCXIVh62qTrTTqCkw4EQoI8gRjcYwzam1oa2LatlE5GgpUao6OZHEbNzBYDBACSwjPw8A9iymSrhP+efFRQXiJVnB+EvRqxViIyyHwjMcNjr83t6eSuUqAT89eeJ4xpGWljgx4C1Ppc7E91E00eHuak3ZeyqW2eRMT3Zo8lzL4RAi0N/aKCSrqKjSWbtKVJLuoyvbFZxG0nzB+bc5I0OsRck4RZGiX/J0PNmK/kzLUc6M0pyelhC7gDw3pxFHRgxdHQ1nUCfMFxfMy6Z9hzfQcrmOBeOJ48kFbfa/7rBZhxO7IJk9P+wAAp//5KfS1lXHfvNrZIXZTlVHje+Sjo7j4oPM0txhwKlociNjQU7f6bbSztm3GKye5ID5QYzCUXKH8RLHOgf7xetLhJuXp0/azthksQbP3RHRG5W5cPFHNlAo2TePCzM7DvB5YmJeYkBx2vUDa3HFYdMTDY5wojxsaizCcM/Pz1AEzE73JRSzcmQJcqBuLZzs9OoYEyR22zrWosDsBuSwH+FhQIB7Bo8LImrUONk/fQkKzWL4bDns9mUHjswwIolbjLDpyucATnLyYoUPHm00cBjoQiWR5b5g9Lm/vy/2yOP6NrQK9CUHwr6NBx4Gc3ahUmy3PO7r6L+NjQ1eYHDYxh1nHzrS7oD3vsSWPCTqsL8lRYMgJ+IDS9xN3LH5+qtcir6+voLRuBU1HA7DLComDoeX0MKcsIaSvBYvBh5drqBFnC3PeK9m6bU5akEMtsPZ109trkU8pE9qxPjAEj50DgC8Yyddf0ukO/z5+Yk7H7/K4XssWaYxhgHOz8+LY6ioaVNGlM/VnyDM9OnO34hTl7jILA2Fw+hwywYL4SlW8Rek1VohWav0aSl6to5wv3EU+O6absJmkTUyiF2/31d2lSJbJeBBPZxSfX8T4mu0LVqTs65//GZGmzuMx4M11KvxDpIT4ziur699315bW1PiGvH2osBk/N+ZM1vVHp2a1+sqC+Ua3ZZaMwZhr9eLRYsvgu/u7iIZ6gd5UP8UWnVgubq6grCvPnJs7SWnxRxmZSu8eaEvDdakgwNB3MtTKp1Por6CgHd0dOSbQjV5whnWgXt5eWlQhOTtZcRKS+gVi7gd7OYOk0xKvknXlCYOK6rlML+1Mfq9u7vL+aTDogW2GwWbcBmucHXxBuJSOPu6qz/05HdA8q/r2f/b282Ik0m9dKPyr50hZvsBHu0HgXh9fUR82NDhhKK8t1oW/9oZfmIarttIXtoGuFNkvIeHicOfULe3KrGXI5uF7TKHZfIP4zUcDsIOu9FwjDmM+vPH1AKevhDztpy8AV0dh7SPj1kmpizKbVt0KVCkcN6zVgNOocBC73cE1Ngd6bOz2SMGtCTrMq7nM80ibxB7eFgGW0/lz/I7ETY26XuBpc/y29Mj/SnuaiVSN7zKI5nH9ccuImlH2kO38dY4qGTHMmPSHrox3vGeVHv7cBKZb0J2rzGv8vbhJLLfdVWG9jBp1RXVlsPK5D0clhBvqUfr/2VDN6rvcP43J0zib1cqaLH2Gd2omcN9cWRxcVaIm6jfV4g7iaQtSd6qirxP0lglf/nWqew3huBX0zJL/7ZR6KZpVQ1k8/5qTlwz/81Nm8SmGvPW14/gLfQeT0aXYfdTjyWZHuyk9/coMbpddH//s4h37KSHhxhxvNgf6/DOToy4zUjaUoT3nzrS/wIAAP//cvBDDOlG/gwAAAAASUVORK5CYII=',
+    captchaLength: 6,
+    openCaptcha: true,
+  },
+  msg: '验证码获取成功',
+};

mock/project.ts

@@ -0,0 +1,43 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-25 14:07:33
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-02-05 15:13:31
+ * @FilePath: \general-ai-platform-web\mock\project.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**项目模块 mock */
+
+import { mockGetProjectFkSelectData, mockGetProjectListData, mockGetProjectByGroupIdData } from './pools/projectData';
+import { successMockApiProps } from './typing';
+import { fetchCurrPageByList, fetchMockSuccessFullByOther } from './utils/apiMock';
+export default {
+  // 项目选项
+  'POST /api/v1/project/getProjectFkSelect': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetProjectFkSelectData),
+    };
+    res.send(resData);
+  },
+
+  // 项目列表分页
+  'POST /api/v1/project/getProjectList': async (req: Request, res: Response) => {
+    const { page, pageSize } = req.body;
+
+    const resData: successMockApiProps = {
+      ...fetchCurrPageByList({
+        ...mockGetProjectListData,
+        data: { ...mockGetProjectListData.data, page, pageSize: pageSize || 10 },
+      }),
+    };
+    res.send(resData);
+  },
+
+  // 项目列表by设备组
+  'POST /api/v1/project/getProjectByGroupId': async (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetProjectByGroupIdData),
+    };
+    res.send(resData);
+  },
+};

mock/route.ts

@@ -1,5 +0,0 @@
-export default {
-  '/api/auth_routes': {
-    '/form/advanced-form': { authority: ['admin', 'user'] },
-  },
-};

mock/typing.ts

@@ -0,0 +1,26 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 15:21:35
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-24 16:36:07
+ * @FilePath: \general-ai-platform-web\mock\typing.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+/**成功返回数据结构 */
+export interface successMockApiProps {
+    code: number // 0 成功
+    success: boolean // true 成功
+    data: any // mock业务层数据
+    msg: string | undefined // 成功提示
+    isMock: boolean // true 标识当前是模拟数据
+}
+
+
+/**失败返回数据结构 */
+export interface failMockApiProps {
+    code?: number // 7 失败
+    success: boolean // false 失败
+    data: any // mock业务层数据
+    msg: string | undefined // 成功提示
+    isMock: boolean // true 标识当前是模拟数据
+}

mock/user.ts

@@ -1,4 +1,10 @@
+/**用户模块 mock */
+
 import { Request, Response } from 'express';
+import { mockBaseCaptchaData, mockBaseLoginData, mockGetUserInfoData } from './pools/userData';
+
+import { failMockApiProps, successMockApiProps } from './typing';
+import { fetchMockSuccessFullByOther } from './utils/apiMock';
 
 const waitTime = (time: number = 100) => {
   return new Promise((resolve) => {
@@ -8,11 +14,6 @@ const waitTime = (time: number = 100) => {
   });
 };
 
-async function getFakeCaptcha(req: Request, res: Response) {
-  await waitTime(2000);
-  return res.json('captcha-xxx');
-}
-
 const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION } = process.env;
 
 /**
@@ -28,6 +29,74 @@ const getAccess = () => {
 
 // 代码中会兼容本地 service mock 以及部署站点的静态数据
 export default {
+  // 登录
+  'POST /api/v1/base/login': async (req: Request, res: Response) => {
+    const { password, username, type } = req.body;
+    await waitTime(1000);
+    if (password === '123456' && username === 'admin') {
+      const adminData: successMockApiProps = {
+        ...fetchMockSuccessFullByOther(mockBaseLoginData),
+      };
+      res.send(adminData);
+      access = 'admin';
+      return;
+    }
+    // TODO 以下未做任何处理
+    // if (password === 'ant.design' && username === 'user') {
+    //   res.send({
+    //     status: 'ok',
+    //     type,
+    //     currentAuthority: 'user',
+    //   });
+    //   access = 'user';
+    //   return;
+    // }
+    // if (type === 'mobile') {
+    //   res.send({
+    //     status: 'ok',
+    //     type,
+    //     currentAuthority: 'admin',
+    //   });
+    //   access = 'admin';
+    //   return;
+    // }
+    const failData: failMockApiProps = {
+      ...fetchMockFailFullByOther({
+        data: {},
+        msg: '账号或者密码错误',
+      }),
+    };
+    res.send(failData as failMockApiProps);
+    access = 'guest';
+  },
+  // 获取用户信息
+  'GET /api/v1/user/getUserInfo': async (req: Request, res: Response) => {
+    await waitTime(1000);
+    const adminData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockGetUserInfoData),
+    };
+    res.send(adminData);
+    access = 'admin';
+  },
+  // 获取图形验证码
+  'POST /api/v1/base/captcha': (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther(mockBaseCaptchaData),
+    };
+    res.send(resData);
+  },
+  // 登出
+  'POST /api/v1/jwt/jsonInBlacklist': (req: Request, res: Response) => {
+    const resData: successMockApiProps = {
+      ...fetchMockSuccessFullByOther({ data: {}, msg: 'jwt作废成功' }),
+    };
+    res.send(resData);
+  },
+  // TODO 以下未使用
+  'POST /api/login/outLogin': (req: Request, res: Response) => {
+    access = '';
+    res.send({ data: {}, success: true });
+  },
   // 支持值为 Object 和 Array
   'GET /api/currentUser': (req: Request, res: Response) => {
     if (!getAccess()) {
@@ -117,48 +186,6 @@ export default {
       address: 'Sidney No. 1 Lake Park',
     },
   ],
-  'POST /api/login/account': async (req: Request, res: Response) => {
-    const { password, username, type } = req.body;
-    await waitTime(2000);
-    if (password === 'ant.design' && username === 'admin') {
-      res.send({
-        status: 'ok',
-        type,
-        currentAuthority: 'admin',
-      });
-      access = 'admin';
-      return;
-    }
-    if (password === 'ant.design' && username === 'user') {
-      res.send({
-        status: 'ok',
-        type,
-        currentAuthority: 'user',
-      });
-      access = 'user';
-      return;
-    }
-    if (type === 'mobile') {
-      res.send({
-        status: 'ok',
-        type,
-        currentAuthority: 'admin',
-      });
-      access = 'admin';
-      return;
-    }
-
-    res.send({
-      status: 'error',
-      type,
-      currentAuthority: 'guest',
-    });
-    access = 'guest';
-  },
-  'POST /api/login/outLogin': (req: Request, res: Response) => {
-    access = '';
-    res.send({ data: {}, success: true });
-  },
   'POST /api/register': (req: Request, res: Response) => {
     res.send({ status: 'ok', currentAuthority: 'user', success: true });
   },
@@ -198,6 +225,4 @@ export default {
       path: '/base/category/list',
     });
   },
-
-  'GET  /api/login/captcha': getFakeCaptcha,
 };

mock/utils/apiMock.ts

@@ -0,0 +1,43 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2024-01-24 15:08:23
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-01-25 11:05:32
+ * @FilePath: \general-ai-platform-web\mock\utils\apiMock.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { failMockApiProps, successMockApiProps } from '../typing';
+export function fetchMockSuccessFullByOther({ data, msg }): successMockApiProps {
+  return {
+    code: 0, // 0 成功
+    success: true, // true 成功
+    data: data || null, // mock业务层数据
+    msg: msg | 'ok', // 成功提示
+    isMock: true, // true 标识当前是模拟数据
+  } as successMockApiProps;
+}
+
+export function fetchMockFailFullByOther({ data, msg }): failMockApiProps {
+  return {
+    code: 599, // 0 成功
+    success: true, // true 成功
+    data: data || null, // mock业务层数据
+    msg: msg | 'fail', // 成功提示
+    isMock: true, // true 标识当前是模拟数据
+  } as failMockApiProps;
+}
+
+// 分页展示
+export function fetchCurrPageByList({ data }): successMockApiProps {
+  console.log("fetchCurrPageByList_data", data)
+  const { page, pageSize } = data;
+  const prevPage = page - 1;
+  const currPageData = {
+    ...data,
+    list: data.list.slice(prevPage * pageSize, page * pageSize),
+  };
+  return fetchMockSuccessFullByOther({ data: currPageData });
+}
+
+

package.json

@@ -55,6 +55,8 @@
     "classnames": "^2.3.2",
     "echarts": "^5.4.3",
     "echarts-for-react": "^3.0.2",
+    "fabric": "^5.3.0",
+    "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "omit.js": "^2.0.2",
@@ -74,8 +76,10 @@
     "@testing-library/react": "^13.4.0",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.17",
+    "@types/fabric": "^5.3.6",
     "@types/history": "^4.7.11",
     "@types/jest": "^29.5.1",
+    "@types/js-yaml": "^4.0.8",
     "@types/lodash": "^4.14.195",
     "@types/react": "^18.2.7",
     "@types/react-dom": "^18.2.4",

public/icons/fault.svg

@@ -0,0 +1,12 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3920_33855)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.25L0.5 10.75H11.5L6 1.25Z" stroke="#E80D0D" stroke-linejoin="round"/>
+<path d="M6 8.75V9" stroke="#E80D0D" stroke-linecap="round"/>
+<path d="M6 4.75L6.00208 7.24988" stroke="#E80D0D" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3920_33855">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/icons/notice.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 7.89008C8.6925 7.89008 8.4375 7.63508 8.4375 7.32758V4.83008C8.4375 4.52258 8.6925 4.26758 9 4.26758C9.3075 4.26758 9.5625 4.52258 9.5625 4.83008V7.32758C9.5625 7.64258 9.3075 7.89008 9 7.89008Z" fill="#333333"/>
+<path d="M9.01502 15.2622C7.08002 15.2622 5.15252 14.9547 3.31502 14.3397C2.63252 14.1147 2.11502 13.6272 1.89002 13.0122C1.66502 12.3972 1.74002 11.6922 2.10752 11.0772L3.06002 9.48719C3.27002 9.13469 3.45752 8.47469 3.45752 8.06219V6.48719C3.45752 3.41969 5.94752 0.929688 9.01502 0.929688C12.0825 0.929688 14.5725 3.41969 14.5725 6.48719V8.06219C14.5725 8.46719 14.76 9.13469 14.97 9.48719L15.9225 11.0772C16.275 11.6622 16.335 12.3597 16.1025 12.9972C15.87 13.6347 15.36 14.1222 14.715 14.3397C12.8775 14.9622 10.95 15.2622 9.01502 15.2622ZM9.01502 2.06219C6.57002 2.06219 4.58252 4.04969 4.58252 6.49469V8.06969C4.58252 8.67719 4.34252 9.55469 4.02752 10.0722L3.07502 11.6697C2.88002 11.9922 2.83502 12.3372 2.94752 12.6372C3.06002 12.9372 3.31502 13.1622 3.67502 13.2822C7.12502 14.4297 10.92 14.4297 14.37 13.2822C14.6925 13.1772 14.94 12.9372 15.0525 12.6222C15.1725 12.3072 15.135 11.9622 14.9625 11.6697L14.01 10.0797C13.695 9.56219 13.455 8.68469 13.455 8.07719V6.50219C13.4475 4.04969 11.46 2.06219 9.01502 2.06219Z" fill="#333333"/>
+<path d="M8.99994 17.1752C8.19744 17.1752 7.40994 16.8452 6.83994 16.2752C6.26994 15.7052 5.93994 14.9177 5.93994 14.1152H7.06494C7.06494 14.6252 7.27494 15.1202 7.63494 15.4802C7.99494 15.8402 8.48994 16.0502 8.99994 16.0502C10.0649 16.0502 10.9349 15.1802 10.9349 14.1152H12.0599C12.0599 15.8027 10.6874 17.1752 8.99994 17.1752Z" fill="#333333"/>
+</svg>

public/icons/offline.svg

@@ -0,0 +1,11 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3920_33846)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11C8.76143 11 11 8.76143 11 6C11 3.23857 8.76143 1 6 1C3.23857 1 1 3.23857 1 6C1 8.76143 3.23857 11 6 11Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.75 8.25L8.25 3.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3920_33846">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/icons/online.svg

@@ -0,0 +1,11 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3924_33859)">
+<path d="M6 11C7.3807 11 8.6307 10.4404 9.53553 9.53553C10.4404 8.6307 11 7.3807 11 6C11 4.6193 10.4404 3.3693 9.53553 2.46446C8.6307 1.55964 7.3807 1 6 1C4.6193 1 3.3693 1.55964 2.46446 2.46446C1.55964 3.3693 1 4.6193 1 6C1 7.3807 1.55964 8.6307 2.46446 9.53553C3.3693 10.4404 4.6193 11 6 11Z" fill="#52C41A" stroke="#52C41A" stroke-linejoin="round"/>
+<path d="M4 6L5.5 7.5L8.5 4.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3924_33859">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/icons/running.svg

@@ -0,0 +1,11 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3928_41280)">
+<path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z" fill="#FAAD14" stroke="#FAAD14" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 1V5.58579C6 5.851 5.89464 6.10536 5.70711 6.29289L2.5 9.5" stroke="white" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3928_41280">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/images/computePowerAllocation/tipIcon.svg

@@ -0,0 +1,27 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+>
+  <path
+    d="M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z"
+    stroke="#FAAD14"
+    stroke-width="2"
+    stroke-linejoin="round"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 18.5C12.6904 18.5 13.25 17.9404 13.25 17.25C13.25 16.5597 12.6904 16 12 16C11.3097 16 10.75 16.5597 10.75 17.25C10.75 17.9404 11.3097 18.5 12 18.5Z"
+    fill="#FAAD14"
+  />
+  <path
+    d="M12 6V14"
+    stroke="#FAAD14"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+</svg>

public/images/computePowerAllocation/type1.svg

@@ -0,0 +1,24 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+>
+  <path
+    d="M8.948 8.7975V7.3675C9.08911 7.35702 9.23051 7.35102 9.372 7.3495C13.294 7.2255 15.865 10.7235
+15.865 10.7235C15.865 10.7235 13.091 14.5745 10.115 14.5745C9.72158 14.5753 9.33059 14.5128 8.957
+14.3895V10.0435C10.485 10.2285 10.794 10.9005 11.704 12.4285L13.744 10.7145C13.744 10.7145 12.252
+8.7625 9.744 8.7625C9.47818 8.75656 9.21227 8.76826 8.948 8.7975ZM8.948 4.0625V6.2005L9.372
+6.1735C14.822 5.9885 18.382 10.6435 18.382 10.6435C18.382 10.6435 14.302 15.6075 10.052
+15.6075C9.68491 15.6063 9.31858 15.5739 8.957 15.5105V16.8355C9.257 16.8705 9.567 16.8975 9.867
+16.8975C13.824 16.8975 16.687 14.8745 19.46 12.4895C19.919 12.8605 21.8 13.7525 22.19 14.1415C19.557
+16.3495 13.418 18.1255 9.937 18.1255C9.602 18.1255 9.284 18.1075 8.966
+18.0725V19.9365H24V4.0625H8.948ZM8.948 14.3885V15.5195C5.291 14.8655 4.275 11.0595 4.275
+11.0595C4.275 11.0595 6.033 9.1155 8.948 8.7975V10.0345H8.94C7.412 9.8485 6.21 11.2795 6.21
+11.2795C6.21 11.2795 6.89 13.6915 8.949 14.3895M2.456 10.8995C2.456 10.8995 4.62 7.7025 8.956
+7.3665V6.2005C4.153 6.5895 0 10.6525 0 10.6525C0 10.6525 2.35 17.4545 8.948 18.0725V16.8355C4.108
+16.2355 2.456 10.8995 2.456 10.8995Z"
+    fill="#76B900"
+  />
+</svg>

public/images/icons/logo.svg

@@ -0,0 +1,24 @@
+<svg width="64" height="24" viewBox="0 0 64 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3180_54416" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="64" height="24">
+<rect width="64" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3180_54416)">
+<path d="M14.039 4.05812L11.9366 4.49908C11.8873 4.51252 11.8707 4.57396 11.9072 4.6098L13.5648 6.2674C13.6006 6.30324 13.6627 6.28724 13.6755 6.23796L14.1203 4.1394C14.1337 4.09012 14.0883 4.04532 14.039 4.05812Z" fill="#E42F2F"/>
+<path d="M15.1781 2.93749L12.133 3.75349C12.0972 3.76309 12.0856 3.80789 12.1112 3.83413L14.3404 6.06325C14.3666 6.08949 14.4114 6.07733 14.421 6.04149L15.237 2.99637C15.2466 2.96053 15.214 2.92789 15.1781 2.93749Z" fill="#FAEC18"/>
+<path d="M21.4489 12.7755L17.8688 9.19532L16.4736 7.80013C16.3801 7.70669 16.2284 7.70669 16.1344 7.80013L10.0608 13.8737C9.9494 13.9851 9.76828 13.9851 9.65692 13.8737L8.0006 12.2174C7.88924 12.106 7.88924 11.9249 8.0006 11.8136L13.0803 6.73388C13.1737 6.64044 13.1737 6.48877 13.0803 6.39469L11.7017 5.01612C11.6083 4.92268 11.4566 4.92268 11.3625 5.01612L4.47804 11.9019C4.3846 11.9953 4.3846 12.147 4.47804 12.2411L8.10108 15.8641L9.49628 17.2593C9.58972 17.3528 9.7414 17.3528 9.83548 17.2593L16.1657 10.9291C16.2771 10.8177 16.4582 10.8177 16.5696 10.9291L18.2259 12.5854C18.3372 12.6968 18.3372 12.8779 18.2259 12.9892L11.8956 19.3195C11.8022 19.4129 11.8022 19.5646 11.8956 19.6587L13.2313 20.9944C13.3248 21.0878 13.4764 21.0878 13.5705 20.9944L21.4496 13.1153C21.5424 13.0206 21.5424 12.8689 21.4489 12.7755Z" fill="#154DDD"/>
+<path d="M33.2839 6.32767H32.0116V5.51871H29.5962V6.21951H28.3239V5.51871H26.1569L26.0596 4.41919H28.3239V3.58911H29.5962V4.41919H32.0116V3.58911H33.2839V4.41919H35.6884V5.51871H33.2839V6.32767ZM26.0596 11.0611L27.0087 8.64575H28.2164L27.3217 11.0611H26.0596ZM33.8445 11.6109C33.7581 12.441 33.2193 12.9587 32.3137 13.0125C31.785 13.0554 30.9441 12.9907 30.2433 12.8723L29.9629 11.8048C30.5882 11.9232 31.3217 11.9776 31.7633 11.945C32.281 11.9232 32.5287 11.6864 32.5613 11.2224C32.6369 10.2842 32.626 9.14111 32.5613 8.24639C32.5505 8.13887 32.5185 8.09535 32.4103 8.09535H30.5127C30.3725 10.6938 29.2621 11.977 26.5985 13.2819L26.2644 12.064C28.162 11.1046 29.0567 9.97247 29.2186 8.09599H26.8468L26.7604 7.01759H29.2404V6.30591H30.5345V7.01759H33.0144C33.5213 7.01759 33.8017 7.32991 33.8445 7.81567C33.8663 8.02047 33.8765 8.21439 33.8874 8.41983H35.0624L35.9252 11.072H34.6209L33.8983 8.65663C33.9629 9.70239 33.9412 10.727 33.8445 11.6109Z" fill="#154DDD"/>
+<path d="M39.57 9.79973V9.85349C39.57 10.8884 39.538 11.8913 39.2033 13.2391H37.8555C38.3406 11.5137 38.3515 10.4141 38.3515 9.19557V4.51589C38.3515 4.03077 38.6427 3.76133 39.1604 3.76133H40.8961C41.4139 3.76133 41.7044 4.01989 41.7044 4.51589V12.1716C41.7044 12.7649 41.2948 13.1309 40.6804 13.1745C40.3675 13.1962 40.0443 13.1527 39.8395 13.0989L39.57 11.9885C39.7428 12.0314 39.9905 12.0532 40.1736 12.0532C40.3784 12.0532 40.4865 11.9348 40.4865 11.7511V9.79973H39.57ZM40.4865 4.96902C40.4865 4.90438 40.4436 4.86086 40.379 4.86086H39.6891C39.6244 4.86086 39.5707 4.90374 39.5707 4.96902V6.32773H40.4871V4.96902H40.4865ZM40.4865 7.31973H39.57V8.80773H40.4865V7.31973ZM47.6993 11.8593V12.9805H42.082L41.9745 11.8593H44.3252V9.67046H42.5896L42.4814 8.54917H44.3252V6.53254H43.387C43.2897 6.97478 43.1713 7.39525 43.0203 7.79397H41.8343C42.2439 6.65093 42.4596 5.45413 42.4923 4.07429H43.6462C43.6353 4.53765 43.6033 4.99077 43.5598 5.41125H44.3252V3.54565H45.5867V5.41125H47.3659V6.53254H45.5867V8.54917H47.3012V9.67046H45.5867V11.8593H47.6993Z" fill="#154DDD"/>
+<path d="M59.5924 11.9886L59.2039 13.3364C56.8212 12.3335 55.3978 11.5143 54.6433 9.9617C53.8887 11.4171 52.4007 12.4846 49.9853 13.3255L49.6404 12.0315C52.3361 10.9748 53.4356 10.0692 53.8023 8.47306H49.9425L49.8241 7.33002H53.9322C53.9431 7.18986 53.9431 7.03882 53.9431 6.88778V5.19498H50.6113L50.5037 4.09546H58.8058V5.19498H55.2577V7.14634V7.32938H59.3869V8.47242H55.3325C55.9482 10.3604 57.5329 11.2231 59.5924 11.9886Z" fill="#154DDD"/>
+<path d="M25.8777 18.3961L26.5938 18.3277C26.6367 18.5632 26.7244 18.7366 26.8562 18.8467C26.9881 18.9574 27.166 19.0125 27.3894 19.0125C27.6262 19.0125 27.8054 18.9632 27.925 18.8653C28.0454 18.7667 28.1055 18.6521 28.1055 18.5203C28.1055 18.4358 28.0799 18.3641 28.0294 18.3046C27.9788 18.2451 27.8905 18.1939 27.7644 18.1498C27.678 18.1203 27.4815 18.0685 27.175 17.9936C26.7801 17.8976 26.5036 17.7798 26.3442 17.6403C26.1202 17.4438 26.0082 17.2038 26.0082 16.9209C26.0082 16.7392 26.0607 16.5689 26.1663 16.4102C26.2719 16.2515 26.423 16.1312 26.6214 16.048C26.8198 15.9654 27.0585 15.9238 27.3388 15.9238C27.7964 15.9238 28.1407 16.0224 28.3724 16.2189C28.6041 16.4153 28.725 16.6777 28.7366 17.0061L28.0006 17.0381C27.9692 16.8544 27.9014 16.7226 27.7977 16.6419C27.694 16.5613 27.5385 16.5216 27.3311 16.5216C27.1174 16.5216 26.9497 16.5645 26.8287 16.6509C26.7506 16.7059 26.7116 16.7801 26.7116 16.8729C26.7116 16.9574 26.7481 17.0298 26.821 17.0899C26.9138 17.1661 27.1391 17.2461 27.4975 17.3286C27.8559 17.4112 28.1202 17.497 28.2924 17.5859C28.4646 17.6749 28.5983 17.7958 28.695 17.9488C28.7922 18.1024 28.8402 18.2918 28.8402 18.5178C28.8402 18.7226 28.782 18.9145 28.6662 19.0931C28.5503 19.2717 28.3858 19.4048 28.174 19.4918C27.9615 19.5789 27.6972 19.6224 27.3804 19.6224C26.9196 19.6224 26.5657 19.5181 26.3186 19.3094C26.0735 19.1001 25.9263 18.7961 25.8777 18.3961Z" fill="#154DDD"/>
+<path d="M29.3547 15.9854H30.0907V17.9207C30.0907 18.2279 30.0997 18.427 30.1183 18.5178C30.1496 18.6644 30.2245 18.7815 30.3435 18.8698C30.4619 18.9582 30.6239 19.0029 30.8299 19.0029C31.0386 19.0029 31.196 18.9614 31.3023 18.8775C31.4085 18.7937 31.4725 18.6913 31.4936 18.569C31.5154 18.4474 31.5263 18.2445 31.5263 17.9623V15.9854H32.2623V17.8625C32.2623 18.2913 32.2424 18.5946 32.2027 18.7719C32.1631 18.9492 32.0895 19.0983 31.9826 19.2206C31.8757 19.3428 31.7323 19.4394 31.5538 19.5118C31.3746 19.5841 31.141 19.6199 30.8523 19.6199C30.5042 19.6199 30.2399 19.5802 30.06 19.5015C29.8802 19.4228 29.7381 19.3204 29.6338 19.1943C29.5295 19.0682 29.4603 18.9364 29.4271 18.7981C29.3791 18.5933 29.3547 18.2913 29.3547 17.8913V15.9854Z" fill="#154DDD"/>
+<path d="M32.9363 19.559V15.9858H34.1177C34.5651 15.9858 34.8569 16.0038 34.9932 16.0396C35.2019 16.0934 35.3772 16.2098 35.518 16.389C35.6588 16.5689 35.7292 16.8006 35.7292 17.0847C35.7292 17.3042 35.6889 17.4886 35.6076 17.6383C35.5264 17.7881 35.4233 17.9052 35.2979 17.9903C35.1724 18.0754 35.0457 18.1318 34.9164 18.1599C34.7404 18.1938 34.4864 18.2111 34.1529 18.2111H33.6729V19.559H32.9363ZM33.6729 16.59V17.6038H34.0755C34.3654 17.6038 34.5593 17.5852 34.6572 17.5474C34.7552 17.5103 34.832 17.4514 34.887 17.3721C34.9427 17.2927 34.9702 17.1999 34.9702 17.0943C34.9702 16.9644 34.9312 16.8569 34.8531 16.7724C34.775 16.6879 34.6764 16.6348 34.5574 16.6137C34.4697 16.5977 34.2931 16.5894 34.0275 16.5894H33.6729V16.59Z" fill="#154DDD"/>
+<path d="M36.2317 19.559V15.9858H38.935V16.5906H36.9677V17.383H38.7981V17.9852H36.9677V18.958H39.0048V19.5602H36.2317V19.559Z" fill="#154DDD"/>
+<path d="M39.5295 19.559V15.9858H41.079C41.4687 15.9858 41.7516 16.0178 41.9283 16.0818C42.1049 16.1458 42.2463 16.2604 42.3519 16.4242C42.4575 16.5881 42.5113 16.7762 42.5113 16.9874C42.5113 17.2556 42.4307 17.477 42.27 17.6518C42.1094 17.8265 41.8687 17.9366 41.5487 17.982C41.7081 18.0729 41.8393 18.1727 41.943 18.2815C42.0467 18.3903 42.1862 18.5836 42.3622 18.8614L42.8076 19.5583H41.927L41.3945 18.7807C41.2057 18.503 41.0764 18.3276 41.0067 18.2553C40.9369 18.183 40.8633 18.1337 40.7852 18.1068C40.7071 18.0799 40.5836 18.0665 40.4147 18.0665H40.2655V19.5583H39.5295V19.559ZM40.2662 17.4969H40.8108C41.1641 17.4969 41.3843 17.4822 41.4726 17.4527C41.5609 17.4233 41.6294 17.3734 41.6787 17.3017C41.7279 17.23 41.7535 17.141 41.7535 17.0335C41.7535 16.9132 41.7209 16.8159 41.655 16.7423C41.5891 16.6687 41.4969 16.6214 41.3779 16.6022C41.3183 16.5938 41.1391 16.59 40.8409 16.59H40.2662V17.4969Z" fill="#154DDD"/>
+<path d="M43.9417 19.559L42.6387 15.9858H43.4368L44.3596 18.6303L45.2524 15.9858H46.0332L44.7276 19.559H43.9417Z" fill="#154DDD"/>
+<path d="M46.2847 19.559V15.9858H47.0207V19.559H46.2847Z" fill="#154DDD"/>
+<path d="M47.4341 18.3961L48.1502 18.3277C48.1931 18.5632 48.2808 18.7366 48.4126 18.8467C48.5445 18.9574 48.7224 19.0125 48.9464 19.0125C49.1832 19.0125 49.3618 18.9632 49.4821 18.8653C49.6024 18.7667 49.6626 18.6521 49.6626 18.5203C49.6626 18.4358 49.637 18.3641 49.5864 18.3046C49.5358 18.2451 49.4475 18.1939 49.3214 18.1498C49.235 18.1203 49.0386 18.0685 48.732 17.9936C48.3371 17.8976 48.0606 17.7798 47.9013 17.6403C47.6773 17.4438 47.5653 17.2038 47.5653 16.9209C47.5653 16.7392 47.6178 16.5689 47.7234 16.4102C47.8283 16.2515 47.98 16.1312 48.1784 16.048C48.3762 15.9654 48.6155 15.9238 48.8958 15.9238C49.3534 15.9238 49.6978 16.0224 49.9294 16.2189C50.1605 16.4153 50.2821 16.6777 50.2936 17.0061L49.5576 17.0381C49.5262 16.8544 49.4584 16.7226 49.3547 16.6419C49.251 16.5613 49.0955 16.5216 48.8882 16.5216C48.6744 16.5216 48.5067 16.5645 48.3858 16.6509C48.3077 16.7059 48.2686 16.7801 48.2686 16.8729C48.2686 16.9574 48.3051 17.0298 48.3781 17.0899C48.4709 17.1661 48.6962 17.2461 49.0546 17.3286C49.413 17.4112 49.6773 17.497 49.8494 17.5859C50.0216 17.6749 50.1554 17.7958 50.252 17.9488C50.3493 18.1024 50.3973 18.2918 50.3973 18.5178C50.3973 18.7226 50.339 18.9145 50.2232 19.0931C50.1074 19.2717 49.9429 19.4048 49.731 19.4918C49.5186 19.5789 49.2542 19.6224 48.9374 19.6224C48.4766 19.6224 48.1227 19.5181 47.8757 19.3094C47.6293 19.1001 47.4821 18.7961 47.4341 18.3961Z" fill="#154DDD"/>
+<path d="M50.8933 19.559V15.9858H51.6293V19.559H50.8933Z" fill="#154DDD"/>
+<path d="M52.0798 17.7939C52.0798 17.4298 52.1355 17.1245 52.2462 16.8774C52.3288 16.6957 52.4421 16.5318 52.5854 16.3872C52.7288 16.2425 52.8862 16.135 53.0565 16.0653C53.2837 15.9712 53.5454 15.9238 53.8424 15.9238C54.3794 15.9238 54.8094 16.087 55.132 16.4141C55.4546 16.7405 55.6158 17.1949 55.6158 17.7766C55.6158 18.3533 55.4558 18.8051 55.1358 19.1309C54.8158 19.4566 54.3877 19.6198 53.8526 19.6198C53.3106 19.6198 52.8792 19.4579 52.5592 19.1334C52.2398 18.8096 52.0798 18.3629 52.0798 17.7939ZM52.8382 17.7696C52.8382 18.1741 52.9336 18.4813 53.1243 18.6899C53.315 18.8985 53.557 19.0029 53.8507 19.0029C54.1445 19.0029 54.3851 18.8992 54.5733 18.6918C54.7614 18.4845 54.8555 18.1741 54.8555 17.7593C54.8555 17.3497 54.764 17.0445 54.581 16.8429C54.3979 16.6413 54.1547 16.5408 53.8507 16.5408C53.5474 16.5408 53.3029 16.6425 53.1173 16.8467C52.931 17.0509 52.8382 17.3587 52.8382 17.7696Z" fill="#154DDD"/>
+<path d="M56.0967 19.559V15.9858H56.8128L58.3053 18.3724V15.9858H58.9895V19.559H58.2509L56.7808 17.2287V19.559H56.0967Z" fill="#154DDD"/>
+</g>
+</svg>

public/logo.svg

@@ -1 +1,24 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" version="1.1" viewBox="0 0 200 200"><title>Group 28 Copy 5</title><desc>Created with Sketch.</desc><defs><linearGradient id="linearGradient-1" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285EB"/><stop offset="100%" stop-color="#2EC7FF"/></linearGradient><linearGradient id="linearGradient-2" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29CDFF"/><stop offset="37.86%" stop-color="#148EFF"/><stop offset="100%" stop-color="#0A60FF"/></linearGradient><linearGradient id="linearGradient-3" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#FA816E"/><stop offset="41.473%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient><linearGradient id="linearGradient-4" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#FA8E7D"/><stop offset="51.264%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="logo" transform="translate(-20.000000, -20.000000)"><g id="Group-28-Copy-5" transform="translate(20.000000, 20.000000)"><g id="Group-27-Copy-3"><g id="Group-25" fill-rule="nonzero"><g id="2"><path id="Shape" fill="url(#linearGradient-1)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/><path id="Shape" fill="url(#linearGradient-2)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/></g><path id="Shape" fill="url(#linearGradient-3)" d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"/></g><ellipse id="Combined-Shape" cx="100.519" cy="100.437" fill="url(#linearGradient-4)" rx="23.6" ry="23.581"/></g></g></g></g></svg>
+<svg width="140" height="48" viewBox="0 0 140 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3608_103296" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="140" height="48">
+<rect width="140" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3608_103296)">
+<path d="M18.8489 7.83258L14.7344 8.70823C14.6379 8.73492 14.6054 8.85693 14.6768 8.9281L17.9208 12.2198C17.991 12.2909 18.1125 12.2592 18.1375 12.1613L19.008 7.99398C19.0343 7.89612 18.9454 7.80716 18.8489 7.83258Z" fill="#E42F2F"/>
+<path d="M21.078 5.60722L15.1185 7.22764C15.0483 7.2467 15.0258 7.33566 15.0759 7.38777L19.4384 11.8144C19.4898 11.8665 19.5775 11.8423 19.5963 11.7711L21.1932 5.72415C21.212 5.65298 21.1481 5.58816 21.078 5.60722Z" fill="#FAEC18"/>
+<path d="M33.3505 25.1437L26.3438 18.0342L23.6133 15.2636C23.4304 15.0781 23.1336 15.0781 22.9495 15.2636L11.063 27.3246C10.845 27.5457 10.4906 27.5457 10.2726 27.3246L7.03108 24.0355C6.81314 23.8143 6.81314 23.4546 7.03108 23.2335L16.9724 13.1463C17.1553 12.9607 17.1553 12.6595 16.9724 12.4727L14.2745 9.73517C14.0916 9.54962 13.7947 9.54962 13.6106 9.73517L0.137152 23.4089C-0.0457173 23.5945 -0.0457173 23.8957 0.137152 24.0825L7.22772 31.2771L9.95824 34.0477C10.1411 34.2332 10.438 34.2332 10.6221 34.0477L23.0108 21.4771C23.2288 21.256 23.5833 21.256 23.8012 21.4771L27.0427 24.7662C27.2607 24.9874 27.2607 25.347 27.0427 25.5682L14.654 38.1387C14.4711 38.3243 14.4711 38.6255 14.654 38.8123L17.268 41.4647C17.4509 41.6503 17.7477 41.6503 17.9318 41.4647L33.3517 25.8185C33.5333 25.6304 33.5334 25.3292 33.3505 25.1437Z" fill="#154DDD"/>
+<path d="M56.5121 12.3393H54.0221V10.7328H49.295V12.1245H46.805V10.7328H42.5639L42.3735 8.5494H46.805V6.90103H49.295V8.5494H54.0221V6.90103H56.5121V8.5494H61.2178V10.7328H56.5121V12.3393ZM42.3735 21.7389L44.231 16.9425H46.5946L44.8435 21.7389H42.3735ZM57.6093 22.8306C57.4402 24.479 56.3856 25.5072 54.6133 25.6139C53.5787 25.6991 51.9328 25.5707 50.5613 25.3356L50.0127 23.2157C51.2364 23.4508 52.6718 23.5589 53.5361 23.494C54.5494 23.4508 55.0341 22.9806 55.098 22.0592C55.2458 20.196 55.2245 17.9262 55.098 16.1494C55.0767 15.9359 55.0141 15.8495 54.8024 15.8495H51.0886C50.8143 21.0094 48.6412 23.5576 43.4282 26.149L42.7743 23.7304C46.4881 21.8253 48.2391 19.5771 48.556 15.8508H43.9141L43.7451 13.7093H48.5986V12.296H51.1312V13.7093H55.9848C56.9768 13.7093 57.5254 14.3295 57.6093 15.2941C57.6519 15.7008 57.6719 16.0859 57.6932 16.4939H59.9929L61.6813 21.7605H59.1286L57.7145 16.9641C57.841 19.0408 57.7984 21.0755 57.6093 22.8306Z" fill="#154DDD"/>
+<path d="M68.8145 19.2339V19.3407C68.8145 21.3958 68.7519 23.3873 68.0968 26.0638H65.459C66.4084 22.6374 66.4297 20.454 66.4297 18.0342V8.74131C66.4297 7.77796 66.9996 7.2429 68.0129 7.2429H71.4098C72.423 7.2429 72.9917 7.75635 72.9917 8.74131V23.9439C72.9917 25.1221 72.1901 25.849 70.9877 25.9355C70.3752 25.9787 69.7426 25.8922 69.3418 25.7855L68.8145 23.5805C69.1527 23.6656 69.6374 23.7088 69.9957 23.7088C70.3965 23.7088 70.6081 23.4737 70.6081 23.1089V19.2339H68.8145ZM70.6081 9.64111C70.6081 9.51275 70.5242 9.42633 70.3977 9.42633H69.0475C68.921 9.42633 68.8158 9.51148 68.8158 9.64111V12.3393H70.6094V9.64111H70.6081ZM70.6081 14.3092H68.8145V17.264H70.6081V14.3092ZM84.7241 23.3237V25.5504H73.7307L73.5203 23.3237H78.1208V18.9772H74.7239L74.5123 16.7506H78.1208V12.7459H76.2846C76.0942 13.6241 75.8625 14.4591 75.5669 15.2509H73.246C74.0476 12.9811 74.4697 10.6045 74.5336 7.86438H76.7919C76.7706 8.78452 76.708 9.68432 76.6228 10.5193H78.1208V6.81461H80.5895V10.5193H84.0716V12.7459H80.5895V16.7506H83.9451V18.9772H80.5895V23.3237H84.7241Z" fill="#154DDD"/>
+<path d="M108 23.5805L107.24 26.257C102.577 24.2655 99.7912 22.6387 98.3145 19.5555C96.8377 22.4455 93.9256 24.5654 89.1986 26.2354L88.5234 23.6656C93.7991 21.5673 95.9509 19.769 96.6686 16.5993H89.1146L88.8829 14.3295H96.9229C96.9442 14.0512 96.9442 13.7512 96.9442 13.4513V10.0897H90.4235L90.2131 7.90631H106.461V10.0897H99.5169V13.9647V14.3282H107.598V16.5981H99.6634C100.868 20.3473 103.97 22.0604 108 23.5805Z" fill="#154DDD"/>
+<path d="M42.0181 36.3048L43.4196 36.1688C43.5036 36.6365 43.6752 36.9809 43.9332 37.1995C44.1912 37.4194 44.5394 37.5287 44.9765 37.5287C45.44 37.5287 45.7907 37.4309 46.0249 37.2364C46.2604 37.0407 46.3781 36.8132 46.3781 36.5514C46.3781 36.3836 46.328 36.2413 46.2291 36.1231C46.1301 36.0049 45.9573 35.9032 45.7105 35.8155C45.5414 35.7571 45.1569 35.6541 44.5569 35.5054C43.7841 35.3148 43.243 35.0809 42.9312 34.8039C42.4928 34.4137 42.2736 33.9371 42.2736 33.3754C42.2736 33.0144 42.3763 32.6764 42.583 32.3612C42.7896 32.046 43.0852 31.8071 43.4735 31.6419C43.8618 31.4779 44.329 31.3953 44.8776 31.3953C45.7732 31.3953 46.447 31.591 46.9004 31.9812C47.3538 32.3714 47.5906 32.8924 47.6131 33.5444L46.1727 33.6079C46.1113 33.2432 45.9786 32.9814 45.7757 32.8213C45.5727 32.6611 45.2684 32.5823 44.8626 32.5823C44.4442 32.5823 44.1161 32.6675 43.8793 32.839C43.7265 32.9483 43.6501 33.0958 43.6501 33.2801C43.6501 33.4478 43.7215 33.5914 43.8643 33.7109C44.0459 33.8621 44.4868 34.021 45.1882 34.1849C45.8896 34.3489 46.4069 34.5192 46.7439 34.6959C47.0808 34.8725 47.3426 35.1127 47.5317 35.4165C47.7221 35.7215 47.816 36.0977 47.816 36.5463C47.816 36.953 47.702 37.3343 47.4753 37.6888C47.2486 38.0434 46.9267 38.3078 46.5121 38.4806C46.0963 38.6535 45.579 38.7399 44.959 38.7399C44.0572 38.7399 43.3645 38.5327 42.8811 38.1184C42.4013 37.7028 42.1133 37.0991 42.0181 36.3048Z" fill="#154DDD"/>
+<path d="M48.8232 31.5173H50.2637V35.3605C50.2637 35.9706 50.2812 36.3658 50.3175 36.5463C50.3789 36.8373 50.5254 37.0699 50.7584 37.2453C50.9901 37.4207 51.307 37.5096 51.7103 37.5096C52.1186 37.5096 52.4268 37.427 52.6347 37.2605C52.8426 37.0941 52.9679 36.8907 53.0092 36.648C53.0518 36.4065 53.0731 36.0036 53.0731 35.4431V31.5173H54.5135V35.2449C54.5135 36.0964 54.4747 36.6988 54.397 37.0508C54.3193 37.4029 54.1753 37.699 53.9661 37.9418C53.757 38.1845 53.4764 38.3764 53.1269 38.52C52.7762 38.6636 52.3191 38.7348 51.7542 38.7348C51.0728 38.7348 50.5555 38.656 50.2035 38.4997C49.8516 38.3434 49.5735 38.14 49.3693 37.8896C49.1652 37.6393 49.0299 37.3775 48.9648 37.1029C48.8708 36.6963 48.8232 36.0964 48.8232 35.3021V31.5173Z" fill="#154DDD"/>
+<path d="M55.832 38.614V31.5185H58.1442C59.0197 31.5185 59.5909 31.5541 59.8577 31.6253C60.266 31.732 60.6092 31.9633 60.8847 32.3192C61.1603 32.6763 61.2981 33.1364 61.2981 33.7007C61.2981 34.1366 61.2192 34.5026 61.0601 34.8C60.901 35.0974 60.6994 35.33 60.4539 35.499C60.2084 35.668 59.9604 35.7799 59.7074 35.8358C59.3629 35.9032 58.8657 35.9375 58.2131 35.9375H57.2737V38.614H55.832ZM57.2737 32.7183V34.7314H58.0615C58.6289 34.7314 59.0084 34.6945 59.2001 34.6195C59.3917 34.5458 59.542 34.4289 59.6497 34.2713C59.7587 34.1137 59.8126 33.9294 59.8126 33.7197C59.8126 33.4617 59.7362 33.2482 59.5834 33.0805C59.4305 32.9127 59.2377 32.8072 59.0047 32.7653C58.8331 32.7335 58.4874 32.717 57.9676 32.717H57.2737V32.7183Z" fill="#154DDD"/>
+<path d="M62.2812 38.614V31.5185H67.5719V32.7195H63.7217V34.2929H67.3039V35.4888H63.7217V37.4206H67.7085V38.6166H62.2812V38.614Z" fill="#154DDD"/>
+<path d="M68.7358 38.614V31.5185H71.7682C72.531 31.5185 73.0846 31.5821 73.4303 31.7092C73.776 31.8363 74.0528 32.0637 74.2595 32.3891C74.4662 32.7144 74.5714 33.0881 74.5714 33.5075C74.5714 34.04 74.4135 34.4797 74.0992 34.8267C73.7848 35.1737 73.3138 35.3923 72.6876 35.4825C72.9994 35.663 73.2562 35.8612 73.4591 36.0773C73.662 36.2933 73.9351 36.6771 74.2795 37.2287L75.1513 38.6127H73.4278L72.3857 37.0686C72.0162 36.517 71.7632 36.1688 71.6267 36.0252C71.4901 35.8816 71.3461 35.7837 71.1933 35.7303C71.0405 35.6769 70.7988 35.6502 70.4681 35.6502H70.1762V38.6127H68.7358V38.614ZM70.1775 34.5191H71.2434C71.9348 34.5191 72.3657 34.4899 72.5385 34.4314C72.7114 34.373 72.8454 34.2739 72.9418 34.1315C73.0383 33.9892 73.0884 33.8125 73.0884 33.599C73.0884 33.3601 73.0245 33.1669 72.8955 33.0207C72.7665 32.8746 72.5861 32.7805 72.3531 32.7424C72.2367 32.7259 71.886 32.7183 71.3023 32.7183H70.1775V34.5191Z" fill="#154DDD"/>
+<path d="M77.371 38.614L74.8208 31.5185H76.3827L78.1889 36.7699L79.9361 31.5185H81.4642L78.9091 38.614H77.371Z" fill="#154DDD"/>
+<path d="M81.9561 38.614V31.5185H83.3965V38.614H81.9561Z" fill="#154DDD"/>
+<path d="M84.2056 36.3048L85.6071 36.1688C85.6911 36.6365 85.8627 36.9809 86.1207 37.1995C86.3787 37.4194 86.7269 37.5287 87.1653 37.5287C87.6287 37.5287 87.9782 37.4309 88.2137 37.2364C88.4491 37.0407 88.5669 36.8132 88.5669 36.5514C88.5669 36.3836 88.5168 36.2413 88.4178 36.1231C88.3189 36.0049 88.146 35.9032 87.8993 35.8155C87.7302 35.7571 87.3457 35.6541 86.7457 35.5054C85.9729 35.3148 85.4318 35.0809 85.1199 34.8039C84.6815 34.4137 84.4623 33.9371 84.4623 33.3754C84.4623 33.0144 84.565 32.6764 84.7717 32.3612C84.9771 32.046 85.274 31.8071 85.6623 31.6419C86.0493 31.4779 86.5177 31.3953 87.0663 31.3953C87.9619 31.3953 88.6358 31.591 89.0892 31.9812C89.5413 32.3714 89.7793 32.8924 89.8019 33.5444L88.3615 33.6079C88.3001 33.2432 88.1673 32.9814 87.9644 32.8213C87.7615 32.6611 87.4571 32.5823 87.0513 32.5823C86.633 32.5823 86.3048 32.6675 86.0681 32.839C85.9153 32.9483 85.8389 33.0958 85.8389 33.2801C85.8389 33.4478 85.9103 33.5914 86.053 33.7109C86.2347 33.8621 86.6756 34.021 87.377 34.1849C88.0784 34.3489 88.5957 34.5192 88.9326 34.6959C89.2695 34.8725 89.5313 35.1127 89.7205 35.4165C89.9108 35.7215 90.0048 36.0977 90.0048 36.5463C90.0048 36.953 89.8908 37.3343 89.6641 37.6888C89.4374 38.0434 89.1155 38.3078 88.7009 38.4806C88.2851 38.6535 87.7678 38.7399 87.1478 38.7399C86.2459 38.7399 85.5533 38.5327 85.0698 38.1184C84.5876 37.7028 84.2995 37.0991 84.2056 36.3048Z" fill="#154DDD"/>
+<path d="M90.9756 38.614V31.5185H92.416V38.614H90.9756Z" fill="#154DDD"/>
+<path d="M93.2979 35.1089C93.2979 34.3858 93.4068 33.7795 93.6235 33.289C93.7851 32.928 94.0068 32.6027 94.2874 32.3154C94.5679 32.0282 94.876 31.8147 95.2092 31.6762C95.6539 31.4893 96.1661 31.3953 96.7473 31.3953C97.7982 31.3953 98.6399 31.7194 99.2712 32.3688C99.9024 33.017 100.218 33.9193 100.218 35.0746C100.218 36.2197 99.9049 37.1169 99.2787 37.7638C98.6524 38.4107 97.8145 38.7348 96.7674 38.7348C95.7065 38.7348 94.8623 38.4133 94.236 37.7689C93.611 37.1258 93.2979 36.2387 93.2979 35.1089ZM94.7821 35.0606C94.7821 35.8638 94.9687 36.4739 95.342 36.8882C95.7152 37.3025 96.1887 37.5096 96.7636 37.5096C97.3385 37.5096 97.8095 37.3038 98.1777 36.892C98.546 36.4802 98.7301 35.8638 98.7301 35.0403C98.7301 34.2269 98.551 33.6207 98.1927 33.2203C97.8345 32.82 97.3586 32.6205 96.7636 32.6205C96.1699 32.6205 95.6914 32.8225 95.3282 33.2279C94.9637 33.6334 94.7821 34.2447 94.7821 35.0606Z" fill="#154DDD"/>
+<path d="M101.159 38.614V31.5185H102.561L105.482 36.2577V31.5185H106.821V38.614H105.375L102.498 33.9866V38.614H101.159Z" fill="#154DDD"/>
+</g>
+</svg>

src/app.tsx

@@ -1,28 +1,28 @@
-import { Footer, Question, SelectLang, AvatarDropdown, AvatarName } from '@/components';
+import { AvatarDropdown, AvatarName, Footer, Question, SelectLang, Notice } from '@/components';
 import { LinkOutlined } from '@ant-design/icons';
 import type { Settings as LayoutSettings } from '@ant-design/pro-components';
 import { SettingDrawer } from '@ant-design/pro-components';
-import type { RunTimeLayoutConfig } from '@umijs/max';
-import { history, Link, getLocale } from '@umijs/max';
+import { Link, RunTimeLayoutConfig, getLocale, history, useIntl } from '@umijs/max';
+import { RequestConfig } from 'umi';
 import defaultSettings from '../config/defaultSettings';
 import { errorConfig } from './requestErrorConfig';
-import React from 'react';
 const isDev = process.env.NODE_ENV === 'development';
 const loginPath = '/user/login';
-import {RequestConfig} from 'umi';
 // @ts-ignore
+import { SelectRole } from '@/components/RightContent';
+import zhCN from '@/locales/zh-CN';
+import { postMenuGetMenu } from '@/services/system/Menu';
+import { getUserGetUserInfo } from '@/services/system/User';
+import fixMenuItemIcon from '@/utils/FixMenuItemIcon';
+import { getAllRouteNameTile } from '@/utils/common';
+import { addLocale } from '@@/plugin-locale';
+import { MenuDataItem } from '@ant-design/pro-layout';
 import cookie from 'react-cookies';
-import {getUserGetUserInfo} from "@/services/system/User";
-import {MenuDataItem} from "@ant-design/pro-layout";
-import fixMenuItemIcon from "@/utils/FixMenuItemIcon";
-import {postMenuGetMenu} from "@/services/system/Menu";
-import {SelectRole} from "@/components/RightContent";
-import {addLocale} from "@@/plugin-locale";
-import zhCN from "@/locales/zh-CN";
-import {getAllRouteNameTile} from "@/utils/common";
 /**
  * @see  https://umijs.org/zh-CN/plugins/plugin-initial-state
  * */
+// 自定义路由路径集合
+const isCustomPageTitlePaths : string[]= ['/resource/algorithm-model-detail']
 
 
 export async function getInitialState(): Promise<{
@@ -46,16 +46,19 @@ export async function getInitialState(): Promise<{
   if (location.pathname !== loginPath && localStorage.getItem('access')) {
     const currentUser = await fetchUserInfo();
     const menus = await postMenuGetMenu();
+    console.log('app_menus', menus.data.routes);
+
     if (getLocale() === 'zh-CN') {
-      let localData = getAllRouteNameTile(menus.data.routes, '')
-      let localRes:any = {}
-      localData.forEach((v)=>{
-        localRes[`menu${v.name}`] = v.title
-      })
-      console.log(localRes)
-      addLocale("zh-CN", localRes,{
-        momentLocale: "zh-CN",
-        antd: zhCN
+      let localData = getAllRouteNameTile(menus.data.routes, '');
+      let localRes: any = {};
+      localData.forEach((v) => {
+        // console.log(v.title,'localData_v')
+        localRes[`menu${v.name}`] = v.title;
+      });
+      console.log(localRes, 'getAllRouteNameTile');
+      addLocale('zh-CN', localRes, {
+        momentLocale: 'zh-CN',
+        antd: zhCN,
       });
     }
 
@@ -65,7 +68,6 @@ export async function getInitialState(): Promise<{
       settings: defaultSettings as Partial<LayoutSettings>,
       menuData: menus.data.routes,
     };
-
   }
 
   return {
@@ -76,15 +78,38 @@ export async function getInitialState(): Promise<{
 
 // ProLayout 支持的api https://procomponents.ant.design/components/layout
 export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
+
   return {
-    actionsRender: () => [<SelectRole key="selectRole"/>, <Question key="doc" />, <SelectLang key="SelectLang" />],
+    actionsRender: () => [
+      <SelectRole key="selectRole" />,
+      <Question key="doc" />,
+      <SelectLang key="SelectLang" />,
+      <Notice key="Notice" />
+    ],
     avatarProps: {
       src: SERVER_HOST + initialState?.currentUser?.avatarUrl,
       title: <AvatarName />,
       render: (_, avatarChildren) => {
-        return <AvatarDropdown>{avatarChildren}</AvatarDropdown>;
+        console.log(avatarChildren,'avatarProps')
+        return <AvatarDropdown menu={true}>{avatarChildren}</AvatarDropdown>;
       },
     },
+    pageTitleRender: () => {
+      console.log(history, 'pageTitleRender');
+      // TODO 目前使用路由path全匹配，后续改成从接口字段读取
+      let isCustom: boolean = false
+      for(let i=0; i<isCustomPageTitlePaths.length; i++){
+        const item = isCustomPageTitlePaths[i]
+        if(history.location.pathname.includes(item)){
+          isCustom = true
+          break;
+        } else {
+          isCustom = false
+        }
+      }
+      return isCustom ? ("") : (undefined)
+      // 默认不进行重定义 使用null即可
+    },
     waterMarkProps: {
       // content: initialState?.currentUser?.name,
     },
@@ -95,20 +120,25 @@ export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) =
         userId: initialState?.currentUser?.id,
       },
       request: async () => {
-        return initialState?.menuData || []
-      }
+        console.log(initialState?.menuData,'initialState_menuData')
+        return initialState?.menuData || [];
+      },
     },
+    // headerRender: () => <>导航栏</>,
+    // menuRender: () => <></>,
     footerRender: () => <Footer />,
     onPageChange: () => {
       const { location } = history;
       // 如果没有登录，重定向到 login
+      console.log(location.pathname,'location_pathname')
+
       if (!initialState?.currentUser && location.pathname !== loginPath) {
         history.push(loginPath);
       }
     },
     menuDataRender: () => {
       if (initialState?.menuData !== undefined) {
-        return fixMenuItemIcon(initialState?.menuData || [])
+        return fixMenuItemIcon(initialState?.menuData || []);
       }
     },
     layoutBgImgList: [
@@ -168,18 +198,21 @@ export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) =
   };
 };
 
-
 const csrfAndJwtHeaderInterceptor = (url: string, options: RequestConfig) => {
   const csrfHeader = { 'X-CSRFToken': cookie.load('csrftoken') };
-  let bearerToken = {}
-  const access = localStorage.getItem('access')
+  let bearerToken = {};
+  const access = localStorage.getItem('access');
   if (access) {
-    bearerToken = {'X-Token': `${access}`}
+    bearerToken = { 'X-Token': `${access}` };
   }
-  let locale = getLocale()
+  let locale = getLocale();
   return {
     url: `${url}`,
-    options: { ...options, interceptors: true, headers: {...csrfHeader, ...bearerToken, 'Accept-Language': locale} },
+    options: {
+      ...options,
+      interceptors: true,
+      headers: { ...csrfHeader, ...bearerToken, 'Accept-Language': locale },
+    },
   };
 };
 

src/components/BatchOperation/isBatchDelete.tsx

@@ -0,0 +1,54 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-16 14:30:15
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-16 14:35:20
+ * @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+// import { useIntl } from '@ant-design/pro-components';
+import { useIntl } from '@umijs/max';
+import { Button, Modal } from 'antd';
+import { FormattedMessage } from 'react-intl';
+
+type IsBatchDeleteProps = {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  deleteApi: Function;
+};
+
+const IsBatchDelete: React.FC<IsBatchDeleteProps> = (props) => {
+  const intl = useIntl();
+
+  return (
+    <Button
+      danger
+      onClick={async () => {
+        Modal.confirm({
+          icon: <ExclamationCircleOutlined />,
+          title: intl.formatMessage({
+            id: 'common.modal.table.delete.title',
+            defaultMessage: '$$$',
+          }),
+          content: intl.formatMessage({
+            id: 'common.modal.table.delete.content',
+            defaultMessage: '$$$',
+          }),
+          okText: intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' }),
+          cancelText: intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' }),
+          onOk() {
+            // TODO 未对接批量删除接口
+            props.deleteApi();
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      }}
+    >
+      <FormattedMessage id="pages.searchTable.batchDeletion" defaultMessage="Batch deletion" />
+    </Button>
+  );
+};
+
+export default IsBatchDelete;

src/components/DictionaryBox/alarmLevel.tsx

@@ -0,0 +1,39 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-15 15:01:34
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-20 11:25:15
+ * @FilePath: \general-ai-platform-web\src\components\DictionaryBox\isEnable.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { ArrowUpOutlined, DownOutlined } from '@ant-design/icons';
+
+type AlarmLevelBoxProps = {
+  icon?: 'ArrowUpOutlined' | 'default' | undefined;
+  color?: string;
+  size?: number;
+};
+
+const AlarmLevelBox: React.FC<AlarmLevelBoxProps> = (props) => {
+  const { icon, color, size } = props;
+  const finalSize = size || 14;
+  return (
+    <div
+      style={{
+        backgroundColor: color,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: finalSize,
+        height: finalSize,
+        borderRadius: '50%',
+        color: 'white',
+        fontSize: finalSize * 0.55,
+      }}
+    >
+      {icon === 'ArrowUpOutlined' ? <ArrowUpOutlined /> : <DownOutlined />}
+    </div>
+  );
+};
+
+export default AlarmLevelBox;

src/components/DictionaryBox/isEnable.tsx

@@ -0,0 +1,32 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-15 15:01:34
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-22 13:24:58
+ * @FilePath: \general-ai-platform-web\src\components\DictionaryBox\isEnable.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { isEnableEnum } from '@/enums/common';
+import { Badge } from 'antd';
+import { FormattedMessage } from 'react-intl';
+
+type IsEnableBoxProps = {
+  isEnable: boolean;
+};
+
+const IsEnableBox: React.FC<IsEnableBoxProps> = (props) => {
+  const { isEnable } = props;
+
+  const currentItem = isEnableEnum[isEnable ? '1' : '0']
+
+  return (
+    <div style={{ display: 'flex', alignItems: 'center'}}>
+      <Badge status={isEnable ? 'success' : 'default'}></Badge>
+      <span style={{color: currentItem.color, paddingLeft: 4 }}>
+        <FormattedMessage id={isEnable ? 'common.enable' : 'common.disable'} defaultMessage="$$$" />
+      </span>
+    </div>
+  );
+};
+
+export default IsEnableBox;

src/components/IconSelector/Category.tsx

@@ -40,7 +40,7 @@ const Category: React.FC<CategoryProps> = props => {
 
   return (
     <div>
-      <h4>{intl.formatMessage({
+      <h4 style={{paddingTop: 16}}>{intl.formatMessage({
         id: `app.docs.components.icon.category.${title}`,
         defaultMessage: '信息',
       })}</h4>

src/components/IconSelector/CopyableIcon.tsx

@@ -24,11 +24,16 @@ const CopyableIcon: React.FC<CopyableIconProps> = ({
   theme,
 }) => {
   const className = classNames({
+    gn: true,
+    themeBgHover: true,
     copied: justCopied === name,
     [theme]: !!theme,
   });
   return (
     <li className={className}
+    style={{
+      lineHeight: '48px',
+    }}
       onClick={() => {
         if (onSelect) {
           onSelect(theme, name);

src/components/IconSelector/icon.ts

@@ -1,10 +1,10 @@
 import React from 'react'
 import * as icons from '@ant-design/icons'
-
-const Icon = (props: { icon: string}) => {
-  const { icon } = props;
+// 自定义样式style
+const Icon = (props: { icon: string, style?: object}) => {
+  const { icon, style  } = props;
   const antIcon: { [key: string]: any } = icons;
-  return React.createElement(antIcon[icon]);
+  return React.createElement(antIcon[icon], { style });
 
 };
 

src/components/IconSelector/index.tsx

@@ -92,7 +92,20 @@ const IconSelector: React.FC<IconSelectorProps> = (props) => {
   }, [displayState.searchKey, displayState.theme]);
   return (
     <>
-      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+      <div className='gn' style={{ display: 'flex', justifyContent: 'space-between' }}>
+        {/* 
+        * //TODO 二级：输入框上方提示文案悬浮会覆盖清空菜单图标项按钮
+        */}
+      <Input.Search
+          // placeholder={messages['app.docs.components.icon.search.placeholder']}
+          style={{ marginRight: 12, flex: 1 }}
+          allowClear
+          onChange={e => handleSearchIcon(e.currentTarget.value)}
+          size="large"
+          autoFocus
+          suffix={<IconPicSearcher />}
+        />
+        {/* <Icon component={OutlinedIcon} /> <Icon component={FilledIcon} TwoToneIcon /> */}
         <Radio.Group
           value={displayState.theme}
           onChange={handleChangeTheme}
@@ -101,15 +114,15 @@ const IconSelector: React.FC<IconSelectorProps> = (props) => {
           buttonStyle="solid"
           options={[
             {
-              label:  <Icon component={OutlinedIcon} />,
+              label:  <>线性</> ,
               value: ThemeType.Outlined
             },
             {
-              label: <Icon component={FilledIcon} />,
+              label: <>填充</> ,
               value: ThemeType.Filled
             },
             {
-              label: <Icon component={TwoToneIcon} />,
+              label: <>彩色</>,
               value: ThemeType.TwoTone
             },
           ]}
@@ -124,15 +137,7 @@ const IconSelector: React.FC<IconSelectorProps> = (props) => {
             <Icon components={TwoToneIcon} /> {messages['app.docs.components.icon.two-tone']}
           </Radio.Button> */}
         </Radio.Group>
-        <Input.Search
-          // placeholder={messages['app.docs.components.icon.search.placeholder']}
-          style={{ margin: '0 10px', flex: 1 }}
-          allowClear
-          onChange={e => handleSearchIcon(e.currentTarget.value)}
-          size="large"
-          autoFocus
-          suffix={<IconPicSearcher />}
-        />
+      
       </div>
       {renderCategories}
     </>

src/components/Loading/loadingSpin.tsx

@@ -0,0 +1,65 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-29 14:19:46
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-29 15:31:14
+ * @FilePath: \general-ai-platform-web\src\components\Loading\loadingSpin.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+type LoadingSpinProps = {
+  spinning: boolean;
+  tip?: string | React.ReactNode;
+  indicator?: React.ReactNode;
+};
+/**
+ * @加载控件
+ * @param props
+ * @returns
+ */
+const LoadingSpin: React.FC<LoadingSpinProps> = (props) => {
+  return props.spinning ? (
+    <div
+      style={{
+        background: 'transparent',
+        position: 'fixed',
+        left: 0,
+        top: 0,
+        width: '100vw',
+        height: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 999,
+        backgroundColor: 'rgba(0,0,0, 0.3)',
+        color: 'white',
+      }}
+    >
+      <div
+        style={{
+          backgroundColor: 'white',
+          borderRadius: 12,
+          width: 361,
+          height: 216,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexDirection: 'column',
+          color: '#154DDD'
+        }}
+      >
+        {props.indicator ? (
+          props.indicator
+        ) : (
+          <img style={{ width: 120 }} src="/loading1.gif" alt="" />
+        )}
+
+        <p style={{padding: 8, margin: 0}}>{props.tip || '请稍候...'}</p>
+      </div>
+    </div>
+  ) : (
+    <></>
+  );
+};
+
+export default LoadingSpin;

src/components/Notice/index.module.less

@@ -0,0 +1,37 @@
+.notice {
+  display: flex;
+  // float: right;
+  // padding-top: 10px;
+  // margin-right: 28px;
+  justify-content: space-between;
+}
+
+.topNotice {
+  padding: 4px 8px 0px 8px;
+  user-select: none;
+}
+
+.bottomBar {
+  text-align: center;
+  border-top: 1px solid #f0f0f0;
+  border-radius: 0 0 2px 2px;
+  transition: all 0.3s;
+}
+
+.dobtn {
+  display: inline-block;
+  width: 50%;
+  padding: 12px 0;
+  cursor: pointer;
+  &:hover {
+    background-color: #eee;
+  }
+}
+
+.doLeftBtn {
+  border-right: 1px solid #f0f0f0;
+}
+
+.tab {
+  padding: 0 12px;
+}

src/components/Notice/index.tsx

@@ -0,0 +1,178 @@
+import React, { useState, useEffect, useRef } from "react";
+import { Tabs, Badge, Spin, List, Avatar, Tag, Popover, notification } from "antd";
+import { BellOutlined, LoadingOutlined } from "@ant-design/icons";
+// svg 转组件
+import { ReactComponent as NoticeSvg } from '../../../public/icons/notice.svg';
+import type { NotificationPlacement } from 'antd/es/notification/interface';
+
+// import { getallnotices, getUidNotices } from "@/api/caravan/User";
+
+import styles from "./index.module.less";
+import { useNavigate } from "react-router-dom";
+
+enum EventStatus {
+  todo = "rgba(255,255,255,1)",
+  urgent = "#f5222d",
+  doing = "#faad14",
+  processing = "#1890ff"
+}
+
+const antIcon = <LoadingOutlined style={{ fontSize: 24 }} spin />;
+
+const { TabPane} = Tabs;
+
+const Context = React.createContext({ name: 'Default' });
+
+const Notice: React.FC = () => {
+  const [visible, setVisible] = useState(false);
+  const [noticeList, setNoticeList] = useState<any[]>([]);
+  const [loading, setLoading] = useState(false);
+  const noticeCount = 10;
+  const intervalHandle: any = useRef(null);
+  const [noticeNum, setNoticeNum] = useState(0);
+
+  const noticeListFilter = <T extends any>(type: T) => {
+    return noticeList.filter(notice => notice.type === type) as any[];
+  };
+  const navigate = useNavigate();
+  const toManagePage = () => {
+    navigate("/notice");
+  };
+  const getNotice = async () => {
+    //查看我是否有新消息 无论如何
+    // setLoading(true);
+    //无论如何，清掉定时器,使用了 ref,肯定能拿到指针。
+    //并且启动一个定时器，定时刷新我的消息
+    clearTimeout(intervalHandle.current);
+    intervalHandle.current = setTimeout(() => {
+      setNoticeNum(Math.ceil(Math.random() * 1000));
+    }, 1000 * 60 * 60);
+    // getUidNotices()
+    //   .then(result => {
+    //     setLoading(false);
+    //     if (result.status && result.data && Array.isArray(result.data.data)) {
+    //       setNoticeList(result.data.data);
+    //     }
+    //   })
+    //   .catch(() => {
+    //     setLoading(false);
+    //   });
+    // getallnotices();
+  };
+  // const [api, contextHolder] = notification.useNotification();
+
+  // const openNotification = (placement: NotificationPlacement) => {
+  //   api.info({
+  //     message: `Notification ${placement}`,
+  //     description: <Context.Consumer>{({ name }) => `Hello, ${name}!`}</Context.Consumer>,
+  //     placement,
+  //   });
+  // };
+
+  useEffect(() => {
+    getNotice();
+  }, [noticeNum]);
+  // const ws = new WebSocket("ws://localhost:3000/");
+
+  // useEffect(() => {
+
+  //    console.log(ws);
+  //   // ws.onopen = function () {
+  //   //   setInterval(function () {
+  //   //     ws.send("客户端消息");
+  //   //   }, 2000);
+  //   // };
+
+  //   ws.onmessage = function (e) {
+  //     console.log(e.data);
+  //     openNotification('topRight')
+  //   }
+  // }, []);
+  useEffect(() => {
+    return () => {
+      clearTimeout(intervalHandle.current);
+    };
+  }, []);
+
+  const onClear = () => {
+    // ws.send("客户端消息");
+  };
+  const onViewMore = () => {};
+  const tabsData = [
+    {
+      title: 'Ant Design Title 1',
+      time: '刚刚'
+    },
+    {
+      title: 'Ant Design Title 2Ant Design Title 2Ant Design Title 2Ant Design Title 2Ant Design Title 2Ant Design Title 2Ant Design Title 2',
+      time: '刚刚'
+    },
+    {
+      title: 'Ant Design Title 3',
+      time: '刚刚'
+    },
+    {
+      title: 'Ant Design Title 4',
+      time: '刚刚'
+    },
+  ];
+  const tabs = (
+    <div className={styles.topNotice}>
+      <Spin tip="Loading..." indicator={antIcon} spinning={loading}>
+        <List
+          dataSource={tabsData}
+          renderItem={item => (
+            <List.Item onClick={() => toManagePage()} style={{ cursor: "pointer" }}>
+              <List.Item.Meta
+                description={
+                  <div>
+                    <div style={{ display: "flex", justifyContent: "space-between", marginBottom: 8, fontWeight: 600 }}>
+                      <span style={{ fontSize: "14px", color: "#333" }}>系统消息</span>
+                      <Tag bordered={false} color="error" style={{ marginInlineEnd: 0, fontWeight: 400 }}>
+                        紧急
+                      </Tag>
+                    </div>
+                    <div style={{ fontSize: "14px", color: "#333" }}>
+                      {item.title}
+                    </div>
+                    <div style={{ color: "#999" }}>{item.time}</div>
+                  </div>
+                }
+              />
+            </List.Item>
+          )}
+        />
+      </Spin>
+    </div>
+  );
+  return (
+    <div style={{display: 'flex'}}>
+    {/* {contextHolder} */}
+      <Popover
+        content={tabs}
+        overlayClassName="bg-2"
+        placement="bottomRight"
+        trigger={['click']}
+        open={visible}
+        onOpenChange={v => setVisible(v)}
+        arrow={{pointAtCenter: true}}
+        overlayStyle={{
+          width: 396,
+        }}
+      >
+        {/* <Tooltip
+          title={'消息通知'}
+        > */}
+          <Badge count={noticeList.length || noticeCount} overflowCount={999} offset={[8, -2]}>
+            <span>
+              {/* <BellOutlined style={{ fontSize: "18px" }} /> */}
+              <NoticeSvg style={{ fontSize: "18px" }} />
+            </span>
+          </Badge>
+        {/* </Tooltip> */}
+      </Popover>
+  </div>
+  );
+};
+
+export default Notice;

src/components/RightContent/AvatarDropdown.tsx

@@ -63,6 +63,10 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu, childre
   const onMenuClick = useCallback(
     (event: MenuInfo) => {
       const { key } = event;
+      if (key === 'center') {
+        history.push(`/account/${key}`);
+        return;
+      }
       if (key === 'logout') {
         flushSync(() => {
           setInitialState((s) => ({ ...s, currentUser: undefined, menuData: undefined }));
@@ -71,7 +75,7 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu, childre
         return;
       }
       history.push(`/account/${key}`);
-    },
+    },  
     [setInitialState],
   );
 
@@ -105,11 +109,11 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu, childre
             icon: <UserOutlined />,
             label: '个人中心',
           },
-          {
-            key: 'settings',
-            icon: <SettingOutlined />,
-            label: '个人设置',
-          },
+          // {
+          //   key: 'settings',
+          //   icon: <SettingOutlined />,
+          //   label: '个人设置',
+          // },
           {
             type: 'divider' as const,
           },
@@ -121,7 +125,7 @@ export const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu, childre
       label: '退出登录',
     },
   ];
-
+  console.log(menuItems,'menuItems');
   return (
     <HeaderDropdown
       menu={{

src/components/RightContent/index.tsx

@@ -1,3 +1,11 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-28 11:34:00
+ * @FilePath: \general-ai-platform-web\src\components\RightContent\index.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { SelectLang as UmiSelectLang } from '@umijs/max';
 import React from 'react';
@@ -38,11 +46,11 @@ export const SelectRole = () => {
   const { currentUser } = initialState || {};
 
   return (
-    <>
+    <span className='gn'>
       {
         currentUser && (
           <Select
-            defaultValue={currentUser.roleId}
+            value={currentUser.roleId}
             options={currentUser?.roles || []}
             onSelect={value => {
               postUserSetUserRole({roleId: value}).then((resp) => {
@@ -52,7 +60,7 @@ export const SelectRole = () => {
           />
         )
       }
-    </>
+    </span>
 
   );
 };

src/components/TableActionCard/index.tsx

@@ -0,0 +1,69 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-14 15:49:36
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2024-04-10 11:21:37
+ * @FilePath: \general-ai-platform-web\src\components\TableActionCard\index.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { DownOutlined } from '@ant-design/icons';
+import { Dropdown } from 'antd';
+import React from 'react';
+
+//TODO 表单的操作按钮集合 key的报错未解决
+export type actionsProps = {
+  key: string;
+  renderDom: any;
+}
+
+export type TableActionItemProps = {
+  renderActions: actionsProps[];
+  listType?: 'proTable' | 'proList'
+};
+
+const TableActionCard: React.FC<TableActionItemProps> = (props) => {
+  const { renderActions } = props;
+  const maxActionCount = 3;
+  let prevActions: any[] = [];
+  const moreActions: { key: string; label: any }[] = [];
+  if (renderActions.length <= maxActionCount) {
+    prevActions = renderActions;
+  } else {
+    // eslint-disable-next-line array-callback-return
+    renderActions.map((item, index) => {
+      if (index < maxActionCount - 1) {
+        prevActions.push(item);
+      } else {
+        moreActions.push({
+          key: index + '',
+          label: item.renderDom,
+        });
+      }
+      // eslint-disable-next-line react/jsx-key
+    });
+  }
+  return (
+    <div className={`${ props?.listType ? props?.listType : 'proTable'}ActionBox`}>
+      {prevActions.map((item) => {
+        return (
+          <span style={ props?.listType === 'proList' ? { paddingLeft: 8} : { paddingRight: 8 }} key={item.key}>
+            {item.renderDom}
+          </span>
+        );
+      })}
+      {moreActions.length ? (
+        <Dropdown menu={{ items: moreActions }}>
+          <a>
+            更多
+            <DownOutlined />
+          </a>
+        </Dropdown>
+      ) : (
+        <></>
+      )}
+    </div>
+  );
+};
+
+export default TableActionCard;

src/components/TableActionCard/isConfirmAction.tsx

@@ -0,0 +1,58 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-16 14:30:15
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-11 15:20:25
+ * @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// import { useIntl } from '@ant-design/pro-components';
+import { useIntl } from '@umijs/max';
+import { Button, Popconfirm } from 'antd';
+import { FormattedMessage } from 'react-intl';
+
+type isConfirmActionProps = {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  confirmAction: Function;
+  title: string;
+  description?: string;
+  buttonText?: string;
+  buttonFormatText?: string;
+  buttonType?: 'link' | 'text' | 'default' | 'primary' | 'dashed' | undefined;
+  danger?: boolean
+};
+
+const IsConfirmAction: React.FC<isConfirmActionProps> = (props) => {
+  const intl = useIntl();
+  const description = props.description || `确认${props.title}吗?`;
+  return (
+    <Popconfirm
+      title={props.title}
+      description={description}
+      onConfirm={() => {
+        props.confirmAction();
+      }}
+      onCancel={() => {}}
+      okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
+      cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
+    >
+      <Button
+        type={props?.buttonType ? props.buttonType : 'link'}
+        danger={props?.danger}
+        size="small"
+        onClick={() => {
+          // setPublishModalOpen(true);
+        }}
+      >
+        {/* 自定义文案优先 */}
+        {props.buttonText ? (
+          props.buttonText
+        ) : (
+          <FormattedMessage id={props.buttonFormatText} defaultMessage="$$$" />
+        )}
+      </Button>
+    </Popconfirm>
+  );
+};
+
+export default IsConfirmAction;

src/components/TableActionCard/isDelete.tsx

@@ -0,0 +1,56 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-16 14:30:15
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-22 16:17:17
+ * @FilePath: \general-ai-platform-web\src\components\BatchOperation\isBatchDelete.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// import { useIntl } from '@ant-design/pro-components';
+import { DeleteOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { Button, Popconfirm } from 'antd';
+import { proIconForTableActionStyle } from '../../../config/defaultIcon';
+import { FormattedMessage } from 'react-intl';
+
+type IsDeleteProps = {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  buttonType?: 'defalut' | 'deleteIcon';
+  deleteApi: () => void;
+};
+
+const IsDelete: React.FC<IsDeleteProps> = (props) => {
+  const intl = useIntl();
+
+  return (
+    <Popconfirm
+      key="destroy"
+      placement="topLeft"
+      title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
+      description={intl.formatMessage({
+        id: 'common.modal.table.delete.content',
+        defaultMessage: '$$$',
+      })}
+      okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
+      cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
+      onConfirm={() => {
+        props.deleteApi();
+      }}
+    >
+      {props.buttonType === 'deleteIcon' ? (
+        <>
+          <DeleteOutlined style={{
+            color: "rgba(232, 13, 13, 1)",
+          ...proIconForTableActionStyle
+          }} />
+        </>
+      ) : (
+        <Button type="link" size="small" danger>
+          <FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
+        </Button>
+      )}
+    </Popconfirm>
+  );
+};
+
+export default IsDelete;

src/components/TableActionCard/isModalDelete.tsx

@@ -0,0 +1,45 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-27 10:30:10
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-27 11:06:00
+ * @FilePath: \general-ai-platform-web\src\components\TableActionCard\isModalDelete.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import modal from 'antd/es/modal';
+
+type IsModalDeleteProps = {
+  deleteButton: React.ReactNode;
+  deleteApi: () => void;
+  titleText?: string;
+  contentText?: string;
+};
+
+const IsModalDelete: React.FC<IsModalDeleteProps> = (props) => {
+  const intl = useIntl();
+  const confirm = () => {
+    modal.confirm({
+      title: props.titleText || `确认删除吗？`,
+      icon: <ExclamationCircleOutlined />,
+      content: props.contentText || '确认删除吗？删除后将无法找回，请谨慎操作。',
+      okText: intl.formatMessage({ id: 'common.okText', defaultMessage: '$$$' }),
+      cancelText: intl.formatMessage({ id: 'common.cancelText', defaultMessage: '$$$' }),
+      onOk() {
+        props.deleteApi();
+      },
+      onCancel() {
+        console.log('Cancel');
+      },
+    });
+  };
+
+  return (
+    <>
+      <span onClick={() => confirm()}>{props.deleteButton}</span>
+    </>
+  );
+};
+
+export default IsModalDelete;

src/components/TableActionCard/stopBtn.tsx

@@ -0,0 +1,54 @@
+/**
+ * 停止按钮
+ * 
+ */
+import { DeleteOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { Button, Popconfirm } from 'antd';
+import { proIconForTableActionStyle } from '../../../config/defaultIcon';
+import { FormattedMessage } from 'react-intl';
+
+type StopBtnProps = {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  buttonType?: 'defalut' | 'deleteIcon';
+  deleteApi: () => void;
+};
+
+const StopBtn: React.FC<StopBtnProps> = (props) => {
+  const intl = useIntl();
+
+  return (
+    <Popconfirm
+      key="destroy"
+      placement="topLeft"
+      title={intl.formatMessage({ id: 'common.tip.title', defaultMessage: '$$$' })}
+      description={intl.formatMessage({
+        id: 'common.modal.table.stop.content',
+        defaultMessage: '$$$',
+      })}
+      okText={intl.formatMessage({ id: 'common.yes', defaultMessage: '$$$' })}
+      cancelText={intl.formatMessage({ id: 'common.no', defaultMessage: '$$$' })}
+      onConfirm={() => {
+        props.deleteApi();
+      }}
+    >
+        {/* {props.buttonType === 'deleteIcon' ? (
+          <>
+            <DeleteOutlined style={{
+              color: "rgba(232, 13, 13, 1)",
+            ...proIconForTableActionStyle
+            }} />
+          </>
+        ) : (
+          <Button type="link" size="small" danger>
+            <FormattedMessage id="pages.searchTable.destroy" defaultMessage="Destroy" />
+          </Button>
+        )} */}
+        <Button type="link" size="small" danger>
+            <FormattedMessage id="pages.searchTable.stop" defaultMessage="Destroy" />
+        </Button>
+    </Popconfirm>
+  );
+};
+
+export default StopBtn;

src/components/TablePaginationCard/index.tsx

@@ -0,0 +1,39 @@
+/**
+ * 未使用 验证中
+ */
+import { TableDropdown } from '@ant-design/pro-components';
+import React from 'react';
+
+export type TablePaginationCardProps = {
+  total: number;
+  pageSize: number;
+  current: number;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onChange: Function
+  
+};
+// 分页器
+const TablePaginationCard: React.FC<TablePaginationCardProps> = (props) => {
+  const { total, pageSize, current, onChange } = props;
+  const totalPage = Math.ceil(total / pageSize);
+
+  const handleChange = (page: number, pageSize: number) => {
+    onChange(page, pageSize);
+  };
+
+  return (
+    <div>
+      <span>
+        Total {total} items, {totalPage} pages
+      </span>
+      <TableDropdown
+        total={totalPage as number}
+        current={current}
+        pageSize={pageSize}
+        onClick={(e) => handleChange(e, pageSize)}
+      />
+    </div>
+  );
+};
+
+export default TablePaginationCard;

src/components/index.ts

@@ -6,7 +6,8 @@
  * 布局组件
  */
 import Footer from './Footer';
+import Notice from './Notice';
 import { Question, SelectLang } from './RightContent';
 import { AvatarDropdown, AvatarName } from './RightContent/AvatarDropdown';
 
-export { Footer, Question, SelectLang, AvatarDropdown, AvatarName };
+export { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Notice };

src/enums/common.ts

@@ -0,0 +1,9 @@
+// 是否启用
+export const isEnableEnum = {
+    '0' : {
+        color: '#999999',
+    },
+    '1' : {
+        color: '#52C41A',
+    }
+}

src/enums/status.ts

@@ -0,0 +1,130 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-08 14:50:08
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-22 16:45:22
+ * @FilePath: \general-ai-platform-web\src\enums\status.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { DownOutlined } from "@ant-design/icons";
+
+// 分布式设备状态
+export const deviceStatusEnums: Record<string, any> = {
+  allStatus: {
+    miniName: '全部',
+    value: '0',
+    color: '',
+  },
+  onlineStatus: {
+    miniName: '在线',
+    value: '1',
+    color: 'success',
+  },
+  outlineStatus: {
+    miniName: '离线',
+    value: '2',
+    color: 'default',
+  },
+  processingStatus: {
+    miniName: '运行中',
+    value: '3',
+    color: 'warning',
+  },
+  errorStatus: {
+    miniName: '故障',
+    value: '4',
+    color: 'error',
+  },
+};
+// 资源设备~
+export const resourceDeviceStatusEnums: Record<string, any> = {
+  allStatus: {
+    miniName: '全部异常',
+    value: '0',
+    color: '',
+    renderType: '',
+  },
+  storageWarn: {
+    miniName: '存储告警',
+    value: '1',
+    color: 'error',
+    renderType: 'progress',
+  },
+  GPUWarn: {
+    miniName: 'GPU告警',
+    value: '2',
+    color: 'success',
+    renderType: 'progress',
+  },
+  memoryWarn: {
+    miniName: '内存告警',
+    value: '3',
+    color: 'success',
+    renderType: 'progress',
+  },
+  errorStatus: {
+    miniName: 'CPU告警',
+    value: '4',
+    color: 'warning',
+    renderType: 'progress',
+  },
+  codeError: {
+    miniName: '代码出错',
+    value: '5',
+    color: 'error',
+    renderType: 'dot',
+  },
+  serveTimeOut: {
+    miniName: '服务器超时',
+    value: '6',
+    color: 'error',
+    renderType: 'dot',
+  },
+};
+// 告警等级~
+export const alarmLevelStatusEnum: Record<string, any>[] = [
+  {
+    color: 'rgba(232, 13, 13, 1)',
+    value: '1',
+    label: '紧急',
+    isDelete: false,
+    icon: 'ArrowUpOutlined',
+    id: '1',
+  },
+  {
+    color: 'rgba(255, 136, 0, 1)',
+    value: '2',
+    label: '较高',
+    isDelete: false,
+    id: '2',
+  },
+  {
+    color: 'rgba(68, 139, 245, 1)',
+    value: '3',
+    label: '一般',
+    isDelete: false,
+    id: '3',
+  },
+  {
+    color: 'rgba(179, 214, 0, 1)',
+    value: '4',
+    label: '低',
+    isDelete: true,
+    id: '4',
+  },
+  {
+    color: 'rgba(81, 177, 6, 1)',
+    value: '5',
+    label: '较低',
+    isDelete: true,
+    id: '5',
+  },
+  {
+    color: 'rgba(43, 183, 136, 1)',
+    value: '6',
+    label: '非常低',
+    isDelete: true,
+    id: '6',
+  },
+];

src/enums/storage.ts

@@ -0,0 +1,3 @@
+export const localStorageKeyEnums = {
+  alarmSetting_model_alarmStatusSetting: 'alarmSetting_model_alarmStatusSetting_key',
+};

src/global.css

@@ -0,0 +1,399 @@
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+.colorWeak {
+  filter: invert(80%);
+}
+.ant-layout {
+  min-height: 100vh;
+}
+.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+  left: unset;
+}
+canvas {
+  display: block;
+}
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+ul,
+ol {
+  list-style: none;
+}
+@media (max-width: 768px) {
+  .ant-table {
+    width: 100%;
+    overflow-x: auto;
+  }
+  .ant-table-thead > tr > th,
+  .ant-table-tbody > tr > th,
+  .ant-table-thead > tr > td,
+  .ant-table-tbody > tr > td {
+    white-space: pre;
+  }
+  .ant-table-thead > tr > th > span,
+  .ant-table-tbody > tr > th > span,
+  .ant-table-thead > tr > td > span,
+  .ant-table-tbody > tr > td > span {
+    display: block;
+  }
+}
+.keep-alive-tabs .ant-tabs-nav {
+  margin: 0;
+}
+.ant-pro .ant-pro-layout .ant-pro-layout-content {
+  padding: 0;
+}
+.ant-pro-form-login-page-left {
+  max-width: none !important;
+}
+.ant-pro-card-col.ant-pro-card-split-vertical {
+  border-inline-end: none;
+}
+.ant-pro-card-col.ant-pro-card-split-horizontal {
+  border-block-end: none;
+}
+/* 1108 update 全局样式新增调整 */
+.ant-table-cell .ant-btn.ant-btn-sm {
+  padding: 0;
+}
+.ant-pro-table-search .ant-form-item .ant-form-item-label {
+  text-align: left;
+}
+.ant-btn-link {
+  color: #155BD4;
+}
+.ant-pro-card .ant-pro-card-title {
+  color: #333333;
+  font-weight: 700;
+  font-size: 16px;
+}
+.ant-modal .ant-modal-content {
+  padding: 20px 24px;
+}
+.ant-modal-header {
+  padding-bottom: 10px;
+}
+/* 单行文本溢出显示省略号 */
+.single_line {
+  white-space: nowrap;
+  /* 防止文本换行 */
+  overflow: hidden;
+  /* 隐藏溢出的文本 */
+  text-overflow: ellipsis;
+  /* 显示省略号 */
+}
+/* 多行文本溢出显示省略号 */
+.two_line {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /* 限制显示的行数 */
+  overflow: hidden;
+  /* 隐藏溢出的文本 */
+}
+* {
+  padding: 0;
+  margin: 0;
+}
+/* 颜色 */
+.theme_color,
+.ant-table-cell > a,
+.ant-descriptions-item-content > a,
+a.ant-dropdown-trigger {
+  color: #155BD4;
+}
+.theme_bg_color {
+  background-color: #155BD4;
+}
+.ant-menu-light .ant-menu-item-selected,
+.ant-menu-light > .ant-menu .ant-menu-item-selected {
+  background-color: #e8effb;
+  border-left: 3px solid #155BD4;
+  border-radius: 0;
+}
+.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: #e8effb;
+}
+.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,
+.ant-tree .ant-tree-checkbox + span.ant-tree-node-selected {
+  background-color: #e8effb;
+  color: #155BD4;
+}
+.ant-steps .ant-steps-item-active > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+  color: #155BD4;
+}
+.ant-steps .ant-steps-item-active > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
+  color: #155BD4;
+}
+.ant-layout-sider-children {
+  background-color: white;
+}
+.ant-btn-link.ant-btn-dangerous,
+.ant-btn-default.ant-btn-dangerous {
+  color: #E80D0D;
+}
+.ant-btn-default.ant-btn-dangerous {
+  border-color: #E80D0D;
+}
+.ant-tree-treenode.ant-tree-treenode-switcher-open.ant-tree-treenode-selected {
+  background-color: #e8effb;
+  width: 100%;
+  border-radius: 4px;
+  padding-top: 4px ;
+}
+/* 表单 */
+.ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-steps .ant-steps-item-finish .ant-steps-item-icon {
+  background-color: rgba(21, 91, 212, 0.1);
+  border-color: #155BD4;
+}
+.ant-pro-form-group-container {
+  gap: 0px 16px !important;
+}
+.ant-modal .ant-modal-title {
+  font-size: 18px;
+}
+.ant-modal-body .ant-pro-steps-form-steps-container {
+  max-width: 1900px !important;
+}
+/* 列表 ProTable && ProList */
+.ant-pro-table .ant-pro-table-list-toolbar-left {
+  flex: 0.3;
+}
+.ant-pro-table .ant-pro-table-search .ant-form .ant-pro-query-filter-row-split {
+  padding-right: 0 !important;
+}
+.ant-pro-list .ant-pro-query-filter.ant-pro-query-filter {
+  background-color: white;
+  padding: 20px;
+  border-radius: 8px;
+}
+.ant-pro-list .ant-pro-table-list-toolbar-left {
+  flex: 1;
+}
+/*表单 ProFrom */
+.ant-btn-dashed {
+  border-radius: 4px;
+  border: 1px dashed #154DDD;
+  background: rgba(21, 91, 212, 0.05);
+  color: #154DDD;
+}
+.ant-pro-form-list-action {
+  margin-block-end: 16px;
+}
+.ant-pro-form-list .ant-pro-form-list-action .action-copy {
+  color: #154DDD;
+}
+.ant-pro-form-list .ant-pro-form-list-action .action-remove {
+  color: #E80D0D;
+}
+.ant-popover .ant-popover-content {
+  min-width: 200px;
+}
+.rc-virtual-list-scrollbar-thumb {
+  display: none;
+}
+/* ant-descriptions */
+.ant-descriptions .ant-descriptions-row > th,
+.ant-descriptions .ant-descriptions-row > td {
+  padding-right: 12px;
+}
+::-webkit-scrollbar-track-piece {
+  -webkit-border-radius: 0;
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb {
+  height: 50px;
+  background-color: #CCC;
+  -webkit-border-radius: 6px;
+  outline-offset: -2px;
+  -moz-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  opacity: 0.5;
+}
+::-webkit-scrollbar-thumb:hover {
+  height: 50px;
+  background-color: #878987;
+  -webkit-border-radius: 6px;
+}
+.ant-tag-default {
+  border-radius: 2px;
+  border: 1px solid #CCC;
+  background: rgba(204, 204, 204, 0.1);
+  color: #999;
+}
+.ant-tag-success {
+  border-radius: 2px;
+  border: 1px solid #52C41A;
+  background: rgba(82, 196, 26, 0.1);
+}
+.ant-tag-warning {
+  border-radius: 2px;
+  border: 1px solid var(--1, #FAAD14);
+  background: rgba(250, 173, 20, 0.1);
+}
+.ant-tag-error {
+  border-radius: 2px;
+  border: 1px solid #E80D0D;
+  color: #E80D0D;
+  background: rgba(232, 13, 13, 0.1);
+}
+.gn {
+  /* UI 规范表 // update 使用中
+  适用说明 
+  字体大小、颜色、粗细
+  页面间距
+*/
+}
+.gn .ant-pro-checkcard-content {
+  padding-inline: 0;
+  padding-block: 0;
+}
+.gn .ant-pro-checkcard {
+  margin-inline-end: 0;
+  margin-block-end: 0;
+}
+.gn .ant-pro-list-row-card {
+  margin-block: 6px;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 6px;
+}
+.gn .ant-list .ant-list-pagination {
+  margin-block-start: 10px;
+}
+.gn .ant-table-wrapper table tr th.ant-table-selection-column,
+.gn .ant-table-wrapper table tr td.ant-table-selection-column,
+.gn .ant-table-wrapper .ant-table-selection-column {
+  text-align: left;
+}
+.gn .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
+  padding-left: 12px;
+}
+.gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
+  margin-block-start: 0;
+}
+.gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
+  padding: 0 16px;
+}
+.gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
+  font-weight: 400;
+}
+.gn .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab + .ant-tabs-tab {
+  margin: 0 0 0 12px;
+}
+.gn .ant-tabs .ant-tabs-tab .anticon {
+  margin-right: 4px;
+}
+.gn .ant-pro-table-list-toolbar-container {
+  padding-block: 8px;
+}
+.gn .ant-pro-global-header-header-actions-item > * {
+  padding-block: 0;
+}
+.gn .ant-radio-group-large .ant-radio-button-wrapper {
+  height: 32px;
+  line-height: 32px;
+}
+.gn .ant-input-affix-wrapper-lg {
+  height: 32px;
+  line-height: 32px;
+  font-size: 14px;
+}
+.gn .ant-btn.ant-btn-lg {
+  font-size: 14px;
+  height: 32px;
+  border-radius: 4px;
+}
+.gn .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+}
+.gn .proListActionBox .ant-btn.ant-btn-sm {
+  padding: 0;
+  font-size: 14px;
+}
+.gn.fw7 {
+  font-weight: 700;
+}
+.gn.h2 {
+  font-size: 18px;
+}
+.gn.h3 {
+  font-weight: 600;
+}
+.gn.h4 {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+  color: #333333;
+}
+.gn.text_0 {
+  color: '#000';
+}
+.gn.text_1 {
+  color: '#333';
+}
+.gn.text_2 {
+  color: '#666';
+}
+.gn.text_3 {
+  color: '#999';
+}
+.gn.text_green {
+  color: #52C41A;
+}
+.gn.fs14 {
+  font-size: 14px;
+}
+.gn .des_1 {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 22px;
+  color: #666666;
+}
+.gn .border_bottom_1 {
+  border-bottom: 1px solid #E0E0E0;
+}
+.gn.themeBgHover:hover {
+  background-color: #155BD4;
+}
+.gn.algorithmSetting_project_box .algorithmSetting_mode_box .active .ant-btn-default {
+  border: 1px solid #154DDD;
+  background: rgba(21, 77, 221, 0.1);
+  color: #154DDD;
+}
+.gn.tabAction_box_wrap .ant-btn-primary {
+  border: 1px solid #154DDD;
+  background: rgba(21, 77, 221, 0.1);
+  color: #154DDD;
+}
+.ant-pro-global-header-logo img {
+  height: 48px;
+}
+.rectProgress_box .ant-progress .ant-progress-inner {
+  border-radius: 2px;
+}
+.rectProgress_box .ant-progress .ant-progress-success-bg,
+.rectProgress_box .ant-progress .ant-progress-bg {
+  border-radius: 2px;
+}
+.innerFormList_box .ant-form-item {
+  margin-bottom: 12px;
+}
+.form_checkBox_wrap .ant-pro-form-group-container {
+  gap: 0 4px !important;
+}

src/global.less

@@ -74,3 +74,470 @@ ol {
 .ant-pro-card-col.ant-pro-card-split-horizontal {
   border-block-end: none;
 }
+/* 1108 update 全局样式新增调整 */
+
+
+// TODO_update 全局小尺寸按钮，统一间距 （列表操作栏位按钮）
+.ant-table-cell .ant-btn.ant-btn-sm{
+  padding: 0;
+}
+// 更多
+.ant-pro-table-search .ant-form-item .ant-form-item-label{
+  text-align: left
+}
+
+.ant-btn-link{
+  color: #155BD4;
+}
+
+.ant-pro-card .ant-pro-card-title {
+  color: #333333;
+  font-weight: 700;
+  font-size: 16px;
+}
+
+// 弹出框
+.ant-modal .ant-modal-content{
+  padding: 20px 24px;
+}
+.ant-modal-header{
+  padding-bottom: 10px;
+}
+
+// TODO_update 自定义样式块
+
+/* 单行文本溢出显示省略号 */
+.single_line {
+  white-space: nowrap;      /* 防止文本换行 */
+  overflow: hidden;        /* 隐藏溢出的文本 */
+  text-overflow: ellipsis; /* 显示省略号 */
+}
+
+/* 多行文本溢出显示省略号 */
+.two_line {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /* 限制显示的行数 */
+  overflow: hidden;       /* 隐藏溢出的文本 */
+}
+
+* {
+  padding: 0;
+  margin: 0;
+}
+
+
+/* 颜色 */
+.theme_color, .ant-table-cell>a,
+.ant-descriptions-item-content>a,
+a.ant-dropdown-trigger{
+  color: #155BD4;
+}
+
+.theme_bg_color{
+  background-color: #155BD4;
+}
+
+
+
+.ant-menu-light .ant-menu-item-selected, .ant-menu-light>.ant-menu .ant-menu-item-selected {
+  background-color: #e8effb;
+  border-left: 3px solid #155BD4;
+  border-radius: 0;
+}
+
+.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: #e8effb;
+}
+.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree .ant-tree-checkbox+span.ant-tree-node-selected {
+  background-color: #e8effb;
+  color: #155BD4;
+}
+
+.ant-steps .ant-steps-item-active>.ant-steps-item-container>.ant-steps-item-content{
+  &> .ant-steps-item-title{
+    color: #155BD4;
+
+  }
+  &> .ant-steps-item-description{
+    color: #155BD4;
+    // color: #155cd5;
+
+  }
+}
+.ant-layout-sider-children{
+  background-color: white;
+}
+
+.ant-btn-link.ant-btn-dangerous, .ant-btn-default.ant-btn-dangerous {
+  color: #E80D0D;
+}
+.ant-btn-default.ant-btn-dangerous{
+  border-color: #E80D0D;
+}
+
+.ant-tree-treenode.ant-tree-treenode-switcher-open.ant-tree-treenode-selected {
+  background-color: #e8effb;
+  width: 100%;
+  border-radius: 4px;
+  padding-top: 4px ;
+}
+
+/* 表单 */
+.ant-form-item {
+  margin-bottom: 16px;
+}
+// 分步表单步骤条
+.ant-steps .ant-steps-item-finish .ant-steps-item-icon{
+  background-color: rgba(#155BD4, 0.1);
+  border-color: #155BD4;
+}
+// 表单项之间间距
+.ant-pro-form-group-container{
+  gap: 0px 16px !important;
+}
+.ant-modal .ant-modal-title{
+  font-size: 18px;
+}
+
+
+.ant-modal-body .ant-pro-steps-form-steps-container{
+  max-width: 1900px !important;
+}
+/* 列表 ProTable && ProList */
+// proTable 
+.ant-pro-table{
+  // 标题栏左侧文字最大弹性占比
+  .ant-pro-table-list-toolbar-left{
+    flex: 0.3
+  }
+  // 筛选表单
+  .ant-pro-table-search{
+    .ant-form{
+      .ant-pro-query-filter-row-split{
+        padding-right: 0 !important;
+      }
+    }
+  }
+}
+
+// proList 
+.ant-pro-list{
+  .ant-pro-query-filter.ant-pro-query-filter {
+    background-color: white;
+    padding: 20px;
+    border-radius: 8px;
+  }
+
+  .ant-pro-table-list-toolbar-left{
+    flex: 1
+  }
+}
+/*表单 ProFrom */
+.ant-btn-dashed{
+  border-radius: 4px;
+  border: 1px dashed #154DDD;
+  background: rgba(21, 91, 212, 0.05);
+  color: #154DDD;
+}
+
+.ant-pro-form-list-action {
+  margin-block-end: 16px;
+}
+
+// ProFormList
+.ant-pro-form-list{
+  .ant-pro-form-list-action{
+    .action-copy{
+      color: #154DDD;
+    }
+    .action-remove {
+      color: #E80D0D;
+    }
+  }
+}
+
+// 气泡框
+.ant-popover .ant-popover-content {
+  min-width: 200px;
+}
+
+.rc-virtual-list-scrollbar-thumb{
+  display: none
+}
+/* ant-descriptions */
+.ant-descriptions{
+  .ant-descriptions-row >th,  
+  .ant-descriptions-row >td {
+    padding-right: 12px;
+  }
+}
+
+// 美化滚动条
+::-webkit-scrollbar-track-piece {
+  -webkit-border-radius: 0
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 10px
+}
+::-webkit-scrollbar-thumb {
+  height: 50px;
+  background-color: #CCC;
+  -webkit-border-radius: 6px;
+  outline-offset: -2px;
+  -moz-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  opacity: 0.5
+}
+::-webkit-scrollbar-thumb:hover {
+  height: 50px;
+  background-color: #878987;
+  -webkit-border-radius: 6px
+}
+// 动作按钮
+.ant-tag-default {
+  border-radius: 2px;
+  border: 1px solid #CCC;
+  background: rgba(204, 204, 204, 0.10);  
+  color: #999;
+}
+.ant-tag-success{
+  border-radius: 2px;
+  border: 1px solid #52C41A;
+  background: rgba(82, 196, 26, 0.10);
+}
+.ant-tag-warning {
+  border-radius: 2px;
+  border: 1px solid var(--1, #FAAD14);
+  background: rgba(250, 173, 20, 0.10);
+}
+.ant-tag-error {
+  border-radius: 2px;
+  border: 1px solid #E80D0D;
+  color: #E80D0D;
+  background: rgba(232, 13, 13, 0.10);
+}
+
+.gn {
+  // TODO_update 重置覆盖默认样式，使用统一类名gn + 需要覆盖的类名
+  .ant-pro-checkcard-content {
+    padding-inline: 0;
+    padding-block: 0;
+  }
+  .ant-pro-checkcard {
+    margin-inline-end: 0;
+    margin-block-end: 0;
+  }
+  .ant-pro-list-row-card {
+    margin-block: 6px;
+    margin-inline: 0;
+    padding-block: 0;
+    padding-inline: 6px;
+  }
+
+  .ant-list .ant-list-pagination {
+    margin-block-start: 10px;
+  }
+
+  .ant-table-wrapper table tr th.ant-table-selection-column,
+  .ant-table-wrapper table tr td.ant-table-selection-column,
+  .ant-table-wrapper .ant-table-selection-column{
+    text-align: left;
+  }
+  .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column{
+    padding-left: 12px;
+  }
+
+  .ant-tabs >.ant-tabs-nav .ant-tabs-nav-wrap{
+    .ant-tabs-nav-list{
+      .ant-tabs-tab-btn{
+        padding: 0 16px;
+
+      }
+      margin-block-start: 0;
+      .ant-tabs-tab-active{
+        font-weight: 400
+      }
+    }
+    .ant-tabs-tab+.ant-tabs-tab {
+      margin: 0 0 0 12px; 
+    }
+    
+  }
+
+  .ant-tabs .ant-tabs-tab .anticon {
+    margin-right: 4px;
+  }
+
+  .ant-pro-table-list-toolbar-container {
+    padding-block: 8px;
+  }
+
+  .ant-pro-global-header-header-actions-item >*{
+    padding-block: 0;
+  }
+
+  .ant-radio-group-large .ant-radio-button-wrapper {
+    height: 32px;
+    line-height: 32px;
+  }
+  .ant-input-affix-wrapper-lg{
+    height: 32px;
+    line-height: 32px;
+    font-size: 14px;
+  }
+  .ant-btn.ant-btn-lg {
+    font-size: 14px;
+    height: 32px;
+    border-radius: 4px;
+  }
+  .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+    border-start-start-radius: 4px;
+    border-end-start-radius: 4px;
+  }
+
+  .proListActionBox{
+    .ant-btn.ant-btn-sm{
+      padding: 0;
+      font-size: 14px;
+    }
+  }
+  
+  /* UI 规范表 // update 使用中
+  适用说明 
+  字体大小、颜色、粗细
+  页面间距
+*/
+  // &.p1 {
+  // line-height: ;
+  //   font-weight: 600;
+  // }
+  &.fw7{
+    font-weight: 700;
+  }
+  &.h2{
+    font-size: 18px;
+  }
+
+  &.h3{
+    font-weight: 600;
+  }
+
+  &.h4{
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+    color: rgba(51, 51, 51, 1);
+  }
+  &.text_0{
+    color: '#000';
+  }
+  &.text_1{
+    color: '#333';
+  }
+  &.text_2{
+    color: '#666';
+  }
+  &.text_3{
+    color: '#999';
+  }
+  &.text_green{
+    color: #52C41A;
+  }
+  &.fs14{
+    font-size: 14px;
+  }
+
+  .des_1{
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 22px;
+    color: rgba(102, 102, 102, 1)
+  }
+  // 边框
+  .border_bottom_1 {
+    border-bottom: 1px solid #E0E0E0
+  }
+
+  &.themeBgHover:hover{
+    background-color: #155BD4;
+  }
+
+
+  // 项目部署模块
+  &.algorithmSetting_project_box{
+
+    .algorithmSetting_mode_box{
+      .active {
+        .ant-btn-default{
+          border: 1px solid #154DDD;
+          background: rgba(21, 77, 221, 0.10);
+          color: #154DDD;
+        }
+      }
+    }
+   
+    // &.ant-tabs .ant-tabs-ink-bar{
+    //   background: transparent;
+    // }
+    // &.ant-tabs .ant-tabs-tab{
+    //   padding: 16px 0 0px;
+    // }
+    // &.ant-tabs .ant-tabs-tab+.ant-tabs-tab{
+    //   // margin: 0;
+    //   margin:0 0 0 12px;
+    // }
+    // & .ant-tabs-tab-active{
+    //   .ant-btn-default{
+    //     border: 1px solid #154DDD;
+    //     background: rgba(21, 77, 221, 0.10);
+    //     color: #154DDD;
+    //   }
+    // }
+  }
+
+  // 自定义切换按钮样式
+  &.tabAction_box_wrap{
+    .ant-btn-primary{
+      border: 1px solid #154DDD;
+      background: rgba(21, 77, 221, 0.10);
+      color: #154DDD;
+    }
+  }
+}
+.ant-pro-global-header-logo img {
+  height: 48px;
+}
+
+.rectProgress_box{
+  .ant-progress .ant-progress-inner{
+    border-radius: 2px;
+  }
+  .ant-progress .ant-progress-success-bg, .ant-progress .ant-progress-bg{
+    border-radius: 2px;
+  }
+}
+
+
+// 内部表单样式
+.innerFormList_box{
+  .ant-form-item {
+    margin-bottom: 12px;
+  }
+}
+
+.form_checkBox_wrap{
+  .ant-pro-form-group-container{
+    gap: 0 4px !important;
+  }
+}
+
+
+
+
+
+
+
+
+

src/hooks/useAlarmSettingLevel.ts

@@ -0,0 +1,52 @@
+import { alarmLevelStatusEnum } from '@/enums/status';
+import { localStorageKeyEnums } from '@/enums/storage';
+
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-22 16:39:33
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-22 16:49:36
+ * @FilePath: \general-ai-platform-web\src\hooks\useAlarmSettingLevel.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+type selectAlarmLevel = {
+  label: string;
+  value: string;
+};
+
+interface useAlarmSettingLevelProps {
+  fetchAlarmSettingLevel: () => selectAlarmLevel[];
+}
+
+export const useAlarmSettingLevel = (): useAlarmSettingLevelProps => {
+  function fetchAlarmSettingLevel() {
+    const finalArr: selectAlarmLevel[] = [];
+    const currData = localStorage.getItem(
+      localStorageKeyEnums.alarmSetting_model_alarmStatusSetting,
+    );
+    if (currData) {
+      const currFormData = JSON.parse(currData) as Record<string, any>;
+      // eslint-disable-next-line guard-for-in
+      for (let key in currFormData) {
+        finalArr.push({
+          label: currFormData[key],
+          value: key,
+        });
+      }
+    } else {
+      // eslint-disable-next-line array-callback-return
+      alarmLevelStatusEnum.map((item) => {
+        if (['1', '2', '3'].includes(item.value)) {
+          finalArr.push({
+            label: item.label,
+            value: item.value,
+          });
+        }
+      });
+    }
+    return finalArr;
+  }
+  return {
+    fetchAlarmSettingLevel,
+  };
+};

src/layouts/context.tsx

@@ -8,7 +8,7 @@ interface KeepAliveTabContextType {
   onHidden: (cb: () => void) => void;
 }
 
-const defaultValue = {
+const value = {
   refreshTab: () => { },
   closeTab: () => { },
   closeOtherTab: () => { },
@@ -17,4 +17,4 @@ const defaultValue = {
 }
 
 
-export const KeepAliveTabContext = createContext<KeepAliveTabContextType>(defaultValue);
+export const KeepAliveTabContext = createContext<KeepAliveTabContextType>(value);

src/layouts/index.tsx

@@ -1,21 +1,18 @@
+import { history } from '@umijs/max';
 import { Dropdown, Tabs } from 'antd';
 import { useCallback, useMemo } from 'react';
-import { history } from '@umijs/max';
 
-import { KeepAliveTab, useKeepAliveTabs } from './useKeepAliveTabs';
 import type { ItemType, MenuInfo } from 'rc-menu/lib/interface';
-import { KeepAliveTabContext } from './context';
+import { KeepAliveTab, useKeepAliveTabs } from './useKeepAliveTabs';
 enum OperationType {
   REFRESH = 'refresh',
   CLOSE = 'close',
   CLOSEOTHER = 'close-other',
 }
 
-
-type MenuItemType = ItemType & { key: OperationType } | null;
+type MenuItemType = (ItemType & { key: OperationType }) | null;
 
 const KeepAliveLayout = () => {
-
   const {
     keepAliveTabs,
     activeTabRoutePath,
@@ -26,72 +23,91 @@ const KeepAliveLayout = () => {
     onShow,
   } = useKeepAliveTabs();
 
-  const menuItems: MenuItemType[] = useMemo(() => [
-    {
-      label: '刷新',
-      key: OperationType.REFRESH,
-    },
-    keepAliveTabs.length <= 1 ? null : {
-      label: '关闭',
-      key: OperationType.CLOSE,
-    },
-    keepAliveTabs.length <= 1 ? null : {
-      label: '关闭其他',
-      key: OperationType.CLOSEOTHER,
-    },
-  ].filter(o => o), [keepAliveTabs]);
-
-  const menuClick = useCallback(({ key, domEvent }: MenuInfo, tab: KeepAliveTab) => {
-    domEvent.stopPropagation();
+  const menuItems: MenuItemType[] = useMemo(
+    () =>
+      [
+        {
+          label: '刷新',
+          key: OperationType.REFRESH,
+        },
+        keepAliveTabs.length <= 1
+          ? null
+          : {
+              label: '关闭',
+              key: OperationType.CLOSE,
+            },
+        keepAliveTabs.length <= 1
+          ? null
+          : {
+              label: '关闭其他',
+              key: OperationType.CLOSEOTHER,
+            },
+      ].filter((o) => o),
+    [keepAliveTabs],
+  );
 
-    if (key === OperationType.REFRESH) {
-      refreshTab(tab.routePath);
-    } else if (key === OperationType.CLOSE) {
-      closeTab(tab.routePath);
-    } else if (key === OperationType.CLOSEOTHER) {
-      closeOtherTab(tab.routePath);
-    }
-  }, [closeOtherTab, closeTab, refreshTab]);
+  const menuClick = useCallback(
+    ({ key, domEvent }: MenuInfo, tab: KeepAliveTab) => {
+      domEvent.stopPropagation();
 
+      if (key === OperationType.REFRESH) {
+        refreshTab(tab.routePath);
+      } else if (key === OperationType.CLOSE) {
+        closeTab(tab.routePath);
+      } else if (key === OperationType.CLOSEOTHER) {
+        closeOtherTab(tab.routePath);
+      }
+    },
+    [closeOtherTab, closeTab, refreshTab],
+  );
 
-  const renderTabTitle = useCallback((tab: KeepAliveTab) => {
-    return (
-      <Dropdown
-        menu={{ items: menuItems, onClick: (e) => menuClick(e, tab) }}
-        trigger={['contextMenu']}
-      >
-        <div style={{ margin: '-12px 0', padding: '12px 0' }}>
-          {/*{tab.icon}*/}
-          {tab.title}
-        </div>
-      </Dropdown>
-    )
-  }, [menuItems]);
+  const renderTabTitle = useCallback(
+    (tab: KeepAliveTab) => {
+      return (
+        <Dropdown
+          menu={{ items: menuItems, onClick: (e) => menuClick(e, tab) }}
+          trigger={['contextMenu']}
+        >
+          <div style={{ margin: '-12px 0', padding: '12px 0' }}>
+            {/*{tab.icon}*/}
+            {tab.title}
+          </div>
+        </Dropdown>
+      );
+    },
+    [menuItems],
+  );
 
   const tabItems = useMemo(() => {
-    return keepAliveTabs.map(tab => {
+    let finalKeepAliveTabs = keepAliveTabs;
+    // .filter(item => !item?.isHideTab)
+    return finalKeepAliveTabs.map((tab) => {
+      console.log(tab, 'tabItems');
+      // TODO 未找到合适办法只去除tab标题栏位，保留页面内容
       return {
         key: tab.routePath,
         label: renderTabTitle(tab),
         children: (
-          <div
-            key={tab.key}
-            style={{ height: 'calc(100vh - 112px)', overflow: 'auto' }}
-          >
+          <div key={tab.key} style={{ height: 'calc(100vh - 112px)', overflow: 'auto' }}>
             {tab.children}
           </div>
         ),
+        // style: {display: 'none'},
         closable: keepAliveTabs.length > 1,
-      }
-    })
+        forceRender: true,
+      };
+    });
   }, [keepAliveTabs]);
 
-  const onTabsChange = useCallback((tabRoutePath: string) => {
-    const curTab = keepAliveTabs.find(o => o.routePath === tabRoutePath);
-    if (curTab) {
-      history.push(curTab?.pathname);
-    }
-  }, [keepAliveTabs]);
+  const onTabsChange = useCallback(
+    (tabRoutePath: string) => {
+      const curTab = keepAliveTabs.find((o) => o.routePath === tabRoutePath);
+      if (curTab) {
+        history.push(curTab?.pathname);
+      }
+    },
+    [keepAliveTabs],
+  );
 
   const onTabEdit = (
     targetKey: React.MouseEvent | React.KeyboardEvent | string,
@@ -110,23 +126,23 @@ const KeepAliveLayout = () => {
       onHidden,
       onShow,
     }),
-    [closeTab, closeOtherTab, refreshTab, onHidden, onShow]
+    [closeTab, closeOtherTab, refreshTab, onHidden, onShow],
   );
 
   return (
-    <KeepAliveTabContext.Provider value={keepAliveContextValue}>
+    <div>
       <Tabs
         type="editable-card"
         items={tabItems}
         activeKey={activeTabRoutePath}
         onChange={onTabsChange}
-        className='keep-alive-tabs'
+        className="keep-alive-tabs"
         hideAdd
         animated={false}
         onEdit={onTabEdit}
       />
-    </KeepAliveTabContext.Provider>
-  )
-}
+    </div>
+  );
+};
 
 export default KeepAliveLayout;

src/layouts/treeAndTableList.tsx

@@ -0,0 +1,69 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-21 13:42:31
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-19 15:27:06
+ * @FilePath: \general-ai-platform-web\src\layouts\treeAndTableList.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import { ProCard } from '@ant-design/pro-components';
+import { CardProps } from 'antd';
+// 此模块使用的 ProCardType
+export interface ProCardTypeProps extends CardProps {
+  colSpan?: string;
+  headerBordered?: boolean;
+}
+
+// 当前组件类型
+type TreeAndTableListProps = {
+  leftCard?: ProCardTypeProps;
+  rightCard?: ProCardTypeProps;
+  leftDom: any;
+  rightDom: any;
+};
+
+const TreeAndTableList: React.FC<TreeAndTableListProps> = (props) => {
+  // 业务层接收
+  const { leftCard, rightCard, leftDom, rightDom } = props;
+
+  // 统一配置
+  let finalLeftCard: ProCardTypeProps = {
+    // 左侧卡片
+    headStyle: { paddingTop: 16, paddingLeft: 20, paddingRight: 20, paddingBottom: 16,borderBottom: '1px solid #E0E0E0' },
+    bodyStyle: {paddingLeft: 20, paddingRight: 20},
+    colSpan: '22%',
+  };
+  let finalRightCard: ProCardTypeProps = {
+    headStyle: { padding: 0, margin: 0, background: 'transparent' },
+    bodyStyle: { padding: 0, margin: 0 },
+    headerBordered: true,
+    // 右侧卡片
+    colSpan: '76.5%',
+  };
+  if (leftCard) {
+    Object.assign(finalLeftCard, leftCard);
+  }
+
+  if (rightCard) {
+    Object.assign(finalRightCard, rightCard);
+  }
+  return (
+    <>
+      <ProCard
+        style={{ display: 'flex', width: '100%', background: 'transparent' }}
+        bodyStyle={{
+          padding: 0,
+          margin: 0,
+          display: 'flex',
+          justifyContent: 'space-between',
+        }}
+      >
+        {/*  后续依据业务需要动态调整 */}
+        <ProCard {...finalLeftCard}>{leftDom}</ProCard>
+        <ProCard {...finalRightCard}>{rightDom}</ProCard>
+      </ProCard>
+    </>
+  );
+};
+
+export default TreeAndTableList;

src/layouts/useKeepAliveTabs.tsx

@@ -3,6 +3,7 @@ import { useMatchRoute } from './useMatchRoute';
 import { history } from '@umijs/max';
 
 export interface KeepAliveTab {
+  isHideTab: any;
   title: string;
   routePath: string;
   key: string;  // 这个key，后面刷新有用到它
@@ -106,6 +107,7 @@ export function useKeepAliveTabs() {
         pathname: matchRoute.pathname,
         children: matchRoute.children,
         icon: matchRoute.icon,
+        isHideTab: matchRoute.isHideTab
       }]);
     } else if (existKeepAliveTab.pathname !== matchRoute.pathname) {
       // 如果是同一个路由，但是参数不同，我们只需要刷新当前页签并且把pathname设置为新的pathname， children设置为新的children

src/layouts/useMatchRoute.tsx

@@ -1,3 +1,11 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-11-10 11:26:54
+ * @FilePath: \general-ai-platform-web\src\layouts\useMatchRoute.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { IRoute, history, useAppData, useIntl, useLocation, useOutlet, useSelectedRoutes } from '@umijs/max';
 import { useEffect, useState } from 'react';
 
@@ -11,6 +19,7 @@ interface MatchRouteType {
   children: any;
   routePath: string; // /user/:id
   icon?: any;
+  isHideTab?: boolean
 }
 
 export function useMatchRoute() {
@@ -62,13 +71,14 @@ export function useMatchRoute() {
 
     // 获取菜单名称
     const title = getMenuTitle(lastRoute);
-
+    console.log(lastRoute,'lastRoute')
     setMatchRoute({
       title,
       pathname,
       children,
       routePath: lastRoute.route.path,
       icon: (lastRoute.route as any).icon,  // icon是拓展出来的字段
+      isHideTab: (lastRoute.route as any)?.isHideTab || false, //isHideTab 是否在tab栏位中隐藏
     });
 
   }, [pathname])

src/locales/zh-CN.ts

@@ -1,3 +1,35 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-11-01 13:56:33
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-18 16:38:59
+ * @FilePath: \general-ai-platform-web\src\locales\zh-CN.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import * as taskZh from '@/locales/zh-CN/task';
+import * as accountZh from '@/locales/zh-CN/account';
+import * as noticeZh from '@/locales/zh-CN/notice';
+import * as contactZh from '@/locales/zh-CN/contact';
+import * as DCSDevice from '@/locales/zh-CN/DCSDevice';
+import * as alarmLangs from '@/locales/zh-CN/alarm';
+import * as analysisZh from '@/locales/zh-CN/analysis';
+import * as deviceZh from '@/locales/zh-CN/device';
+import * as errorTypesZh from '@/locales/zh-CN/errorTypes';
+import * as projectZh from '@/locales/zh-CN/project';
+import * as resourceZh from '@/locales/zh-CN/resource';
+import {
+  api,
+  department,
+  dynamic_menu,
+  interface_api,
+  operation_record,
+  post,
+  role,
+  user,
+  parameter_setting,
+} from '@/locales/zh-CN/system';
+import app from './zh-CN/app';
+import common from './zh-CN/common';
 import component from './zh-CN/component';
 import globalHeader from './zh-CN/globalHeader';
 import menu from './zh-CN/menu';
@@ -5,20 +37,13 @@ import pages from './zh-CN/pages';
 import pwa from './zh-CN/pwa';
 import settingDrawer from './zh-CN/settingDrawer';
 import settings from './zh-CN/settings';
-import common from './zh-CN/common';
-import app from './zh-CN/app';
-import {interface_api, dynamic_menu, api, role, user, post, department} from "@/locales/zh-CN/system";
-import * as analysisZh from "@/locales/zh-CN/analysis";
-import * as errorTypesZh from "@/locales/zh-CN/errorTypes";
-import * as deviceZh from "@/locales/zh-CN/device";
-import * as resourceZh from "@/locales/zh-CN/resource";
-import * as projectZh from "@/locales/zh-CN/project";
+
 export default {
   'navBar.lang': '语言',
   'layout.user.link.help': '帮助',
   'layout.user.link.privacy': '隐私',
   'layout.user.link.terms': '条款',
-  'app.copyright.produced': '徐州农商行',
+  'app.copyright.produced': '苏胜天',
   'app.preview.down.block': '下载此页面到本地项目',
   'app.welcome.link.fetch-blocks': '获取全部区块',
   'app.welcome.link.block-list': '基于 block 开发，快速构建标准页面',
@@ -30,12 +55,26 @@ export default {
   ...pwa,
   ...common,
   ...component,
-  ...interface_api, ...dynamic_menu, ...api, ...role, ...user, ...post, ...department,
+  ...interface_api,
+  ...dynamic_menu,
+  ...api,
+  ...role,
+  ...user,
+  ...post,
+  ...department,
+  ...operation_record,
   ...app,
+  ...parameter_setting,
 
   ...Object.assign({}, ...Object.values(analysisZh)),
   ...Object.assign({}, ...Object.values(errorTypesZh)),
   ...Object.assign({}, ...Object.values(deviceZh)),
   ...Object.assign({}, ...Object.values(resourceZh)),
   ...Object.assign({}, ...Object.values(projectZh)),
+  ...Object.assign({}, ...Object.values(DCSDevice)),
+  ...Object.assign({}, ...Object.values(contactZh)),
+  ...Object.assign({}, ...Object.values(alarmLangs)),
+  ...Object.assign({}, ...Object.values(noticeZh)),
+  ...Object.assign({}, ...Object.values(accountZh)),
+  ...Object.assign({}, ...Object.values(taskZh)),
 };

src/locales/zh-CN/DCSDevice.ts

@@ -0,0 +1,87 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-08 10:26:34
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-08 17:59:48
+ * @FilePath: \general-ai-platform-web\src\locales\zh-CN\DCSDevice.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+// 设备组
+export const DCSDevice_group_list: { [key: string]: string } = {
+    'DCSDeviceList.device_group.table.list.id': 'ID',
+    'DCSDeviceList.device_group.table.list.name': '分组名称',
+    'DCSDeviceList.device_group.table.list.code': '分组代码',
+    'DCSDeviceList.device_group.table.list.address': '设备组地址',
+    'DCSDeviceList.device_group.table.list.telephone': '电话',
+    'DCSDeviceList.device_group.table.list.lon': '经度',
+    'DCSDeviceList.device_group.table.list.lat': '纬度',
+    'DCSDeviceList.device_group.table.list.managerName': '负责人',
+    'DCSDeviceList.device_group.table.list.managerPhone': '负责人联系方式',
+    'DCSDeviceList.device_group.table.list.isEnable': '是否启用',
+    'DCSDeviceList.device_group.table.list.parentFkId': '父设备组',
+    'DCSDeviceList.device_group.table.list.remark': '备注',
+    'DCSDeviceList.device_group.table.list.createTime': '创建时间',
+    'DCSDeviceList.device_group.table.list.updateTime': '更新时间',
+    'DCSDeviceList.device_group.table.rule.required.name': '分组名称为必填项',
+    'DCSDeviceList.device_group.table.rule.required.code': '分组代码为必填项',
+    'DCSDeviceList.device_group.table.rule.required.managerName': '负责人姓名为必填项',
+    'DCSDeviceList.device_group.table.rule.required.managerPhone': '负责人联系方式为必填项',
+    'DCSDeviceList.device_group.table.rule.required.parentFkId': '父节点为必填项',
+    'DCSDeviceList.device_group.table.list.add': '新建设备分组',
+    'DCSDeviceList.device_group.table.list.update': '编辑设备分组',
+    'DCSDeviceList.device_group.table.list.treeAdd': '新建',
+    'DCSDeviceList.device_group.table.list.create_son': '添加子节点',
+    'DCSDeviceList.device_group.table.list.editor': '编辑',
+}
+
+// 设备类别
+export const DCSDevice_category_list: { [key: string]: string } = {
+    'DCSDeviceList.device_category.table.list.id': 'ID',
+    'DCSDeviceList.device_category.table.list.name': '类别名称',
+    'DCSDeviceList.device_category.table.list.code': '类别代码',
+    'DCSDeviceList.device_category.table.list.remark': '备注',
+    'DCSDeviceList.device_category.table.list.createTime': '创建时间',
+    'DCSDeviceList.device_category.table.list.updateTime': '更新时间',
+    'DCSDeviceList.device_category.table.rule.required.name': '类别名称为必填项',
+    'DCSDeviceList.device_category.table.rule.required.code': '类别代码为必填项',
+    'DCSDeviceList.device_category.table.list.add': '新建设备类别',
+    'DCSDeviceList.device_category.table.list.update': '编辑设备类别',
+    'DCSDeviceList.device_category.table.list.editor': '编辑',
+}
+
+// 设备列表
+export const DCSDevice_list: { [key: string]: string } = {
+    'DCSDeviceList.device.table.list.id': 'ID',
+    'DCSDeviceList.device.table.list.name': '设备名称',
+    'DCSDeviceList.device.table.list.code': '设备代码',
+    'DCSDeviceList.device.table.list.sort': '设备分类',
+    'DCSDeviceList.device.table.list.state': '设备状态',
+    'DCSDeviceList.device.table.list.IP': '设备IP',
+    'DCSDeviceList.device.table.list.position': '位置',
+    'DCSDeviceList.device.table.list.param': '设备参数',
+    'DCSDeviceList.device.table.list.spec': '设备规格',
+    'DCSDeviceList.device.table.list.categoryFkId': '设备类别',
+    'DCSDeviceList.device.table.list.groupFkId': '设备分组',
+    'DCSDeviceList.device.table.list.isEnable': '是否启用',
+    'DCSDeviceList.device.table.list.remark': '备注',
+    'DCSDeviceList.device.table.list.createTime': '创建时间',
+    'DCSDeviceList.device.table.list.updateTime': '更新时间',
+    'DCSDeviceList.device.table.rule.required.name': '设备名称为必填项',
+    'DCSDeviceList.device.table.rule.required.code': '设备代码为必填项',
+    'DCSDeviceList.device.table.list.add': '新建设备',
+    'DCSDeviceList.device.table.list.update': '编辑设备',
+    'DCSDeviceList.device_category.table.list.editor': '编辑',
+}
+
+// 设备状态
+export const DCSDevice_status: { [key: string]: string } = {
+    'DCSDeviceList.deviceStatus.detailModel.name': '设备详情',
+    'DCSDeviceList.deviceStatus.detailModel.baseInfo': '设备信息',
+    'DCSDeviceList.deviceStatus.detailModel.log': '设备日志',
+    'DCSDeviceList.deviceStatus.detailModel.logTable.deviceName': '设备名称',
+    'DCSDeviceList.deviceStatus.detailModel.logTable.deviceID': '设备ID',
+    'DCSDeviceList.deviceStatus.detailModel.logTable.deviceCat': '设备类别',
+    'DCSDeviceList.deviceStatus.detailModel.logTable.deviceIP': '设备IP',
+    'DCSDeviceList.deviceStatus.detailModel.logTable.deviceTime': '运行时长',
+}  

src/locales/zh-CN/account.ts

@@ -0,0 +1,14 @@
+export const account_center: { [key: string]: string } = {
+    'account.account_center.table.list.id': 'ID',
+    'account.account_center.table.list.account': '登录账号',
+    'account.account_center.table.list.originalPassword': '原密码',
+    'account.account_center.table.list.newPassword': '新密码',
+    'account.account_center.table.list.confirmPassword': '确认密码',
+    'account.account_center.table.rule.required.account': '登录账号为必填项',
+    'account.account_center.table.rule.required.originalPassword': '原登录密码为必填项',
+    'account.account_center.table.rule.required.newPassword': '新登录密码为必填项',
+    'account.account_center.table.rule.required.confirmPassword': '确认登录密码为必填项',
+    'account.account_center.table.list.editor': '修改',
+    'account.account_center.table.list.UpdateAccountForm': '修改账号',
+    'account.account_center.table.list.UpdatePasswordForm': '修改密码',
+};

src/locales/zh-CN/alarm.ts

@@ -0,0 +1,50 @@
+/*
+ * @Author: zhoux zhouxia@supervision.ltd
+ * @Date: 2023-12-18 16:36:36
+ * @LastEditors: zhoux zhouxia@supervision.ltd
+ * @LastEditTime: 2023-12-27 09:30:24
+ * @FilePath: \general-ai-platform-web\src\locales\zh-CN\alarm.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// 设备列表
+export const alarm_list: { [key: string]: string } = {
+    'alarm.list.table.list.id': 'ID',
+}
+
+// 设备状态
+export const alarm_setting: { [key: string]: string } = {
+    'alarm.setting.table.title': '告警项',
+    'alarm.setting.table.list.name': '告警名称',
+    'alarm.setting.table.list.code': '告警代码',
+    'alarm.setting.table.list.category': '告警分类',
+    'alarm.setting.table.list.level': '告警等级',
+    'alarm.setting.table.list.createTime': '创建时间',
+    'alarm.setting.table.list.remark': '备注',
+    'alarm.setting.table.list.setting': '告警等级设置',
+    'alarm.setting.table.list.add': '新建告警项',
+    'alarm.setting.table.model.title': '告警等级',
+    'alarm.setting.table.list.update': '编辑告警项',
+    'alarm.setting.table.rule.required.code': '类别代码为必填项',
+    'alarm.setting.table.model.alarmStatusSetting': '告警等级',
+    'alarm.list.table.list.deviceGroup': '设备组',
+    'alarm.list.table.list.alarmTime': '告警时间',
+    'alarm.setting.table.list.rule.required.name': '请填写告警名称',
+
+}  
+
+// 设备状态
+export const alarm_ways: { [key: string]: string } = {
+    'alarm.ways.page.name': '告警方式',
+    'alarm.ways.page.title': '告警方式设置',
+    'alarm.ways.page.add': '新建告警方式',
+    'alarm.ways.page.empty.des': '暂无告警方式',
+    'alarm.ways.page.model.name': '告警方式名称',
+    'alarm.ways.page.form.serviceName': '第三方服务商',
+    'alarm.ways.page.form.params': '服务商参数',
+    'alarm.ways.page.form.template': '通知模板',
+
+
+    'alarm.ways.page.model.rule.required.name': '请填写告警方式名称',
+    
+
+}