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

更新

Browse Source
master_basic
鲁誉程 2 years ago
parent 0afb034377
commit 36d2b3cf84
30 changed files with 148 additions and 177 deletions
Show Stats Download Patch File Download Diff File

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

@ -4,13 +4,15 @@ import styles from './index.less';
interface PageProps {
type?: string; // 按钮类型
text?: string; // 按钮文字
style?: any; //样式
onClick: () => void;
}
const ButtonComp: FC<PageProps> = ({
type = 'confirm',
text = '确定',
onClick
onClick,
style = {}
}) => {
let timerId: any;
@ -22,12 +24,12 @@ const ButtonComp: FC<PageProps> = ({
}
return (
<>
{ type == 'confirm' && <div className={`${styles.btn} ${styles.confirm_btn}`} onClick={click}>{text}</div> }
{ type == 'cancel' && <div className={`${styles.btn} ${styles.cancel_btn}`} onClick={onClick}>{text}</div> }
{ type == 'delete' && <div className={`${styles.btn} ${styles.delete_btn}`} onClick={onClick}>{text}</div> }
{ type == 'special' && <div className={`${styles.btn} ${styles.special_btn}`} onClick={onClick}>{text}</div> }
</>
<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 == 'delete' && <div style={style} className={`${styles.btn} ${styles.delete_btn}`} onClick={onClick}>{text}</div> }
{ type == 'special' && <div style={style} className={`${styles.btn} ${styles.special_btn}`} onClick={onClick}>{text}</div> }
</div>
)
}

4
src/pages/GLQ/TeamViewer/ParamsSetting/index.tsx
Unescape View File

@ -37,9 +37,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'建立连接'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{marginRight: 20}} text={'建立连接'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'参数重置'} onClick={() => form.resetFields()} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/LogRecordInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/GLQ/WebGLQ/ManageConfig/index.tsx
Unescape View File

@ -82,9 +82,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'文件提交'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'文件提交'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/ManageConfigInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/NetworkConfignInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/GLQ/WebGLQ/NetworkParams/index.tsx
Unescape View File

@ -53,9 +53,7 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'文件提交'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'文件提交'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

7
src/pages/GLQ/WebGLQ/SecurityPolicy/index.tsx
Unescape View File

