parent
a0130b493d
commit
520eb0750b
@ -0,0 +1,66 @@
|
||||
.head {
|
||||
height: 60px;
|
||||
background: #001628;
|
||||
|
||||
> section {
|
||||
margin: 0 auto;
|
||||
height: 100%;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
width: 1200px;
|
||||
|
||||
> span {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
line-height: 18px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.active {
|
||||
color: #28b1ff;
|
||||
|
||||
b {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
margin-left: 100px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
b {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -9px;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: #28b1ff;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(100vh - 60px);
|
||||
background-color: #fafafa;
|
||||
overflow: auto;
|
||||
}
|
||||
@ -0,0 +1,85 @@
|
||||
.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;
|
||||
|
||||
.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;
|
||||
}
|
||||
.btn {
|
||||
height: 58px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,173 @@
|
||||
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';
|
||||
|
||||
interface PageProps {}
|
||||
|
||||
const Page: FC<PageProps> = () => {
|
||||
const [type, setType] = useState<string>('1');
|
||||
const [algorithm, setAlgorithm] = useState<string>('0');
|
||||
const [length, setLength] = useState<string>('16');
|
||||
const [pushNode, setPushNode] = useState<string>('节点一');
|
||||
const [count, setCount] = useState<number>(1000);
|
||||
const [data, setData] = useState<any>([]);
|
||||
|
||||
useEffect(() => {
|
||||
getData();
|
||||
}, [type]);
|
||||
|
||||
const getData = async () => {
|
||||
const res = await Fetch('/openi/secretKey/statistics', {
|
||||
method: 'get',
|
||||
params: {
|
||||
type,
|
||||
},
|
||||
});
|
||||
if (res.result === 'success') {
|
||||
setData(res?.data?.[0]);
|
||||
}
|
||||
};
|
||||
|
||||
const item: any = [
|
||||
{
|
||||
icon: 'iconfont icon-yuzhimiyuejiami',
|
||||
name: '预制资源',
|
||||
key: '1',
|
||||
},
|
||||
{
|
||||
icon: 'iconfont icon-gongsiyueduiziyuan',
|
||||
name: '公私钥对资源',
|
||||
key: '2',
|
||||
},
|
||||
{
|
||||
icon: 'iconfont icon-suanfacanshuziyuan',
|
||||
name: '算法参数资源',
|
||||
key: '3',
|
||||
},
|
||||
{
|
||||
icon: 'iconfont icon-suanfaluojiziyuan',
|
||||
name: '算法逻辑资源',
|
||||
key: '4',
|
||||
},
|
||||
{
|
||||
icon: 'iconfont icon-ruanjianziyuan',
|
||||
name: '软件资源',
|
||||
key: '5',
|
||||
},
|
||||
];
|
||||
|
||||
const handleFile = () => {
|
||||
var inputObj = document.createElement('input');
|
||||
inputObj.setAttribute('id', '_ef');
|
||||
inputObj.setAttribute('type', 'file');
|
||||
inputObj.setAttribute('style', 'visibility:hidden');
|
||||
document.body.appendChild(inputObj);
|
||||
inputObj.click();
|
||||
inputObj.onchange = async (e: any) => {
|
||||
const data: any = new FormData();
|
||||
data.append('file', e?.target?.files?.[0]);
|
||||
const res = await Fetch('/openi/secretKey/resourceImport', {
|
||||
method: 'post',
|
||||
data,
|
||||
});
|
||||
if (res.result === 'success') {
|
||||
message.success('导入成功');
|
||||
getData();
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
const title = item.find((e: any) => e.key === type).name;
|
||||
|
||||
return (
|
||||
<div className={styles.page}>
|
||||
<div className={styles.left}>
|
||||
{item.map((e: any) => (
|
||||
<div
|
||||
key={e.key}
|
||||
className={type === e.key ? styles.active : ''}
|
||||
onClick={() => {
|
||||
setType(e.key);
|
||||
if (e.key === '2') {
|
||||
setAlgorithm('1');
|
||||
} else {
|
||||
setAlgorithm('0');
|
||||
}
|
||||
}}
|
||||
>
|
||||
<b />
|
||||
<i className={e.icon} />
|
||||
{e.name}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className={styles.right}>
|
||||
<div className={styles.title}>
|
||||
<span>{title}资源列表 </span>
|
||||
<i className="iconfont icon-a-shuaxin2" />
|
||||
</div>
|
||||
<div className={styles.box}></div>
|
||||
<div className={styles.btn}>
|
||||
<Button
|
||||
onClick={handleFile}
|
||||
className="mr30"
|
||||
icon={<i className="iconfont icon-daorushuju2 mr5" />}
|
||||
>
|
||||
导入资源文件
|
||||
</Button>
|
||||
<Row align="middle" className="mr30">
|
||||
<span className="mr10">密码长度</span>
|
||||
<Select
|
||||
style={{ width: 96 }}
|
||||
value={length}
|
||||
onChange={(k) => setLength(k)}
|
||||
>
|
||||
<Select.Option key="16">{'16'}</Select.Option>
|
||||
<Select.Option key="20">{'20'}</Select.Option>
|
||||
<Select.Option key="32">{'32'}</Select.Option>
|
||||
<Select.Option key="64">{'64'}</Select.Option>
|
||||
<Select.Option key="128">{'128'}</Select.Option>
|
||||
</Select>
|
||||
</Row>
|
||||
<Row align="middle" className="mr30">
|
||||
<span className="mr10">推送节点</span>
|
||||
<Select
|
||||
style={{ width: 160 }}
|
||||
value={pushNode}
|
||||
onChange={(k) => setPushNode(k)}
|
||||
>
|
||||
<Select.Option key="节点一">{'节点一'}</Select.Option>
|
||||
<Select.Option key="节点二">{'节点二'}</Select.Option>
|
||||
</Select>
|
||||
</Row>
|
||||
<Row align="middle" className="mr30">
|
||||
<span className="mr10">推送组数</span>
|
||||
<InputNumber
|
||||
precision={0}
|
||||
value={count}
|
||||
style={{ width: 218 }}
|
||||
onChange={(k) => setCount(k)}
|
||||
/>
|
||||
</Row>
|
||||
<Button type="primary">推送</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default Page;
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 36 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue