mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2024-12-15 05:10:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 修改项目的环境域名添加了http/https的选择功能

Browse Source
This commit is contained in:
wenbo.dong 2017-07-25 10:49:19 +08:00
parent b6fca96979
commit ca32cd934d
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
client/containers/ProjectGroups/ProjectList/UpDateModal.js
View File

@ -50,7 +50,8 @@ class UpDateModal extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
protocol: 'http:\/\/' protocol: 'http:\/\/',
envProtocolChange: 'http:\/\/'
} }
} }
static propTypes = { static propTypes = {
@ -84,18 +85,19 @@ class UpDateModal extends Component {
e.preventDefault(); e.preventDefault();
const { form, updateProject, changeUpdateModal, currGroup, projectList, handleUpdateIndex, fetchProjectList, changeTableLoading } = this.props; const { form, updateProject, changeUpdateModal, currGroup, projectList, handleUpdateIndex, fetchProjectList, changeTableLoading } = this.props;
form.validateFields((err, values) => { form.validateFields((err, values) => {
console.log(err); console.log(values);
if (!err) { if (!err) {
console.log(projectList[handleUpdateIndex]); // console.log(projectList[handleUpdateIndex]);
let assignValue = Object.assign(projectList[handleUpdateIndex], values); let assignValue = Object.assign(projectList[handleUpdateIndex], values);
values.protocol = this.state.protocol.split(':')[0]; values.protocol = this.state.protocol.split(':')[0];
assignValue.env = assignValue.envs.map((item, index) => { assignValue.env = assignValue.envs.map((item, index) => {
console.log(values['envs-protocol-'+index]);
return { return {
name: values['envs-name-'+index], name: values['envs-name-'+index],
domain: values['envs-domain-'+index] domain: values['envs-protocol-'+index] + values['envs-domain-'+index]
} }
}); });
console.log(assignValue); // console.log(assignValue);
changeTableLoading(true); changeTableLoading(true);
updateProject(assignValue).then((res) => { updateProject(assignValue).then((res) => {
@ -119,6 +121,13 @@ class UpDateModal extends Component {
}); });
} }
envProtocolChange = (value) => {
console.log(value);
// this.setState({
// envProtocolChange: value
// })
}
// 项目的修改操作 - 删除一项环境配置 // 项目的修改操作 - 删除一项环境配置
remove = (id) => { remove = (id) => {
const { form } = this.props; const { form } = this.props;
@ -174,7 +183,7 @@ class UpDateModal extends Component {
getFieldDecorator('envs', { initialValue: envMessage }); getFieldDecorator('envs', { initialValue: envMessage });
const envs = getFieldValue('envs'); const envs = getFieldValue('envs');
const formItems = envs.map((k, index) => { const formItems = envs.map((k, index) => {
console.log(k); // console.log(k);
const secondIndex = 'next' + index; // 为保证key的唯一性 const secondIndex = 'next' + index; // 为保证key的唯一性
return ( return (
<Row key={index} type="flex" justify="space-between" align={index === 0 ? 'middle' : 'top'}> <Row key={index} type="flex" justify="space-between" align={index === 0 ? 'middle' : 'top'}>
@ -220,7 +229,7 @@ class UpDateModal extends Component {
> >
{getFieldDecorator(`envs-domain-${index}`, { {getFieldDecorator(`envs-domain-${index}`, {
validateTrigger: ['onChange', 'onBlur'], validateTrigger: ['onChange', 'onBlur'],
initialValue: envMessage.length !== 0 ? k.domain : '', initialValue: envMessage.length !== 0 ? k.domain.split('\/\/')[1] : '',
rules: [{ rules: [{
required: false, required: false,
whitespace: true, whitespace: true,
@ -240,7 +249,18 @@ class UpDateModal extends Component {
} }
}] }]
})( })(
<Input placeholder="请输入环境域名" style={{ width: '90%', marginRight: 8 }} /> <Input placeholder="请输入环境域名" style={{ width: '90%', marginRight: 8 }} addonBefore={
getFieldDecorator(`envs-protocol-${index}`, {
initialValue: 'http:\/\/',
rules: [{
required: true
}]
})(
<Select>
<Option value="http://">{'http:\/\/'}</Option>
<Option value="https://">{'https:\/\/'}</Option>
</Select>
)}/>
)} )}
</FormItem> </FormItem>
</Col> </Col>