48455300
舒述军
零售任务自动调整
|
1
|
import React, { useState, useEffect, useRef } from 'react';
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
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
|
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Card, Table, Button, Row, DatePicker, Col, InputNumber, message } from 'antd';
import { getRetailManualList, ListItem, autoAlloctionApi, ShopTaskList, save, saveParams } from './api';
import EModal from './component/Modal';
import moment from 'moment';
const { Column } = Table;
const day = new Date();
const month = day.getMonth() + 1;
const year = day.getFullYear();
const strtime = year + '-' + month;
let newDate = new Date(strtime);
const newDay = newDate.getTime();
export default function TacklingCarModels() {
const [visible, setVisible] = useState<boolean>(false);
const [loading, setLoading] = useState<boolean>(false);
const [current, setCurrent] = useState<ShopTaskList>({});
const [confirmLoading, setConfirmLoading] = useState<boolean>(false);
const [saveLoading, setSaveLoading] = useState<boolean>(false);
const [date, setDate] = useState<number>(newDay);
const [edit, setEdit] = useState<boolean>(false);
const [list, setList] = useState<ListItem>({});
const [orginDara, setOrginDara] = useState<ListItem>({});
|
48455300
舒述军
零售任务自动调整
|
27
28
|
const index = useRef();
// let index;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
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
|
useEffect(() => {
getList(newDay);
}, []);
function setReset() {
setList({ ...orginDara });
setEdit(false);
}
//查询列表
function getList(date: number) {
const params = {
taskDate: date.valueOf(),
autoAssign: true,
};
getRetailManualList(params).then(res => {
setLoading(false);
const data = res.data;
setOrginDara(data || {});
setList(data || {});
message.success('请求成功!');
}).catch(e => {
setLoading(false);
message.warning(e.message);
});
}
|
48455300
舒述军
零售任务自动调整
|
57
58
59
60
61
|
/**
* 修改零售任务台数
* @param e
* @param index
*/
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
62
|
function _onChange(e: number, index: number) {
|
48455300
舒述军
零售任务自动调整
|
63
|
const data = JSON.parse(JSON.stringify(list));
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
64
|
data.shopTaskList![index].taskCount = e;
|
48455300
舒述军
零售任务自动调整
|
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
data.shopTaskList![index].clueDealTaskCount = Math.ceil((e || 0)*((data.shopTaskList![index].clueDealTaskRate || 0)/100));
setList({ ...data });
}
/**
* 修改线索到店零售台数
* @param e
* @param index
*/
function handleChangeClue(e: number, index: number) {
const data = JSON.parse(JSON.stringify(list));
if (data.shopTaskList[index].taskCount < e) {
message.error("线索到店零售台数不能大于零售任务!");
return;
}
data.shopTaskList![index].clueDealTaskCount = e;
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
setList({ ...data });
}
function _ChangeMoth(date: any) {
setLoading(true);
setDate(date.valueOf());
getList(date);
}
//保存
function handleClick() {
setLoading(true);
const params = {
id: list.id,
shopTaskList: list.shopTaskList
};
autoAllocationSave(params);
}
|
48455300
舒述军
零售任务自动调整
|
98
|
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
//提交审批
function saveClick() {
setLoading(true);
setSaveLoading(true);
save(list.id).then(() => {
setSaveLoading(false);
setLoading(false);
setList({ ...list, canModified: false });
message.success('提交成功!');
}).catch(e => {
setLoading(false);
message.warning(e.message);
setSaveLoading(false);
});
}
|
48455300
舒述军
零售任务自动调整
|
114
|
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
|
//自动提交
function autoAllocationSave(params: saveParams) {
setConfirmLoading(true);
setEdit(true);
autoAlloctionApi(params).then(() => {
setConfirmLoading(false);
getList(date);
setEdit(false);
}).catch(e => {
message.warning(`${e.message}`);
setConfirmLoading(false);
setLoading(false);
});
}
return (
<PageHeaderWrapper title="零售任务">
<Card>
<Row style={{ marginTop: 20, marginBottom: 20 }}>
<Col span={4}><DatePicker defaultValue={moment(newDay)} picker="month" onChange={_ChangeMoth} /></Col>
</Row>
<Table
dataSource={list.shopTaskList}
loading={loading}
rowKey="shopId"
pagination={false}
summary={pageData => {
let total = 0;
pageData.forEach(({ taskCount }) => {
total += taskCount || 0;
});
return (
<>
{total == 0 ? null :
(
<Table.Summary.Row>
<Table.Summary.Cell index={1}><span style={{ display: 'block', textAlign: 'center' }}>合计</span></Table.Summary.Cell>
<Table.Summary.Cell index={2}>
<span style={{ display: 'block', textAlign: 'center' }}>{total}</span>
</Table.Summary.Cell>
<Table.Summary.Cell index={3} />
</Table.Summary.Row>
)}
</>
);
}}
>
|
48455300
舒述军
零售任务自动调整
|
162
163
164
165
166
|
<Column title="门店" dataIndex="shopName" align="center" />
<Column
title="零售任务(台)"
dataIndex="taskCount"
align="center"
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
167
168
169
170
171
172
173
174
|
render={(value, record, index) => {
if (edit) {
return <InputNumber min={0} value={value} onChange={(e: any) => _onChange(e, index)} />;
} else {
return <span>{value}</span>;
}
}}
/>
|
48455300
舒述军
零售任务自动调整
|
175
176
177
178
179
180
181
182
183
184
|
<Column
title="线索到店零售台数"
dataIndex="clueDealTaskCount"
align="center"
render={(value, record, index) => <span>{value}</span>}
/>
<Column
title="操作"
align="center"
render={(value, record, _index) => (
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
185
|
<>
|
48455300
舒述军
零售任务自动调整
|
186
|
<Button type="link" onClick={() => { setVisible(true); setCurrent(value); index.current = _index; }}>销售顾问任务</Button>
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
187
188
189
190
|
</>
)}
/>
</Table>
|
48455300
舒述军
零售任务自动调整
|
191
|
<EModal setVisible={setVisible} visible={visible} current={current} index={index.current} setList={setList} list={list} setCurrent={setCurrent} isHandledit={edit} />
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
192
193
194
195
196
197
|
<Row justify="center" style={{ marginTop: 15 }}>
{list.canModified ?
(
<>
{edit ?
<Button style={{ width: 110 }} type="primary" onClick={handleClick} loading={confirmLoading}>确定</Button> :
|
48455300
舒述军
零售任务自动调整
|
198
|
<Button style={{ width: 110 }} type="primary" onClick={saveClick} loading={saveLoading}>提交审批</Button>}
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
199
|
{edit ? null :
|
48455300
舒述军
零售任务自动调整
|
200
|
<Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} onClick={() => setEdit(true)} type="default">自动调整</Button>}
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
201
202
|
{edit ?
<Button style={{ width: 110, marginLeft: 15 }} type="default" onClick={setReset} loading={confirmLoading}>取消</Button> :
|
48455300
舒述军
零售任务自动调整
|
203
|
null}
|
cc26d1fc
张志伟
🎉 重新构建项目,解决项目过大的问题
|
204
205
206
207
208
209
210
211
|
</>
)
: null}
</Row>
</Card>
</PageHeaderWrapper>
);
}
|