Skip to content

I
ik_invoicing
Commit bd539dc4 by 小明
Options

工作台代码风格调整

parent c2997fed
Showing with 160 additions and 155 deletions
package.json
......@@ -70,6 +70,7 @@
]
},
"dependencies": {
"antd": "^2.5.3",
"babel-polyfill": "6.16.0",
"chalk": "1.1.3",
"compression": "1.6.2",
......
src/modules/dashboard/admin.js
......@@ -15,205 +15,202 @@ class DashboardIndexAdmin extends Component { // eslint-disable-line react/prefe
{ type: 'customer', title: '客户列表' },
{ type: 'supplier', title: '供应商列表' },
{ type: 'product', title: '产品列表' },
{ type: 'inventory', title: '库存查询' }
{ type: 'inventory', title: '库存查询' },
].chunk(4);
const props = $.extend({}, this.props);
let outlet = null;
if (this.props.loading) {
outlet = (<Icon type='loading' className='search-loading' />);
outlet = (<Icon type="loading" className="search-loading" />);
} else {
if (props[`${props.activeTab}Documents`].length > 0) {
outlet = (<Row>
<Col span='24'>
<Col span="24">
{props[`${props.activeTab}Documents`].each((doc) => {
let key = `${doc.type}_${doc.id}`;
<Document
key={key}
document={doc}
type='approving' />
<Document key={key} document={doc} type="approving" />
})}
</Col>
</Row>);
} else {
let column = (<p className='ik-title-font ik-margin-top-20 ik-title-color'>还没有审批通过的单据哦~</p>);
let column = (<p className="ik-title-font ik-margin-top-20 ik-title-color">还没有审批通过的单据哦~</p>);
if (props.activeTab ==='noapproval') {
column = (<div>
<p className='ik-title-font ik-margin-top-20 ik-title-color'>
<p className="ik-title-font ik-margin-top-20 ik-title-color">
还没有单据哦，快去新增吧
</p>
</div>);
} else if (props.activeTab === 'approving') {
column = (<p className='ik-title-font ik-margin-top-20 ik-title-color'>
column = (<p className="ik-title-font ik-margin-top-20 ik-title-color">
真棒！所有单据都审批完了
</p>);
} else if(!props.hasPermission) {
column = (<p className='ik-title-font ik-margin-top-20 ik-title-color'>
column = (<p className="ik-title-font ik-margin-top-20 ik-title-color">
亲，你没有权限操作此功能哦
</p>);
}
outlet = (<Row type='flex' justify='center' className='ik-width-percent-100 ik-padding-bottom-20'>
<Col span='16' className='ik-text-center'>
outlet = (<Row type="flex" justify="center" className="ik-width-percent-100 ik-padding-bottom-20">
<Col span="16" className="ik-text-center">
{column}
</Col>
</Row>);
}
}
return (
<Row className='ik-container-background'>
<Row id='action-sheet-button-container'>
<Col span='6' offset='18' className='ik-padding-top-20'>
<Row className="ik-container-background">
<Row id="action-sheet-button-container">
<Col span="6" offset="18" className="ik-padding-top-20">
<div
className='action-sheet-button'
className="action-sheet-button"
onClick={props.openActionsheet.bind(null, 'new')}>
<Icon type='plus-circle' />
<Icon type="plus-circle" />
</div>
</Col>
</Row>
<div id='action-sheet-wrapper'>
<div id="action-sheet-wrapper">
<IKActionSheet
buttons={props.current_buttons}
visible={props.actionSheetVisible}
onHidden={props.actionSheetHidden}
onSearch={props.handleSearch}/>
</div>
<Col span='24'>
<Row className='ik-background-white'>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='purchase-color'>
<Col span="24">
<Row className="ik-background-white">
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="purchase-color">
<use xlinkHref={props.icons.purchase}/>
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
上周采购总额
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.purchase_last_week)}
</p>
</Col>
</Col>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='purchase-color'>
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="purchase-color">
<use xlinkHref={props.icons.purchase} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
本周采购总额
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.purchase_current_week)}
</p>
</Col>
</Col>
</Row>
<Row className='ik-background-white'>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='sale-color'>
<Row className="ik-background-white">
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="sale-color">
<use xlinkHref={props.icons.sale} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
上周销售总额
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.sale_last_week)}
</p>
</Col>
</Col>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='sale-color'>
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="sale-color">
<use xlinkHref={props.icons.sale} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
上周销售总额
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.sale_current_week)}
</p>
</Col>
</Col>
</Row>
<Row className='ik-background-white'>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='inventory-color'>
<Row className="ik-background-white">
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="inventory-color">
<use xlinkHref={props.icons.inventory} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
库存总量
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.total_inventory)}
</p>
</Col>
</Col>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='inventory-color'>
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="inventory-color">
<use xlinkHref={props.icons.inventory} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
库存种类
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.total_variety)}
</p>
</Col>
</Col>
</Row>
<Row className='ik-background-white'>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='debt-color'>
<Row className="ik-background-white">
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="debt-color">
<use xlinkHref={props.icons.customer_debt} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
客户欠款
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.customer_debt)}
</p>
</Col>
</Col>
<Col span='12' className='statistic-container ik-padding-vertical-20'>
<Col span='8'>
<svg className='debt-color'>
<Col span="12" className="statistic-container ik-padding-vertical-20">
<Col span="8">
<svg className="debt-color">
<use xlinkHref={props.icons.supplier_debt} />
</svg>
</Col>
<Col span='16'>
<p className='ik-content-font ik-content-color'>
<Col span="16">
<p className="ik-content-font ik-content-color">
供应商欠款
</p>
<p className='ik-title-font if-title-color'>
<p className="ik-title-font if-title-color">
{formatMoney(props.statistic.supplier_debt)}
</p>
</Col>
</Col>
</Row>
<Row className='shortcut-wrapper'>
<Row className="shortcut-wrapper">
{allShortcuts.each((shortcuts) => {
shortcuts.each((shortcut) => {
<Col span='6'>
<Col span="6">
<a
href='javascript:void(0);'
className='shortcut-item'
href="javascript:void(0);"
className="shortcut-item"
onClick={props.openActionsheet.bind(null, shortcut.type)}>
<svg>
<use xlinkHref={props.icons[shortcut.type]} />
......@@ -224,7 +221,7 @@ class DashboardIndexAdmin extends Component { // eslint-disable-line react/prefe
});
})}
</Row>
<Row className='document-header'>
<Row className="document-header">
{props.titles.each((tab)=> {
let active = 'document-header-item';
if (props.activeTab === tab.type) {
......@@ -234,7 +231,7 @@ class DashboardIndexAdmin extends Component { // eslint-disable-line react/prefe
span={(24 / props.titles.length)}
className={active}
onClick={props.toggleTab.bind(null, tab.type)}>
<p className='document-title'>
<p className="document-title">
{tab.title}
</p>
</Col>
......
src/modules/dashboard/index.js
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() {
......
src/modules/dashboard/member.js
......@@ -10,108 +10,117 @@ 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'>
{props.documents.each((doc) =>{
let key = `${doc.type}_${doc.id}`;
<Document key={key} document={doc}></Document>
})}
</Col>
</Row>);
outlet = (
<Row>
<Col span="24">
{props.documents.each((doc) =>{
let key = `${doc.type}_${doc.id}`;
<Document key={key} document={doc} />
})}
</Col>
</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'>
{column}
</Col>
</Row>);
outlet = (
<Row type="flex" justify="center" className="document-list ik-padding-bottom-20">
<Col span="16" className="ik-text-center">
{column}
</Col>
</Row>
);
}
}
let fragments = null;
memberShortcuts.each((shortcuts, rowCount) => {
shortcuts.each((shortcut, colCount) => {
let className = ''
if ((colCount + 1) % 4 === 0 ) {
className = '';
} else {
className = 'ik-border-right';
}
if (rowCount < memberShortcuts.length - 1) {
className += 'ik-border-bottom';
}
let href = shortcut.path;
if (shortcut.onClick) {
href = 'javascript:void(0);';
}
fragments += (<Col span="6" className={className}>
<a className="shortcut-link" href={href} onClick={shortcut.onClick}>
<svg>
<use xlinkHref={props.icons[shortcut.type]} />
</svg>
<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'>
<Col span="6" offset="18" className="ik-padding-top-20">
<div
className='action-sheet-button'
className="action-sheet-button"
onClick={props.onClick.bind(null, 'new')}>
<Icon type='plus-circle'/>
</div>
<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>
<IKActionSheet buttons={props.current_buttons} visible={props.actionSheetVisible} onHidden={props.actionSheetHidden} onSearch={props.handleSearch} />
</div>
<Row>
<Col span='24'>{memberShortcuts.each((shortcuts, rowCount) => {
{shortcuts.each(shortcut, colCount => {
let className = ''
if ((colCount + 1) % 4 == 0 ) {
className = '';
} else {
className = 'ik-border-right';
}
if (rowCount < memberShortcuts.length - 1) {
className += 'ik-border-bottom';
}
let href = shortcut.path;
if (shortcut.onClick) {
href = 'javascript:void(0);';
}
<Col span='6' className={className}>
<a className='shortcut-link' href={href} onClick={shortcut.onClick}>
<svg>
<use xlinkHref={props.icons[shortcut.type]}/>
</svg>
<p className='ik-margin-top-5 ik-title-font ik-text-center'>{shortcut.name}</p>
</a>
</Col>
})}
})}</Col>
<Col span="24">
{ fragments }
</Col>
</Row>
<Row>
<Col span='24' className='ik-container-background ik-height-40'>
<p className='document-title'>最近的单据</p>
<Col span="24" className="ik-container-background ik-height-40">
<p className="document-title">最近的单据</p>
</Col>
<Col span='24'>
{outlet}
<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