@ -16,7 +16,8 @@ export default function Page() {
};
const columns: any = [
{title: '序号',
{
title: '序号',
key: 'index',
align: 'center',
width: 100,
@ -54,9 +55,7 @@ export default function Page() {
<Form.Item name="aaa" label="普密对外服务器IP（仅Ⅱ型隔离器时需配置此项）" rules={[{ required: true, message: '请输入普密对外服务器IP' }]} >
<Input style={{ width: '280px' }} />
</Form.Item>
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp text={'获取普密信息'} onClick={() => form.submit()} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'获取普密信息'} onClick={() => form.submit()} />
</Form>
<div className='mt20'>尚未连接普密对外服务器！</div>

8
src/pages/GLQ/WebGLQ/SecurityPolicyInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

11
src/pages/GLQ/WebGLQ/ServiceList/index.tsx
Unescape View File

@ -17,7 +17,8 @@ export default function Page() {
};
const columns: any = [
{title: '序号',
{
title: '序号',
key: 'index',
width: 100,
align: 'center',
@ -45,9 +46,7 @@ export default function Page() {
<Input style={{ width: '280px' }} />
</Form.Item>
<div style={{ display: 'flex', marginLeft: 24 }}>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'端口'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'端口'} onClick={() => { }} />
<ButtonComp text={'提交'} onClick={() => form.submit()} />
</div>
</Form>
@ -65,9 +64,7 @@ export default function Page() {
</ConfigProvider>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => { }} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/ServiceListInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/GLQ/WebGLQ/VpnPolicy/index.tsx
Unescape View File

@ -101,9 +101,7 @@ export default function Page() {
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'信息清空'} onClick={() => form.resetFields()} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/VpnPolicyInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

8
src/pages/GLQ/WebGLQ/firewallPolicyInfo/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/GLQ/WebMMJ/KeyDestruction/index.tsx
Unescape View File

@ -17,9 +17,7 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/GLQ/WebMMJ/KeyRemoteKill/index.tsx
Unescape View File

@ -17,9 +17,7 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

8
src/pages/GLQ/WebMMJ/MmjInitInstall/index.tsx
Unescape View File

@ -53,12 +53,8 @@ export default function Page() {
</Form.Item>
</Form>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'加载数据'} onClick={() => form.submit()} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'发送数据'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'加载数据'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'发送数据'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => form.resetFields()} />
</div>
</div>

4
src/pages/GLQ/WebMMJ/MmjRemoteKill/index.tsx
Unescape View File

@ -18,9 +18,7 @@ export default function Page() {
</div>
<div className={styles.erroInfo}>注意：执行此操作后，设备需返厂修复！</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'发送命令'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'发送命令'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

8
src/pages/GLQ/WebMMJ/StatusQuery/index.tsx
Unescape View File

@ -17,12 +17,8 @@ export default function Page() {
<div style={{ padding: '20px 12px' }} dangerouslySetInnerHTML={{ __html: htmlText }}></div>
</div>
<div className={styles.btn_warp}>
<div className='mr20'>
<ButtonComp text={'状态查询'} onClick={() => { }} />
</div>
<div className='mr20'>
<ButtonComp type={'cancel'} text={'文件另存'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} text={'状态查询'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'文件另存'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'清空信息'} onClick={() => setHtmlText('')} />
</div>
</div>

4
src/pages/MY/KeyBodyManage/Ciphertext/index.tsx
Unescape View File

@ -26,9 +26,7 @@ export default function Page() {
<Form.Item name="sss" label="文件路径" style={{ width: '80%', marginBottom: 20 }}>
<div style={{ display: 'flex' }}>
<Input style={{ width: 500 }} />
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginLeft: 20 }} type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
</Form.Item>
</Form>

9
src/pages/MY/KeyBodyManage/DistrTriple/index.tsx
Unescape View File

@ -91,12 +91,9 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => {}} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => {}} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => {}} />
</div>
</div>

3
src/pages/MY/KeyBodyManage/FormatImport/index.tsx
Unescape View File

@ -35,8 +35,7 @@ export default function Page() {
<div className='mb20 flex_aC_jS'>
<div>密钥体格式列表</div>
<div style={{display: 'flex'}}>
<ButtonComp type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'密钥体格式导入'} onClick={() => { }} />
<ButtonComp type={'delete'} text={'删除'} onClick={() => { }} />
</div>
</div>

3
src/pages/MY/KeyBodyManage/FormatPublishing/index.tsx
Unescape View File

@ -62,8 +62,7 @@ export default function Page() {
</Form>
<div className='flex_jE' style={{ marginBottom: 30 }}>
<ButtonComp type={'cancel'} text={'发布'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'发布'} onClick={() => { }} />
<ButtonComp text={'查询'} onClick={() => form.submit()} />
</div>

3
src/pages/MY/KeyBodyManage/Import/index.tsx
Unescape View File

@ -63,8 +63,7 @@ export default function Page() {
</Form>
<div className='flex_jE' style={{ marginBottom: 30 }}>
<ButtonComp type={'cancel'} text={'导入'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'导入'} onClick={() => { }} />
<ButtonComp text={'查询'} onClick={() => form.submit()} />
</div>

4
src/pages/MY/KeyBodyManage/Plaintext/index.tsx
Unescape View File

@ -35,9 +35,7 @@ export default function Page() {
<Form.Item name="sss" label="文件路径" style={{ width: '80%', marginBottom: 20 }}>
<div style={{ display: 'flex' }}>
<Input style={{ width: 500 }} />
<div style={{ display: 'flex', marginLeft: 20 }}>
<ButtonComp type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'选择'} onClick={() => { }} />
</div>
</Form.Item>
<Form.Item name="aaa" label="载体位置" style={formItemSty}>

9
src/pages/MY/KeyBodyManage/ReceiptForm/index.tsx
Unescape View File

@ -104,12 +104,9 @@ export default function Page() {
</ConfigProvider>
<div className='flex_jE mt20'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => form.submit()} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => form.submit()} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => form.submit()} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => form.submit()} />
</div>
</div>

2
src/pages/MY/KeyManage/DataMaintenance/index.tsx
Unescape View File

@ -27,9 +27,7 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<div style={{ display: 'flex' }}>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
</div>
<div className='flex_aC mt20 mb20'>
<ButtonComp text={'数据导入'} onClick={() => { }} />

50
src/pages/MY/KeyManage/KeyConfigQuery/index.tsx
Unescape View File

@ -1,9 +1,53 @@
import styles from './index.less';
import styles from '../../../GLQ/index.less';
import { useState } from 'react';
import { ConfigProvider, Table } from 'antd';
import { tableTheme } from '@/utils/theme';
import { rowClassName } from '@/utils';
import ButtonComp from '@/components/ButtonComp';
export default function Page() {
return (
<div>
const [tableData, setTableData] = useState([]);
const columns: any = [
{
title: '序号',
key: 'index',
align: 'center',
width: 100,
render: (text: any, record: any, index: any) => {
return <span>{index + 1}</span>;
},
},
{ title: '产品名称', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '管理实体标识', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '000标识', dataIndex: 'name', key: 'name', align: 'center' },
{ title: 'IP地址', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '密钥种类名称', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '密钥类型', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '使用区/备用区', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '产品编号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '安装方式', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '启用日期', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '终止日期', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '密钥套号', dataIndex: 'name', key: 'name', align: 'center' },
{ title: '协同管理标志', dataIndex: 'name', key: 'name', align: 'center' }
]
return (
<div className={`${styles.params_warp}`}>
<ButtonComp type={'special'} text={'密钥配置查询'} onClick={() => { }} />
<ButtonComp style={{margin: '20px 0 '}} text={'选择设备'} onClick={() => { }} />
<ConfigProvider theme={tableTheme}>
<Table
scroll={{ y: 41 * 9 }}
pagination={false}
bordered
columns={columns}
dataSource={tableData}
rowKey={(record: any) => record?.id}
rowClassName={rowClassName}
/>
</ConfigProvider>
</div>
);
}

5
src/pages/MY/KeyManage/RelationConfig/index.tsx
Unescape View File

@ -36,9 +36,7 @@ export default function Page() {
return (
<div className={`${styles.params_warp}`}>
<div style={{ display: 'flex' }}>
<ButtonComp type={'special'} text={'管理系统管理盘数据维护'} onClick={() => { }} />
</div>
<div className='flex_aC mt20'>
<div className='mr16'>请选择源互通类型</div>
@ -92,8 +90,7 @@ export default function Page() {
</div>
<div className='flex_jE' style={{ marginTop: 30 }}>
<ButtonComp type={'cancel'} text={'取消'} onClick={() => { }} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'取消'} onClick={() => { }} />
<ButtonComp text={'保存'} onClick={() => { }} />
</div>
</div>

9
src/pages/MY/KeyManage/TripleKeyDistri/index.tsx
Unescape View File

@ -67,12 +67,9 @@ export default function Page() {
<div className='flex_aC_jS mt20'>
<ButtonComp text={'添加'} onClick={() => { }} />
<div className='flex_jE'>
<ButtonComp type={'cancel'} text={'移出'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'制作'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp type={'cancel'} text={'预览'} onClick={() => {}} />
<div className='mr20'></div>
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'移出'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'制作'} onClick={() => { }} />
<ButtonComp style={{ marginRight: 20 }} type={'cancel'} text={'预览'} onClick={() => { }} />
<ButtonComp type={'cancel'} text={'打印'} onClick={() => { }} />
</div>
</div>

Write Preview
Loading…
Cancel
Save