github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

style migrate v3

pull/289/head
vapao 2020-11-27 01:43:45 +08:00
parent 682cbfa8a5
commit b239f222f5
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
spug_web/src/pages/ssh/FileManager.js
View File

@ -5,7 +5,14 @@
*/ */
import React from 'react'; import React from 'react';
import { Drawer, Breadcrumb, Table, Divider, Switch, Button, Progress, Modal, message } from 'antd'; import { Drawer, Breadcrumb, Table, Divider, Switch, Button, Progress, Modal, message } from 'antd';
import { DownloadOutlined, FileOutlined, FolderOutlined, DeleteOutlined, HomeOutlined } from '@ant-design/icons'; import {
DeleteOutlined,
DownloadOutlined,
FileOutlined,
FolderOutlined,
HomeOutlined,
UploadOutlined
} from '@ant-design/icons';
import { http, uniqueId, X_TOKEN } from 'libs'; import { http, uniqueId, X_TOKEN } from 'libs';
import lds from 'lodash'; import lds from 'lodash';
import styles from './index.module.css' import styles from './index.module.css'
@ -204,7 +211,7 @@ class FileManager extends React.Component {
checkedChildren="开启" checkedChildren="开启"
unCheckedChildren="关闭" unCheckedChildren="关闭"
onChange={v => this.setState({showDot: v})}/> onChange={v => this.setState({showDot: v})}/>
<Button style={{marginLeft: 10}} size="small" type="primary" icon="upload" <Button style={{marginLeft: 10}} size="small" type="primary" icon={<UploadOutlined/>}
onClick={this.handleUpload}>上传文件</Button> onClick={this.handleUpload}>上传文件</Button>
</div> </div>
</div> </div>

3
spug_web/src/pages/ssh/index.js
View File

@ -4,6 +4,7 @@
* Released under the AGPL-3.0 License. * Released under the AGPL-3.0 License.
*/ */
import React from 'react'; import React from 'react';
import { FolderOpenOutlined } from '@ant-design/icons';
import { Button } from 'antd'; import { Button } from 'antd';
import { AuthDiv } from 'components'; import { AuthDiv } from 'components';
import { Terminal } from 'xterm'; import { Terminal } from 'xterm';
@ -83,7 +84,7 @@ class WebSSH extends React.Component {
<div className={styles.header}> <div className={styles.header}>
<div>{host.name} | {host.username}@{host.hostname}:{host.port}</div> <div>{host.name} | {host.username}@{host.hostname}:{host.port}</div>
<AuthDiv auth="host.console.manager"> <AuthDiv auth="host.console.manager">
<Button disabled={managerDisabled} type="primary" icon="folder-open" <Button disabled={managerDisabled} type="primary" icon={<FolderOpenOutlined />}
onClick={this.handleShow}>文件管理器</Button> onClick={this.handleShow}>文件管理器</Button>
</AuthDiv> </AuthDiv>
</div> </div>