opti: 样式微调

This commit is contained in:
wenbo.dong 2017-07-20 22:24:31 +08:00
parent 3014ea607b
commit 2f8a53d139
3 changed files with 10 additions and 2 deletions

View File

@ -306,7 +306,10 @@ class ProjectList extends Component {
</Form> </Form>
</Modal> </Modal>
<UpDateModal/> <UpDateModal/>
<Button className="m-btn" icon="plus" type="primary" onClick={this.showAddProjectModal}>创建项目</Button>
<Table <Table
className="m-table"
bordered={true}
loading={this.props.tableLoading} loading={this.props.tableLoading}
columns={getColumns(this.state.projectData, this.props)} columns={getColumns(this.state.projectData, this.props)}
dataSource={this.state.projectData} dataSource={this.state.projectData}
@ -315,7 +318,6 @@ class ProjectList extends Component {
defaultPageSize: variable.PAGE_LIMIT, defaultPageSize: variable.PAGE_LIMIT,
onChange: this.paginationChange onChange: this.paginationChange
}} }}
title={() => <Button type="primary" onClick={this.showAddProjectModal}>创建项目</Button>}
/> />
</div> </div>

View File

@ -3,6 +3,12 @@
padding: 16px 24px; padding: 16px 24px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
border-radius: 4px; border-radius: 4px;
text-align: right;
}
.m-table {
text-align: left;
margin-top: .16rem;
} }
.ant-input-group-wrapper { .ant-input-group-wrapper {

View File

@ -159,7 +159,7 @@ class UpDateModal extends Component {
// const that = this; // const that = this;
const { isUpdateModalShow, projectList, handleUpdateIndex } = this.props; const { isUpdateModalShow, projectList, handleUpdateIndex } = this.props;
let initFormValues = {}; let initFormValues = {};
let envMessage = [{name:'name1',host:'host1'}, {name:'name2',host:'host2'}]; let envMessage = [];
// 如果列表存在且用户点击修改按钮时,设置表单默认值 // 如果列表存在且用户点击修改按钮时,设置表单默认值
if (projectList.length !== 0 && handleUpdateIndex !== -1 ) { if (projectList.length !== 0 && handleUpdateIndex !== -1 ) {
// console.log(projectList[handleUpdateIndex]); // console.log(projectList[handleUpdateIndex]);