Blame view

src/pages/Order/WarningWhitelist/index.tsx 9.56 KB
boyang authored
1
2
import ButtonConfirm from '@/components/ButtomConfirm';
import { RESPONSE_CODE } from '@/constants/enum';
3
import {
boyang authored
4
  postServiceOrderAddWarningOrderWhiteList,
5
  postServiceOrderAddWarningUserWhiteList,
boyang authored
6
  postServiceOrderDeleteWarningOrderWhiteList,
7
8
  postServiceOrderDeleteWarningUserWhiteList,
  postServiceOrderWarningOrderWhiteLists,
boyang authored
9
  postServiceOrderWarningUserWhiteLists,
boyang authored
10
11
} from '@/services';
import { PlusOutlined } from '@ant-design/icons';
boyang authored
12
13
14
15
16
17
18
19
import {
  ActionType,
  ModalForm,
  ProColumns,
  ProFormText,
  ProTable,
} from '@ant-design/pro-components';
import { Button, Tabs, message } from 'antd';
boyang authored
20
21
22
23
24
25
26
27
import { useRef } from 'react';
export const waitTimePromise = async (time: number = 100) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, time);
  });
};
zhongnanhuang authored
28
boyang authored
29
30
31
export const waitTime = async (time: number = 100) => {
  await waitTimePromise(time);
};
32
const WarningWhitelist = () => {
boyang authored
33
34
35
36
37
38
39
40
41
  const columnsAccount: ProColumns[] = [
    {
      title: '序号',
      dataIndex: 'index',
      valueType: 'indexBorder',
      width: 48,
    },
    {
      title: '销售账号',
42
      dataIndex: 'userName',
boyang authored
43
      ellipsis: true,
44
45
46
47
48
49
50
      hideInSearch: true,
    },
    {
      title: '销售账号',
      dataIndex: 'userNameLike',
      ellipsis: true,
      hideInTable: true,
boyang authored
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
    },
    {
      title: '添加人',
      dataIndex: 'createByName',
      hideInSearch: true,
      ellipsis: true,
    },
    {
      title: '添加时间',
      valueType: 'dateTimeRange',
      hideInTable: true,
      search: {
        transform: (value) => {
          if (value) {
            return {
              createTimeGe: value[0],
              createTimeLe: value[1],
            };
zhongnanhuang authored
69
          }
boyang authored
70
71
72
73
        },
      },
    },
    {
74
75
76
77
78
79
      title: '添加时间',
      dataIndex: 'createTime',
      hideInSearch: true,
      ellipsis: true,
    },
    {
boyang authored
80
81
82
83
84
85
86
87
88
89
      title: '操作',
      valueType: 'option',
      key: 'option',
      render: (text, record, _, action) => [
        <ButtonConfirm
          key="delete"
          className="p-0"
          title={'确认删除此项吗?'}
          text="删除"
          onConfirm={async () => {
90
91
            console.log(record, '5656record');
            await postServiceOrderDeleteWarningUserWhiteList({
boyang authored
92
              query: {
93
                orderId: record.orderId,
boyang authored
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
              },
            });
            action?.reload();
          }}
        />,
      ],
    },
  ];
  const columnsInvoice: ProColumns[] = [
    {
      title: '序号',
      dataIndex: 'index',
      valueType: 'indexBorder',
      width: 48,
    },
    {
      title: '订单号',
111
      dataIndex: 'orderId',
boyang authored
112
      ellipsis: true,
113
114
115
      search: {
        transform: (value) => {
          if (value) {
boyang authored
116
            console.log(value, '5656valueid');
117
            return {
boyang authored
118
              orderId: Number(value),
119
120
121
122
            };
          }
        },
      },
boyang authored
123
124
125
    },
    {
      title: '所属销售',
126
      dataIndex: 'salesCode',
boyang authored
127
128
129
130
131
132
133
134
135
136
137
      ellipsis: true,
      hideInSearch: true,
    },
    {
      title: '添加人',
      dataIndex: 'createByName',
      hideInSearch: true,
      ellipsis: true,
    },
    {
      title: '添加时间',
138
139
140
141
142
143
      dataIndex: 'createTime',
      hideInSearch: true,
      ellipsis: true,
    },
    {
      title: '添加时间',
boyang authored
144
145
146
147
148
149
150
151
152
      valueType: 'dateTimeRange',
      hideInTable: true,
      search: {
        transform: (value) => {
          if (value) {
            return {
              createTimeGe: value[0],
              createTimeLe: value[1],
            };
zhongnanhuang authored
153
          }
boyang authored
154
155
156
157
158
159
160
161
162
163
164
165
166
167
        },
      },
    },
    {
      title: '操作',
      valueType: 'option',
      key: 'option',
      render: (text, record, _, action) => [
        <ButtonConfirm
          key="delete"
          className="p-0"
          title={'确认删除此项吗?'}
          text="删除"
          onConfirm={async () => {
boyang authored
168
            console.log(record.orderId, '5656idoreder');
169
            await postServiceOrderDeleteWarningOrderWhiteList({
boyang authored
170
              query: {
171
                orderId: record.orderId,
boyang authored
172
173
174
175
176
177
178
179
180
181
182
183
184
185
              },
            });
            action?.reload();
          }}
        />,
      ],
    },
  ];
  const actionRef = useRef<ActionType>();
  const tabsItems = [
    {
      key: 1,
      label: '帐号白名单',
      children: (
186
        <div>
boyang authored
187
188
189
190
191
          <ProTable
            columns={columnsAccount}
            actionRef={actionRef}
            cardBordered
            request={async (params) => {
192
193
              const res = await postServiceOrderWarningUserWhiteLists({
                data: { ...params },
boyang authored
194
              });
boyang authored
195
              console.log(res.data, '5656res.data');
boyang authored
196
              return res.data;
197
            }}
boyang authored
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
            rowKey="id"
            search={{
              labelWidth: 'auto',
            }}
            options={{
              setting: {
                listsHeight: 400,
              },
            }}
            pagination={{
              showSizeChanger: true, // 显示可以选择每页显示条数的下拉菜单
              pageSizeOptions: ['10', '20', '50', '100'], // 设置可以选择的每页显示条数选项
            }}
            dateFormatter="string"
            // headerTitle="添加"
            toolBarRender={() => [
              <ModalForm
                key="add"
                title="添加帐号"
                width={500}
                trigger={
                  <Button type="primary">
                    <PlusOutlined />
                    添加
                  </Button>
                }
                autoFocusFirstInput
                modalProps={{
                  destroyOnClose: true,
                  onCancel: () => console.log('run'),
                }}
                submitTimeout={2000}
                onFinish={async (values) => {
231
232
233
234
235
                  console.log(values, '5656values');
                  const res = await postServiceOrderAddWarningUserWhiteList({
                    data: {
                      userName: values.orderIdsText,
                    },
曾国涛 authored
236
                  });
boyang authored
237
                  if (res.result === RESPONSE_CODE.SUCCESS) {
238
239
240
241
242
                    // actionRef.current?.reload();
                    setTimeout(() => {
                      actionRef.current?.reload();
                    }, 50);
                    console.log('res5656 :>> ', res);
boyang authored
243
244
                    message.success('添加成功');
                    return true;
曾国涛 authored
245
246
                  }
                }}
247
              >
boyang authored
248
249
250
251
252
253
254
255
                <ProFormText
                  name="orderIdsText"
                  label="销售账号"
                  placeholder="请输入销售账号"
                  rules={[
                    {
                      required: true,
                      message: '请输入销售账号',
zhongnanhuang authored
256
                    },
boyang authored
257
258
259
260
261
262
                  ]}
                ></ProFormText>
              </ModalForm>,
            ]}
          />
        </div>
boyang authored
263
      ),
boyang authored
264
265
266
267
268
269
270
271
272
273
274
    },
    {
      key: 2,
      label: '订单白名单',
      children: (
        <div>
          <ProTable
            columns={columnsInvoice}
            actionRef={actionRef}
            cardBordered
            request={async (params) => {
275
              const res = await postServiceOrderWarningOrderWhiteLists({
boyang authored
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
                data: params,
              });
              return res.data;
            }}
            rowKey="id"
            search={{
              labelWidth: 'auto',
            }}
            options={{
              setting: {
                listsHeight: 400,
              },
            }}
            pagination={{
              showSizeChanger: true, // 显示可以选择每页显示条数的下拉菜单
              pageSizeOptions: ['10', '20', '50', '100'], // 设置可以选择的每页显示条数选项
            }}
            dateFormatter="string"
            // headerTitle="添加"
            toolBarRender={() => [
              <ModalForm
                key="add"
                title="添加订单"
                width={500}
                trigger={
                  <Button type="primary">
                    <PlusOutlined />
                    添加
                  </Button>
                }
                autoFocusFirstInput
                modalProps={{
                  destroyOnClose: true,
                  onCancel: () => console.log('run'),
                }}
                submitTimeout={2000}
                onFinish={async (values) => {
313
314
315
                  console.log(values, '5656values');
                  const res = await postServiceOrderAddWarningOrderWhiteList({
                    data: {
boyang authored
316
                      orderId: values.orderIdsText,
317
                    },
zhongnanhuang authored
318
319
                  });
                  if (res.result === RESPONSE_CODE.SUCCESS) {
320
321
322
                    setTimeout(() => {
                      actionRef.current?.reload();
                    }, 50);
boyang authored
323
324
                    message.success('添加成功');
                    return true;
zhongnanhuang authored
325
                  }
326
327
                }}
              >
boyang authored
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
                <ProFormText
                  name="orderIdsText"
                  label="订单号"
                  placeholder="请输入订单号"
                  rules={[
                    {
                      required: true,
                      message: '请输入订单号',
                    },
                  ]}
                ></ProFormText>
              </ModalForm>,
            ]}
          />
        </div>
boyang authored
343
344
345
      ),
    },
  ];
calmound authored
346
  return (
boyang authored
347
348
349
350
351
352
    <div>
      <Tabs
        defaultActiveKey="1"
        items={tabsItems}
        onChange={(value) => {
          console.log(value, '5656tabsvalue');
zhongnanhuang authored
353
        }}
354
      />
355
    </div>
boyang authored
356
357
358
  );
};
export default WarningWhitelist;