mirror of https://github.com/openspug/spug
A web update
parent
39662bbdf6
commit
883a351e1c
|
@ -0,0 +1,84 @@
|
|||
import React from 'react';
|
||||
import { observer } from 'mobx-react';
|
||||
import { Modal, Form, Input, Tag, message } from 'antd';
|
||||
import hostStore from 'pages/host/store';
|
||||
import http from 'libs/http';
|
||||
import store from './store';
|
||||
import lds from 'lodash';
|
||||
|
||||
@observer
|
||||
class Ext2Form extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
loading: false,
|
||||
type: null,
|
||||
host_ids: store.record['host_ids'].concat()
|
||||
}
|
||||
}
|
||||
|
||||
handleSubmit = () => {
|
||||
if (this.state.host_ids.length === 0) {
|
||||
return message.error('请至少选择一个要发布的目标主机')
|
||||
}
|
||||
this.setState({loading: true});
|
||||
const formData = this.props.form.getFieldsValue();
|
||||
formData['id'] = store.record.id;
|
||||
formData['body'] = this.state.body;
|
||||
http.post('/api/exec/template/', formData)
|
||||
.then(res => {
|
||||
message.success('操作成功');
|
||||
store.formVisible = false;
|
||||
store.fetchRecords()
|
||||
}, () => this.setState({loading: false}))
|
||||
};
|
||||
|
||||
handleChange = (id, v) => {
|
||||
const host_ids = this.state.host_ids;
|
||||
const index = host_ids.indexOf(id);
|
||||
if (index === -1) {
|
||||
this.setState({host_ids: [id, ...host_ids]})
|
||||
} else {
|
||||
host_ids.splice(index, 1);
|
||||
this.setState({host_ids})
|
||||
}
|
||||
};
|
||||
|
||||
render() {
|
||||
const info = store.record;
|
||||
const {host_ids} = this.state;
|
||||
const {getFieldDecorator} = this.props.form;
|
||||
return (
|
||||
<Modal
|
||||
visible
|
||||
width={800}
|
||||
maskClosable={false}
|
||||
title="新建发布申请"
|
||||
onCancel={() => store.ext2Visible = false}
|
||||
confirmLoading={this.state.loading}
|
||||
onOk={this.handleSubmit}>
|
||||
<Form labelCol={{span: 6}} wrapperCol={{span: 14}}>
|
||||
<Form.Item required label="申请标题">
|
||||
{getFieldDecorator('name', {initialValue: info['name']})(
|
||||
<Input placeholder="请输入申请标题"/>
|
||||
)}
|
||||
</Form.Item>
|
||||
<Form.Item label="备注信息">
|
||||
{getFieldDecorator('desc', {initialValue: info['desc']})(
|
||||
<Input placeholder="请输入备注信息"/>
|
||||
)}
|
||||
</Form.Item>
|
||||
<Form.Item required label="发布目标主机">
|
||||
{info['host_ids'].map(id => (
|
||||
<Tag.CheckableTag key={id} checked={host_ids.includes(id)} onChange={v => this.handleChange(id, v)}>
|
||||
{lds.get(hostStore.idMap, `${id}.name`)}({lds.get(hostStore.idMap, `${id}.hostname`)}:{lds.get(hostStore.idMap, `${id}.port`)})
|
||||
</Tag.CheckableTag>
|
||||
))}
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Modal>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Form.create()(Ext2Form)
|
|
@ -44,6 +44,7 @@ class SelectApp extends React.Component {
|
|||
} else {
|
||||
store.ext2Visible = true
|
||||
}
|
||||
store.addVisible = false
|
||||
};
|
||||
|
||||
render() {
|
||||
|
|
|
@ -4,6 +4,7 @@ import { Card, Input, Select, Button } from 'antd';
|
|||
import { SearchForm } from 'components';
|
||||
import SelectApp from './SelectApp';
|
||||
import Ext1Form from './Ext1Form';
|
||||
import Ext2Form from './Ext2Form';
|
||||
import ComTable from './Table';
|
||||
import store from './store';
|
||||
|
||||
|
@ -31,6 +32,7 @@ export default observer(function () {
|
|||
<ComTable/>
|
||||
{store.addVisible && <SelectApp />}
|
||||
{store.ext1Visible && <Ext1Form />}
|
||||
{store.ext2Visible && <Ext2Form />}
|
||||
</Card>
|
||||
)
|
||||
})
|
Loading…
Reference in New Issue