p6molspfw
/
xgd_system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
master_basic
鲁誉程 1 year ago
parent 62e1bf1a66
commit b5e0d3082e
14 changed files with 187 additions and 79 deletions
Show Stats Download Patch File Download Diff File

11
config/config.ts
Unescape View File

@ -1,11 +0,0 @@
import GlobalConfig from '../src/utils/env/dev';
const proxy = {
'/api': {
target: GlobalConfig['PROXY_SERVER'],
changeOrigin: true,
withCredentials: true,
secure: false,
cookieDomainRewrite: 'localhost',
}
};
export default proxy;

2
config/proxy.ts
Unescape View File

@ -1,6 +1,6 @@
import GlobalConfig from '../src/utils/env/dev'; import GlobalConfig from '../src/utils/env/dev';
const proxy = { const proxy = {
'/api': { '/xgd': {
target: GlobalConfig['PROXY_SERVER'], target: GlobalConfig['PROXY_SERVER'],
changeOrigin: true, changeOrigin: true,
withCredentials: true, withCredentials: true,

4
src/components/ButtonComp/index.less
Unescape View File

@ -42,3 +42,7 @@
padding: 0 30px; padding: 0 30px;
cursor: default; cursor: default;
} }
.disabled {
cursor: no-drop;
}

52
src/components/ButtonComp/index.tsx
Unescape View File

@ -4,6 +4,7 @@ import styles from './index.less';
interface PageProps { interface PageProps {
type?: string; // 按钮类型 type?: string; // 按钮类型
text?: string; // 按钮文字 text?: string; // 按钮文字
disabled?: boolean; // 按钮禁用
style?: any; //样式 style?: any; //样式
onClick?: () => void; onClick?: () => void;
} }
@ -11,7 +12,8 @@ interface PageProps {
const ButtonComp: FC<PageProps> = ({ const ButtonComp: FC<PageProps> = ({
type = 'confirm', type = 'confirm',
text = '确定', text = '确定',
onClick = () => {}, disabled = false,
onClick = () => { },
style = {} style = {}
}) => { }) => {
let timerId: any; let timerId: any;
@ -24,11 +26,49 @@ const ButtonComp: FC<PageProps> = ({
} }
return ( return (
<div style={{display: 'flex'}}> <div style={{ display: 'flex' }}>
{ type == 'confirm' && <div style={style} className={`${styles.btn} ${styles.confirm_btn}`} onClick={click}>{text}</div> } {/* 确定 */}
{ type == 'cancel' && <div style={style} className={`${styles.btn} ${styles.cancel_btn}`} onClick={onClick}>{text}</div> } {type == 'confirm' &&
{ type == 'delete' && <div style={style} className={`${styles.btn} ${styles.delete_btn}`} onClick={onClick}>{text}</div> } <div
{ type == 'special' && <div style={style} className={`${styles.btn} ${styles.special_btn}`} onClick={onClick}>{text}</div> } style={style}
className={`${styles.btn} ${styles.confirm_btn} ${disabled ? styles.disabled : ''}`}
onClick={() => {
if (disabled) return;
click()
}}>
{text}
</div>}
{/* 取消 */}
{type == 'cancel' &&
<div style={style}
className={`${styles.btn} ${styles.cancel_btn} ${disabled ? styles.disabled : ''}`}
onClick={() => {
if (disabled) return;
click()
}}>
{text}
</div>}
{/* 删除 */}
{type == 'delete' &&
<div
style={style}
className={`${styles.btn} ${styles.delete_btn} ${disabled ? styles.disabled : ''}`}
onClick={() => {
if (disabled) return;
click()
}}>
{text}
</div>}
{/* 定制按钮 */}
{type == 'special' &&
<div style={style}
className={`${styles.btn} ${styles.special_btn} ${disabled ? styles.disabled : ''}`}
onClick={() => {
if (disabled) return;
click()
}}>
{text}
</div>}
</div> </div>
) )
} }

3
src/layouts/index.less
Unescape View File

@ -125,6 +125,7 @@
.left_menu { .left_menu {
width: 260px; width: 260px;
min-width: 260px;
height: 100%; height: 100%;
min-height: calc(100vh - 114px - 50px); min-height: calc(100vh - 114px - 50px);
background: #FFFFFF; background: #FFFFFF;
@ -137,7 +138,7 @@
.right_warp { .right_warp {
height: calc(100vh - 114px); height: calc(100vh - 114px);
min-height: 600px; min-height: 600px;
min-width: calc(1440px - 261px);
width: calc(100vw - 261px) width: calc(100vw - 261px)
} }

66
src/pages/InitialSystem/DeviceInstall/index.tsx
Unescape View File

@ -1,13 +1,43 @@
import { FC, useEffect, useState } from 'react'; import { FC, useEffect, useState } from 'react';
import styles from './index.less'; import styles from './index.less';
import { Input } from 'antd'; import { Input, Upload, UploadProps, message } from 'antd';
import ButtonComp from '@/components/ButtonComp'; import ButtonComp from '@/components/ButtonComp';
import { deviceInstall_deviceInstall } from '@/services/api'; import { college_table_query, deviceInit_init, deviceInstall_deviceInstall } from '@/services/api';
interface PageProps { interface PageProps {
} }
const DeviceInstall: FC<PageProps> = ({ }) => { const DeviceInstall: FC<PageProps> = ({ }) => {
const [dataLoading, setDataLoading] = useState(false);
const [fileInfo, setFileInfo] = useState({
"secret": "",
"algorithm": "",
"selfInspectionCode": "",
"deviceName": "",
"initNumber": "",
"versionNumber": "",
"localNum": "",
"firmwareVersion": "",
"deviceStatus": "",
"fileName": null,
"dataInstalled": null
});
const props: UploadProps = {
maxCount: 1,
beforeUpload: (file: any) => {
deviceInit_init(file).then((res) => {
if (res?.result == "success" && res?.data.length > 0) {
message.success('数据加载成功');
setFileInfo(res?.data[0]);
setDataLoading(true);
} else {
message.error('数据加载失败');
}
})
}
};
return ( return (
<div className={styles.con_warp}> <div className={styles.con_warp}>
@ -16,34 +46,42 @@ const DeviceInstall: FC<PageProps> = ({ }) => {
<div className={styles.title2}>请选取初装数据文件夹下的任一文件进行数据加载。点击“数据安装”对密码机进行初装。</div> <div className={styles.title2}>请选取初装数据文件夹下的任一文件进行数据加载。点击“数据安装”对密码机进行初装。</div>
<div className={styles.flex}> <div className={styles.flex}>
<div>初装密钥</div> <div>初装密钥</div>
<Input/> <Input value={fileInfo.secret} disabled={true} />
</div> </div>
<div className={styles.flex}> <div className={styles.flex}>
<div>算法参数</div> <div>算法参数</div>
<Input/> <Input value={fileInfo.algorithm} disabled={true} />
</div> </div>
<div className={styles.flex}> <div className={styles.flex}>
<div>参数自检码</div> <div>参数自检码</div>
<Input/> <Input value={fileInfo.selfInspectionCode} disabled={true} />
</div> </div>
<div className='flex_jE' style={{ margin: '30px 0' }}> <div className='flex_jE' style={{ margin: '30px 0' }}>
<ButtonComp style={{ marginRight: 20 }} text={'数据加载'} onClick={() => { <Upload {...props} showUploadList={false}>
<ButtonComp style={{ marginRight: 20 }} text={'数据加载'} />
</Upload>
<ButtonComp text={'数据安装'} onClick={() => {
if (!dataLoading) {
message.info('请先完成数据加载');
return
}
}} />
<ButtonComp text={'数据安装'} onClick={() =>{
deviceInstall_deviceInstall({}).then((res) => { deviceInstall_deviceInstall({}).then((res) => {
console.log("Res",res); if (res?.result == "success") {
message.success('数据安装成功')
} else {
message.error('数据加安装失败')
}
}) })
}} /> }} />
</div> </div>
<div className={styles.title1}>出装盘信息</div> <div className={styles.title1}>出装盘信息</div>
<div className='mt30 mb30'>设备名称：{'--'}</div> <div className='mt30 mb30'>设备名称：{fileInfo.deviceName || '--'}</div>
<div style={{display: 'flex'}}> <div style={{ display: 'flex' }}>
<div style={{marginRight: 50}}>初装盘号：{'--'}</div> <div style={{ marginRight: 100 }}>初装盘号：{fileInfo.initNumber || '--'}</div>
<div>版本号：{'--'}</div> <div>版本号：{fileInfo.versionNumber || '--'}</div>
</div> </div>
</div> </div>
</div> </div>

6
src/pages/InitialSystem/PowerOnAuth/index.less
Unescape View File

@ -22,11 +22,5 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 30px; margin-top: 30px;
div:nth-child(1) {
width: 80px;
text-align: left;
margin-right: 50px;
}
} }
} }

69
src/pages/InitialSystem/PowerOnAuth/index.tsx
Unescape View File

@ -1,55 +1,82 @@
import { FC, useEffect, useState } from 'react'; import { FC, useEffect, useState } from 'react';
import styles from './index.less'; import styles from './index.less';
import { Modal } from 'antd'; import { Modal, message } from 'antd';
import ButtonComp from '@/components/ButtonComp'; import ButtonComp from '@/components/ButtonComp';
import { college_table_query } from '@/services/api';
interface PageProps { interface PageProps {
} }
const PowerOnAuth: FC<PageProps> = ({ }) => { const PowerOnAuth: FC<PageProps> = ({ }) => {
const [visibility, setVisibility] = useState<boolean>(true); const [visibility, setVisibility] = useState<boolean>(false);
const [deviceInfo, setDeviceInfo] = useState<any>({
"createTime": "",
"updateTime": "",
"secret": "",
"algorithm": "",
"selfInspectionCode": "",
"deviceName": "",
"initNumber": "",
"versionNumber": "",
"localNum": "",
"firmwareVersion": "",
"deviceStatus": "",
"fileName": null,
"dataInstalled": ""
});
useEffect(() => {
college_table_query({}).then((res) => {
if (res?.result == "success" && res?.data.length > 0) {
setVisibility(false);
setDeviceInfo(res?.data[0]);
} else {
message.error('开机认证失败');
}
})
}, [])
return ( return (
<div className={styles.con_warp}> <div className={styles.con_warp}>
<div style={{ padding: 30 }}> <div style={{ padding: 30 }}>
<div className={styles.title1}>设备状态</div> <div className={styles.title1}>设备状态</div>
<div className='mt30 mb30'>本机编号：{'--'}</div> <div className='mt30 mb30'>本机编号：{deviceInfo.deviceName || '--'}</div>
<div className='mt30 mb30' style={{ display: 'flex' }}> <div className='mt30 mb30' style={{ display: 'flex' }}>
<div style={{ marginRight: 150 }}>开机状态：{'--'}</div> <div style={{ marginRight: 150 }}>开机状态：{deviceInfo.deviceStatus || '--'}</div>
<div>初装盘号：{'--'}</div> <div>初装盘号：{deviceInfo.initNumber || '--'}</div>
</div> </div>
<div style={{ display: 'flex', marginBottom: 40 }}> <div style={{ display: 'flex', marginBottom: 40 }}>
<div style={{ marginRight: 150 }}>固件版本：{'--'}</div> <div style={{ marginRight: 150 }}>固件版本：{deviceInfo.firmwareVersion || '--'}</div>
<div>初装时间：{'--'}</div> <div>初装时间：{deviceInfo.createTime || '--'}</div>
</div> </div>
<div className={styles.title1}>密钥状态</div> <div className={styles.title1}>密钥状态</div>
<div className={styles.flex}> <div className={styles.flex}>
<div>系统间通信</div> <div className='mr50'>系统间通信</div>
<div> <div>
<div className='mb30'>第一区{'--'}</div> <div className='mb30'>第一区 <span className='ml50'>{'无密钥'}</span></div>
<div>第二区{'--'}</div> <div>第二区 <span className='ml50'>{'无密钥'}</span></div>
</div> </div>
</div> </div>
<div className={styles.flex}> <div className={styles.flex}>
<div>VPN间通信</div> <div className='mr50'>VPN间通信</div>
<div> <div>
<div className='mb30'>第一区{'--'}</div> <div className='mb30'>第一区 <span className='ml50'>{'无密钥'}</span></div>
<div>第二区{'--'}</div> <div>第二区 <span className='ml50'>{'无密钥'}</span></div>
</div> </div>
</div> </div>
<div className={styles.flex}> <div className={styles.flex}>
<div>与专核设备</div> <div className='mr50'>与专核设备</div>
<div> <div>
<div className='mb30'>第一区{'--'}</div> <div className='mb30'>第一区 <span className='ml50'>{'无密钥'}</span></div>
<div>第二区{'--'}</div> <div>第二区 <span className='ml50'>{'无密钥'}</span></div>
</div> </div>
</div> </div>
<div className={styles.flex}> <div className={styles.flex}>
<div>与普密设备</div> <div className='mr50'>与普密设备</div>
<div> <div>
<div className='mb30'>第一区{'--'}</div> <div className='mb30'>第一区 <span className='ml50'>{'无密钥'}</span></div>
<div>第二区{'--'}</div> <div>第二区 <span className='ml50'>{'无密钥'}</span></div>
</div> </div>
</div> </div>
</div> </div>
@ -65,12 +92,12 @@ const PowerOnAuth: FC<PageProps> = ({ }) => {
footer={null} footer={null}
maskClosable={false} maskClosable={false}
> >
<div style={{fontSize: 16}}> <div style={{ fontSize: 16 }}>
开机认证成功! 开机认证成功!
</div> </div>
<div className='flex_jE mt20'> <div className='flex_jE mt20'>
<ButtonComp text={'确定'} onClick={() => {}} /> <ButtonComp text={'确定'} onClick={() => setVisibility(false)} />
</div> </div>
</Modal> </Modal>
</div> </div>

3
src/pages/InitialSystem/index.less
Unescape View File

@ -37,6 +37,7 @@
.left_menu { .left_menu {
width: 260px; width: 260px;
min-width: 260px;
height: 100%; height: 100%;
min-height: calc(100vh - 58px); min-height: calc(100vh - 58px);
background: #fff; background: #fff;
@ -49,7 +50,7 @@
.right_warp { .right_warp {
height: calc(100vh - 58px); height: calc(100vh - 58px);
min-height: 600px; min-height: 600px;
min-width: calc(1440px - 261px);
width: calc(100vw - 261px); width: calc(100vw - 261px);
background: #F1F1F1; background: #F1F1F1;
overflow: hidden; overflow: hidden;

4
src/pages/InitialSystem/index.tsx
Unescape View File

@ -33,8 +33,10 @@ const InitialSystem: FC<PageProps> = ({ }) => {
useEffect(() => { useEffect(() => {
if (type && count) { if (type && count) {
setActiveItem(MenuList[type][count]) setActiveItem(MenuList[type][count])
}else {
setActiveItem(null)
} }
}, []) }, [location.search])
const itemDom = (type: string, item: any, index: number) => { const itemDom = (type: string, item: any, index: number) => {
return ( return (

16
src/services/api.ts
Unescape View File

@ -1,15 +1,17 @@
// --------------------------初装系统--------------------------- import { getRequest, postRequest, uploadFile } from '@/utils/request';
// 数据安装
export async function deviceInstall_deviceInstall(data: any) {
return postRequest(`/deviceInit/deviceInstall.json`, data);
}
// --------------------------初装系统---------------------------
// 设备初装 // 设备初装
export async function deviceInit_init(data: any) { export async function deviceInit_init(data: any) {
return postRequest(`/deviceInit/init.json`, data); return uploadFile(`/xgd/deviceInit/init`, data);
}
// 数据安装
export async function deviceInstall_deviceInstall(data: any) {
return postRequest(`/xgd/deviceInit/deviceInstall`, data);
} }
// 开机认证 // 开机认证
export async function college_table_query(params: any) { export async function college_table_query(params: any) {
return getRequest(`/deviceInit/powerOnAuth.json`, params); return getRequest(`/xgd/deviceInit/powerOnAuth`, params);
} }

8
src/styles/minix.less
Unescape View File

@ -14,6 +14,10 @@
margin-right: 20px; margin-right: 20px;
} }
.mr50 {
margin-right: 50px;
}
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
@ -26,6 +30,10 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.ml50 {
margin-left: 50px;
}
.pt10 { .pt10 {
padding-top: 10px; padding-top: 10px;
} }

2
src/utils/env/dev.ts vendored
Unescape View File

@ -1,5 +1,5 @@
export const DEV = { export const DEV = {
PROXY_SERVER: 'http://localhost:8088/xgd', PROXY_SERVER: 'http://localhost:8088',
}; };
export default DEV; export default DEV;

20
src/utils/request.ts
Unescape View File

@ -4,14 +4,17 @@
* @param {object} params - 请求参数对象 * @param {object} params - 请求参数对象
* @returns {Promise} - 返回一个 Promise 对象，包含 response 数据或 error 信息 * @returns {Promise} - 返回一个 Promise 对象，包含 response 数据或 error 信息
*/ */
function getRequest(url: string, params: object) { export function getRequest(url: string, params: object) {
// 将参数对象转换为查询字符串 // 将参数对象转换为查询字符串
const queryString = Object.keys(params) const queryString = Object.keys(params)
.map(key => encodeURIComponent(key) + '=' + encodeURIComponent(params[key])) .map(key => encodeURIComponent(key) + '=' + encodeURIComponent(params[key]))
.join('&'); .join('&');
// 拼接查询字符串到 URL // 拼接查询字符串到 URL
const urlWithParams = `${url}?${queryString}`; let urlWithParams = url;
if (queryString) {
urlWithParams += `?${queryString}`;
}
return fetch(urlWithParams, { return fetch(urlWithParams, {
method: 'GET', method: 'GET',
@ -33,7 +36,7 @@ function getRequest(url: string, params: object) {
* @param {object} data - 请求数据 * @param {object} data - 请求数据
* @returns {Promise} - 返回一个 Promise 对象，包含 response 数据或 error 信息 * @returns {Promise} - 返回一个 Promise 对象，包含 response 数据或 error 信息
*/ */
function postRequest(url: string, data: object) { export function postRequest(url: string, data: object) {
return fetch(url, { return fetch(url, {
method: 'POST', method: 'POST',
headers: { headers: {
@ -55,7 +58,7 @@ function postRequest(url: string, data: object) {
* @param {object} params - 参数对象 * @param {object} params - 参数对象
* @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败） * @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败）
*/ */
function deleteRequest(url: string, params: object) { export function deleteRequest(url: string, params: object) {
const searchParams = new URLSearchParams(params); const searchParams = new URLSearchParams(params);
return fetch(`${url}?${searchParams.toString()}`, { return fetch(`${url}?${searchParams.toString()}`, {
method: 'DELETE', method: 'DELETE',
@ -74,7 +77,7 @@ function deleteRequest(url: string, params: object) {
* @param {object} data - 请求的数据 * @param {object} data - 请求的数据
* @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败） * @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败）
*/ */
function putRequest(url: string, data: object) { export function putRequest(url: string, data: object) {
return fetch(url, { return fetch(url, {
method: 'PUT', method: 'PUT',
headers: { headers: {
@ -96,7 +99,7 @@ function putRequest(url: string, data: object) {
* @param {string} fileName - 文件的名称 * @param {string} fileName - 文件的名称
* @returns {Promise} - 返回一个 Promise 对象，包含文件 blob 数据或 error 信息 * @returns {Promise} - 返回一个 Promise 对象，包含文件 blob 数据或 error 信息
*/ */
function downloadFile(url: string, fileName?: string) { export function downloadFile(url: string, fileName?: string) {
return fetch(url, { return fetch(url, {
method: 'GET', method: 'GET',
}) })
@ -122,13 +125,12 @@ function downloadFile(url: string, fileName?: string) {
* @param {File} file - 要上传的文件 * @param {File} file - 要上传的文件
* @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败） * @returns {Promise} - 返回一个 Promise 对象，表示请求的结果（成功或失败）
*/ */
function uploadFile(url: string, file: File) { export function uploadFile(url: string, file: File) {
const formData = new FormData(); const formData = new FormData();
formData.append('file', file); formData.append('file', file);
return fetch(url, { return fetch(url, {
method: 'POST', method: 'POST',
body: formData body: formData,
}) })
.then(response => { .then(response => {
if (!response.ok) { throw new Error('上传失败'); } if (!response.ok) { throw new Error('上传失败'); }

Write Preview
Loading…
Cancel
Save