Commit bd539dc4 by 小明

工作台代码风格调整

parent c2997fed
......@@ -70,6 +70,7 @@
]
},
"dependencies": {
"antd": "^2.5.3",
"babel-polyfill": "6.16.0",
"chalk": "1.1.3",
"compression": "1.6.2",
......
import React, { Component } from 'react';
import { Col, Row, Icon } from 'antd';
class DashboardIndex extends Component { // eslint-disable-line react/prefer-stateless-function
static defaultProps = {
......@@ -305,8 +304,7 @@ class DashboardIndex extends Component { // eslint-disable-line react/prefer-sta
hasPermission = {this.state.hasPermission}
icons = {this.state.icons}
loading = {this.state.loading}
logined = {this.state.logined}
/>);
logined = {this.state.logined}/>);
}
renderAdmin() {
......@@ -326,7 +324,7 @@ class DashboardIndex extends Component { // eslint-disable-line react/prefer-sta
statistic = {this.state.statistic}
hasPermission = {this.state.hasPermission}
icons = {this.state.icons}
loading = {this.state.loading}/>)
loading = {this.state.loading}/>);
}
render() {
......
......@@ -10,77 +10,69 @@ class DashboardIndexMember extends Component { // eslint-disable-line react/pref
const props = $.extend({}, this.props);
const memberShortcuts = [
{type: 'purchase', name: '采购列表', onClick: props.onClick.bind(null, 'purchase')},
{type: 'sale', name: '销售列表', onClick: props.onClick.bind(null, 'sale')},
{type: 'other', name: '其他列表', onClick: props.onClick.bind(null, 'other')},
{type: 'document', name: '单据查询', path: '/mobile/documents'},
{type: 'customer', name: '客户列表', path: '/mobile/customers'},
{type: 'supplier', name: '供应商列表', path: '/mobile/suppliers'},
{type: 'product', name: '产品列表', path: '/mobile/products'},
{type: 'inventory', name: '库存查询', path: '/mobile/inventories'},
{ type: 'purchase', name: '采购列表', onClick: props.onClick.bind(null, 'purchase') },
{ type: 'sale', name: '销售列表', onClick: props.onClick.bind(null, 'sale') },
{ type: 'other', name: '其他列表', onClick: props.onClick.bind(null, 'other') },
{ type: 'document', name: '单据查询', path: '/mobile/documents' },
{ type: 'customer', name: '客户列表', path: '/mobile/customers' },
{ type: 'supplier', name: '供应商列表', path: '/mobile/suppliers' },
{ type: 'product', name: '产品列表', path: '/mobile/products' },
{ type: 'inventory', name: '库存查询', path: '/mobile/inventories' },
].chunk(4);
let outlet = null;
if (this.props.loading) {
if (this.props.logined) {
outlet = (<Icon type='loading' className='search-loading'/>);
outlet = (<Icon type="loading" className="search-loading"/>);
}
} else {
if (this.props.documents.length > 0) {
outlet = (<Row>
<Col span='24'>
outlet = (
<Row>
<Col span="24">
{props.documents.each((doc) =>{
let key = `${doc.type}_${doc.id}`;
<Document key={key} document={doc}></Document>
<Document key={key} document={doc} />
})}
</Col>
</Row>);
</Row>
);
} else {
let column = (<div>
<p className='ik-title-font ik-margin-top-20 ik-title-color'>
还没有单据哦,快去新增吧
</p>
</div>);
let column = null;
if (!props.hasPermission) {
column = (<div>
<svg className='file-color'>
<use xlinkHref={props.icons.document}/>
column = (
<div>
<svg className="file-color">
<use xlinkHref={props.icons.document} />
</svg>
<p className='ik-title-font ik-margin-top-20 ik-title-color'> 亲,你没有权限操作此功能哦</p>
</div>);
<p className="ik-title-font ik-margin-top-20 ik-title-color"> 亲,你没有权限操作此功能哦</p>
</div>
);
} else {
column = (
<div>
<p className="ik-title-font ik-margin-top-20 ik-title-color">
还没有单据哦,快去新增吧
</p>
</div>
);
}
outlet = (<Row type='flex' justify='center' className='document-list ik-padding-bottom-20'>
<Col span='16' className='ik-text-center'>
outlet = (
<Row type="flex" justify="center" className="document-list ik-padding-bottom-20">
<Col span="16" className="ik-text-center">
{column}
</Col>
</Row>);
</Row>
);
}
}
return (<Row>
<Row id="action-sheet-button-container">
<Col span='6' offset='18' className='ik-padding-top-20'>
<div
className='action-sheet-button'
onClick={props.onClick.bind(null, 'new')}>
<Icon type='plus-circle'/>
</div>
</Col>
</Row>
<div id="action-sheet-wrapper">
<IKActionSheet
buttons={props.current_buttons}
visible={props.actionSheetVisible}
onHidden={props.actionSheetHidden}
onSearch={props.handleSearch}>
</IKActionSheet>
</div>
<Row>
<Col span='24'>{memberShortcuts.each((shortcuts, rowCount) => {
{shortcuts.each(shortcut, colCount => {
let fragments = null;
memberShortcuts.each((shortcuts, rowCount) => {
shortcuts.each((shortcut, colCount) => {
let className = ''
if ((colCount + 1) % 4 == 0 ) {
if ((colCount + 1) % 4 === 0 ) {
className = '';
} else {
className = 'ik-border-right';
......@@ -92,26 +84,43 @@ class DashboardIndexMember extends Component { // eslint-disable-line react/pref
if (shortcut.onClick) {
href = 'javascript:void(0);';
}
<Col span='6' className={className}>
<a className='shortcut-link' href={href} onClick={shortcut.onClick}>
fragments += (<Col span="6" className={className}>
<a className="shortcut-link" href={href} onClick={shortcut.onClick}>
<svg>
<use xlinkHref={props.icons[shortcut.type]}/>
<use xlinkHref={props.icons[shortcut.type]} />
</svg>
<p className='ik-margin-top-5 ik-title-font ik-text-center'>{shortcut.name}</p>
<p className="ik-margin-top-5 ik-title-font ik-text-center">{shortcut.name}</p>
</a>
</Col>);
});
});
return (<Row>
<Row id="action-sheet-button-container">
<Col span="6" offset="18" className="ik-padding-top-20">
<div
className="action-sheet-button"
onClick={props.onClick.bind(null, 'new')}>
<Icon type="plus-circle" />
</div>
</Col>
})}
})}</Col>
</Row>
<div id="action-sheet-wrapper">
<IKActionSheet buttons={props.current_buttons} visible={props.actionSheetVisible} onHidden={props.actionSheetHidden} onSearch={props.handleSearch} />
</div>
<Row>
<Col span='24' className='ik-container-background ik-height-40'>
<p className='document-title'>最近的单据</p>
<Col span="24">
{ fragments }
</Col>
<Col span='24'>
{outlet}
</Row>
<Row>
<Col span="24" className="ik-container-background ik-height-40">
<p className="document-title">最近的单据</p>
</Col>
<Col span="24">
{ outlet }
</Col>
</Row>
</Row>)
</Row>);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment