fix: 修改编辑后同步以及样式问题

This commit is contained in:
喻希里 2017-09-19 14:15:08 +08:00
parent 79cd8f9d33
commit fdd3f44feb
6 changed files with 42 additions and 37 deletions

View File

@ -14,7 +14,7 @@ import Breadcrumb from '../Breadcrumb/Breadcrumb.js'
const MenuUser = (props) => ( const MenuUser = (props) => (
<Menu theme="dark" className="user-menu" > <Menu theme="dark" className="user-menu" >
<Menu.Item key="0"> <Menu.Item style={{"background":"#202d3a"}} key="0">
<Link to={`/user/profile/${props.uid}`} onClick={props.relieveLink}><Icon type="user"/>个人中心</Link> <Link to={`/user/profile/${props.uid}`} onClick={props.relieveLink}><Icon type="user"/>个人中心</Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="1"> <Menu.Item key="1">

View File

@ -529,7 +529,8 @@ export default class Run extends Component {
{hasPlugin ? '' : <Alert {hasPlugin ? '' : <Alert
message={ message={
<div> <div>
温馨提示当前正在使用接口测试服务请安装我们为您免费提供的测试增强插件&nbsp;该插件可支持任何 chrome 内核的浏览器 {/* 温馨提示:当前正在使用接口测试服务,请安装我们为您免费提供的测试增强插件&nbsp;(该插件可支持任何 chrome 内核的浏览器) */}
重要当前的接口测试服务需安装免费测试增强插件 支持所有 webkit 内核选择下面任意一种安装方式
<div> <div>
<a <a
target="blank" target="blank"

View File

@ -131,6 +131,8 @@ export default class GroupList extends Component {
this.setState({ this.setState({
editGroupModalVisible: false editGroupModalVisible: false
}); });
await this.props.fetchGroupList();
this.setState({ groupList: this.props.groupList });
this.props.setCurrGroup({ group_name, group_desc, _id: id }); this.props.setCurrGroup({ group_name, group_desc, _id: id });
} }
} }
@ -227,7 +229,6 @@ export default class GroupList extends Component {
const editmark = <Icon className="delete-group" onClick={() => { this.showConfirm() }} type="delete" title="删除分组" /> const editmark = <Icon className="delete-group" onClick={() => { this.showConfirm() }} type="delete" title="删除分组" />
const addmark = <Icon className="edit-group" onClick={this.showModal} type="plus" title="添加分组" /> const addmark = <Icon className="edit-group" onClick={this.showModal} type="plus" title="添加分组" />
return ( return (
<div className="m-group"> <div className="m-group">
<div className="group-bar"> <div className="group-bar">
@ -267,32 +268,35 @@ export default class GroupList extends Component {
} }
</Menu> </Menu>
</div> </div>
<Modal {
title="添加分组" this.state.addGroupModalVisible?<Modal
visible={this.state.addGroupModalVisible} title="添加分组"
onOk={this.addGroup} visible={this.state.addGroupModalVisible}
onCancel={this.hideModal} onOk={this.addGroup}
className="add-group-modal" onCancel={this.hideModal}
> className="add-group-modal"
<Row gutter={6} className="modal-input"> >
<Col span="5"><div className="label">分组名</div></Col> <Row gutter={6} className="modal-input">
<Col span="15"> <Col span="5"><div className="label">分组名</div></Col>
<Input placeholder="请输入分组名称" onChange={this.inputNewGroupName}></Input> <Col span="15">
</Col> <Input placeholder="请输入分组名称" onChange={this.inputNewGroupName}></Input>
</Row> </Col>
<Row gutter={6} className="modal-input"> </Row>
<Col span="5"><div className="label">简介</div></Col> <Row gutter={6} className="modal-input">
<Col span="15"> <Col span="5"><div className="label">简介</div></Col>
<TextArea rows={3} placeholder="请输入分组描述" onChange={this.inputNewGroupDesc}></TextArea> <Col span="15">
</Col> <TextArea rows={3} placeholder="请输入分组描述" onChange={this.inputNewGroupDesc}></TextArea>
</Row> </Col>
<Row gutter={6} className="modal-input"> </Row>
<Col span="5"><div className="label">组长</div></Col> <Row gutter={6} className="modal-input">
<Col span="15"> <Col span="5"><div className="label">组长</div></Col>
<UsernameAutoComplete callbackState={this.onUserSelect} /> <Col span="15">
</Col> <UsernameAutoComplete callbackState={this.onUserSelect} />
</Row> </Col>
</Modal> </Row>
</Modal>:''
}
<Modal <Modal
title="编辑分组" title="编辑分组"
visible={this.state.editGroupModalVisible} visible={this.state.editGroupModalVisible}

View File

@ -78,18 +78,18 @@ export default class Project extends Component {
data={[{ data={[{
name: routers.interface.name, name: routers.interface.name,
path: `/project/${match.params.id}/interface/api` path: `/project/${match.params.id}/interface/api`
}, {
name: routers.setting.name,
path: `/project/${match.params.id}/setting`
}, { }, {
name: routers.activity.name, name: routers.activity.name,
path: `/project/${match.params.id}/activity` path: `/project/${match.params.id}/activity`
}, { }, {
name: routers.data.name,
path: `/project/${match.params.id}/data`
},{
name: routers.members.name, name: routers.members.name,
path: `/project/${match.params.id}/members` path: `/project/${match.params.id}/members`
}, { }, {
name: routers.data.name, name: routers.setting.name,
path: `/project/${match.params.id}/data` path: `/project/${match.params.id}/setting`
}]} /> }]} />
<Switch> <Switch>
<Redirect exact from="/project/:id" to={`/project/${match.params.id}/interface/api`} /> <Redirect exact from="/project/:id" to={`/project/${match.params.id}/interface/api`} />

View File

@ -126,9 +126,9 @@ class List extends Component {
render: (item) => { render: (item) => {
return ( return (
<span> <span>
<span className="ant-divider" /> {/* <span className="ant-divider" /> */}
<Popconfirm title="确认删除此用户?" onConfirm={() => { this.confirm(item._id) }} okText="确定" cancelText="取消"> <Popconfirm title="确认删除此用户?" onConfirm={() => { this.confirm(item._id) }} okText="确定" cancelText="取消">
<a href="#">删除</a> <a style={{display:"block",textAlign:"center"}} href="#">删除</a>
</Popconfirm> </Popconfirm>
</span> </span>
) )

View File

@ -13,7 +13,7 @@ html, body {
} }
html { html {
background-color: #202d3a; // background-color: #202d3a;
} }
::selection { ::selection {