更新

src/components/LeftMenuOne/index.less

@@ -42,7 +42,7 @@
   }
 
   .item1_name {
-    width: 80%;
+    width: 100%;
     text-align: center;
     font-size: 14px;
     font-weight: 400;

src/components/LeftMenuTwo/index.less

@@ -14,7 +14,7 @@
 }
 
 .item1_name {
-  width: 80%;
+  width: 100%;
   text-align: center;
   font-size: 14px;
   font-weight: 400;

src/layouts/index.tsx

@@ -3,7 +3,7 @@ import { Outlet, history } from 'umi';
 import styles from './index.less';
 import { useEffect, useState } from 'react';
 import { MenuType, tabsType } from '@/utils/menu';
-import { Select } from 'antd';
+import { Select, message } from 'antd';
 import LeftMenuOne from '@/components/LeftMenuOne';
 import LeftMenuTwo from '@/components/LeftMenuTwo';
 
@@ -22,9 +22,9 @@ const leftMenuType: any = {
   '网络MMJ管理': <LeftMenuTwo key={2} data={MenuType['网络MMJ管理']}  />,
   '网络GLQ配置': <LeftMenuOne key={3} data={MenuType['网络GLQ配置']} />,
   // MY管理
-  '密钥体管理': <div />,
-  '密钥管理': <div />,
-  '邮箱管理': <div />,
+  '密钥体管理': <LeftMenuOne key={4} data={MenuType['密钥体管理']} />,
+  '密钥管理': <LeftMenuOne key={5} data={MenuType['密钥管理']} />,
+  '邮箱管理': <LeftMenuOne key={6} data={MenuType['邮箱管理']} />,
   // SB管理
   '设备管理': <div />,
   '日志管理': <div />,
@@ -102,11 +102,19 @@ export default function Layout() {
               return <div key={index} className={styles.tab_warp}>
                 <div className={`${styles.tab_con} ${(index + 1) == active ? styles.active_tab : ''}`}
                   onClick={() => {
+                    let info = MenuType[item.name];
+
+                    if (info[0].data && info[0].data.length == 0) {
+                      setActive(tabList[0].id)
+                      setActiveName(tabList[0].name)
+                      message.info(item.name + '模块正在建设中！')
+                      return  
+                    }
+
                     setActive(item.id)
                     setActiveName(item.name)
 
                     // 改变activeName时跳转菜单栏的第一个路由
-                    let info = MenuType[item.name];
                     if (info[0].data) {
                       history.push(`${info[0].data[0].url}`)
                     }else {

src/utils/menu.ts

@@ -80,4 +80,69 @@ export const MenuType: any = {
       ]
     },
   ],
+  '密钥体管理' : [
+    {
+      name: '密钥体格式管理',
+      check: true,
+      data: [
+        { name: '密钥体格式导入', url: '', img: '' },
+        { name: '密钥体格式发布', url: '', img: '' },
+      ]
+    },{
+      name: '密钥体申请',
+      check: true,
+      data: [
+        { name: '密钥体申请', url: '', img: '' }
+      ]
+    }, {
+      name: '密钥体导入',
+      check: true,
+      data: [
+        { name: '密钥体导入', url: '', img: '' },
+        { name: '密钥体接收单', url: '', img: '' },
+        { name: '已清理密钥体', url: '', img: '' },
+        { name: '密钥体代号对照表', url: '', img: '' }
+      ]
+    }, {
+      name: '密钥体配发',
+      check: true,
+      data: [
+        { name: '向下级配发', url: '', img: '' },
+        { name: '向邮箱配发', url: '', img: '' },
+        { name: '向专用密码管理系统配发', url: '', img: '' },
+        { name: '密钥体配发三联单', url: '', img: '' },
+      ]
+    }, {
+      name: '密钥体载体包封',
+      check: true,
+      data: [
+        { name: '明文载体包封', url: '', img: '' },
+        { name: '密文载体包封', url: '', img: '' },
+      ]
+    },
+  ],
+  '密钥管理' : [
+    {
+      name: '密钥装配',
+      check: true,
+      data: [
+        { name: '管理系统管理盘数据维护', url: '', img: '' },
+        { name: '统型完善普密设备密钥互通关系配置', url: '', img: '' },
+        { name: '管理密钥装配', url: '', img: '' },
+        { name: '用户密钥装配', url: '', img: '' },
+        { name: '专用密钥装配', url: '', img: '' },
+        { name: '密钥配置查询', url: '', img: '' },
+        { name: '密钥配发三联单', url: '', img: '' }
+      ]
+    },
+    { name: '密码机安装', check: true, data: [] },
+    { name: '设置密钥寿命', check: true, data: [] },
+    { name: '密钥托收', check: true, data: [] },
+    { name: '密钥载体包封', check: true, data: [] },
+    { name: '数据同步', check: true, data: [] }
+  ],
+  '邮箱管理' : [
+    { name: '设置通知方式', check: true, data: [] },
+    { name: '下载控制', check: true, data: [] },
+  ],
 }