SftLoginInfo.js
6.61 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/* eslint-disable array-callback-return,no-undef */
import React, { Component } from 'react';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Layout, Tabs, Spin, Avatar } from 'antd-v4';
import * as commonUtils from '@/utils/utils';/* 通用方法 */
import styles from '../../index.less';
import Toolbar from '../Common/ToolBar/ToolBarNew';
import * as commonFunc from '../Common/commonFunc';
import CommonBase from '../Common/CommonBase';
import CommonElementEvent from '../Common/CommonElementEvent';
import StaticEditTable from '../Common/CommonTable';/* 可编辑表格 */
import CommonView from '../Common/CommonView';
import * as commonBusiness from '../Common/commonBusiness';/* 单据业务功能 */
const { Header, Content } = Layout;
const { TabPane } = Tabs;
class SftLoginInfoComponent extends Component {
constructor(props) {
super(props);
this.state = {
};
this.form = {}; /* 表单对象 */
}
render() {
const { pageLoading } = this.props;
return (
<div>
<Spin spinning={pageLoading}>
<div>
<SftLoginComponent
{...this.props}
{...this.state}
/>
</div>
</Spin>
</div>
);
}
}
const SftLoginComponent = Form.create({
mapPropsToFields(props) {
const { masterData } = props;
const obj = commonFunc.mapPropsToFields(masterData, Form);
return obj;
},
})((props) => {
const {
form, onReturnForm, AutoTableHeight, app, departgroupConfig, brandgroupConfig,
} = props;
/* 回带表单 */
onReturnForm(form);
const tabJurgroup = commonFunc.showMessage(app.commonConst, 'tabJurgroup');/* 权限组 */
const tabCustomergroup = commonFunc.showMessage(app.commonConst, 'tabCustomergroup');/* 客户查看权限 */
const tabSupplygroup = commonFunc.showMessage(app.commonConst, 'tabSupplygroup');/* 供应商查看权限 */
const tabPersongroup = commonFunc.showMessage(app.commonConst, 'tabPersongroup');/* 人员查看权限 */
const tabProcessgroup = commonFunc.showMessage(app.commonConst, 'tabProcessgroup');/* 工序查看权限 */
const tabDrivergroup = commonFunc.showMessage(app.commonConst, 'tabDrivergroup');/* 司机查看权限 */
const tabDepartgroup = commonFunc.showMessage(app.commonConst, 'tabDepartgroup');/* 部门查看权限 */
const tabApproveGroup = commonFunc.showMessage(app.commonConst, 'sftlogininfoCheck');/* 审核组权限 */
const tabBrandgroup = '分管公司权限';
return (
<Form>
<Layout>
<Header className={styles.header}>
<Toolbar {...props} />
</Header>
<Layout className={styles.clayout}>
<Content className={styles.content}>
<div className="bill-search-group" >
<CommonView {...props} />
</div>
<div id="slaveTabs" className={styles.bShow}>
<div>
<Avatar src={props.imgSrc} />
</div>
<Tabs className={`${styles.slaveTabs} basicInfo`} tabBarStyle={{ margin: '0 10px' }} >
<TabPane tab={tabJurgroup}key={2} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('jurgroup', props)} footer="hidden" />
</div>
</TabPane>
<TabPane tab={tabCustomergroup} key={3} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('customergroup', props)} footer="hidden" />
</div>
</TabPane>
<TabPane tab={tabSupplygroup} key={4} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('supplygroup', props)} footer="hidden" />
</div>
</TabPane>
<TabPane tab={tabPersongroup} key={5} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('persongroup', props)} footer="hidden" />
</div>
</TabPane>
<TabPane tab={tabProcessgroup} key={6} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('processgroup', props)} footer="hidden" />
</div>
</TabPane>
<TabPane tab={tabDrivergroup} key={7} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('drivergroup', props)} footer="hidden" />
</div>
</TabPane>
{
commonUtils.isNotEmptyObject(departgroupConfig) ?
<TabPane tab={tabDepartgroup} key={8} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('departgroup', props)} footer="hidden" />
</div>
</TabPane> : ''
}
<TabPane tab={tabApproveGroup} key={9} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('approveGroup', props)} footer="hidden" />
</div>
</TabPane>
{
commonUtils.isNotEmptyObject(brandgroupConfig) ?
<TabPane tab={tabBrandgroup} key={10} className="xly-bill-list" style={{ height: `calc( ${AutoTableHeight} - 70px)` }}>
<div className="TabPaneStyle">
<StaticEditTable {...commonBusiness.getTableTypes('brandgroup', props)} onSelectRowChange1={props.onTableSelectRowChange} footer="hidden" />
</div>
</TabPane> : ''
}
</Tabs>
</div>
</Content>
</Layout>
</Layout>
</Form>
);
});
export default CommonBase(CommonElementEvent(SftLoginInfoComponent));