diff --git a/.umirc.ts b/.umirc.ts index 5746edf..63bb559 100644 --- a/.umirc.ts +++ b/.umirc.ts @@ -66,12 +66,22 @@ export default defineConfig({ ], }, { - path: '/passwordManager', - component: '@/pages/PasswordManager/Header', + path: '/manager', + component: '@/pages/Manager/Header', routes: [ { - path: '/passwordManager/index', - component: '@/pages/PasswordManager/List/Index', + path: '/manager/passwordManager', + component: '@/pages/Manager/PasswordManager', + }, + { + path: '/manager/basicManager', + component: '@/pages/Manager/BasicManager', + routes: [ + { + path: '/manager/basicManager/manufacturer', + component: '@/pages/Manager/BasicManager/List/Manufacturer', + }, + ], }, ], }, diff --git a/src/pages/Encrypt/List/Index/index.tsx b/src/pages/Encrypt/List/Index/index.tsx index f7ce602..9f178e8 100644 --- a/src/pages/Encrypt/List/Index/index.tsx +++ b/src/pages/Encrypt/List/Index/index.tsx @@ -78,7 +78,7 @@ const Page: FC = () => { `${url}/openi/secretKey/encryption?type=${type}&algorithm=${algorithm}&length=${length}&count=${file.length}`, ); setTimeout(() => { - history.push('/passwordManager/index'); + history.push('/manager/passwordManager'); }, 500); }; diff --git a/src/pages/Manager/BasicManager/List/Manufacturer/index.less b/src/pages/Manager/BasicManager/List/Manufacturer/index.less new file mode 100644 index 0000000..cd9fa1d --- /dev/null +++ b/src/pages/Manager/BasicManager/List/Manufacturer/index.less @@ -0,0 +1,29 @@ +.page { + .title { + height: 36px; + background: #e3effc; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 20px; + font-weight: 500; + color: #464f66; + + i { + cursor: pointer; + } + } + + .box { + height: 500px; + margin-top: 20px; + } + + .btn { + border-top: 1px solid #ebf3ff; + height: 58px; + display: flex; + align-items: center; + padding: 0 20px; + } +} diff --git a/src/pages/Manager/BasicManager/List/Manufacturer/index.tsx b/src/pages/Manager/BasicManager/List/Manufacturer/index.tsx new file mode 100644 index 0000000..31c42b9 --- /dev/null +++ b/src/pages/Manager/BasicManager/List/Manufacturer/index.tsx @@ -0,0 +1,49 @@ +import styles from './index.less'; +import { + InputNumber, + Input, + Button, + Select, + Row, + Modal, + Form, + message, + Empty, + Spin, +} from 'antd'; +import Fetch from '@/utils/fetch'; +import { useEffect, useState, FC, useRef } from 'react'; +import { Link } from 'umi'; +import { downLoadLink } from '@/utils/download'; +import url from '@/utils/url'; +import ReactEcharts from 'echarts-for-react'; + +interface PageProps {} + +const Page: FC = () => { + const [data, setData] = useState([]); + + useEffect(() => { + getData(); + }, []); + + const getData = async () => { + const res = await Fetch('/openi/secretKey/statistics', { + method: 'get', + params: {}, + }); + if (res.result === 'success') { + setData(res?.data?.[0]); + } + }; + + return ( +
+
+ 厂商信息管理资源列表 + getData()} className="iconfont icon-a-shuaxin2" /> +
+
+ ); +}; +export default Page; diff --git a/src/pages/Manager/BasicManager/index.less b/src/pages/Manager/BasicManager/index.less new file mode 100644 index 0000000..72443c4 --- /dev/null +++ b/src/pages/Manager/BasicManager/index.less @@ -0,0 +1,61 @@ +.page { + width: 1200px; + margin: 22px auto; + display: flex; + justify-content: space-between; + + .left { + width: 146px; + height: 334px; + background: #ffffff; + border-radius: 4px; + padding-top: 18px; + + > div { + height: 44px; + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: #464f66; + padding: 20px 0; + cursor: pointer; + + b { + display: inline-block; + width: 3px; + height: 16px; + background: @primary-color; + margin-right: 17px; + visibility: hidden; + } + + &:hover { + color: @primary-color; + } + + i { + padding-right: 10px; + font-size: 14px; + } + } + + .active { + color: @primary-color; + + b { + visibility: visible; + } + + i { + color: @primary-color; + } + } + } + + .right { + width: 1034px; + border-radius: 4px; + background-color: #ffffff; + } +} diff --git a/src/pages/Manager/BasicManager/index.tsx b/src/pages/Manager/BasicManager/index.tsx new file mode 100644 index 0000000..9cca2df --- /dev/null +++ b/src/pages/Manager/BasicManager/index.tsx @@ -0,0 +1,49 @@ +import styles from './index.less'; +import { history } from 'umi'; + +const Page = ({ ...props }) => { + const pathname = props.location.pathname; + + const item: any = [ + { + icon: 'iconfont icon-zhucedengji', + name: '注册登记', + key: '/register', + }, + { + icon: 'iconfont icon-peifaguanli', + name: '型号管理', + key: '/model', + }, + { + icon: 'iconfont icon-suanfacanshuziyuan', + name: '配发管理', + key: '/allotment', + }, + { + icon: 'iconfont icon-changshangxinxiguanli', + name: '厂商信息管理', + key: '/manufacturer', + }, + ]; + + return ( +
+
+ {item.map((e: any) => ( +
history.push(e.key)} + > + + + {e.name} +
+ ))} +
+
{props.children}
+
+ ); +}; +export default Page; diff --git a/src/pages/PasswordManager/Header/index.less b/src/pages/Manager/Header/index.less similarity index 97% rename from src/pages/PasswordManager/Header/index.less rename to src/pages/Manager/Header/index.less index 78dded4..abca4a8 100644 --- a/src/pages/PasswordManager/Header/index.less +++ b/src/pages/Manager/Header/index.less @@ -41,7 +41,7 @@ font-weight: 600; color: #fff; position: relative; - cursor: default; + cursor: pointer; } b { diff --git a/src/pages/PasswordManager/Header/index.tsx b/src/pages/Manager/Header/index.tsx similarity index 91% rename from src/pages/PasswordManager/Header/index.tsx rename to src/pages/Manager/Header/index.tsx index c10024f..f303eeb 100644 --- a/src/pages/PasswordManager/Header/index.tsx +++ b/src/pages/Manager/Header/index.tsx @@ -3,18 +3,17 @@ import { Fragment, useEffect } from 'react'; import { history } from 'umi'; const Header = ({ ...props }) => { - console.log(props, 'props'); const pathname = props.location.pathname; const menu = [ { id: '/passwordManager', name: '密码管理', - url: '/passwordManager/index', + url: '/manager/passwordManager', }, { id: '/basicManager', name: '基础设施管理', - url: '/basicManager/index', + url: '/manager/basicManager/manufacturer', }, ]; return ( diff --git a/src/pages/PasswordManager/List/Index/index.less b/src/pages/Manager/PasswordManager/index.less similarity index 100% rename from src/pages/PasswordManager/List/Index/index.less rename to src/pages/Manager/PasswordManager/index.less diff --git a/src/pages/PasswordManager/List/Index/index.tsx b/src/pages/Manager/PasswordManager/index.tsx similarity index 98% rename from src/pages/PasswordManager/List/Index/index.tsx rename to src/pages/Manager/PasswordManager/index.tsx index 624fd49..c896d6a 100644 --- a/src/pages/PasswordManager/List/Index/index.tsx +++ b/src/pages/Manager/PasswordManager/index.tsx @@ -174,8 +174,8 @@ const Page: FC = () => {
- {title}资源列表 - + {title}列表 + getData()} className="iconfont icon-a-shuaxin2" />