mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-30 13:20:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 删除分组改用气泡弹窗

Browse Source
This commit is contained in:
zwjamnsss 2017-07-27 15:55:11 +08:00
parent 1da2ac91ef
commit 8b02d54c8a
1 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
client/containers/ProjectGroups/GroupList/GroupList.js
View File

@ -1,13 +1,12 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import { Button, Icon, Modal, Input, message, Menu, Row, Col } from 'antd' import { Button, Icon, Popconfirm, Modal, Input, message, Menu, Row, Col } from 'antd'
import { autobind } from 'core-decorators'; import { autobind } from 'core-decorators';
import axios from 'axios'; import axios from 'axios';
import { withRouter } from 'react-router'; import { withRouter } from 'react-router';
const { TextArea } = Input; const { TextArea } = Input;
const Search = Input.Search; const Search = Input.Search;
const confirm = Modal.confirm;
const TYPE_EDIT = 'edit'; const TYPE_EDIT = 'edit';
import { import {
@ -164,21 +163,15 @@ export default class GroupList extends Component {
deleteGroup() { deleteGroup() {
const self = this; const self = this;
const { currGroup } = self.props; const { currGroup } = self.props;
confirm({ axios.post('/group/del', {id: currGroup._id}).then(res => {
title: `你确定要删除分组 ${currGroup.group_name}？`, if (res.data.errcode) {
content: `分组简介：${currGroup.group_desc}`, message.error(res.data.errmsg);
onOk() { } else {
axios.post('/group/del', {id: currGroup._id}).then(res => { message.success('删除成功');
if (res.data.errcode) { self.props.fetchGroupList().then(() => {
message.error(res.data.errmsg); const currGroup = self.props.groupList[0] || { group_name: '', group_desc: '' };
} else { self.setState({groupList: self.props.groupList});
message.success('删除成功'); self.props.setCurrGroup(currGroup)
self.props.fetchGroupList().then(() => {
const currGroup = self.props.groupList[0] || { group_name: '', group_desc: '' };
self.setState({groupList: self.props.groupList});
self.props.setCurrGroup(currGroup)
});
}
}); });
} }
}); });
@ -205,7 +198,9 @@ export default class GroupList extends Component {
<div className="curr-group-name"> <div className="curr-group-name">
<div className="text" title={currGroup.group_name}>{currGroup.group_name}</div> <div className="text" title={currGroup.group_name}>{currGroup.group_name}</div>
<Icon className="edit-group" type="edit" title="编辑分组" onClick={() => this.showModal(TYPE_EDIT)}/> <Icon className="edit-group" type="edit" title="编辑分组" onClick={() => this.showModal(TYPE_EDIT)}/>
<Icon className="delete-group" type="delete" title="删除分组" onClick={this.deleteGroup}/> <Popconfirm title={`你确定要删除分组 ${currGroup.group_name}？`} onConfirm={this.deleteGroup}>
<Icon className="delete-group" type="delete" title="删除分组"/>
</Popconfirm>
</div> </div>
<div className="curr-group-desc" title={currGroup.group_desc}>简介：{currGroup.group_desc}</div> <div className="curr-group-desc" title={currGroup.group_desc}>简介：{currGroup.group_desc}</div>
</div> </div>