Blame view

src/pages/Order/components/OrderDrawer.tsx 49 KB
zhongnanhuang authored
1
import { RESPONSE_CODE } from '@/constants/enum';
2
import {
3
4
  postKingdeeRepCustomer,
  postKingdeeRepCustomerDetail,
5
  postKingdeeRepMaterial,
zhongnanhuang authored
6
7
  postKingdeeRepMaterialUnit,
  postKingdeeRepMeasureUnit,
8
  postServiceOrderAddOrder,
zhongnanhuang authored
9
  postServiceOrderAfterSalesQuerySnapshotOrder,
10
  postServiceOrderApplyAfterSales,
11
  postServiceOrderApplyModify,
12
  postServiceOrderQuerySalesCode,
zhongnanhuang authored
13
  postServiceOrderUpdateOrder,
14
} from '@/services';
zhongnanhuang authored
15
import {
16
17
  FloatAdd,
  FloatMul,
zhongnanhuang authored
18
19
20
21
  enumToSelect,
  getAliYunOSSFileNameFromUrl,
  getUserInfo,
} from '@/utils';
22
import { getTeacherCustomFieldNumber } from '@/utils/kingdee';
sanmu authored
23
24
25
26
import {
  DrawerForm,
  FormListActionType,
  ProCard,
27
  ProFormDateTimePicker,
28
  ProFormDigit,
sanmu authored
29
  ProFormList,
30
  ProFormSelect,
sanmu authored
31
  ProFormText,
32
  ProFormTextArea,
zhongnanhuang authored
33
  ProFormUploadDragger,
sanmu authored
34
} from '@ant-design/pro-components';
zhongnanhuang authored
35
import { Button, Form, Modal, message } from 'antd';
zhongnanhuang authored
36
import { cloneDeep } from 'lodash';
zhongnanhuang authored
37
import { useEffect, useRef, useState } from 'react';
38
import {
39
  AFTE_SALES_PLAN_OPTIONS,
40
  INVOCING_STATUS_OPTIONS,
zhongnanhuang authored
41
  INVOCING_STATUS_OPTIONS_OLD,
zhongnanhuang authored
42
  PAYEE_OPTIONS,
43
44
45
  PAYMENT_CHANNEL_OPTIONS,
  PAYMENT_METHOD_OPTIONS,
  PRODUCT_BELONG_DEPARTMENT_OPTIONS,
zhongnanhuang authored
46
  SHIPPING_WAREHOUSE_OPTIONS,
47
} from '../constant';
48
import KingdeeCustomerModal from './KingdeeCustomerModal';
sanmu authored
49
50
export default ({ onClose, data, subOrders, orderOptType }) => {
zhongnanhuang authored
51
  const [invoicingStatus, setInvoicingStatus] = useState('');
52
  const [salesCodeOptions, setSalesCodeOptions] = useState([]);
53
  const [submitBtnLoading, setSubmitBtnLoading] = useState(false);
54
  const [drawerTitle, setDrawerTitle] = useState('');
zhongnanhuang authored
55
  const [hasLocalData, setHasLocalData] = useState(false);
56
  const [customer, setCustomer] = useState({});
zhongnanhuang authored
57
  const [localSaveLoading, setLocalSaveLoading] = useState(false);
58
59
  const [kingdeeCstomerModalVisible, setKingdeeCstomerModalVisible] =
    useState(false);
zhongnanhuang authored
60
61
62
63
  const [
    productParametersDisabledFlagList,
    setProductParametersDisabledFlagList,
  ] = useState([]);
64
65
66
67
68
69
  // const [productInvStockOptionsList, setProductInvStockOptionsList] = useState(
  //   [],
  // ); //商品的仓库选项
  const [productUnitOptionsList, setProductUnitOptionsList] = useState([]); //商品的单位选项
  const [productCustomerContactOptions, setProductCustomerContactOptions] =
    useState([]); //客户的收货人选项
zhongnanhuang authored
70
  const [form] = Form.useForm<{
zhongnanhuang authored
71
    isLocalData: boolean;
zhongnanhuang authored
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
    salesCode: '';
    customerName: '';
    customerContactNumber: '';
    institution: '';
    institutionContactName: '';
    customerShippingAddress: '';
    totalPayment: '';
    paymentChannel: '';
    paymentMethod: '';
    productBelongBusiness: '';
    invoicingStatus: '';
    invoiceIdentificationNumber: '';
    invoicingTime: '';
    bank: '';
    bankAccountNumber: '';
    deleteSubOrderLists: [];
88
    filePaths: [];
zhongnanhuang authored
89
    notes: '';
90
    invoiceFirst: boolean;
zhongnanhuang authored
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
    list: [
      {
        productCode: '';
        productName: '';
        quantity: '';
        productPrice: '';
        parameters: '';
        subOrderPayment: '';
        unit: '';
        serialNumber: '';
        notes: '';
      },
    ];
  }>();
zhongnanhuang authored
106
107
  let copyData = cloneDeep(data);
zhongnanhuang authored
108
  let originSubOrders = cloneDeep(subOrders);
109
110
111
112
113
114
115
116
  /**
   * 获取当前的操作类型boolean值
   * @param type 操作类型,如果与当前匹配返回true
   */
  function optType(type: string) {
    return orderOptType === type;
  }
zhongnanhuang authored
117
zhongnanhuang authored
118
  /**
zhongnanhuang authored
119
   * 获取销售代码枚举,在复制和编辑的时候判断是否为旧的代码
zhongnanhuang authored
120
   */
121
  const getSalesCodeOptions = async () => {
zhongnanhuang authored
122
123
    const res = await postServiceOrderQuerySalesCode();
    let options = res.data?.map((item) => {
124
125
126
127
128
      return {
        label: item.userName,
        value: item.userName,
        number: item.number,
      };
129
130
    });
    setSalesCodeOptions(options);
zhongnanhuang authored
131
132
133
134
135

    if (optType('copy') || optType('edit')) {
      let includeFlag = false;
      //销售代码校验,如果是旧的销售代码,则提示并清空
      for (let option of options) {
zhongnanhuang authored
136
        if (option.value === copyData.salesCode) {
zhongnanhuang authored
137
138
139
          includeFlag = true;
        }
      }
zhongnanhuang authored
140
zhongnanhuang authored
141
142
143
144
145
      if (!includeFlag) {
        form.resetFields(['salesCode']);
        message.warning('检测到销售代码为旧的,已清空,请重新选择');
      }
    }
146
147
  };
zhongnanhuang authored
148
  /**
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
   * 选择客户后自动为收货人Select添加选项,填充课题组和单位信息
   * @param option 客户选项
   */
  async function autoFillCustomerContactSelectOptions(customerId: any) {
    //查询单位详细信息
    let res = await postKingdeeRepCustomerDetail({
      data: {
        id: customerId,
      },
    });

    //erp客户名称
    form.setFieldValue('erpCustomerName', res?.name);

    //重新设置当前option
    form.setFieldValue('erpCustomerId', {
      label: res?.name,
      value: res?.id,
      id: res?.id,
    });

    //查询客户自定义字段,课题组
    let entity_number = await getTeacherCustomFieldNumber();

    //在单位详细信息中拿到自定义字段的值
    let customField = res?.custom_field;
    if (customField) {
      let teacherName = customField[entity_number];
      //填充到课题组老师表单字段中
      form.setFieldValue('institutionContactName', teacherName);
    }

    //单位名称,从客户名称中获取,客户名称规则<单位名称>-<联系人名称和电话>
    let namePortions = res?.name?.split('-');
    if (namePortions && namePortions.length >= 2) {
      form.setFieldValue('institution', namePortions[0]);
    }

    //如果原来的收货信息没有包含在这次查询出来的收货人选项中,那么清除原来的收货人信息
    let existFlag = false;

    //填充收货人选项
    let newProductCustomerContactOptions = res?.bomentity?.map((item) => {
      let address =
        item.contact_person + ',' + item.mobile + ',' + item.contact_address;
      if (address === data.contactAddress) {
        existFlag = true;
      }
      return { ...item, label: address, value: address };
    });

    setProductCustomerContactOptions(newProductCustomerContactOptions);

    if (!existFlag) {
      //清空原来的收货人信息
      form.setFieldValue('customerShippingAddress', undefined);
      form.setFieldValue('customerContactNumber', undefined);
      form.setFieldValue('customerName', undefined);
      form.setFieldValue('erpCustomerAddress', undefined);
    }
  }

  /**
   * 回显金蝶信息
   */
  async function showKindeeInfo() {
    //客户信息
216
    if (copyData.customerId) {
217
      //客户回显
218
      autoFillCustomerContactSelectOptions(copyData.customerId);
219
220
221
    }

    //商品单位回显
222
    let list = copyData?.subOrderInformationLists;
223
224
225
226
227
228
229
230
231
232
233
234
    if (list) {
      let newProductUnitOptionsList = [...productUnitOptionsList];
      for (let i = 0; i < list.length; i++) {
        newProductUnitOptionsList[i] = [
          { label: list[i].unit, value: list[i].unitId },
        ];
      }
      setProductUnitOptionsList(newProductUnitOptionsList);
    }
  }

  /**
zhongnanhuang authored
235
236
237
238
239
   * 构建回显数据
   */
  function buildOrderData() {
    // let mainInfoDisbled = optType('edit');
    if (!optType('add')) {
zhongnanhuang authored
240
241
242
243
      if (subOrders !== undefined && subOrders.length > 0) {
        copyData.subOrderInformationLists = subOrders;
      }
zhongnanhuang authored
244
245
246
247
248
249
250
251
252
253
254
255
      //如果是复制,需要开票,不回显是否需要开票字段
      if (optType('copy')) {
        if (copyData.invoicingStatus === 'INVOICED') {
          copyData.invoicingStatus = undefined;

          //复制的时候,如果是不需要开票,要把开票信息清空
          if (copyData.invoicingStatus === 'UN_INVOICE') {
            copyData.invoiceIdentificationNumber = undefined;
          }
        }
      }
      //主订单事业部默认显示子订单第一条的事业部
zhongnanhuang authored
256
257
258
259
260
261
262
263
264
265
      copyData.productBelongBusiness =
        copyData.subOrderInformationLists[0].productBelongBusiness;
      copyData.paymentMethod =
        copyData.subOrderInformationLists[0].paymentMethod;
      copyData.paymentChannel =
        copyData.subOrderInformationLists[0].paymentChannel;
      copyData.invoicingStatus =
        copyData.subOrderInformationLists[0].invoicingStatus;

      //子订单数据处理:子订单在表单中的命名为list
zhongnanhuang authored
266
      let i = 0;
zhongnanhuang authored
267
      let newList = copyData.subOrderInformationLists?.map((item) => {
zhongnanhuang authored
268
269
270
271
272
273
274
275
276
277
278
279
        item.filePaths = item.listAnnex?.map((path) => {
          return {
            uid: i++,
            name: getAliYunOSSFileNameFromUrl(path),
            status: 'uploaded',
            url: path,
            response: { data: [path] },
          };
        });
        return item;
      });
zhongnanhuang authored
280
      copyData['list'] = newList;
zhongnanhuang authored
281
zhongnanhuang authored
282
283
284
285
286
287
      //发货仓库处理
      for (let listItem of copyData.list) {
        if (listItem.shippingWarehouse === null) {
          listItem.shippingWarehouse = 'DALANG_WAREHOUSE';
        }
      }
zhongnanhuang authored
288
zhongnanhuang authored
289
290
291
292
293
294
295
296
297
298
299
      setInvoicingStatus(copyData.invoicingStatus);
      form.setFieldsValue({ ...copyData });

      //如果是新建,需要清空list
      if (optType('add')) {
        form.resetFields(['list']);
      }

      if (!optType('after-sales-check')) {
        showKindeeInfo();
      }
300
    }
zhongnanhuang authored
301
302
  }
303
304
305
306
  /**
   * 获取旧订单信息
   * @param id
   */
zhongnanhuang authored
307
308
309
310
311
312
313
314
315
316
317
  async function getOldOrderData(id: any) {
    let res = await postServiceOrderAfterSalesQuerySnapshotOrder({
      data: {
        mainOrderId: id,
      },
    });

    copyData = res.data.mainOrder;
    copyData.subOrderInformationLists = res.data.subOrders;
    originSubOrders = res.data.subOrders;
318
319
320
321
322
323
    //客户显示
    form.setFieldValue('erpCustomerId', {
      label: copyData.erpCustomerName,
      value: copyData.customerId,
    });
zhongnanhuang authored
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
    buildOrderData();
  }

  /**
   *
   * @returns 获取开票选项
   */
  function getInvoicingSelect() {
    if (optType('edit') || optType('after-sales-check')) {
      return enumToSelect(INVOCING_STATUS_OPTIONS_OLD);
    }
    return enumToSelect(INVOCING_STATUS_OPTIONS);
  }

  const fileList: any = [];
339
zhongnanhuang authored
340
  useEffect(() => {
341
342
343
344
345
346
347
348
349
350
351
352
353
    //弹窗标题
    if (optType('add')) {
      setDrawerTitle('新增订单');
    }
    if (optType('copy')) {
      setDrawerTitle('复制订单');
    }
    if (optType('edit')) {
      setDrawerTitle('修改订单');
    }
    if (optType('after-sales')) {
      setDrawerTitle('申请售后');
    }
zhongnanhuang authored
354
355
    if (optType('after-sales-check')) {
      setDrawerTitle('订单信息');
356
    }
357
358
359
    if (optType('order-change-normal')) {
      setDrawerTitle('申请修改');
    }
zhongnanhuang authored
360
  }, []);
361
362
363
364
365
366
  const actionRef = useRef<
    FormListActionType<{
      name: string;
    }>
  >();
sanmu authored
367
368
369
370
371
372
373
374
375
  useEffect(() => {
    form.setFieldsValue({ ...data });
    //如果是新建,需要清空list
    if (optType('add')) {
      form.resetFields(['list']);
    }
  }, [data]);
zhongnanhuang authored
376
  /**
zhongnanhuang authored
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
   * 所属部门修改事件
   * 如果选择实验耗材事业部,那么发货仓库默认是大朗仓库
   * @param val
   */
  function productBelongBusinessChange(val: any, index: any) {
    if (val === 'EXPERIMENTAL_CONSUMABLES') {
      let list = form.getFieldValue('list');
      let currentData = list[index];
      if (currentData) {
        currentData.shippingWarehouse = 'DALANG_WAREHOUSE';
        form.setFieldValue('list', list);
        message.info('已默认选择大朗仓库');
      }
    }
  }

  /**
zhongnanhuang authored
394
395
396
397
   *
   * @param option 商品名称所对应的商品数据
   * @param currentRowData list中当前行的数据
   */
398
399
400
401
402
  async function autoFillProductInfo(
    option: any,
    currentRowData: any,
    index: any,
  ) {
zhongnanhuang authored
403
404
405
406
407
    let newProductParametersDisabledFlagList = [
      ...productParametersDisabledFlagList,
    ];
    let newProductUnitOptionsList = [...productUnitOptionsList];
    newProductUnitOptionsList[index] = [];
408
zhongnanhuang authored
409
410
411
412
    //是新增商品
    if (option.type === 'add') {
      //商品参数开放权限可以编辑
      newProductParametersDisabledFlagList[index] = false;
413
zhongnanhuang authored
414
415
416
417
418
419
420
421
422
423
      //清空商品信息
      let copyList = form.getFieldValue('list');
      let currentData = copyList[index];
      currentData.productCode = undefined;
      currentData.parameters = undefined;
      currentData.unit = undefined;
      currentData.subOrderPayment = undefined;
      currentData.quantity = undefined;
      currentData.notes = undefined;
      currentData.productPrice = undefined;
424
425
426

      currentData.unitId = undefined;
      currentData.materialId = undefined;
zhongnanhuang authored
427
      form.setFieldValue('list', copyList);
428
429
430
431
432
433
434
435
436
437
438
      //todo 查询计量单价列表
      if (false) {
        let res = await postKingdeeRepMeasureUnit({ data: {} });
        if (res && res?.rows) {
          for (let row of res?.rows) {
            newProductUnitOptionsList[index].push({
              label: row.name,
              value: row.id,
            });
          }
zhongnanhuang authored
439
440
441
442
443
444
445
446
447
        }
      }
    } else {
      //选择的是已有的商品,进行内容自动填充
      let copyList = form.getFieldValue('list');
      let currentData = copyList[index];
      currentData.productCode = option?.number;
      currentData.parameters = option?.model;
      currentData.unit = option?.base_unit_name;
448
zhongnanhuang authored
449
450
      //商品id
      currentData.materialId = option?.id;
451
zhongnanhuang authored
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
      //单位
      currentData.unit = option.base_unit_name;
      currentData.unitId = option.base_unit_id;

      form.setFieldValue('list', copyList);

      //商品所在的仓库选项填充
      // let res = await postKingdeeRepMaterialStock({
      //   data: {
      //     material_id: option.id,
      //   },
      // });
      // let newProductInvStockOptionsList = [...productInvStockOptionsList];
      // newProductInvStockOptionsList[index] = res?.rows?.map((item) => {
      //   return { label: item.inv_stock, value: item.inv_stock_id };
      // });
      // setProductInvStockOptionsList(newProductInvStockOptionsList);

      //商品单位填充,查询商品单位列表
      let res = await postKingdeeRepMaterialUnit({
        data: { material_id: option.id },
      });
      if (res && res.rows) {
        for (let row of res.rows) {
          newProductUnitOptionsList[index].push({
            label: row.unit_name,
            value: row.unit_id,
          });
        }
      }
      //商品参数不允许编辑
      newProductParametersDisabledFlagList[index] = true;
    }

    setProductParametersDisabledFlagList(newProductParametersDisabledFlagList);
487
    setProductUnitOptionsList(newProductUnitOptionsList);
488
  }
zhongnanhuang authored
489
490
491
492
493

  /**
   * 选择收货人后自动填充信息
   * @param option 收货人信息
   */
494
495
496
497
498
499
  async function autoFillCustomerInfo(option: any) {
    form.setFieldValue('customerShippingAddress', option.contact_address);
    form.setFieldValue('customerContactNumber', option.mobile);
    form.setFieldValue('customerName', option.contact_person);

    //erp收货地址:需要与客户联系人中的地址一样:姓名,手机号,地址
500
    form.setFieldValue('contactAddress', option.value);
501
502
503
504
505
506
507
508
  }

  /**
   * 填充销售代表的信息
   * @param option
   */
  function autoFillSalesInfo(option: any) {
    //销售代表对应职员编码填充
509
    form.setFieldValue('empNumber', option.number);
zhongnanhuang authored
510
511
512
  }

  /**
513
   * todo 选择商品单位后自动填充
zhongnanhuang authored
514
515
516
   * @param option
   * @param index
   */
517
518
519
520
521
522
  // function autoFillUnit(option: any, index: any) {
  //   let copyList = form.getFieldValue('list');
  //   let currentData = copyList[index];
  //   currentData.unit = option?.label;
  //   form.setFieldValue('list', copyList);
  // }
zhongnanhuang authored
523
524

  /**
zhongnanhuang authored
525
526
527
528
529
530
531
532
533
   * 计算子订单金额
   * @param listMeta 当前商品信息
   */
  function computeSubOrderPayment(listMeta: any) {
    let quantity = listMeta?.record?.quantity;
    let productPrice = listMeta?.record?.productPrice;
    quantity = quantity === '' || quantity === undefined ? 0 : quantity;
    productPrice =
      productPrice === '' || productPrice === undefined ? 0 : productPrice;
534
535
    quantity = parseInt(quantity);
    productPrice = parseFloat(productPrice);
zhongnanhuang authored
536
537
    listMeta.subOrderPayment = FloatMul(quantity, productPrice);
zhongnanhuang authored
538
    let list = form.getFieldValue('list');
539
    list[listMeta?.index].subOrderPayment = FloatMul(quantity, productPrice);
zhongnanhuang authored
540
541
542
543
544
545
546
547
548
549
550
    form.setFieldValue('list', list);
  }

  /**
   * 计算支付总额
   */
  function computeTotalPayment() {
    let list = form.getFieldValue('list');
    let totalPayment = 0;
    list?.forEach((subOrder: any) => {
      let subOrderPayment = subOrder?.subOrderPayment;
551
552
      if (subOrderPayment !== '' && subOrderPayment !== undefined) {
        totalPayment = FloatAdd(subOrderPayment, totalPayment);
zhongnanhuang authored
553
554
555
556
557
      }
    });
    form.setFieldValue('totalPayment', totalPayment);
  }
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
  /**
   * 检查客户是否可以编辑
   * @returns
   */
  const customerEditable = () => {
    let erpCustomerId = form.getFieldValue('erpCustomerId');
    if (
      optType('after-sales-check') ||
      erpCustomerId === null ||
      erpCustomerId === undefined
    ) {
      return false;
    }

    return true;
  };
zhongnanhuang authored
575
  /**
576
577
   * 是否有草稿
   */
zhongnanhuang authored
578
579
  function checkHasLocalData() {
    let preOrderData = localStorage.getItem('preOrderData');
580
581
582
583
    let hasLocalData =
      preOrderData !== null &&
      preOrderData !== undefined &&
      preOrderData !== '';
zhongnanhuang authored
584
585
586
587
588
589
590
591
592
593
    setHasLocalData(hasLocalData);
    return hasLocalData;
  }

  /**
   * 保存表单数据到本地
   */
  function saveFormDataToLocal() {
    let preOrderData = localStorage.getItem('preOrderData');
    let values = form.getFieldsValue();
594
    values.isLocalData = true; //标识为本地草稿数据
zhongnanhuang authored
595
596
597
598
599
    let formData = JSON.stringify(values);

    //检查本地是否已有数据
    if (preOrderData) {
      Modal.confirm({
600
601
        title: '提示',
        content: '检测到本地有订单数据,是否覆盖?',
zhongnanhuang authored
602
        onOk: () => {
603
604
          localStorage.setItem('preOrderData', formData);
          message.success('本地保存成功');
zhongnanhuang authored
605
606
        },
        onCancel: () => {
607
608
609
          message.info('取消保存');
        },
      });
zhongnanhuang authored
610
    } else {
611
612
      localStorage.setItem('preOrderData', formData);
      message.success('本地保存成功');
zhongnanhuang authored
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
    }

    checkHasLocalData();
    setLocalSaveLoading(false);
  }

  /**
   * 使用草稿数据
   */
  function useLocalFormData() {
    let preOrderData = localStorage.getItem('preOrderData');
    if (preOrderData) {
      let formData = JSON.parse(preOrderData);
      form.setFieldsValue(formData);
    }
  }

  /**
   * 刪除草稿数据
   */
633
634
  function removeLocalFormData() {
    localStorage.removeItem('preOrderData');
zhongnanhuang authored
635
636
  }
zhongnanhuang authored
637
  useEffect(() => {
zhongnanhuang authored
638
    checkHasLocalData();
zhongnanhuang authored
639
    getSalesCodeOptions();
zhongnanhuang authored
640
641
642
643
644
645
646
    if (optType('after-sales-check')) {
      getOldOrderData(data.id);
    } else {
      buildOrderData();
    }
  }, []);
sanmu authored
647
  return (
648
649
    <>
      <DrawerForm<{
zhongnanhuang authored
650
        isLocalData: any;
651
652
653
654
655
656
        deleteSubOrderLists: any;
        name: string;
        company: string;
      }>
        open
        width="35%"
657
        title={drawerTitle}
658
659
660
661
662
663
664
        resize={{
          onResize() {
            console.log('resize!');
          },
          maxWidth: window.innerWidth * 0.8,
          minWidth: 400,
        }}
zhongnanhuang authored
665
        onFinishFailed={() => {
666
          message.error('表单项存在错误,请检查');
zhongnanhuang authored
667
668
          setSubmitBtnLoading(false);
        }}
669
670
671
672
673
674
675
676
677
678
679
680
        submitter={{
          render: (props) => {
            return [
              <Button
                key="cancel"
                onClick={() => {
                  onClose();
                }}
              >
                取消
              </Button>,
              <Button
zhongnanhuang authored
681
682
                key="localSave"
                loading={localSaveLoading}
683
                hidden={!optType('add') && !optType('copy')}
zhongnanhuang authored
684
685
686
687
688
689
690
691
                onClick={() => {
                  setLocalSaveLoading(true);
                  saveFormDataToLocal();
                }}
              >
                本地保存
              </Button>,
              <Button
692
693
694
695
696
697
698
699
700
                key="ok"
                type="primary"
                loading={submitBtnLoading}
                disabled={optType('after-sales-check')}
                onClick={() => {
                  setSubmitBtnLoading(true);
                  props.submit();
                }}
              >
zhongnanhuang authored
701
                提交
702
703
704
705
              </Button>,
            ];
          },
        }}
706
707
708
709
710
        form={form}
        autoFocusFirstInput
        drawerProps={{
          destroyOnClose: true,
          maskClosable: false,
711
712
713
714
715
716
717
718
719
720
721
722
          extra: [
            <Button
              key="useLocalData"
              hidden={!hasLocalData}
              type="link"
              onClick={() => {
                useLocalFormData();
              }}
            >
              使用草稿
            </Button>,
          ],
723
724
725
726
727
728
729
730
731
732
733
734
        }}
        submitTimeout={2000}
        onFinish={async (values) => {
          let res = {};
          //附件处理
          let list = values.list;
          // console.log(list);
          list = list.map((item) => {
            item.filePaths = item.filePaths?.map((file) => {
              return { url: file.response.data[0] };
            });
            return item;
zhongnanhuang authored
735
736
          });
737
738
739
          values.list = list;
          values.institution = values.institution?.trim();
          values.institutionContactName = values.institutionContactName?.trim();
740
741
742
          if (typeof values.erpCustomerId !== 'string') {
            values.erpCustomerId = values.erpCustomerId?.id;
743
744
          }
745
          //新增
746
747
          if (optType('add') || optType('copy')) {
            res = await postServiceOrderAddOrder({ data: values });
748
          }
749
750
751
752
753
754
          //修改或者申请售后或者申请修改
          if (
            optType('edit') ||
            optType('after-sales') ||
            optType('order-change-normal')
          ) {
755
            //计算已删除的子订单id
756
757
758
759
760
761
762
763

            let originIds = [];
            if (originSubOrders !== undefined && originSubOrders.length > 0) {
              originIds = originSubOrders?.map((item) => {
                return item.id;
              });
            }
764
765
766
767
768
            const curIds = form.getFieldValue('list')?.map((item) => {
              return item.id;
            });
            let diff = originIds.filter((item) => !curIds.includes(item));
            values.deleteSubOrderLists = diff;
zhongnanhuang authored
769
770
771
772
            if (optType('edit')) {
              res = await postServiceOrderUpdateOrder({ data: values });
            }
773
774
            values.applyType = orderOptType;
775
            if (optType('after-sales')) {
776
777
778
779
780
              values.filePaths = values.filePaths?.map((file) => {
                return { url: file.response.data[0] };
              });
              res = await postServiceOrderApplyAfterSales({ data: values });
            }
781
782
783
784
785
786
787

            if (optType('order-change-normal')) {
              values.filePaths = values.filePaths?.map((file) => {
                return { url: file.response.data[0] };
              });
              res = await postServiceOrderApplyModify({ data: values });
            }
788
          }
789
790
791
792
793
          if (res.result === RESPONSE_CODE.SUCCESS) {
            message.success(res.message);
            // 不返回不会关闭弹框
            onClose(true);
zhongnanhuang authored
794
795

            //判断保存的数据是否是本地草稿,是的话将草稿删除
796
797
            let isLocalData = form.getFieldValue('isLocalData');
            if (isLocalData) {
zhongnanhuang authored
798
799
800
801
              removeLocalFormData();
              checkHasLocalData();
            }
802
803
            return true;
          }
804
805

          setSubmitBtnLoading(false);
806
807
808
        }}
        onOpenChange={(val) => {
          return !val && onClose();
zhongnanhuang authored
809
        }}
810
      >
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
        {optType('after-sales') ? (
          <>
            <h2>售后信息</h2>
            <ProFormSelect
              key="key"
              label="售后方案"
              width="lg"
              showSearch
              name="afterSalesPlan"
              options={enumToSelect(AFTE_SALES_PLAN_OPTIONS)}
              placeholder="请搜索"
              rules={[{ required: true, message: '售后方案必填' }]}
            ></ProFormSelect>
            <ProFormTextArea
              width="lg"
              label="售后原因"
              name="afterSalesNotes"
              rules={[{ required: true, message: '售后原因必填' }]}
            />
            <ProFormUploadDragger
              key="filePaths"
              label="售后附件"
              name="filePaths"
              action="/api/service/order/fileProcess"
              fieldProps={{
                headers: { Authorization: localStorage.getItem('token') },
              }}
            />
          </>
        ) : (
          ''
        )}
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
        <h2>订单基本信息</h2>
        <ProFormText
          key="id"
          name="id"
          width="lg"
          disabled
          label="id"
          placeholder="id"
          hidden
        />
        <ProFormText
          key="empNumber"
          name="empNumber"
          width="lg"
          label="销售职员编码"
          placeholder="销售职员编码"
          hidden
        />
        <ProFormSelect
          name="salesCode"
          key="salesCode"
          width="lg"
          showSearch
          label="销售代表"
          placeholder="请输入销售代表"
          rules={[{ required: true, message: '销售代表必填' }]}
          options={salesCodeOptions}
          onChange={(_, option) => {
            autoFillSalesInfo(option);
          }}
874
          disabled={optType('after-sales-check')}
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
        />
        <ProFormText
          key="erpCustomerName"
          name="erpCustomerName"
          hidden
        ></ProFormText>

        <ProFormText
          key="contactAddress"
          name="contactAddress"
          hidden
        ></ProFormText>

        <ProFormSelect
          name="erpCustomerId"
          key="erpCustomerId"
          width="lg"
          showSearch
893
          disabled={optType('after-sales-check')}
zhongnanhuang authored
894
          tooltip="空格将作为或条件。例如输入[北京 广东],那么查找出来的将是包含[北京]或者包含[广东]的搜索结果"
895
896
897
898
          label={
            <>
              <span>客户</span>
              <span
899
900
901
902
                className={
                  'pl-2 text-xs cursor-pointer ' +
                  (customerEditable() ? 'text-[#1677ff]' : 'text-gray-400')
                }
903
                onClick={() => {
904
905
906
                  if (!customerEditable()) {
                    return;
                  }
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
                  let customerId = form.getFieldValue('erpCustomerId');
                  if (typeof customerId === 'string') {
                    setCustomer({ ...customer, id: customerId });
                  } else {
                    setCustomer({ ...customer, id: customerId.id });
                  }
                  setKingdeeCstomerModalVisible(true);
                }}
              >
                编辑客户信息
              </span>
            </>
          }
          placeholder="请选择客户"
          rules={[{ required: true, message: '客户必填' }]}
          onChange={(_, option) => {
            //新增客户
924
925
            if (option?.type === 'add') {
              setCustomer({ name: option?.name });
926
927
928
              setKingdeeCstomerModalVisible(true);
              return;
            }
929
            autoFillCustomerContactSelectOptions(option?.id);
930
931
          }}
          initialValue={{
932
933
934
            label: copyData?.erpCustomerName,
            value: copyData?.customerId,
            id: copyData?.customerId,
935
936
          }}
          fieldProps={{
zhongnanhuang authored
937
938
939
            filterOption() {
              return true;
            },
940
941
942
943
944
945
946
947
948
949
            optionItemRender(item) {
              if (item.type === 'add') {
                return (
                  <div title={item.name + '(新增客户)'}>
                    <span style={{ color: '#333333' }}>{item.name}</span>
                    {' | '}
                    <span style={{ color: 'orange' }}>自定义</span>
                  </div>
                );
              }
zhongnanhuang authored
950
              return (
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
                <div
                  title={
                    item.name +
                    ' | ' +
                    item.customerContactNumber +
                    ' | ' +
                    (item.customerShippingAddress === undefined
                      ? '无地址'
                      : item.customerShippingAddress) +
                    ' | ' +
                    item.institutionContactName +
                    ' | ' +
                    item.institution
                  }
                >
966
                  <span style={{ color: '#333333' }}>{item.name}</span>
zhongnanhuang authored
967
968
                </div>
              );
969
970
971
            },
          }}
          debounceTime={1000}
972
          request={async (value, {}) => {
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
            const keywords = value.keyWords;
            const res = await postKingdeeRepCustomer({
              data: { search: keywords },
            });
            let options = res?.rows?.map((c: any) => {
              return {
                ...c,
                label: c.name,
                value: c.id,
                key: c.id,
              };
            });

            //第一个商品默认为要新增客户
            if (keywords.trim() !== '') {
              options.unshift({
                name: keywords,
                type: 'add',
                label: keywords,
                value: 3.1415926,
                key: keywords,
              });
zhongnanhuang authored
995
            }
zhongnanhuang authored
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
            return options;
          }}
        />
        <ProFormSelect
          key="customerName"
          label="收货人"
          width="lg"
          showSearch
          name="customerName"
          placeholder="请选择收货人"
          rules={[{ required: true, message: '收货人必填' }]}
          onChange={(_, option) => {
            autoFillCustomerInfo(option);
          }}
          initialValue={data.contactAddress}
          options={productCustomerContactOptions}
1013
          disabled={optType('after-sales-check')}
1014
        />
zhongnanhuang authored
1015
1016
        <ProFormText
zhongnanhuang authored
1017
          width="lg"
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
          key="customerContactNumber"
          name="customerContactNumber"
          label="联系方式"
          placeholder="请输入联系方式"
          rules={[{ required: true, message: '联系方式必填' }]}
          disabled
        />
        <ProFormText
          width="lg"
          key="institution"
          name="institution"
          label="单位"
          placeholder="请输入单位"
          rules={[{ required: true, message: '单位必填' }]}
          disabled
        />
        <ProFormText
          width="lg"
          key="institutionContactName"
          name="institutionContactName"
          label="课题组"
          placeholder="请输入课题组"
          rules={[{ required: true, message: '课题组必填' }]}
          disabled
        />
        <ProFormTextArea
          width="lg"
          key="customerShippingAddress"
          name="customerShippingAddress"
          label="收货地址"
          placeholder="请输入收货地址"
          rules={[{ required: true, message: '收货地址必填' }]}
          disabled
        />
        <div id="total-payment">
          <ProFormDigit
            name="totalPayment"
            width="lg"
            key="totalPayment"
            label="支付总额(¥)"
            rules={[{ required: true, message: '支付总额必填' }]}
            tooltip="点击计算,合计所有子订单金额"
            fieldProps={{
              addonAfter: (
                <Button
                  className="rounded-l-none"
                  type="primary"
1065
                  disabled={optType('after-sales-check')}
1066
1067
1068
1069
1070
1071
                  onClick={computeTotalPayment}
                >
                  计算
                </Button>
              ),
            }}
1072
            disabled={optType('after-sales-check')}
1073
1074
          />
        </div>
1075
1076
1077
1078
        <ProFormSelect
          placeholder="请输入支付渠道"
          name="paymentChannel"
zhongnanhuang authored
1079
          width="lg"
1080
1081
1082
1083
          key="paymentChannel"
          label="支付渠道"
          options={enumToSelect(PAYMENT_CHANNEL_OPTIONS)}
          rules={[{ required: true, message: '支付渠道必填' }]}
1084
          disabled={optType('after-sales-check')}
1085
1086
1087
1088
1089
1090
1091
1092
1093
        />
        <ProFormSelect
          placeholder="请输入支付方式"
          name="paymentMethod"
          width="lg"
          key="paymentMethod"
          label="支付方式"
          options={enumToSelect(PAYMENT_METHOD_OPTIONS)}
          rules={[{ required: true, message: '支付方式必填' }]}
1094
          disabled={optType('after-sales-check')}
1095
1096
1097
1098
1099
1100
1101
1102
        />
        <ProFormSelect
          placeholder="选择是否需要开票"
          name="invoicingStatus"
          width="lg"
          key="invoicingStatus"
          label="是否需要开票"
          options={getInvoicingSelect()}
1103
          disabled={optType('after-sales-check')}
1104
1105
1106
1107
1108
1109
          onChange={(_, option) => {
            setInvoicingStatus(option.value);
            if (option.value === 'UN_INVOICE') {
              form.setFieldValue('invoiceIdentificationNumber', undefined);
              form.setFieldValue('bank', undefined);
              form.setFieldValue('bankAccountNumber', undefined);
1110
              form.setFieldValue('invoiceFirst', false);
1111
            }
zhongnanhuang authored
1112
          }}
1113
1114
          rules={[{ required: true, message: '是否需要开票必填' }]}
        />
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
        <ProFormSelect
          placeholder="是否开票后发货"
          name="invoiceFirst"
          width="lg"
          key="invoiceFirst"
          label="是否开票后发货"
          disabled={optType('after-sales-check')}
          hidden={invoicingStatus === 'UN_INVOICE'}
          options={[
            {
              value: true,
              label: '是',
            },
            {
              value: false,
              label: '否',
            },
          ]}
        />
1134
1135

        <ProFormSelect
zhongnanhuang authored
1136
          placeholder="收款单位"
1137
1138
1139
          name="receivingCompany"
          width="lg"
          key="receivingCompany"
zhongnanhuang authored
1140
1141
          showSearch
          label="开票收款单位"
1142
          tooltip="财务开票将依据这个字段,选择对应的公司开票"
zhongnanhuang authored
1143
          options={enumToSelect(PAYEE_OPTIONS)}
1144
1145
1146
1147
          disabled={optType('after-sales-check')}
          hidden={invoicingStatus === 'UN_INVOICE'}
        />
zhongnanhuang authored
1148
        <ProFormTextArea
1149
1150
1151
1152
          width="lg"
          name="invoiceIdentificationNumber"
          label="开票信息"
          key="invoiceIdentificationNumber"
1153
          disabled={optType('after-sales-check')}
1154
1155
1156
1157
1158
1159
1160
1161
          hidden={invoicingStatus === 'UN_INVOICE'}
          placeholder="请输入开票信息"
          rules={[
            {
              required: invoicingStatus === 'UN_INVOICE' ? false : true,
              message: '开票信息必填',
            },
          ]}
zhongnanhuang authored
1162
        />
1163
1164
1165
1166
1167
1168
        {getUserInfo().roleSmallVO?.code === 'admin' ? (
          <ProFormDateTimePicker
            width="lg"
            key="invoicingTime"
            name="invoicingTime"
1169
            disabled={optType('after-sales-check')}
1170
1171
1172
1173
1174
1175
1176
1177
            hidden={invoicingStatus === 'UN_INVOICE'}
            label="开票时间"
            placeholder="请输入开票时间"
          />
        ) : (
          ''
        )}
        <ProFormText
zhongnanhuang authored
1178
          width="lg"
1179
1180
1181
          name="bank"
          key="bank"
          label="开户银行"
1182
          disabled={optType('after-sales-check')}
zhongnanhuang authored
1183
          hidden={invoicingStatus === 'UN_INVOICE'}
1184
          placeholder="请输入开户银行"
zhongnanhuang authored
1185
        />
1186
1187
1188
1189
1190
1191
        <ProFormText
          width="lg"
          key="bankAccountNumber"
          name="bankAccountNumber"
          hidden={invoicingStatus === 'UN_INVOICE'}
          label="银行账号"
1192
          disabled={optType('after-sales-check')}
1193
1194
1195
1196
1197
1198
1199
          placeholder="请输入银行账号"
        />
        <ProFormTextArea
          width="lg"
          name="notes"
          label="备注"
          key="notes"
1200
          disabled={optType('after-sales-check')}
1201
1202
1203
          placeholder="请输入备注"
          rules={[
            {
1204
1205
              max: 1000, // 最大长度为1000个字符
              message: '备注不能超过1000个字符',
1206
            },
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
            {
              validator: (rule, value) => {
                let totalPayment = form.getFieldValue('totalPayment');
                let list = form.getFieldValue('list');
                let reduce = list.reduce(
                  (sum, item) => sum + item.subOrderPayment,
                  0,
                );
                if (reduce === totalPayment || value) {
                  return Promise.resolve();
                }
                return Promise.reject(new Error('请填写订单金额不一致的原因'));
              },
            },
1221
          ]}
zhongnanhuang authored
1222
        />
1223
1224
1225
        <h2>商品信息</h2>
        <ProFormList
1226
1227
          creatorButtonProps={{ disabled: optType('after-sales-check') }}
          deleteIconProps={!optType('after-sales-check')}
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
          name="list"
          label=""
          copyIconProps={false} //复制按钮不显示
          initialValue={[
            {
              productCode: '',
              productName: '',
              quantity: '',
              productPrice: '',
              parameters: '',
              subOrderPayment: '',
            },
          ]}
          actionGuard={{
1242
            beforeRemoveRow: async () => {
1243
              return new Promise((resolve) => {
1244
1245
1246
                let list = form.getFieldValue('list');
                if (list && list.length === 1) {
                  message.error('至少需要保留一个商品');
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
                  resolve(false);
                  return;
                }
                resolve(true);
              });
            },
          }}
          itemRender={(doms, listMeta) => {
            if (optType('edit')) {
              let i = 0;
              let defaultFileList = listMeta.record?.listAnnex?.map((annex) => {
                return {
                  uid: i++,
                  name: annex,
                  status: 'uploaded',
                  url: annex,
                  response: { data: [annex] },
                };
              });
              fileList[listMeta.index] = defaultFileList;
            }
            let itemFileList = fileList[listMeta.index];
            return (
              <ProCard
                bordered
                extra={doms.action}
                title={'商品' + (listMeta.index + 1)}
                style={{
                  marginBlockEnd: 8,
                }}
              >
                {[
                  <ProFormText
                    key={'material' + listMeta.index}
                    name="materialId"
                    hidden
                  ></ProFormText>,
                  <ProFormSelect
                    key="key"
                    label="商品名称"
                    width="lg"
                    showSearch
                    name="productName"
1290
                    disabled={optType('after-sales-check')}
1291
                    placeholder="请搜索商品"
zhongnanhuang authored
1292
                    tooltip="空格将作为或条件。例如输入[极片 电池],那么查找出来的将是包含[极片]或者包含[电池]的搜索结果"
1293
1294
1295
1296
1297
1298
1299
1300
1301
                    rules={[{ required: true, message: '商品名称必填' }]}
                    onChange={(_, option) => {
                      autoFillProductInfo(option, listMeta, listMeta.index);
                    }}
                    initialValue={{
                      label: listMeta?.record?.productName,
                      value: listMeta?.record?.materialId,
                    }}
                    fieldProps={{
zhongnanhuang authored
1302
1303
1304
                      filterOption() {
                        return true;
                      },
1305
1306
1307
1308
1309
                      optionItemRender(item) {
                        if (item.type === 'add') {
                          return (
                            <div title={item.name + '(新增商品信息)'}>
                              <span style={{ color: '#333333' }}>
zhongnanhuang authored
1310
                                {item.label}
1311
1312
1313
1314
1315
1316
                              </span>
                              {' | '}
                              <span style={{ color: 'orange' }}>新增商品</span>
                            </div>
                          );
                        }
zhongnanhuang authored
1317
                        return (
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
                          <div
                            title={
                              item.label +
                              ' | ' +
                              (item.model === undefined
                                ? '无参数'
                                : item.model) +
                              ' | ' +
                              item.base_unit_name
                            }
                          >
zhongnanhuang authored
1329
                            <span style={{ color: '#333333' }}>
1330
                              {item.label}
zhongnanhuang authored
1331
1332
                            </span>
                            {' | '}
1333
1334
                            <span style={{ color: '#339999' }}>
                              {item.model === undefined ? '无参数' : item.model}
zhongnanhuang authored
1335
1336
                            </span>
                            {' | '}
1337
1338
1339
1340
1341
                            <span style={{ color: '#666666' }}>
                              {item.base_unit_name === undefined
                                ? '无单位'
                                : item.base_unit_name}
                            </span>
zhongnanhuang authored
1342
1343
                          </div>
                        );
1344
1345
1346
1347
1348
1349
1350
                      },
                    }}
                    debounceTime={1000}
                    request={async (value) => {
                      const keywords = value.keyWords;
                      const res = await postKingdeeRepMaterial({
                        data: { search: keywords },
zhongnanhuang authored
1351
                      });
1352
1353
1354
1355
1356
1357
1358
                      let options = res?.rows?.map((p: any) => {
                        return {
                          ...p,
                          label: p.name,
                          value: p.id + '|' + p.name,
                          key: p.id,
                        };
zhongnanhuang authored
1359
                      });
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
                      //第一个商品默认为要新增的商品
                      if (keywords.trim() !== '') {
                        options.unshift({
                          productName: keywords,
                          type: 'add',
                          label: keywords,
                          value: 13 + '|' + keywords,
                          key: keywords,
                        });
                      }
                      return options;
                    }}
                  />,
                  <ProFormText
1375
1376
1377
1378
1379
1380
1381
1382
1383
                    key="orderStatus"
                    name="orderStatus"
                    width="lg"
                    disabled
                    label="orderStatus"
                    placeholder="orderStatus"
                    hidden
                  />,
                  <ProFormText
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
                    key={'productCode' + listMeta.index}
                    width="lg"
                    name="productCode"
                    disabled
                    label={
                      <>
                        <span>商品编码</span>
                        <span className="pl-2 text-xs text-gray-400">
                          新增商品时,商品编码由系统自动生成
                        </span>
                      </>
zhongnanhuang authored
1395
                    }
1396
                    placeholder="未输入商品名称"
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
                  />,
                  // <ProFormSelect
                  //   key="inv_stock"
                  //   placeholder="请选择仓库"
                  //   name="invStockId"
                  //   width="lg"
                  //   label="仓库"
                  //   options={productInvStockOptionsList[listMeta.index]}
                  // />,
                  <ProFormText
                    key={'parameters' + listMeta.index}
                    width="lg"
                    name="parameters"
                    label="商品参数"
                    placeholder="请输入商品参数"
zhongnanhuang authored
1412
1413
                    disabled={
                      productParametersDisabledFlagList[listMeta.index] !==
1414
                        false || optType('after-sales-check')
zhongnanhuang authored
1415
                    }
1416
1417
1418
1419
1420
1421
                  />,
                  <ProFormDigit
                    key={'quantity' + listMeta.index}
                    width="lg"
                    name="quantity"
                    label="商品数量"
zhongnanhuang authored
1422
                    fieldProps={{
1423
1424
1425
1426
                      onChange: (value) => {
                        listMeta.record.quantity = value;
                        computeSubOrderPayment(listMeta);
                      },
zhongnanhuang authored
1427
                    }}
1428
                    placeholder="请输入商品数量"
1429
                    disabled={optType('after-sales-check')}
1430
1431
1432
1433
1434
1435
1436
                    rules={[{ required: true, message: '商品数量必填' }]}
                  />,
                  <ProFormDigit
                    key={'productPrice' + listMeta.index}
                    width="lg"
                    name="productPrice"
                    label="商品单价"
zhongnanhuang authored
1437
                    fieldProps={{
1438
1439
1440
1441
                      onChange: (value) => {
                        listMeta.record.productPrice = value;
                        computeSubOrderPayment(listMeta);
                      },
zhongnanhuang authored
1442
                    }}
1443
                    placeholder="请输入商品单价"
1444
                    disabled={optType('after-sales-check')}
1445
1446
1447
1448
1449
1450
1451
1452
                    rules={[{ required: true, message: '商品单价必填' }]}
                  />,
                  <ProFormText
                    key={'unit' + listMeta.index}
                    width="lg"
                    name="unit"
                    label="商品单位"
                    placeholder="请输入商品单位"
1453
1454
                    disabled={
                      productParametersDisabledFlagList[listMeta.index] !==
1455
                        false || optType('after-sales-check')
1456
                    }
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
                    rules={[{ required: true, message: '商品单位必填' }]}
                  />,

                  <ProFormDigit
                    width="lg"
                    key={'subOrderPayment' + listMeta.index}
                    name="subOrderPayment"
                    label="子订单金额"
                    placeholder="请输入子订单金额"
                    tooltip="商品数量和单价变化后会自动计算子订单金额"
1467
                    disabled={optType('after-sales-check')}
1468
1469
1470
1471
1472
1473
1474
1475
1476
                    rules={[{ required: true, message: '子订单金额必填' }]}
                  />,
                  <ProFormSelect
                    key={'productBelongBusiness' + listMeta.index}
                    placeholder="请输入所属事业部"
                    name="productBelongBusiness"
                    width="lg"
                    label="所属事业部"
                    options={enumToSelect(PRODUCT_BELONG_DEPARTMENT_OPTIONS)}
zhongnanhuang authored
1477
1478
1479
                    onChange={(val: any) => {
                      productBelongBusinessChange(val, listMeta.index);
                    }}
1480
1481
                    initialValue={'EXPERIMENTAL_CONSUMABLES'}
                    rules={[{ required: true, message: '所属事业部必填' }]}
1482
                    disabled={optType('after-sales-check')}
1483
                  />,
zhongnanhuang authored
1484
1485
1486
1487
1488
1489
1490
1491
1492
                  <ProFormSelect
                    key={'shippingWarehouse' + listMeta.index}
                    placeholder="请选择发货仓库"
                    name="shippingWarehouse"
                    width="lg"
                    label="发货仓库"
                    options={enumToSelect(SHIPPING_WAREHOUSE_OPTIONS)}
                    disabled={optType('after-sales-check')}
                  />,
1493
1494
1495
1496
                  <ProFormTextArea
                    key={'notes' + listMeta.index}
                    width="lg"
                    name="notes"
1497
                    disabled={optType('after-sales-check')}
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
                    label={
                      <div>
                        <span>备注</span>
                        <span className="pl-2 text-xs text-gray-400">
                          备注将体现在出货单上,请将需要仓管看见的信息写在备注上,例如需要开收据等信息。
                        </span>
                      </div>
                    }
                    placeholder="请输入备注"
                    rules={[
                      {
zhongnanhuang authored
1509
1510
                        max: 1000, // 最大长度为1000个字符
                        message: '备注不能超过1000个字符',
1511
1512
1513
1514
1515
1516
1517
1518
1519
                      },
                    ]}
                  />,
                  <>
                    <ProFormUploadDragger
                      key={'filePaths' + listMeta.index}
                      label="附件"
                      name="filePaths"
                      action="/api/service/order/fileProcess"
1520
                      disabled={optType('after-sales-check')}
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
                      fieldProps={{
                        headers: {
                          Authorization: localStorage.getItem('token'),
                        },
                        itemFileList,
                      }}
                    />
                  </>,
                ]}
              </ProCard>
            );
          }}
          actionRef={actionRef}
        ></ProFormList>
      </DrawerForm>
      {kingdeeCstomerModalVisible && (
        <KingdeeCustomerModal
          setVisible={setKingdeeCstomerModalVisible}
          data={customer}
          onClose={(customerId: any) => {
            setKingdeeCstomerModalVisible(false);
            //回显已经新建好的客户
            autoFillCustomerContactSelectOptions(customerId);
          }}
        />
      )}
    </>
sanmu authored
1548
1549
  );
};