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

opti: 分组设置样式微调

Browse Source
This commit is contained in:
wenbo.dong 2017-11-09 11:52:30 +08:00
parent c02644ede9
commit bf557c5441
2 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
client/containers/Group/GroupSetting/GroupSetting.js
View File

@ -2,11 +2,12 @@ import React, { Component } from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import { autobind } from 'core-decorators';
import { Row, Col, Input, Button, message, Icon, Card, Alert, Modal } from 'antd';
import { Input, Button, message, Icon, Card, Alert, Modal } from 'antd';
import { fetchNewsData } from '../../../reducer/modules/news.js';
import { changeGroupMsg, fetchGroupList, setCurrGroup, fetchGroupMsg, updateGroupList, deleteGroup } from '../../../reducer/modules/group.js';
const { TextArea } = Input;
import _ from 'underscore';
import './GroupSetting.scss';
const confirm = Modal.confirm;
@connect(
@ -156,23 +157,24 @@ class GroupLog extends Component {
render () {
return (
<div className="m-panel card-panel-s">
<div className="m-panel card-panel card-panel-s panel-group">
<div>
<Row gutter={6} className="modal-input">
<Col span="4"><div className="label">分组名：</div></Col>
<Col span="15">
<Input placeholder="请输入分组名称" value={this.state.currGroupName} onChange={this.changeName}></Input>
</Col>
</Row>
<Row gutter={6} className="modal-input">
<Col span="4"><div className="label">简介：</div></Col>
<Col span="15">
<TextArea rows={3} placeholder="请输入分组描述" value={this.state.currGroupDesc} onChange={this.changeDesc}></TextArea>
</Col>
</Row>
<Row gutter={6} className="modal-input">
<Col span="15" offset="4"><Button type="primary" onClick={this.editGroup}>保存</Button></Col>
</Row>
<div className="row">
<div className="left"><div className="label">分组名：</div></div>
<div className="right">
<Input size="large" placeholder="请输入分组名称" value={this.state.currGroupName} onChange={this.changeName}></Input>
</div>
</div>
<div className="row">
<div className="left"><div className="label">简介：</div></div>
<div className="right">
<TextArea size="large" rows={3} placeholder="请输入分组描述" value={this.state.currGroupDesc} onChange={this.changeDesc}></TextArea>
</div>
</div>
<div className="row">
<div className="left"></div>
<div className="right"><Button type="primary" onClick={this.editGroup}>保存</Button></div>
</div>
</div>
{/* 只有超级管理员能删除分组 */}
{this.props.curUserRole === "admin" ?

14
client/containers/Group/GroupSetting/GroupSetting.scss Normal file
View File

@ -0,0 +1,14 @@
.panel-group {
.row {
display: flex;
align-items: center;
margin-bottom: .16rem;
}
.left {
flex: 180px 0 0;
text-align: right;
}
.right {
flex: 830px 0 1;
}
}