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

A 新建发布申请文件支持拖拽上传

pull/480/head
vapao 2022-04-14 22:46:02 +08:00
parent f93dc97f51
commit 6c7617549b
3 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
spug_web/src/libs/functools.js
View File

@ -35,6 +35,10 @@ export function hasPermission(strCode) {
return false return false
} }
export function clsNames(...args) {
return args.filter(x => x).join(' ')
}
export function includes(s, key) { export function includes(s, key) {
key = key.toLowerCase(); key = key.toLowerCase();
if (Array.isArray(s)) { if (Array.isArray(s)) {

13
spug_web/src/pages/deploy/request/Ext2Form.js
View File

@ -9,7 +9,7 @@ import { UploadOutlined } from '@ant-design/icons';
import { Modal, Form, Input, Upload, DatePicker, message, Button } from 'antd'; import { Modal, Form, Input, Upload, DatePicker, message, Button } from 'antd';
import hostStore from 'pages/host/store'; import hostStore from 'pages/host/store';
import HostSelector from './HostSelector'; import HostSelector from './HostSelector';
import { http, X_TOKEN } from 'libs'; import { http, clsNames, X_TOKEN } from 'libs';
import styles from './index.module.less'; import styles from './index.module.less';
import store from './store'; import store from './store';
import lds from 'lodash'; import lds from 'lodash';
@ -91,11 +91,12 @@ export default observer(function () {
<Input placeholder="请输入环境变量 SPUG_RELEASE 的值"/> <Input placeholder="请输入环境变量 SPUG_RELEASE 的值"/>
</Form.Item> </Form.Item>
{require_upload && ( {require_upload && (
<Form.Item required label="上传数据" tooltip="通过数据传输动作来使用上传的文件。" className={styles.upload}> <Form.Item required label="上传数据" tooltip="通过数据传输动作来使用上传的文件。"
<Upload name="file" fileList={fileList} headers={{'X-Token': X_TOKEN}} beforeUpload={handleUpload} className={clsNames(styles.upload, fileList.length ? styles.uploadHide : null)}>
data={{deploy_id}} onChange={handleUploadChange}> <Upload.Dragger name="file" fileList={fileList} headers={{'X-Token': X_TOKEN}} beforeUpload={handleUpload}
{fileList.length === 0 ? <Button loading={uploading} icon={<UploadOutlined/>}>点击上传</Button> : null} data={{deploy_id}} onChange={handleUploadChange}>
</Upload> <Button type="link" loading={uploading} icon={<UploadOutlined/>}>点击或拖动文件至此区域上传</Button>
</Upload.Dragger>
</Form.Item> </Form.Item>
)} )}
<Form.Item required label="目标主机" tooltip="可以通过创建多个发布申请单，选择主机分批发布。"> <Form.Item required label="目标主机" tooltip="可以通过创建多个发布申请单，选择主机分批发布。">

13
spug_web/src/pages/deploy/request/index.module.less
View File

@ -99,8 +99,19 @@
padding: 0; padding: 0;
} }
.upload :global(.ant-upload-list-item) { .upload {
:global(.ant-upload-btn) {
padding: 0 !important;
}
}
.uploadHide {
:global(.ant-upload-drag) {
display: none;
}
:global(.ant-upload-list-item) {
margin: 0; margin: 0;
}
} }
.min120 { .min120 {