修改界面

src/pages/Equipment/Header/index.tsx

@@ -7,6 +7,11 @@ import { message } from 'antd';
 const Header = ({ ...props }) => {
   const pathname = props.location.pathname;
   const menu = [
+    {
+      id: 11,
+      name: '用户操作',
+      url: '',
+    },
     {
       id: '/encrypt',
       name: '资源加密',
@@ -17,6 +22,16 @@ const Header = ({ ...props }) => {
       name: '基础设施开通',
       url: '/equipment',
     },
+    {
+      id: 22,
+      name: '审计信息',
+      url: '',
+    },
+    {
+      id: 33,
+      name: '系统设置',
+      url: '',
+    },
   ];
 
   useEffect(() => {
@@ -46,7 +61,11 @@ const Header = ({ ...props }) => {
               <li
                 className={pathname?.includes(e.id) ? styles.active : ''}
                 key={e.id}
-                onClick={() => history.push(e.url)}
+                onClick={() => {
+                  if (e.url) {
+                    history.push(e.url);
+                  }
+                }}
               >
                 <span>{e.name}</span>
                 <b />

src/pages/Equipment/List/Index/index.less

@@ -75,11 +75,12 @@
 
       .wrap {
         background: #eef2f8;
-        height: 154px;
+        height: 196px;
         padding: 20px;
         display: flex;
         align-items: center;
-        justify-content: center;
+        flex-direction: column;
+        // justify-content: center;
 
         > aside {
           width: 994px;
@@ -97,6 +98,11 @@
           }
         }
 
+        > button {
+          margin-left: auto;
+          margin-top: 10px;
+        }
+
         .li {
           display: flex;
 
@@ -157,9 +163,11 @@
             color: #232b40;
             padding: 0 20px;
             margin-top: 10px;
+
             div {
               color: @primary-color;
               cursor: pointer;
+
               i {
                 display: inline-block;
                 font-size: 14px;

src/pages/Equipment/List/Index/index.tsx

@@ -142,6 +142,11 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
       name: '数据中心',
       key: '1',
     },
+    {
+      icon: 'iconfont icon-jiedian',
+      name: '管理节点',
+      key: '2',
+    },
   ];
 
   return (
@@ -152,7 +157,9 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
             key={e.key}
             className={type === e.key ? styles.active : ''}
             onClick={() => {
-              setType(e.key);
+              if (e.key === '1') {
+                setType(e.key);
+              }
             }}
           >
             <b />
@@ -190,6 +197,7 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
                 </div>
               </div>
             </aside>
+            <Button type="primary">修改数据中心基本信息</Button>
           </div>
         </div>
         <Spin spinning={loading}>