canrd-main / canrd-erp-front · Commits

Commit 5afa2257635ad0d86be1cb769c42e00e056df279

Authored by 曾国涛
2 parents 1ce40b7f 18a804be

Merge remote-tracking branch 'origin/baobiao' 

# Conflicts:
#	src/pages/Order/OrderList/OrderDrawer.tsx
Inline Side-by-side
Showing 6 changed files with 374 additions and 11447 deletions
order-erp.service-1.0-SNAPSHOT.jar deleted 100644 → 0
View file @1ce40b7
No preview for this file type
src/pages/Order/Order/components/OrderDrawer copy.tsx deleted 100644 → 0
  View file @1ce40b7
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import {
3   - postKingdeeRepCustomer,
4   - postKingdeeRepCustomerDetail,
5   - postKingdeeRepMaterial,
6   - postKingdeeRepMaterialUnit,
7   - postKingdeeRepMeasureUnit,
8   - postServiceOrderAddOrder,
9   - postServiceOrderQuerySalesCode,
10   - postServiceOrderUpdateOrder,
11   -} from '@/services';
12   -import {
13   - FloatAdd,
14   - enumToSelect,
15   - getAliYunOSSFileNameFromUrl,
16   - getUserInfo,
17   -} from '@/utils';
18   -import { getTeacherCustomFieldNumber } from '@/utils/kingdee';
19   -import {
20   - DrawerForm,
21   - FormListActionType,
22   - ProCard,
23   - ProFormDateTimePicker,
24   - ProFormDigit,
25   - ProFormList,
26   - ProFormSelect,
27   - ProFormText,
28   - ProFormTextArea,
29   - ProFormUploadDragger,
30   -} from '@ant-design/pro-components';
31   -import { Button, Form, message } from 'antd';
32   -import { cloneDeep } from 'lodash';
33   -import { useEffect, useRef, useState } from 'react';
34   -import {
35   - INVOCING_STATUS_OPTIONS,
36   - INVOCING_STATUS_OPTIONS_OLD,
37   - PAYMENT_CHANNEL_OPTIONS,
38   - PAYMENT_METHOD_OPTIONS,
39   - PRODUCT_BELONG_DEPARTMENT_OPTIONS,
40   -} from '../../constant';
41   -import KingdeeCustomerModal from './KingdeeCustomerModal';
42   -
43   -export default ({ onClose, data, subOrders, orderOptType }) => {
44   - const [invoicingStatus, setInvoicingStatus] = useState('');
45   - const [salesCodeOptions, setSalesCodeOptions] = useState([]);
46   - const [customer, setCustomer] = useState({});
47   - const [kingdeeCstomerModalVisible, setKingdeeCstomerModalVisible] =
48   - useState(false);
49   - const [
50   - productParametersDisabledFlagList,
51   - setProductParametersDisabledFlagList,
52   - ] = useState([]);
53   - // const [productInvStockOptionsList, setProductInvStockOptionsList] = useState(
54   - // [],
55   - // ); //商品的仓库选项
56   - const [productUnitOptionsList, setProductUnitOptionsList] = useState([]); //商品的单位选项
57   - const [productCustomerContactOptions, setProductCustomerContactOptions] =
58   - useState([]); //客户的收货人选项
59   - const [form] = Form.useForm<{
60   - salesCode: '';
61   - customerName: '';
62   - customerContactNumber: '';
63   - institution: '';
64   - institutionContactName: '';
65   - customerShippingAddress: '';
66   - totalPayment: '';
67   - paymentChannel: '';
68   - paymentMethod: '';
69   - productBelongBusiness: '';
70   - invoicingStatus: '';
71   - invoiceIdentificationNumber: '';
72   - invoicingTime: '';
73   - bank: '';
74   - bankAccountNumber: '';
75   - deleteSubOrderLists: [];
76   - notes: '';
77   - list: [
78   - {
79   - productCode: '';
80   - productName: '';
81   - quantity: '';
82   - productPrice: '';
83   - parameters: '';
84   - subOrderPayment: '';
85   - unit: '';
86   - serialNumber: '';
87   - notes: '';
88   - },
89   - ];
90   - }>();
91   -
92   - let originSubOrders = cloneDeep(subOrders);
93   - /**
94   - * 获取当前的操作类型boolean值
95   - * @param type 操作类型，如果与当前匹配返回true
96   - */
97   - function optType(type: string) {
98   - return orderOptType === type;
99   - }
100   -
101   - /**
102   - *
103   - * @returns 获取开票选项
104   - */
105   - function getInvoicingSelect() {
106   - if (optType('edit')) {
107   - return enumToSelect(INVOCING_STATUS_OPTIONS_OLD);
108   - }
109   - return enumToSelect(INVOCING_STATUS_OPTIONS);
110   - }
111   -
112   - const fileList: any = [];
113   -
114   - const getSalesCodeOptions = async () => {
115   - const res = await postServiceOrderQuerySalesCode();
116   - let options = res.data?.map((item) => {
117   - return {
118   - label: item.userName,
119   - value: item.userName,
120   - number: item.number,
121   - };
122   - });
123   - setSalesCodeOptions(options);
124   -
125   - if (optType('copy') || optType('edit')) {
126   - let includeFlag = false;
127   - //销售代码校验，如果是旧的销售代码，则提示并清空
128   - for (let option of options) {
129   - if (option.value === data.salesCode) {
130   - includeFlag = true;
131   - }
132   - }
133   - if (!includeFlag) {
134   - form.resetFields(['salesCode']);
135   - message.warning('检测到销售代码为旧的，已清空，请重新选择');
136   - }
137   - }
138   - };
139   -
140   - //复制的时候，如果是不需要开票，要把开票信息清空
141   - if (optType('copy') && data.invoicingStatus === 'UN_INVOICE') {
142   - data.invoiceIdentificationNumber = undefined;
143   - }
144   -
145   - if (subOrders !== undefined && subOrders.length > 0) {
146   - data.list = subOrders;
147   - }
148   -
149   - const actionRef = useRef<
150   - FormListActionType<{
151   - name: string;
152   - }>
153   - >();
154   -
155   - useEffect(() => {
156   - form.setFieldsValue({ ...data });
157   - //如果是新建，需要清空list
158   - if (optType('add')) {
159   - form.resetFields(['list']);
160   - }
161   - }, [data]);
162   -
163   - /**
164   - * 选择客户后自动为收货人Select添加选项，填充课题组和单位信息
165   - * @param option 客户选项
166   - */
167   - async function autoFillCustomerContactSelectOptions(customerId: any) {
168   - //查询单位详细信息
169   - let res = await postKingdeeRepCustomerDetail({
170   - data: {
171   - id: customerId,
172   - },
173   - });
174   -
175   - //erp客户名称
176   - form.setFieldValue('erpCustomerName', res?.name);
177   -
178   - //重新设置当前option
179   - form.setFieldValue('erpCustomerId', {
180   - label: res?.name,
181   - value: res?.id,
182   - id: res?.id,
183   - });
184   -
185   - //查询客户自定义字段，课题组
186   - let entity_number = await getTeacherCustomFieldNumber();
187   -
188   - //在单位详细信息中拿到自定义字段的值
189   - let customField = res?.custom_field;
190   - if (customField) {
191   - let teacherName = customField[entity_number];
192   - //填充到课题组老师表单字段中
193   - form.setFieldValue('institutionContactName', teacherName);
194   - }
195   -
196   - //单位名称，从客户名称中获取，客户名称规则<单位名称>-<联系人名称和电话>
197   - let namePortions = res?.name?.split('-');
198   - if (namePortions && namePortions.length >= 2) {
199   - form.setFieldValue('institution', namePortions[0]);
200   - }
201   -
202   - //如果原来的收货信息没有包含在这次查询出来的收货人选项中，那么清除原来的收货人信息
203   - let existFlag = false;
204   -
205   - //填充收货人选项
206   - let newProductCustomerContactOptions = res?.bomentity?.map((item) => {
207   - let address =
208   - item.contact_person + '，' + item.mobile + '，' + item.contact_address;
209   - if (address === data.contactAddress) {
210   - existFlag = true;
211   - }
212   - return { ...item, label: address, value: address };
213   - });
214   -
215   - setProductCustomerContactOptions(newProductCustomerContactOptions);
216   -
217   - if (!existFlag) {
218   - //清空原来的收货人信息
219   - form.setFieldValue('customerShippingAddress', undefined);
220   - form.setFieldValue('customerContactNumber', undefined);
221   - form.setFieldValue('customerName', undefined);
222   - form.setFieldValue('erpCustomerAddress', undefined);
223   - }
224   - }
225   -
226   - /**
227   - * 回显金蝶信息
228   - */
229   - async function showKindeeInfo() {
230   - //客户信息
231   - if (data.customerId) {
232   - //客户回显
233   - autoFillCustomerContactSelectOptions(data.customerId);
234   - }
235   -
236   - //商品单位回显
237   - let list = data?.subOrderInformationLists;
238   - if (list) {
239   - let newProductUnitOptionsList = [...productUnitOptionsList];
240   - for (let i = 0; i < list.length; i++) {
241   - newProductUnitOptionsList[i] = [
242   - { label: list[i].unit, value: list[i].unitId },
243   - ];
244   - }
245   - setProductUnitOptionsList(newProductUnitOptionsList);
246   - }
247   - }
248   -
249   - /**
250   - *
251   - * @param option 商品名称所对应的商品数据
252   - * @param currentRowData list中当前行的数据
253   - */
254   - async function autoFillProductInfo(
255   - option: any,
256   - currentRowData: any,
257   - index: any,
258   - ) {
259   - let newProductParametersDisabledFlagList = [
260   - ...productParametersDisabledFlagList,
261   - ];
262   - let newProductUnitOptionsList = [...productUnitOptionsList];
263   - newProductUnitOptionsList[index] = [];
264   -
265   - //是新增商品
266   - if (option.type === 'add') {
267   - //商品参数开放权限可以编辑
268   - newProductParametersDisabledFlagList[index] = false;
269   -
270   - //清空商品信息
271   - let copyList = form.getFieldValue('list');
272   - let currentData = copyList[index];
273   - currentData.productCode = undefined;
274   - currentData.parameters = undefined;
275   - currentData.unit = undefined;
276   - currentData.subOrderPayment = undefined;
277   - currentData.quantity = undefined;
278   - currentData.notes = undefined;
279   - currentData.productPrice = undefined;
280   - form.setFieldValue('list', copyList);
281   -
282   - //查询计量单价列表
283   - let res = await postKingdeeRepMeasureUnit({ data: {} });
284   - if (res && res?.rows) {
285   - for (let row of res?.rows) {
286   - newProductUnitOptionsList[index].push({
287   - label: row.name,
288   - value: row.id,
289   - });
290   - }
291   - }
292   - } else {
293   - //选择的是已有的商品，进行内容自动填充
294   - let copyList = form.getFieldValue('list');
295   - let currentData = copyList[index];
296   - currentData.productCode = option?.number;
297   - currentData.parameters = option?.model;
298   - currentData.unit = option?.base_unit_name;
299   -
300   - //商品id
301   - currentData.materialId = option?.id;
302   -
303   - //单位
304   - currentData.unit = option.base_unit_name;
305   - currentData.unitId = option.base_unit_id;
306   -
307   - form.setFieldValue('list', copyList);
308   -
309   - //商品所在的仓库选项填充
310   - // let res = await postKingdeeRepMaterialStock({
311   - // data: {
312   - // material_id: option.id,
313   - // },
314   - // });
315   - // let newProductInvStockOptionsList = [...productInvStockOptionsList];
316   - // newProductInvStockOptionsList[index] = res?.rows?.map((item) => {
317   - // return { label: item.inv_stock, value: item.inv_stock_id };
318   - // });
319   - // setProductInvStockOptionsList(newProductInvStockOptionsList);
320   -
321   - //商品单位填充，查询商品单位列表
322   - let res = await postKingdeeRepMaterialUnit({
323   - data: { material_id: option.id },
324   - });
325   - if (res && res.rows) {
326   - for (let row of res.rows) {
327   - newProductUnitOptionsList[index].push({
328   - label: row.unit_name,
329   - value: row.unit_id,
330   - });
331   - }
332   - }
333   - //商品参数不允许编辑
334   - newProductParametersDisabledFlagList[index] = true;
335   - }
336   -
337   - setProductParametersDisabledFlagList(newProductParametersDisabledFlagList);
338   - setProductUnitOptionsList(newProductUnitOptionsList);
339   - }
340   -
341   - /**
342   - * 选择收货人后自动填充信息
343   - * @param option 收货人信息
344   - */
345   - async function autoFillCustomerInfo(option: any) {
346   - form.setFieldValue('customerShippingAddress', option.contact_address);
347   - form.setFieldValue('customerContactNumber', option.mobile);
348   - form.setFieldValue('customerName', option.contact_person);
349   -
350   - //erp收货地址：需要与客户联系人中的地址一样：姓名，手机号，地址
351   - form.setFieldValue('contactAddress', option.value);
352   - }
353   -
354   - /**
355   - * 填充销售代表的信息
356   - * @param option
357   - */
358   - function autoFillSalesInfo(option: any) {
359   - console.log(option);
360   - //销售代表对应职员编码填充
361   - form.setFieldValue('empNumber', option.number);
362   - }
363   -
364   - /**
365   - * 选择商品单位后自动填充
366   - * @param option
367   - * @param index
368   - */
369   - function autoFillUnit(option: any, index: any) {
370   - let copyList = form.getFieldValue('list');
371   - let currentData = copyList[index];
372   - currentData.unit = option?.label;
373   - form.setFieldValue('list', copyList);
374   - }
375   -
376   - /**
377   - * 计算子订单金额
378   - * @param listMeta 当前商品信息
379   - */
380   - function computeSubOrderPayment(listMeta: any) {
381   - let quantity = listMeta?.record?.quantity;
382   - let productPrice = listMeta?.record?.productPrice;
383   - quantity = quantity === '' || quantity === undefined ? 0 : quantity;
384   - productPrice =
385   - productPrice === '' || productPrice === undefined ? 0 : productPrice;
386   -
387   - listMeta.subOrderPayment = quantity * productPrice;
388   - let list = form.getFieldValue('list');
389   - list[listMeta?.index].subOrderPayment = quantity * productPrice;
390   - form.setFieldValue('list', list);
391   - }
392   -
393   - /**
394   - * 计算支付总额
395   - */
396   - function computeTotalPayment() {
397   - let list = form.getFieldValue('list');
398   - let totalPayment = 0;
399   - list?.forEach((subOrder: any) => {
400   - let subOrderPayment = subOrder?.subOrderPayment;
401   - if (subOrderPayment !== '' || subOrderPayment !== undefined) {
402   - totalPayment = FloatAdd(totalPayment, subOrderPayment);
403   - }
404   - });
405   - form.setFieldValue('totalPayment', totalPayment);
406   - }
407   -
408   - useEffect(() => {
409   - getSalesCodeOptions();
410   - showKindeeInfo();
411   - }, []);
412   -
413   - useEffect(() => {
414   - // 在组件挂载或数据变化时，更新组件状态
415   - if (data) {
416   - setInvoicingStatus(data.invoicingStatus);
417   - }
418   - }, [data]);
419   -
420   - // let mainInfoDisbled = optType('edit');
421   - if (optType('edit') || optType('copy')) {
422   - //如果是复制，需要开票，不回显是否需要开票字段
423   - if (optType('copy')) {
424   - if (data.invoicingStatus === 'INVOICED') {
425   - data.invoicingStatus = undefined;
426   - }
427   - }
428   - //订单修改和新增的子订单列表命名是list
429   - data.list = data.subOrderInformationLists;
430   - //主订单事业部默认显示子订单第一条的事业部
431   - data.productBelongBusiness = data.list[0].productBelongBusiness;
432   - data.paymentMethod = data.list[0].paymentMethod;
433   - data.paymentChannel = data.list[0].paymentChannel;
434   - data.invoicingStatus = data.list[0].invoicingStatus;
435   -
436   - data.list = data.list?.map((item) => {
437   - item.filePaths = item.listAnnex?.map((path) => {
438   - let i = 0;
439   - return {
440   - uid: i++,
441   - name: getAliYunOSSFileNameFromUrl(path),
442   - status: 'uploaded',
443   - url: path,
444   - response: { data: [path] },
445   - };
446   - });
447   - return item;
448   - });
449   - }
450   -
451   - return (
452   - <>
453   - <DrawerForm<{
454   - deleteSubOrderLists: any;
455   - name: string;
456   - company: string;
457   - }>
458   - open
459   - width="35%"
460   - title={optType('add') || optType('copy') ? '新建订单' : '修改订单'}
461   - resize={{
462   - onResize() {
463   - console.log('resize!');
464   - },
465   - maxWidth: window.innerWidth * 0.8,
466   - minWidth: 400,
467   - }}
468   - // layout="horizontal"
469   - // labelCol={{ span: 8 }}
470   - form={form}
471   - autoFocusFirstInput
472   - drawerProps={{
473   - destroyOnClose: true,
474   - maskClosable: false,
475   - }}
476   - submitTimeout={2000}
477   - onFinish={async (values) => {
478   - let res = {};
479   - //附件处理
480   - let list = values.list;
481   - // console.log(list);
482   - list = list.map((item) => {
483   - item.filePaths = item.filePaths?.map((file) => {
484   - console.log(file);
485   - return { url: file.response.data[0] };
486   - });
487   - return item;
488   - });
489   -
490   - values.list = list;
491   - values.institution = values.institution?.trim();
492   - values.institutionContactName = values.institutionContactName?.trim();
493   -
494   - if (typeof values.erpCustomerId !== 'string') {
495   - values.erpCustomerId = values.erpCustomerId?.id;
496   - }
497   -
498   - if (optType('add') || optType('copy')) {
499   - res = await postServiceOrderAddOrder({ data: values });
500   - } else {
501   - //计算已删除的子订单id
502   - const originIds = originSubOrders.map((item) => {
503   - return item.id;
504   - });
505   - const curIds = form.getFieldValue('list')?.map((item) => {
506   - return item.id;
507   - });
508   - let diff = originIds.filter((item) => !curIds.includes(item));
509   - values.deleteSubOrderLists = diff;
510   - res = await postServiceOrderUpdateOrder({ data: values });
511   - }
512   -
513   - if (res.result === RESPONSE_CODE.SUCCESS) {
514   - message.success(res.message);
515   - // 不返回不会关闭弹框
516   - onClose(true);
517   - return true;
518   - }
519   - }}
520   - onOpenChange={(val) => {
521   - return !val && onClose();
522   - }}
523   - >
524   - <h2>订单基本信息</h2>
525   - <ProFormText
526   - key="id"
527   - name="id"
528   - width="lg"
529   - disabled
530   - label="id"
531   - placeholder="id"
532   - hidden
533   - />
534   -
535   - <ProFormText
536   - key="empNumber"
537   - name="empNumber"
538   - width="lg"
539   - label="销售职员编码"
540   - placeholder="销售职员编码"
541   - hidden
542   - />
543   -
544   - <ProFormSelect
545   - name="salesCode"
546   - key="salesCode"
547   - width="lg"
548   - showSearch
549   - label="销售代表"
550   - placeholder="请输入销售代表"
551   - rules={[{ required: true, message: '销售代表必填' }]}
552   - options={salesCodeOptions}
553   - onChange={(_, option) => {
554   - autoFillSalesInfo(option);
555   - }}
556   - // disabled={mainInfoDisbled}
557   - />
558   -
559   - <ProFormText
560   - key="erpCustomerName"
561   - name="erpCustomerName"
562   - hidden
563   - ></ProFormText>
564   -
565   - <ProFormText
566   - key="contactAddress"
567   - name="contactAddress"
568   - hidden
569   - ></ProFormText>
570   -
571   - <ProFormSelect
572   - name="erpCustomerId"
573   - key="erpCustomerId"
574   - width="lg"
575   - showSearch
576   - label={
577   - <>
578   - <span>客户</span>
579   - <span
580   - className="pl-2 text-xs text-[#1677ff] cursor-pointer"
581   - onClick={() => {
582   - let customerId = form.getFieldValue('erpCustomerId');
583   - if (typeof customerId === 'string') {
584   - setCustomer({ ...customer, id: customerId });
585   - } else {
586   - setCustomer({ ...customer, id: customerId.id });
587   - }
588   - setKingdeeCstomerModalVisible(true);
589   - }}
590   - >
591   - 编辑客户信息
592   - </span>
593   - </>
594   - }
595   - placeholder="请选择客户"
596   - rules={[{ required: true, message: '客户必填' }]}
597   - onChange={(_, option) => {
598   - //新增客户
599   - if (option.type === 'add') {
600   - setCustomer({ name: option.name });
601   - setKingdeeCstomerModalVisible(true);
602   - return;
603   - }
604   - autoFillCustomerContactSelectOptions(option.id);
605   - }}
606   - initialValue={{
607   - label: data?.erpCustomerName,
608   - value: data?.customerId,
609   - id: data?.customerId,
610   - }}
611   - fieldProps={{
612   - optionItemRender(item) {
613   - if (item.type === 'add') {
614   - return (
615   - <div title={item.name + '（新增客户）'}>
616   - <span style={{ color: '#333333' }}>{item.name}</span>
617   - {' | '}
618   - <span style={{ color: 'orange' }}>自定义</span>
619   - </div>
620   - );
621   - }
622   - return (
623   - <div
624   - title={
625   - item.name +
626   - ' | ' +
627   - item.customerContactNumber +
628   - ' | ' +
629   - (item.customerShippingAddress === undefined
630   - ? '无地址'
631   - : item.customerShippingAddress) +
632   - ' | ' +
633   - item.institutionContactName +
634   - ' | ' +
635   - item.institution
636   - }
637   - >
638   - <span style={{ color: '#333333' }}>{item.name}</span>
639   - </div>
640   - );
641   - },
642   - }}
643   - debounceTime={1000}
644   - request={async (value, {}) => {
645   - const keywords = value.keyWords;
646   - const res = await postKingdeeRepCustomer({
647   - data: { search: keywords },
648   - });
649   - console.log(res);
650   -
651   - let options = res?.rows?.map((c: any) => {
652   - return {
653   - ...c,
654   - label: c.name,
655   - value: c.id,
656   - key: c.id,
657   - };
658   - });
659   -
660   - //第一个商品默认为要新增客户
661   - if (keywords.trim() !== '') {
662   - options.unshift({
663   - name: keywords,
664   - type: 'add',
665   - label: keywords,
666   - value: 3.1415926,
667   - key: keywords,
668   - });
669   - }
670   - return options;
671   - }}
672   - />
673   - <ProFormSelect
674   - key="customerName"
675   - label="收货人"
676   - width="lg"
677   - showSearch
678   - name="customerName"
679   - placeholder="请选择收货人"
680   - rules={[{ required: true, message: '收货人必填' }]}
681   - onChange={(_, option) => {
682   - autoFillCustomerInfo(option);
683   - }}
684   - initialValue={data.contactAddress}
685   - options={productCustomerContactOptions}
686   - />
687   - <ProFormText
688   - width="lg"
689   - key="customerContactNumber"
690   - name="customerContactNumber"
691   - label="联系方式"
692   - placeholder="请输入联系方式"
693   - rules={[{ required: true, message: '联系方式必填' }]}
694   - disabled
695   - />
696   - <ProFormText
697   - width="lg"
698   - key="institution"
699   - name="institution"
700   - label="单位"
701   - placeholder="请输入单位"
702   - rules={[{ required: true, message: '单位必填' }]}
703   - disabled
704   - />
705   - <ProFormText
706   - width="lg"
707   - key="institutionContactName"
708   - name="institutionContactName"
709   - label="课题组"
710   - placeholder="请输入课题组"
711   - rules={[{ required: true, message: '课题组必填' }]}
712   - disabled
713   - />
714   - <ProFormTextArea
715   - width="lg"
716   - key="customerShippingAddress"
717   - name="customerShippingAddress"
718   - label="收货地址"
719   - placeholder="请输入收货地址"
720   - rules={[{ required: true, message: '收货地址必填' }]}
721   - disabled
722   - />
723   - <div id="total-payment">
724   - <ProFormDigit
725   - name="totalPayment"
726   - width="lg"
727   - key="totalPayment"
728   - label="支付总额（￥）"
729   - rules={[{ required: true, message: '支付总额必填' }]}
730   - tooltip="点击计算，合计所有子订单金额"
731   - fieldProps={{
732   - addonAfter: (
733   - <Button
734   - className="rounded-l-none"
735   - type="primary"
736   - onClick={computeTotalPayment}
737   - >
738   - 计算
739   - </Button>
740   - ),
741   - }}
742   - // disabled={mainInfoDisbled}
743   - />
744   - </div>
745   -
746   - <ProFormSelect
747   - placeholder="请输入支付渠道"
748   - name="paymentChannel"
749   - width="lg"
750   - key="paymentChannel"
751   - label="支付渠道"
752   - options={enumToSelect(PAYMENT_CHANNEL_OPTIONS)}
753   - rules={[{ required: true, message: '支付渠道必填' }]}
754   - // disabled={mainInfoDisbled}
755   - />
756   - <ProFormSelect
757   - placeholder="请输入支付方式"
758   - name="paymentMethod"
759   - width="lg"
760   - key="paymentMethod"
761   - label="支付方式"
762   - options={enumToSelect(PAYMENT_METHOD_OPTIONS)}
763   - rules={[{ required: true, message: '支付方式必填' }]}
764   - // disabled={mainInfoDisbled}
765   - />
766   - <ProFormSelect
767   - placeholder="选择是否需要开票"
768   - name="invoicingStatus"
769   - width="lg"
770   - key="invoicingStatus"
771   - label="是否需要开票"
772   - options={getInvoicingSelect()}
773   - // disabled={mainInfoDisbled}
774   - onChange={(_, option) => {
775   - setInvoicingStatus(option.value);
776   - if (option.value === 'UN_INVOICE') {
777   - form.setFieldValue('invoiceIdentificationNumber', undefined);
778   - form.setFieldValue('bank', undefined);
779   - form.setFieldValue('bankAccountNumber', undefined);
780   - }
781   - }}
782   - rules={[{ required: true, message: '是否需要开票必填' }]}
783   - />
784   - <ProFormText
785   - width="lg"
786   - name="invoiceIdentificationNumber"
787   - label="开票信息"
788   - key="invoiceIdentificationNumber"
789   - // disabled={mainInfoDisbled}
790   - hidden={invoicingStatus === 'UN_INVOICE'}
791   - placeholder="请输入开票信息"
792   - rules={[
793   - {
794   - required: invoicingStatus === 'UN_INVOICE' ? false : true,
795   - message: '开票信息必填',
796   - },
797   - ]}
798   - />
799   -
800   - {getUserInfo().roleSmallVO?.code === 'admin' ? (
801   - <ProFormDateTimePicker
802   - width="lg"
803   - key="invoicingTime"
804   - name="invoicingTime"
805   - // disabled={mainInfoDisbled}
806   - hidden={invoicingStatus === 'UN_INVOICE'}
807   - label="开票时间"
808   - placeholder="请输入开票时间"
809   - />
810   - ) : (
811   - ''
812   - )}
813   - <ProFormText
814   - width="lg"
815   - name="bank"
816   - key="bank"
817   - label="开户银行"
818   - // disabled={mainInfoDisbled}
819   - hidden={invoicingStatus === 'UN_INVOICE'}
820   - placeholder="请输入开户银行"
821   - />
822   - <ProFormText
823   - width="lg"
824   - key="bankAccountNumber"
825   - name="bankAccountNumber"
826   - hidden={invoicingStatus === 'UN_INVOICE'}
827   - label="银行账号"
828   - // disabled={mainInfoDisbled}
829   - placeholder="请输入银行账号"
830   - />
831   - <ProFormTextArea
832   - width="lg"
833   - name="notes"
834   - label="备注"
835   - key="notes"
836   - // disabled={mainInfoDisbled}
837   - placeholder="请输入备注"
838   - rules={[
839   - {
840   - max: 120, // 最大长度为120个字符
841   - message: '备注不能超过120个字符',
842   - },
843   - ]}
844   - />
845   -
846   - <h2>商品信息</h2>
847   - <ProFormList
848   - creatorButtonProps={{ disabled: false }}
849   - name="list"
850   - label=""
851   - copyIconProps={false} //复制按钮不显示
852   - initialValue={[
853   - {
854   - productCode: '',
855   - productName: '',
856   - quantity: '',
857   - productPrice: '',
858   - parameters: '',
859   - subOrderPayment: '',
860   - },
861   - ]}
862   - actionGuard={{
863   - beforeRemoveRow: async (index) => {
864   - return new Promise((resolve) => {
865   - if (index === 0) {
866   - message.error('第一行数据不能删除');
867   - resolve(false);
868   - return;
869   - }
870   - resolve(true);
871   - });
872   - },
873   - }}
874   - itemRender={(doms, listMeta) => {
875   - if (optType('edit')) {
876   - let i = 0;
877   - let defaultFileList = listMeta.record?.listAnnex?.map((annex) => {
878   - return {
879   - uid: i++,
880   - name: annex,
881   - status: 'uploaded',
882   - url: annex,
883   - response: { data: [annex] },
884   - };
885   - });
886   - fileList[listMeta.index] = defaultFileList;
887   - }
888   - let itemFileList = fileList[listMeta.index];
889   - return (
890   - <ProCard
891   - bordered
892   - extra={doms.action}
893   - title={'商品' + (listMeta.index + 1)}
894   - style={{
895   - marginBlockEnd: 8,
896   - }}
897   - >
898   - {[
899   - <ProFormText
900   - key={'material' + listMeta.index}
901   - name="materialId"
902   - hidden
903   - ></ProFormText>,
904   - <ProFormSelect
905   - key="key"
906   - label="商品名称"
907   - width="lg"
908   - showSearch
909   - name="productName"
910   - // options={options}
911   - placeholder="请搜索商品"
912   - rules={[{ required: true, message: '商品名称必填' }]}
913   - onChange={(_, option) => {
914   - autoFillProductInfo(option, listMeta, listMeta.index);
915   - }}
916   - initialValue={{
917   - label: listMeta?.record?.productName,
918   - value: listMeta?.record?.materialId,
919   - }}
920   - fieldProps={{
921   - optionItemRender(item) {
922   - if (item.type === 'add') {
923   - return (
924   - <div title={item.name + '（新增商品信息）'}>
925   - <span style={{ color: '#333333' }}>
926   - {item.label}
927   - </span>
928   - {' | '}
929   - <span style={{ color: 'orange' }}>新增商品</span>
930   - </div>
931   - );
932   - }
933   - return (
934   - <div
935   - title={
936   - item.label +
937   - ' | ' +
938   - (item.model === undefined
939   - ? '无参数'
940   - : item.model) +
941   - ' | ' +
942   - item.base_unit_name
943   - }
944   - >
945   - <span style={{ color: '#333333' }}>
946   - {item.label}
947   - </span>
948   - {' | '}
949   - <span style={{ color: '#339999' }}>
950   - {item.model === undefined ? '无参数' : item.model}
951   - </span>
952   - {' | '}
953   - <span style={{ color: '#666666' }}>
954   - {item.base_unit_name === undefined
955   - ? '无单位'
956   - : item.base_unit_name}
957   - </span>
958   - </div>
959   - );
960   - },
961   - }}
962   - debounceTime={1000}
963   - request={async (value) => {
964   - const keywords = value.keyWords;
965   - const res = await postKingdeeRepMaterial({
966   - data: { search: keywords },
967   - });
968   - let options = res?.rows?.map((p: any) => {
969   - return {
970   - ...p,
971   - label: p.name,
972   - value: p.id + '|' + p.name,
973   - key: p.id,
974   - };
975   - });
976   -
977   - //第一个商品默认为要新增的商品
978   - if (keywords.trim() !== '') {
979   - options.unshift({
980   - productName: keywords,
981   - type: 'add',
982   - label: keywords,
983   - value: 13 + '|' + keywords,
984   - key: keywords,
985   - });
986   - }
987   - return options;
988   - }}
989   - />,
990   - <ProFormText
991   - key={'productCode' + listMeta.index}
992   - width="lg"
993   - name="productCode"
994   - disabled
995   - label={
996   - <>
997   - <span>商品编码</span>
998   - <span className="pl-2 text-xs text-gray-400">
999   - 新增商品时，商品编码由系统自动生成
1000   - </span>
1001   - </>
1002   - }
1003   - placeholder="商品编码"
1004   - />,
1005   - // <ProFormSelect
1006   - // key="inv_stock"
1007   - // placeholder="请选择仓库"
1008   - // name="invStockId"
1009   - // width="lg"
1010   - // label="仓库"
1011   - // options={productInvStockOptionsList[listMeta.index]}
1012   - // />,
1013   - <ProFormText
1014   - key={'parameters' + listMeta.index}
1015   - width="lg"
1016   - name="parameters"
1017   - label="商品参数"
1018   - placeholder="请输入商品参数"
1019   - rules={[{ required: true, message: '商品参数必填' }]}
1020   - disabled={
1021   - productParametersDisabledFlagList[listMeta.index] !==
1022   - false
1023   - }
1024   - />,
1025   - <ProFormDigit
1026   - key={'quantity' + listMeta.index}
1027   - width="lg"
1028   - name="quantity"
1029   - label="商品数量"
1030   - fieldProps={{
1031   - onChange: (value) => {
1032   - listMeta.record.quantity = value;
1033   - computeSubOrderPayment(listMeta);
1034   - },
1035   - }}
1036   - placeholder="请输入商品数量"
1037   - rules={[{ required: true, message: '商品数量必填' }]}
1038   - />,
1039   -
1040   - <ProFormDigit
1041   - key={'productPrice' + listMeta.index}
1042   - width="lg"
1043   - name="productPrice"
1044   - label="商品单价"
1045   - fieldProps={{
1046   - onChange: (value) => {
1047   - listMeta.record.productPrice = value;
1048   - computeSubOrderPayment(listMeta);
1049   - },
1050   - }}
1051   - placeholder="请输入商品单价"
1052   - rules={[{ required: true, message: '商品单价必填' }]}
1053   - />,
1054   -
1055   - <ProFormSelect
1056   - key="unitId"
1057   - placeholder="请选择单位"
1058   - name="unitId"
1059   - width="lg"
1060   - label="单位"
1061   - showSearch
1062   - onChange={(_, option) => {
1063   - autoFillUnit(option, listMeta.index);
1064   - }}
1065   - options={productUnitOptionsList[listMeta.index]}
1066   - rules={[{ required: true, message: '商品单位必填' }]}
1067   - />,
1068   - <ProFormText
1069   - key={'unit' + listMeta.index}
1070   - width="lg"
1071   - name="unit"
1072   - label="商品单位"
1073   - placeholder="请输入商品单位"
1074   - rules={[{ required: true, message: '商品单位必填' }]}
1075   - hidden
1076   - />,
1077   -
1078   - <ProFormDigit
1079   - width="lg"
1080   - key={'subOrderPayment' + listMeta.index}
1081   - name="subOrderPayment"
1082   - label="子订单金额"
1083   - placeholder="请输入子订单金额"
1084   - tooltip="商品数量和单价变化后会自动计算子订单金额"
1085   - rules={[{ required: true, message: '子订单金额必填' }]}
1086   - />,
1087   - <ProFormSelect
1088   - key={'productBelongBusiness' + listMeta.index}
1089   - placeholder="请输入所属事业部"
1090   - name="productBelongBusiness"
1091   - width="lg"
1092   - label="所属事业部"
1093   - options={enumToSelect(PRODUCT_BELONG_DEPARTMENT_OPTIONS)}
1094   - initialValue={'EXPERIMENTAL_CONSUMABLES'}
1095   - rules={[{ required: true, message: '所属事业部必填' }]}
1096   - // disabled={mainInfoDisbled}
1097   - />,
1098   - <ProFormTextArea
1099   - key={'notes' + listMeta.index}
1100   - width="lg"
1101   - name="notes"
1102   - label={
1103   - <div>
1104   - <span>备注</span>
1105   - <span className="pl-2 text-xs text-gray-400">
1106   - 备注将体现在出货单上，请将需要仓管看见的信息写在备注上，例如需要开收据等信息。
1107   - </span>
1108   - </div>
1109   - }
1110   - placeholder="请输入备注"
1111   - rules={[
1112   - {
1113   - max: 120, // 最大长度为120个字符
1114   - message: '备注不能超过120个字符',
1115   - },
1116   - ]}
1117   - />,
1118   - <>
1119   - <ProFormUploadDragger
1120   - key={'filePaths' + listMeta.index}
1121   - label="附件"
1122   - name="filePaths"
1123   - action="/api/service/order/fileProcess"
1124   - fieldProps={{
1125   - headers: {
1126   - Authorization: localStorage.getItem('token'),
1127   - },
1128   - itemFileList,
1129   - }}
1130   - />
1131   - </>,
1132   - ]}
1133   - </ProCard>
1134   - );
1135   - }}
1136   - actionRef={actionRef}
1137   - ></ProFormList>
1138   - </DrawerForm>
1139   -
1140   - {kingdeeCstomerModalVisible && (
1141   - <KingdeeCustomerModal
1142   - setVisible={setKingdeeCstomerModalVisible}
1143   - data={customer}
1144   - onClose={(customerId: any) => {
1145   - setKingdeeCstomerModalVisible(false);
1146   - //回显已经新建好的客户
1147   - autoFillCustomerContactSelectOptions(customerId);
1148   - }}
1149   - />
1150   - )}
1151   - </>
1152   - );
1153   -};
src/pages/Order/Order/index copy.tsx deleted 100644 → 0
  View file @1ce40b7
Changes suppressed. Click to show.
1   -import ButtonConfirm from '@/components/ButtomConfirm';
2   -import { RESPONSE_CODE } from '@/constants/enum';
3   -import ImportExpressBillModal from '@/pages/Order/Order/components/ImportExpressBillModal';
4   -import InvoicingDrawerForm from '@/pages/Order/Order/components/InvoicingDrawerForm';
5   -import ReissueModal from '@/pages/Order/Order/components/ReissueModal';
6   -import ReissueModal_old from '@/pages/Order/Order/components/ReissueModal_old';
7   -import {
8   - postKingdeeRepSalBillOutbound,
9   - postKingdeeRepSalOrderSave,
10   - postServiceConstCanApplyAfterInvoicingStatus,
11   - postServiceInvoiceCancelApply,
12   - postServiceOrderCancelSend,
13   - postServiceOrderConfirmInvoice,
14   - postServiceOrderGetCurrentOptNode,
15   - postServiceOrderNoNeedSend,
16   - postServiceOrderOrderCancel,
17   - postServiceOrderProcureOrder,
18   - postServiceOrderProcurePrint,
19   - postServiceOrderProvideProcurementRoles,
20   - postServiceOrderQueryServiceOrder,
21   - postServiceOrderSaleCancelInvoicing,
22   - postServiceOrderSalesConfirm,
23   - postServiceOrderWarningOrderStatistics,
24   -} from '@/services';
25   -import { downloadFile } from '@/services/order';
26   -import {
27   - FloatAdd,
28   - copyToClipboard,
29   - enumToProTableEnumValue,
30   - enumValueToLabel,
31   - formatDateTime,
32   - formatdate,
33   - getAliYunOSSFileNameFromUrl,
34   - isImageName,
35   -} from '@/utils';
36   -import {
37   - getReceivingCompanyOptions,
38   - isAdmin,
39   - isExaminer,
40   - isFinance,
41   - isProcure,
42   - isSales,
43   - isSupplier,
44   - isWarehousekeeper,
45   -} from '@/utils/order';
46   -import { getUserInfo } from '@/utils/user';
47   -import {
48   - ClockCircleTwoTone,
49   - ContainerTwoTone,
50   - CopyOutlined,
51   - CopyTwoTone,
52   - DownOutlined,
53   - EditTwoTone,
54   - QuestionCircleOutlined,
55   -} from '@ant-design/icons';
56   -import {
57   - ActionType,
58   - ProColumns,
59   - ProFormInstance,
60   - ProTable,
61   -} from '@ant-design/pro-components';
62   -import { useModel } from '@umijs/max';
63   -import {
64   - Button,
65   - Card,
66   - Checkbox,
67   - Col,
68   - Divider,
69   - Dropdown,
70   - Flex,
71   - FloatButton,
72   - Image,
73   - MenuProps,
74   - Modal,
75   - Popconfirm,
76   - Radio,
77   - Row,
78   - Space,
79   - Spin,
80   - Tag,
81   - Tooltip,
82   - message,
83   -} from 'antd';
84   -import Base64 from 'base-64';
85   -import { cloneDeep } from 'lodash';
86   -import React, { Key, useEffect, useMemo, useRef, useState } from 'react';
87   -import OrderPrintModal from '../../OrderPrint/OrderPrintModal';
88   -import {
89   - AFTER_INVOICING_STATUS,
90   - CHECK_TYPE,
91   - LOGISTICS_STATUS_OPTIONS,
92   - MAIN_ORDER_COLUMNS,
93   - MODIFIED_AUDIT_STATUS_OPTIONS,
94   - ORDER_STATUS_OPTIONS,
95   - PAYEE_OPTIONS,
96   - PAYMENT_CHANNEL_OPTIONS,
97   - PAYMENT_RECEIPTS_STATUS_OPTIONS,
98   - POST_AUDIT_OPTIONS,
99   - PROCURE_ORDER_STATUS,
100   - PROCURE_PRIMARY_ORDER_STATUS_OPTIONS,
101   - PRODUCT_BELONG_DEPARTMENT_OPTIONS,
102   - SHIPPING_WAREHOUSE_OPTIONS,
103   - TAGS_COLOR,
104   - getInvoicingType,
105   - getNeedInvoicing,
106   -} from '../constant';
107   -import AfterSalesDrawer from './components/AfterSalesDrawer';
108   -import ApplyForInvoicingModal from './components/ApplyForInvoicingModal';
109   -import AttachmentModal from './components/AttachmentModal';
110   -import CheckModal from './components/CheckModal';
111   -import ConfirmReceiptModal from './components/ConfirmReceiptModal';
112   -import DeliverInfoDrawer from './components/DeliverInfoDrawer';
113   -import DeliverModal from './components/DeliverModal';
114   -import FeedbackRegistrationModal from './components/FeedbackRegistrationModal';
115   -import FinancialDrawer from './components/FinancialDrawer';
116   -import FinancialEditDrawer from './components/FinancialEditDrawer';
117   -import FinancialMergeDrawer from './components/FinancialMergeDrawer';
118   -import FinancialReceiptsModal from './components/FinancialReceiptsModal';
119   -import HistoryModal from './components/HistoryModal';
120   -import ImagesViewerModal from './components/ImagesViewerModal';
121   -import ImportModal from './components/ImportModal';
122   -import ModifiedDiffModal from './components/ModifiedDiffModal';
123   -import OrderDrawer from './components/OrderDrawer';
124   -import OrderNotesEditModal from './components/OrderNotesEditModal';
125   -import ProcureCheckModal from './components/ProcureCheckModal';
126   -import ProcureConvertModal from './components/ProcureConvertModal';
127   -import ProductionTimeModal from './components/ProductionTimeModal';
128   -import ShippingWarehouseChangeModal from './components/ShippingWarehouseChangeModal';
129   -import UploadPayBillModal from './components/UploadPayBillModal';
130   -import './index.less';
131   -import { OrderListItemType, OrderType } from './type.d';
132   -// import { useNavigate } from 'react-router-dom';
133   -import { history } from '@umijs/max';
134   -// import { format } from 'fecha';
135   -
136   -const OrderPage = () => {
137   - const [orderDrawerVisible, setOrderDrawerVisible] = useState<boolean>(false);
138   - const [checkVisible, setCheckVisible] = useState<boolean>(false);
139   - const [orderPrintVisible, setOrderPrintVisible] = useState<boolean>(false);
140   - const [allMainChecked, setAllMainChecked] = useState(false);
141   - const [imagesViewerModalVisible, setImagesViewerModalVisible] =
142   - useState<boolean>(false);
143   - const [data, setData] = useState([]); //列表数据
144   - const [notesEditVisible, setNotesEditVisible] = useState<boolean>(false);
145   - const [financialMergeDrawerVisible, setFinancialMergeDrawerVisible] =
146   - useState<boolean>(false);
147   - const [attachmentModalVisible, setAttachmentModalVisible] =
148   - useState<boolean>(false);
149   - const [uploadPayBillModalVisible, setUploadPayBillModalVisible] =
150   - useState<boolean>(false);
151   - const [
152   - feedbackRegistrationModalVisible,
153   - setFeedbackRegistrationModalVisible,
154   - ] = useState<boolean>(false);
155   - const [modifiedDiffModalVisible, setModifiedDiffModalVisible] =
156   - useState<boolean>(false);
157   - const [financialReceiptsModalVisible, setFinancialReceiptsModalVisible] =
158   - useState(false);
159   - const [financialVisible, setFinancialVisible] = useState<boolean>(false);
160   - const [financialEditVisible, setFinancialEditVisible] =
161   - useState<boolean>(false);
162   - const [afterSalesDrawerVisible, setAfterSalesDrawerVisible] =
163   - useState<boolean>(false);
164   - const [historyModalVisible, setHistoryModalVisible] =
165   - useState<boolean>(false);
166   - const [isRePrintOrder, setIsRePrintOrder] = useState<boolean>(false);
167   - const [isSendProduct, setIsSendProduct] = useState<boolean>(false);
168   - const [isMainOrder, setIsMainOrder] = useState<boolean>(false);
169   - const [importModalVisible, setImportModalVisible] = useState<boolean>(false);
170   - const [reissueVisible, setReissueVisible] = useState<boolean>(false);
171   - const [reissueVisibleOld, setReissueVisibleOld] = useState<boolean>(false);
172   - const [applyForInvoicingVisible, setApplyForInvoicingVisible] =
173   - useState<boolean>(false);
174   - const [procureCheckModalVisible, setProcureCheckModalVisible] =
175   - useState<boolean>(false);
176   - const [procureConvertModalVisible, setProcureConvertModalVisible] =
177   - useState<boolean>(false);
178   - const [invoicingDrawerFormVisible, setInvoicingDrawerFormVisible] =
179   - useState<boolean>(false);
180   - const [confirmReceiptVisible, setConfirmReceiptVisible] =
181   - useState<boolean>(false);
182   - const [productionTimeModalVisible, setProductionTimeModalVisible] =
183   - useState<boolean>(false);
184   - const [deliverVisible, setDeliverVisible] = useState<boolean>(false);
185   - const [deliverInfoDrawerVisible, setDeliverInfoDrawerVisible] =
186   - useState<boolean>(false);
187   - const [orderOptType, setOrderOptType] = useState<string>('');
188   - const [isEdit, setIsEdit] = useState<boolean>(false);
189   - const [expandedRowKeys] = useState<Key[]>([]);
190   - const [notesType, setNotesType] = useState(1);
191   - const [notes, setNotes] = useState(1);
192   - const [rolePath, setRolePath] = useState([]); //当前角色权限（新增跟打印按钮）
193   - const userInfo = getUserInfo();
194   - // const [tableHeight, setTableHeight] = useState(200);
195   - const [selectedRows, setSelectedRows] = useState([]);
196   - const [mainOrderIdSubOrderIdRelationsMap] = useState(new Map()); //主订单id与子订单id的对照关系，用于主订单子订单的勾选校验，子订单全选中对应的主订单自动勾选上
197   - const [selectedMainOrderKeys, setSelectedMainOrderKeys] = useState<any[]>([]);
198   - const [selectedSubOrderKeys, setSelectedSubOrderKeys] = useState<any[]>([]);
199   - const [pageSize, setPageSize] = useState(10);
200   - const [currentPage, setCurrentPage] = useState(1);
201   - const [orderCheckType, setOrderCheckType] = useState('');
202   - const [imagesViewerOptType, setImagesViewerOptType] = useState('');
203   - const [filterCondifion, setFilterCondition] = useState(0);
204   - const [mainOrderSelectedMap] = useState(new Map()); //选中的主订单Map key：主订单id value：主订单数据
205   - const [subOrderSelectedMap, setSubOrderSelectedMap] = useState(new Map()); //选中的子订单Map key：主订单id value：选中的子订单数据集合
206   - const [currentOptMainId, setCurrentMainId] = useState<any>(undefined); //当前操作对象的主订单id
207   - const [curretnOptSubId, setCurretnOptSubId] = useState<any>(undefined); //当前操作对象的子订单id
208   - const [subOrderCount, setSubOrderCount] = useState(0);
209   - const [sorted, setSorted] = useState(false);
210   - const mainTableRef = useRef<ActionType>();
211   - const mainTableFormRef = useRef<ProFormInstance>();
212   - let [searchParams, setSearchParam] = useState(Object); //表格的查询条件存储
213   - const [messageApi, contextHolder] = message.useMessage();
214   - const [
215   - shippingWarehouseChangeModalVisible,
216   - setShippingWarehouseChangeModalVisible,
217   - ] = useState(false);
218   - const [canApplyAfterInvoicingStatus, setCanApplyAfterInvoicingStatus] =
219   - useState([]);
220   - const [ids, setIds] = useState([]);
221   - const [recordOptNode, setRecordOptNode] = useState(null);
222   - const roleCode = userInfo?.roleSmallVO?.code;
223   - const roles = userInfo?.roles;
224   - const canMergeInvoicing = useMemo(() => {
225   - if (subOrderSelectedMap.size === 0) {
226   - return false;
227   - }
228   - // 检查 value.items 中的每个元素
229   - console.log(
230   - 'map' + JSON.stringify([...subOrderSelectedMap.values()].flat()),
231   - );
232   - return [...subOrderSelectedMap.values()]
233   - .flat()
234   - .every((subItem) => subItem.paths?.includes('applyInvoicing_old'));
235   - }, [selectedSubOrderKeys]);
236   -
237   - console.log(JSON.stringify(userInfo));
238   - const triggerRecordOptNode = async (id) => {
239   - const res = await postServiceOrderGetCurrentOptNode({
240   - query: {
241   - id,
242   - },
243   - });
244   - setRecordOptNode(res.data);
245   - };
246   -
247   - const exportLoading = () => {
248   - messageApi.open({
249   - type: 'loading',
250   - content: '正在导出文件...',
251   - duration: 0,
252   - });
253   - };
254   -
255   - const exportLoadingDestory = () => {
256   - messageApi.destroy();
257   - };
258   -
259   - const refreshTable = () => {
260   - mainTableRef.current?.reload();
261   - //刷新表格数据的时候,取消选中行
262   - setSelectedRows([]);
263   - setSelectedSubOrderKeys([]);
264   - };
265   -
266   - /*useEffect(() => {
267   - let initAfterInvoicingStatus = async () => {
268   - const afteInvoicingStatus = await getAfterInvoicingStatus();
269   - setAfterInvoicingStatus(afteInvoicingStatus);
270   - };
271   - initAfterInvoicingStatus();
272   - }, []);*/
273   -
274   - useEffect(() => {
275   - // 使用URLSearchParams来解析查询参数
276   - const params = new URLSearchParams(location.search);
277   - const id = params.get('id');
278   - const subOrderId = params.get('subOrderId');
279   - if (id) {
280   - mainTableFormRef.current?.setFieldValue('id', id);
281   - }
282   - if (subOrderId) {
283   - mainTableFormRef.current?.setFieldValue('subOrderId', subOrderId);
284   - }
285   - }, []);
286   -
287   - useEffect(() => {
288   - const initEnum = async () => {
289   - let invoiceTypeRet = await postServiceConstCanApplyAfterInvoicingStatus();
290   - if (invoiceTypeRet.result === RESPONSE_CODE.SUCCESS) {
291   - setCanApplyAfterInvoicingStatus(invoiceTypeRet.data);
292   - }
293   - };
294   - initEnum();
295   - }, []);
296   -
297   - /**
298   - * 复制订单到剪贴板
299   - * @param record
300   - */
301   - function copyOrderToClipboard(record: any) {
302   - let text = '';
303   - text += record?.id;
304   - text += '，' + record?.salesCode;
305   - text += '，' + record?.customerName;
306   -
307   - text += '，' + record?.customerContactNumber;
308   -
309   - text += '，' + record?.customerShippingAddress;
310   -
311   - if (!isSupplier()) {
312   - text += '，' + record?.institutionContactName;
313   - text += '，' + record?.institution;
314   - }
315   - record?.subOrderInformationLists?.forEach((item) => {
316   - text += '\n';
317   - text += item?.productName;
318   - text += ' ' + item?.parameters;
319   - text += ' ' + item?.quantity;
320   - text += ' ' + item?.unit;
321   - if (!isSupplier()) {
322   - text += ' ￥' + item?.subOrderPayment;
323   - }
324   - text += ' ' + item?.id;
325   - });
326   - if (copyToClipboard(text)) {
327   - message.info('已复制到剪贴板');
328   - } else {
329   - message.info('无法复制到剪贴板');
330   - }
331   - }
332   -
333   - const MyToolTip = ({ title, content }) => {
334   - return (
335   - <Tooltip
336   - color="#FFFFFF"
337   - placement="bottom"
338   - title={<div className="px-5 py-4 text-black">{title}</div>}
339   - >
340   - {content}
341   - </Tooltip>
342   - );
343   - };
344   -
345   - /**
346   - * 检查是否可以打印
347   - * @param paths 按钮集合
348   - * @returns
349   - */
350   - function checkePrintable(paths: any) {
351   - if (
352   - !paths?.includes('printOrder') &&
353   - !paths?.includes('supplierPrint') &&
354   - !paths?.includes('procurePrint') &&
355   - !paths?.includes('rePrintOrder')
356   - ) {
357   - return false;
358   - }
359   -
360   - return true;
361   - }
362   -
363   - /**
364   - * 财务是否选中排序
365   - * @param e
366   - */
367   - function financeSorted(e: any) {
368   - let checked = e?.target.checked;
369   - setSorted(checked);
370   - refreshTable();
371   - }
372   -
373   - /**
374   - * 重置当前的操作对象
375   - */
376   - function clearOptObject() {
377   - setCurrentMainId(undefined);
378   - setCurretnOptSubId(undefined);
379   - setIsMainOrder(false);
380   - }
381   -
382   - /**
383   - * 初始化当前的操作对象
384   - * @param subId
385   - * @param mainId
386   - */
387   - function createOptObject(subId: any, mainId: any) {
388   - setCurrentMainId(mainId);
389   - setCurretnOptSubId(subId);
390   - }
391   -
392   - /**
393   - * 检查当前操作是否异常
394   - */
395   - // function checkOptValid() {
396   - // if ((currentOptMainId === undefined || currentOptMainId === null) && (curretnOptSubId === undefined || curretnOptSubId === null)) {
397   - // message.error("页面错误：当前操作对象为空，请联系系统管理员");
398   - // return false;
399   - // }
400   -
401   - // //检查数据是否存在
402   - // //主订单数据
403   - // if (!Array.from(mainOrderIdSubOrderIdRelationsMap.keys()).includes(currentOptMainId)) {
404   - // message.error("页面错误：当前操作主订单对象为空，请联系系统管理员");
405   - // }
406   -
407   - // //子订单
408   - // let allSubIds = [];
409   - // for (const idList of mainOrderIdSubOrderIdRelationsMap.values()) {
410   - // allSubIds.push(...idList);
411   - // }
412   - // if (!allSubIds.includes(curretnOptSubId)) {
413   - // message.error("页面错误：当前操作子订单对象为空，请联系系统管理员");
414   - // return false
415   - // }
416   -
417   - // return true;
418   - // }
419   -
420   - /**
421   - * 获取当前选中子订单的其中一个主订单
422   - */
423   - function getFirstMainOrder() {
424   - let mainId = [...subOrderSelectedMap.values()].flat()[0].mainOrderId;
425   - for (let item of data) {
426   - if (item.id === mainId) {
427   - return item;
428   - }
429   - }
430   -
431   - return null;
432   - }
433   -
434   - /**
435   - * 返回当前操作的主订单数据
436   - */
437   - function buildMainOrder() {
438   - if (currentOptMainId === undefined || currentOptMainId === null) {
439   - message.error('页面错误：当前操作的主订单id不存在，请联系系统管理员');
440   - return;
441   - }
442   -
443   - let mainOrderClone = null;
444   - let matchedData = data.filter((item) => {
445   - return item.id === currentOptMainId;
446   - });
447   - if (matchedData.length > 0) {
448   - mainOrderClone = cloneDeep(matchedData[0]);
449   - }
450   -
451   - if (mainOrderClone === null) {
452   - message.error('页面错误：当前操作的主订单数据不存在，请联系系统管理员');
453   - }
454   -
455   - return mainOrderClone;
456   - }
457   -
458   - /**
459   - * 返回当前操作的子订单集合
460   - */
461   - function buildSubOrders() {
462   - if (currentOptMainId === undefined || currentOptMainId === null) {
463   - message.error('页面错误：当前操作的主订单id不存在，请联系系统管理员');
464   - return;
465   - }
466   -
467   - let cloneSubOrders = [];
468   -
469   - //如果没有传当前操作的子订单id，说明是操作主订单
470   - if (curretnOptSubId === undefined || curretnOptSubId === null) {
471   - //如果有选中子订单，那么取选中的子订单为操作对象，否则取当前主订单的全部子订单为操作对象
472   - let currentOptSubOrders = subOrderSelectedMap.get(currentOptMainId);
473   - if (
474   - currentOptSubOrders === null ||
475   - currentOptSubOrders === undefined ||
476   - currentOptSubOrders.length === 0
477   - ) {
478   - for (let item of data) {
479   - if (item.id === currentOptMainId) {
480   - for (let subOrder of item?.subOrderInformationLists) {
481   - cloneSubOrders.push(cloneDeep(subOrder));
482   - }
483   - }
484   - }
485   - } else {
486   - cloneSubOrders = currentOptSubOrders.map((item) => {
487   - return cloneDeep(item);
488   - });
489   - }
490   - } else {
491   - //操作的是子订单
492   - for (let item of data) {
493   - if (item.id === currentOptMainId) {
494   - for (let subOrder of item?.subOrderInformationLists) {
495   - if (subOrder.id === curretnOptSubId) {
496   - cloneSubOrders.push(cloneDeep(subOrder));
497   - break;
498   - }
499   - }
500   - }
501   - }
502   - }
503   -
504   - if (cloneSubOrders.length === 0) {
505   - message.error('页面错误：当前操作的订单数据不存在，请联系系统管理员');
506   - return;
507   - }
508   -
509   - return cloneSubOrders;
510   - }
511   -
512   - /**
513   - * 获取当前操作申请开票的订单总金额
514   - */
515   - function getApplyInvoicingTotalPayment() {
516   - let subOrders = isMainOrder
517   - ? [...subOrderSelectedMap.values()].flat()
518   - : buildSubOrders();
519   -
520   - let totalPayment = 0;
521   - if (subOrders && subOrders.length > 0) {
522   - let mainIds = subOrders?.map((item: any) => {
523   - return item.mainOrderId;
524   - });
525   -
526   - let uniqueMainIds = [...new Set(mainIds)];
527   -
528   - let dataMap = data.reduce((map, obj: any) => {
529   - map.set(obj.id, obj);
530   - return map;
531   - }, new Map());
532   -
533   - uniqueMainIds.forEach((id: any) => {
534   - let o = dataMap.get(id);
535   - if (o) {
536   - totalPayment = FloatAdd(totalPayment, o.totalPayment);
537   - }
538   - });
539   - }
540   - return totalPayment;
541   - }
542   -
543   - /**
544   - * 根据主订单id，将该主订单下的所有子订单取消选中
545   - */
546   - const removeSelectedSubOrderKeysByMainOrderId = (id: any) => {
547   - let currentMainOrderAllSubOrderIds =
548   - mainOrderIdSubOrderIdRelationsMap.get(id);
549   - if (currentMainOrderAllSubOrderIds) {
550   - let newSelectedSubOrderKeys = selectedSubOrderKeys.filter((item) => {
551   - return !currentMainOrderAllSubOrderIds.includes(item);
552   - });
553   - setSelectedSubOrderKeys(newSelectedSubOrderKeys);
554   - }
555   - };
556   -
557   - /**
558   - * 根据主订单id取消选中主订单
559   - * @param id
560   - */
561   - const removeSelecetMainOrderKeyByMainOrderId = (id: any) => {
562   - if (selectedMainOrderKeys.includes(id)) {
563   - let newSelectedMainOrderKeys = selectedMainOrderKeys.filter((item) => {
564   - return item !== id;
565   - });
566   - setSelectedMainOrderKeys(newSelectedMainOrderKeys);
567   - }
568   - };
569   -
570   - const onCheckboxChange = (record: never) => {
571   - let newSelectedMainOrderKeys = [];
572   - if (selectedMainOrderKeys.includes(record.id)) {
573   - newSelectedMainOrderKeys = selectedMainOrderKeys.filter(
574   - (key) => key !== record.id,
575   - );
576   - removeSelectedSubOrderKeysByMainOrderId(record.id);
577   - setSelectedRows([]);
578   -
579   - //删除选中主订单的信息
580   - mainOrderSelectedMap.delete(record.id);
581   - //删除选中主订单附属子订单的信息
582   - subOrderSelectedMap.delete(record.id);
583   - //总选中按钮取消选中
584   - setAllMainChecked(false);
585   - } else {
586   - newSelectedMainOrderKeys = [...selectedMainOrderKeys, record.id];
587   - //子订单全部自动选中
588   - let subIds = record.subOrderInformationLists?.map((item) => {
589   - return item.id;
590   - });
591   - let newSelectedSubOrderKeys = [...selectedSubOrderKeys];
592   - for (let subId of subIds) {
593   - if (!selectedSubOrderKeys.includes(subId)) {
594   - newSelectedSubOrderKeys.push(subId);
595   - }
596   - }
597   - setSelectedSubOrderKeys(newSelectedSubOrderKeys);
598   -
599   - setSelectedRows(record.subOrderInformationLists);
600   -
601   - //选中主订单
602   - mainOrderSelectedMap.set(record.id, record);
603   - //选中子订单
604   - subOrderSelectedMap.set(record.id, record.subOrderInformationLists);
605   - setSubOrderSelectedMap(new Map(subOrderSelectedMap));
606   -
607   - //如果所有主订单都勾选上了，那么勾选上总选中按钮
608   - if (
609   - mainOrderSelectedMap?.size === mainOrderIdSubOrderIdRelationsMap.size
610   - ) {
611   - setAllMainChecked(true);
612   - }
613   - }
614   - setSelectedMainOrderKeys(newSelectedMainOrderKeys);
615   - };
616   - // const handleTableExpand = (mainOrderIds: any) => {
617   - // setExpandedRowKeys(mainOrderIds);
618   - // };
619   -
620   - const allMainCheckBoxChange = () => {
621   - let checked = !allMainChecked;
622   - setAllMainChecked(checked);
623   -
624   - if (checked) {
625   - let mainOrderIds = data?.map((item) => {
626   - mainOrderSelectedMap.set(item.id, item);
627   - return item.id;
628   - });
629   -
630   - let subOrderIds = [];
631   - for (let subIdList of mainOrderIdSubOrderIdRelationsMap.values()) {
632   - subOrderIds.push(...subIdList);
633   - }
634   -
635   - if (data) {
636   - for (let item of data) {
637   - mainOrderSelectedMap.set(item.id, item);
638   -
639   - subOrderSelectedMap.set(item.id, item.subOrderInformationLists);
640   - }
641   - }
642   -
643   - setSelectedMainOrderKeys(mainOrderIds);
644   - setSelectedSubOrderKeys(subOrderIds);
645   - } else {
646   - setSelectedMainOrderKeys([]);
647   - setSelectedSubOrderKeys([]);
648   - mainOrderSelectedMap.clear();
649   - subOrderSelectedMap.clear();
650   - }
651   - };
652   -
653   - //表头渲染
654   - const OrderTableHeader = () => {
655   - return (
656   - <Flex className="w-full">
657   - <Flex className="w-[1%] ml-[7px]">
658   - <Checkbox
659   - onChange={allMainCheckBoxChange}
660   - checked={allMainChecked}
661   - ></Checkbox>
662   - </Flex>
663   - <Flex className="w-[30%] ml-[1%]">
664   - <span className="font-medium">商品信息</span>
665   - </Flex>
666   - <Flex className="w-[13%]">
667   - <span className="font-medium">交易金额</span>
668   - </Flex>
669   -
670   - {!isSupplier() ? (
671   - <>
672   - <Flex className="w-[10%]">
673   - <span className="font-medium">支付</span>
674   - </Flex>
675   - <Flex className="w-[12%]">
676   - <span className="font-medium">其他</span>
677   - </Flex>
678   - </>
679   - ) : (
680   - ''
681   - )}
682   -
683   - <Flex className="w-[10%]">
684   - <span className="font-medium">交易状态</span>
685   - </Flex>
686   - <Flex className="w-[17%]">
687   - <span className="font-medium">操作</span>
688   - </Flex>
689   - </Flex>
690   - );
691   - };
692   - //子订单内容渲染
693   - const SubOderRander = ({ record, optRecord }) => {
694   - /**
695   - * 获取订单状态标签
696   - * @param optRecord
697   - */
698   - function getOrderStatusTag(optRecord: any): import('react').ReactNode {
699   - const orderStatus = optRecord.orderStatus;
700   - const paymentMethod = optRecord.paymentMethod;
701   - let orderStatusTagText = enumValueToLabel(
702   - optRecord.orderStatus,
703   - ORDER_STATUS_OPTIONS,
704   - );
705   -
706   - if (orderStatus === 'WAIT_CONFIRM_DELIVER_AFTER_INVOICE') {
707   - if (optRecord.afterInvoicingStatus !== 'COMPLETE_INVOICING') {
708   - orderStatusTagText = '待开票';
709   - } else {
710   - orderStatusTagText = '待确认发货';
711   - }
712   - }
713   -
714   - //如果是未审核或者领导已审核，付款状态为预付款则需要财务审核【财务待审核】，否则仓库审核【】
715   - if (
716   - orderStatus === 'UNAUDITED' ||
717   - orderStatus === 'LEADER_AUDITED' ||
718   - orderStatus === 'PROCURE_REJECT'
719   - ) {
720   - if (paymentMethod === 'PAYMENT_IN_ADVANCE') {
721   - orderStatusTagText = '财务待审核';
722   - } else {
723   - orderStatusTagText = '仓库待审核';
724   - }
725   - }
726   -
727   - //如果是财务已审核，显示为【仓库待审核】
728   - if (orderStatus === 'FINANCE_PROCESS') {
729   - orderStatusTagText = '仓库待审核';
730   - }
731   -
732   - if (orderStatus === 'AUDIT_FAILED') {
733   - return (
734   - <MyToolTip
735   - key="key"
736   - title={optRecord.checkNotes + ' ' + optRecord.postAuditNotes}
737   - content={
738   - <>
739   - <Tag
740   - color={TAGS_COLOR.get(optRecord.orderStatus)}
741   - style={{ marginRight: '4px' }}
742   - >
743   - {orderStatusTagText}
744   - </Tag>
745   - <QuestionCircleOutlined style={{ color: '#C1C1C1' }} />
746   - </>
747   - }
748   - />
749   - );
750   - }
751   -
752   - if (
753   - orderStatus === 'AFTER_SALES_COMPLETION' ||
754   - orderStatus === 'IN_AFTER_SALES'
755   - ) {
756   - return (
757   - <Tag
758   - color={TAGS_COLOR.get(optRecord.orderStatus)}
759   - style={{ marginRight: '4px' }}
760   - >
761   - {orderStatusTagText}
762   - </Tag>
763   - );
764   - }
765   -
766   - if (orderStatus === 'PROCURE_CONVERT_WAREHOUSE_KEEPER') {
767   - return (
768   - <MyToolTip
769   - key="key"
770   - title={optRecord.checkNotes}
771   - content={
772   - <>
773   - <Tag
774   - color={TAGS_COLOR.get(optRecord.orderStatus)}
775   - style={{ marginRight: '4px' }}
776   - >
777   - {orderStatusTagText}
778   - </Tag>
779   - <QuestionCircleOutlined style={{ color: '#C1C1C1' }} />
780   - </>
781   - }
782   - />
783   - );
784   - }
785   -
786   - return (
787   - <Tag key="key" color={TAGS_COLOR.get(optRecord.orderStatus)}>
788   - {orderStatusTagText}
789   - </Tag>
790   - );
791   - }
792   -
793   - /**
794   - * 获取后置审核状态标签
795   - * @param optRecord
796   - */
797   - function getPostAuditStatusTag(optRecord: any): import('react').ReactNode {
798   - return (
799   - <Tag key="key" color={TAGS_COLOR.get(optRecord.postAuditStatus)}>
800   - {enumValueToLabel(optRecord.postAuditStatus, POST_AUDIT_OPTIONS)}
801   - </Tag>
802   - );
803   - }
804   -
805   - //申请开票附件处理
806   - const getAfterAnnexList = () => {
807   - // let links = [];
808   - let afterAnnexList = optRecord.afterAnnexList;
809   - let i = 1;
810   - let images = [];
811   - let otherAnnex = [];
812   - if (afterAnnexList?.length > 0) {
813   - for (let url of afterAnnexList) {
814   - let name = getAliYunOSSFileNameFromUrl(url);
815   - if (isImageName(name)) {
816   - images.push({ name: name, url: url });
817   - } else {
818   - otherAnnex.push({ name: '附件' + i++, url: url });
819   - }
820   - }
821   - }
822   -
823   - return (
824   - <div className="pl-1">
825   - <Image.PreviewGroup
826   - className="mr-10"
827   - preview={{
828   - onChange: (current, prev) =>
829   - console.log(`current index: ${current}, prev index: ${prev}`),
830   - }}
831   - >
832   - {images.map((item, index) => (
833   - <React.Fragment key={index}>
834   - {index > 0 ? <Divider type="vertical" /> : ''}
835   - <Image
836   - className="max-h-[50px] max-w-[70px]"
837   - src={item.url}
838   - title={item.name}
839   - />{' '}
840   - </React.Fragment>
841   - ))}
842   - </Image.PreviewGroup>
843   - {otherAnnex.map((item, index) => {
844   - return (
845   - <Popconfirm
846   - title="下载或预览"
847   - key={index}
848   - onConfirm={() => {
849   - window.open(
850   - '/previewApi/onlinePreview?url=' +
851   - encodeURIComponent(Base64.encode(item.url)),
852   - );
853   - }}
854   - onCancel={() => {
855   - window.open(item.url);
856   - }}
857   - okText="预览"
858   - cancelText="下载"
859   - >
860   - <Button className="px-1" key={index} type="link">
861   - {item.name}
862   - </Button>
863   - </Popconfirm>
864   - );
865   - })}
866   - </div>
867   - );
868   - };
869   -
870   - //财务审核附件处理
871   - const getInvoicingCheckAnnexList = () => {
872   - let invoicingCheckAnnexList = optRecord.invoicingCheckAnnexList;
873   - return (
874   - <div>
875   - <Image.PreviewGroup
876   - className="mr-10"
877   - preview={{
878   - onChange: (current, prev) =>
879   - console.log(`current index: ${current}, prev index: ${prev}`),
880   - }}
881   - >
882   - {invoicingCheckAnnexList.map((url, index) => (
883   - <React.Fragment key={index}>
884   - <Image className="max-h-[50px] max-w-[70px]" src={url} />{' '}
885   - <Divider type="vertical" />
886   - </React.Fragment>
887   - ))}
888   - </Image.PreviewGroup>
889   - </div>
890   - );
891   - };
892   -
893   - return (
894   - <>
895   - <Flex className="w-full border-b-indigo-500">
896   - <Flex vertical className="w-[31%]" gap="small">
897   - {/* 商品名称 */}
898   - <div>
899   - <div
900   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis hover:cursor-pointer"
901   - onClick={() => {
902   - copyToClipboard(optRecord.productName);
903   - message.info('商品名称复制成功：' + optRecord.productName);
904   - }}
905   - title={optRecord.productName}
906   - >
907   - <span className="font-medium text-black ">
908   - {optRecord.productName}
909   - </span>
910   - </div>
911   - <div className="text-xs text-[#8C8C8C]">
912   - <span
913   - className="cursor-pointer"
914   - onClick={() => {
915   - copyToClipboard(optRecord.id);
916   - message.info('子订单编号复制成功：' + optRecord.id);
917   - }}
918   - >
919   - {optRecord.id}
920   - </span>
921   - {(roleCode === 'salesRepresentative' ||
922   - roleCode === 'salesManager') &&
923   - !optRecord.isCurrentUserOrder ? (
924   - <span className="text-[#f44e4e]">(非本账号订单)</span>
925   - ) : (
926   - ''
927   - )}
928   - {optRecord.modifiedOptFlag !== null ? (
929   - <span className="text-[#f44e4e] cursor-pointer">
930   - {optRecord.modifiedOptFlag === 'MODIFY' ? '(修改中)' : ''}
931   - {optRecord.modifiedOptFlag === 'DELETE' ? '(删除中)' : ''}
932   - {optRecord.modifiedOptFlag === 'INSERT' ? '(新增中)' : ''}
933   - </span>
934   - ) : (
935   - ''
936   - )}
937   - {optRecord.uid && (
938   - <span className="text-[#f44e4e] cursor-pointer">
939   - (商城订单)
940   - </span>
941   - )}
942   -
943   - {optRecord.modified ? (
944   - <Tooltip title="点击查看详情">
945   - <span
946   - className="text-[#f44e4e] cursor-pointer"
947   - onClick={async () => {
948   - createOptObject(optRecord.id, record.id);
949   - setModifiedDiffModalVisible(true);
950   - }}
951   - >
952   - (内容有变化)
953   - </span>
954   - </Tooltip>
955   - ) : (
956   - ''
957   - )}
958   - {!optRecord.logicDelete ? (
959   - <span className="text-[#f44e4e]">(已作废)</span>
960   - ) : (
961   - ''
962   - )}
963   - </div>
964   - </div>
965   -
966   - <div
967   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis hover:cursor-pointer"
968   - title={optRecord.parameters}
969   - onClick={() => {
970   - copyToClipboard(optRecord.parameters);
971   - message.info('商品名称复制成功：' + optRecord.parameters);
972   - }}
973   - >
974   - <span className="text-[#8C8C8C]">
975   - 参数：{optRecord.parameters}
976   - </span>
977   - </div>
978   - </Flex>
979   - <Flex className="w-[13%]" vertical gap="small">
980   - {!isSupplier() ? (
981   - <>
982   - <div
983   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis"
984   - title={optRecord.productPrice}
985   - >
986   - <span className="text-[#8C8C8C]">单价：</span>
987   - <span className="text-slate-700">
988   - ￥{optRecord.productPrice}
989   - </span>
990   - </div>
991   - </>
992   - ) : (
993   - ''
994   - )}
995   -
996   - <div
997   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis"
998   - title={optRecord.quantity}
999   - >
1000   - <span className="text-[#8C8C8C]">数量：</span>
1001   - <span className="text-slate-700">
1002   - x{optRecord.quantity + ' '}
1003   - </span>
1004   - <span className="text-[#8C8C8C]">{optRecord.unit}</span>
1005   - </div>
1006   -
1007   - {!isSupplier() ? (
1008   - <div
1009   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis"
1010   - title={optRecord.subOrderPayment}
1011   - >
1012   - <span className="text-[#8C8C8C]">合计：</span>
1013   - <span className="text-slate-700">
1014   - ￥{optRecord.subOrderPayment}
1015   - </span>
1016   - </div>
1017   - ) : (
1018   - ''
1019   - )}
1020   - </Flex>
1021   -
1022   - <Flex className="w-[10%]" vertical gap="small">
1023   - {!isSupplier() ? (
1024   - <>
1025   - {/* 支付方式 */}
1026   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1027   - <span className="text-slate-700">
1028   - {optRecord.paymentMethodText}
1029   - </span>
1030   - </div>
1031   - {/* 支付渠道 */}
1032   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1033   - <span className="text-slate-700">
1034   - {enumValueToLabel(
1035   - optRecord.paymentChannel,
1036   - PAYMENT_CHANNEL_OPTIONS,
1037   - )}
1038   - </span>
1039   - </div>
1040   - {/* 回款审核状态 */}
1041   - {optRecord.paymentReceiptStatus !== null ? (
1042   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1043   - <Tag
1044   - className="hover:cursor-pointer"
1045   - onMouseEnter={(e: any) => {
1046   - e.target.innerText = '点击查看回款凭证';
1047   - }}
1048   - onMouseLeave={(e: any) => {
1049   - e.target.innerText = enumValueToLabel(
1050   - optRecord.paymentReceiptStatus,
1051   - PAYMENT_RECEIPTS_STATUS_OPTIONS,
1052   - );
1053   - }}
1054   - onClick={() => {
1055   - createOptObject(optRecord.id, record.id);
1056   - setImagesViewerOptType('paymentReceipt');
1057   - setImagesViewerModalVisible(true);
1058   - }}
1059   - key="key"
1060   - color={TAGS_COLOR.get(optRecord.paymentReceiptStatus)}
1061   - >
1062   - {enumValueToLabel(
1063   - optRecord.paymentReceiptStatus,
1064   - PAYMENT_RECEIPTS_STATUS_OPTIONS,
1065   - )}
1066   - </Tag>
1067   - </div>
1068   - ) : (
1069   - ''
1070   - )}
1071   - </>
1072   - ) : (
1073   - ''
1074   - )}
1075   - </Flex>
1076   - <Flex className="w-[13%]" vertical gap="small">
1077   - {!isSupplier() ? (
1078   - <>
1079   - {/* 所属部门 */}
1080   - <div
1081   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis"
1082   - title={enumValueToLabel(
1083   - optRecord.productBelongBusiness,
1084   - PRODUCT_BELONG_DEPARTMENT_OPTIONS,
1085   - )}
1086   - >
1087   - <span className="text-slate-700">
1088   - {enumValueToLabel(
1089   - optRecord.productBelongBusiness,
1090   - PRODUCT_BELONG_DEPARTMENT_OPTIONS,
1091   - )}
1092   - </span>
1093   - </div>
1094   -
1095   - {/* 开票类型 */}
1096   - {optRecord.invoicingStatus !== null ? (
1097   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1098   - <span className="text-slate-700">
1099   - {getInvoicingType(optRecord)}
1100   - </span>
1101   - </div>
1102   - ) : (
1103   - ''
1104   - )}
1105   -
1106   - {/* 开票状态 */}
1107   - {optRecord.afterInvoicingStatus !== null ? (
1108   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1109   - <Tooltip
1110   - title={
1111   - optRecord.invoicingUrgentCause !== null &&
1112   - optRecord.afterInvoicingStatus ===
1113   - 'URGENT_INVOICE_AUDITING'
1114   - ? optRecord.invoicingUrgentCause
1115   - : enumValueToLabel(
1116   - optRecord.afterInvoicingStatus,
1117   - AFTER_INVOICING_STATUS,
1118   - )
1119   - }
1120   - >
1121   - <Tag
1122   - color={TAGS_COLOR.get(optRecord.afterInvoicingStatus)}
1123   - >
1124   - {enumValueToLabel(
1125   - optRecord.afterInvoicingStatus,
1126   - AFTER_INVOICING_STATUS,
1127   - )}
1128   - </Tag>
1129   - </Tooltip>
1130   - </div>
1131   - ) : (
1132   - ''
1133   - )}
1134   -
1135   - {/* 是否加急图标显示 */}
1136   - {optRecord.isUrgent ? (
1137   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1138   - <Tooltip
1139   - title={'期望开票时间：' + formatdate(optRecord.deadline)}
1140   - >
1141   - <Tag color="red">加急开票</Tag>
1142   - </Tooltip>
1143   - </div>
1144   - ) : (
1145   - ''
1146   - )}
1147   -
1148   - {(roleCode === 'warehouseKeeper' || roleCode === 'admin') &&
1149   - optRecord.shippingWarehouse !== null ? (
1150   - <div
1151   - className="overflow-hidden whitespace-no-wrap overflow-ellipsis"
1152   - title={enumValueToLabel(
1153   - optRecord.shippingWarehouse,
1154   - SHIPPING_WAREHOUSE_OPTIONS,
1155   - )}
1156   - >
1157   - <span className="text-slate-700">
1158   - {enumValueToLabel(
1159   - optRecord.shippingWarehouse,
1160   - SHIPPING_WAREHOUSE_OPTIONS,
1161   - )}
1162   - </span>
1163   - </div>
1164   - ) : (
1165   - ''
1166   - )}
1167   -
1168   - {/* 生产时间 */}
1169   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1170   - {optRecord.productionStartTime !== null ||
1171   - optRecord.productionEndTime !== null ? (
1172   - <MyToolTip
1173   - title={
1174   - formatdate(optRecord.productionStartTime) +
1175   - ' 至 ' +
1176   - formatdate(optRecord.productionEndTime)
1177   - }
1178   - content={
1179   - <Button type="link" size="small" style={{ padding: 0 }}>
1180   - 生产时间
1181   - </Button>
1182   - }
1183   - />
1184   - ) : (
1185   - ''
1186   - )}
1187   - </div>
1188   - </>
1189   - ) : (
1190   - ''
1191   - )}
1192   - </Flex>
1193   -
1194   - <Flex className="w-[10%]" vertical gap="small">
1195   - {/* 开票状态 */}
1196   - {!isSupplier() ? (
1197   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1198   - <Tag
1199   - color={
1200   - optRecord.invoicingTime === null ||
1201   - optRecord.invoicingTime === undefined
1202   - ? TAGS_COLOR.get(optRecord.invoicingStatus)
1203   - : 'success'
1204   - }
1205   - >
1206   - {getNeedInvoicing(optRecord)}
1207   - </Tag>
1208   - </div>
1209   - ) : (
1210   - ''
1211   - )}
1212   -
1213   - {/* 订单状态 */}
1214   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1215   - {getOrderStatusTag(optRecord)}
1216   - </div>
1217   -
1218   - {/* 确认发票状态 */}
1219   - {optRecord.invoiceConfirmStatusText !== null && (
1220   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1221   - <Tag color={'success'} style={{ marginRight: '4px' }}>
1222   - {optRecord.invoiceConfirmStatusText}
1223   - </Tag>
1224   - </div>
1225   - )}
1226   -
1227   - {/* 后置审核状态 */}
1228   - {optRecord.postAuditStatus !== null ? (
1229   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1230   - {getPostAuditStatusTag(optRecord)}
1231   - </div>
1232   - ) : (
1233   - ''
1234   - )}
1235   -
1236   - {/**采购是否已下单状态 */}
1237   - {optRecord.procureOrderStatus !== null &&
1238   - optRecord.procureOrderStatus !== undefined ? (
1239   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1240   - <Tag color="success">
1241   - {enumValueToLabel(
1242   - optRecord.procureOrderStatus,
1243   - PROCURE_ORDER_STATUS,
1244   - )}
1245   - </Tag>
1246   - </div>
1247   - ) : (
1248   - ''
1249   - )}
1250   -
1251   - {/* 物流信息 */}
1252   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1253   - {optRecord.orderStatus === 'CONFIRM_RECEIPT' ||
1254   - optRecord.orderStatus === 'AFTER_SALES_COMPLETION' ||
1255   - optRecord.orderStatus === 'IN_AFTER_SALES' ||
1256   - optRecord.orderStatus === 'SHIPPED' ? (
1257   - <MyToolTip
1258   - title={
1259   - optRecord.serialNumber === undefined
1260   - ? '暂无物流信息'
1261   - : enumValueToLabel(
1262   - optRecord.logisticsMethod,
1263   - LOGISTICS_STATUS_OPTIONS,
1264   - ) +
1265   - ' ' +
1266   - optRecord.serialNumber +
1267   - ' ' +
1268   - optRecord.logisticsNotes
1269   - }
1270   - content={
1271   - <Button type="link" size="small" style={{ padding: 0 }}>
1272   - 物流信息
1273   - </Button>
1274   - }
1275   - />
1276   - ) : (
1277   - ''
1278   - )}
1279   -
1280   - {/* 修改审核状态 */}
1281   - {optRecord.modifiedAuditStatus !== null &&
1282   - optRecord.modifiedAuditStatus !== 'AUDIT_FAILURE' ? (
1283   - <div className="overflow-hidden whitespace-no-wrap overflow-ellipsis">
1284   - <Tooltip
1285   - title={recordOptNode ? recordOptNode : <Spin />}
1286   - onOpenChange={(open) => {
1287   - console.log('open:' + open);
1288   - console.log('id:' + optRecord.id);
1289   - if (open) {
1290   - triggerRecordOptNode(optRecord.id);
1291   - } else {
1292   - setRecordOptNode(null);
1293   - }
1294   - }}
1295   - >
1296   - <Tag color={TAGS_COLOR.get(optRecord.modifiedAuditStatus)}>
1297   - {enumValueToLabel(
1298   - optRecord.modifiedAuditStatus,
1299   - MODIFIED_AUDIT_STATUS_OPTIONS,
1300   - )}
1301   - </Tag>
1302   - </Tooltip>
1303   - </div>
1304   - ) : (
1305   - ''
1306   - )}
1307   -
1308   - {optRecord.modifiedAuditStatus === 'AUDIT_FAILURE' ? (
1309   - <MyToolTip
1310   - key="key"
1311   - title={optRecord.modifiedAuditNotes}
1312   - content={
1313   - <>
1314   - <Tag
1315   - color={TAGS_COLOR.get(optRecord.modifiedAuditNotes)}
1316   - style={{ marginRight: '4px' }}
1317   - >
1318   - {enumValueToLabel(
1319   - optRecord.modifiedAuditStatus,
1320   - MODIFIED_AUDIT_STATUS_OPTIONS,
1321   - )}
1322   - </Tag>
1323   - <QuestionCircleOutlined style={{ color: '#C1C1C1' }} />
1324   - </>
1325   - }
1326   - />
1327   - ) : (
1328   - ''
1329   - )}
1330   - </div>
1331   - </Flex>
1332   - <Flex className="w-[18%]" wrap="wrap" gap="small">
1333   - {optRecord.paths?.includes('postAudit') ? (
1334   - <Button
1335   - className="p-0"
1336   - type="link"
1337   - onClick={() => {
1338   - createOptObject(optRecord.id, record.id);
1339   - setCheckVisible(true);
1340   - setOrderCheckType(CHECK_TYPE.WAITING_FOR_POST_AUDIT);
1341   - }}
1342   - >
1343   - 后置审核
1344   - </Button>
1345   - ) : (
1346   - ''
1347   - )}
1348   - {/* 加急审核 */}
1349   - {optRecord.paths?.includes('URGENT_INVOICE_AUDITING') ? (
1350   - <Button
1351   - className="p-0"
1352   - type="link"
1353   - onClick={() => {
1354   - console.log('here');
1355   - setCurrentMainId(record.id);
1356   - setCurretnOptSubId(optRecord.id);
1357   - setCheckVisible(true);
1358   - setOrderCheckType(CHECK_TYPE.URGENT_INVOICE_AUDITING);
1359   - }}
1360   - >
1361   - 加急审核（新）
1362   - </Button>
1363   - ) : (
1364   - ''
1365   - )}
1366   - {optRecord.paths?.includes('URGENT_INVOICE_AUDITING_old') ? (
1367   - <Button
1368   - className="p-0"
1369   - type="link"
1370   - onClick={() => {
1371   - console.log('here');
1372   - setCurrentMainId(record.id);
1373   - setCurretnOptSubId(optRecord.id);
1374   - setCheckVisible(true);
1375   - setOrderCheckType(CHECK_TYPE.URGENT_INVOICE_AUDITING_OLD);
1376   - }}
1377   - >
1378   - 加急审核(旧)
1379   - </Button>
1380   - ) : (
1381   - ''
1382   - )}
1383   - {optRecord.paths?.includes('salesConfirm') && (
1384   - <ButtonConfirm
1385   - className="p-0"
1386   - title="是否确认此商城订单信息无误？确认无误之后订单将进入审核流程。"
1387   - text="订单确认"
1388   - onConfirm={async () => {
1389   - let res = await postServiceOrderSalesConfirm({
1390   - data: {
1391   - subOrderIds: [optRecord.id],
1392   - },
1393   - });
1394   -
1395   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
1396   - message.success(res.message);
1397   - refreshTable();
1398   - }
1399   - }}
1400   - />
1401   - )}
1402   - {optRecord.paths?.includes('uploadPaymentReceiptBill') ? (
1403   - <Button
1404   - className="p-0"
1405   - type="link"
1406   - onClick={() => {
1407   - createOptObject(optRecord.id, record.id);
1408   - setUploadPayBillModalVisible(true);
1409   - }}
1410   - >
1411   - 回款
1412   - </Button>
1413   - ) : (
1414   - ''
1415   - )}
1416   - {optRecord.paths?.includes('reissue_old') ? (
1417   - /*optRecord.afterInvoicingStatus==='PARTIAL_INVOICING'||
1418   - optRecord.afterInvoicingStatus==='COMPLETE_INVOICING'*/
1419   - <Button
1420   - className="p-0"
1421   - type="link"
1422   - onClick={() => {
1423   - setCurrentMainId(record.id);
1424   - setReissueVisibleOld(true);
1425   - }}
1426   - >
1427   - 重新开票(旧)
1428   - </Button>
1429   - ) : (
1430   - ''
1431   - )}
1432   - {optRecord.paths?.includes('reissue') ? (
1433   - /*optRecord.afterInvoicingStatus==='PARTIAL_INVOICING'||
1434   - optRecord.afterInvoicingStatus==='COMPLETE_INVOICING'*/
1435   - <Button
1436   - className="p-0"
1437   - type="link"
1438   - onClick={() => {
1439   - setCurrentMainId(record.id);
1440   - setCurretnOptSubId(optRecord.id);
1441   - setReissueVisible(true);
1442   - }}
1443   - >
1444   - 重新开票（新）
1445   - </Button>
1446   - ) : (
1447   - ''
1448   - )}
1449   -
1450   - {optRecord.paths?.includes('confirmReissue_old') ? (
1451   - <Button
1452   - className="p-0"
1453   - type="link"
1454   - onClick={() => {
1455   - setCurrentMainId(record.id);
1456   - setCurretnOptSubId(optRecord.id);
1457   - setCheckVisible(true);
1458   - setOrderCheckType(CHECK_TYPE.CONFIRM_REISSUE_OLD);
1459   - }}
1460   - >
1461   - 重新开票审核(旧)
1462   - </Button>
1463   - ) : (
1464   - ''
1465   - )}
1466   - {optRecord.paths?.includes('confirmReissue') ? (
1467   - <Button
1468   - className="p-0"
1469   - type="link"
1470   - onClick={() => {
1471   - setCurrentMainId(record.id);
1472   - setCurretnOptSubId(optRecord.id);
1473   - setCheckVisible(true);
1474   - setOrderCheckType(CHECK_TYPE.CONFIRM_REISSUE);
1475   - }}
1476   - >
1477   - 重新开票审核（新）
1478   - </Button>
1479   - ) : (
1480   - ''
1481   - )}
1482   -
1483   - {optRecord.paths?.includes('leaderAudit') ? (
1484   - <Button
1485   - className="p-0"
1486   - type="link"
1487   - onClick={() => {
1488   - setCurrentMainId(record.id);
1489   - setCurretnOptSubId(optRecord.id);
1490   - setCheckVisible(true);
1491   - setOrderCheckType(CHECK_TYPE.LEADER_AUDIT);
1492   - }}
1493   - >
1494   - 审核
1495   - </Button>
1496   - ) : (
1497   - ''
1498   - )}
1499   -
1500   - {optRecord.paths?.includes('creditAudit') ? (
1501   - <Button
1502   - className="p-0"
1503   - type="link"
1504   - onClick={() => {
1505   - setCurrentMainId(record.id);
1506   - setCurretnOptSubId(optRecord.id);
1507   - setCheckVisible(true);
1508   - setOrderCheckType(CHECK_TYPE.CREDIT_AUDIT);
1509   - }}
1510   - >
1511   - 赊账审核
1512   - </Button>
1513   - ) : (
1514   - ''
1515   - )}
1516   -
1517   - {optRecord.paths?.includes('auditPaymentReceipt') ? (
1518   - <Button
1519   - className="p-0"
1520   - type="link"
1521   - onClick={() => {
1522   - createOptObject(optRecord.id, record.id);
1523   - setCheckVisible(true);
1524   - setOrderCheckType(CHECK_TYPE.PAYMENT_RECEIPTS_AUDIT);
1525   - }}
1526   - >
1527   - 回款审核
1528   - </Button>
1529   - ) : (
1530   - ''
1531   - )}
1532   -
1533   - {optRecord.paths?.includes('modifiedAuditRequest') ? (
1534   - <Button
1535   - className="p-0"
1536   - type="link"
1537   - onClick={() => {
1538   - createOptObject(optRecord.id, record.id);
1539   - setCheckVisible(true);
1540   - setOrderCheckType(CHECK_TYPE.NODE_OPERATING_AUDIT);
1541   - }}
1542   - >
1543   - 节点修改审核
1544   - </Button>
1545   - ) : (
1546   - ''
1547   - )}
1548   -
1549   - {optRecord.paths?.includes('applyModify') ? (
1550   - <Button
1551   - className="p-0"
1552   - type="link"
1553   - onClick={() => {
1554   - createOptObject(optRecord.id, record.id);
1555   - setOrderDrawerVisible(true);
1556   - setOrderOptType('order-change-normal');
1557   - }}
1558   - >
1559   - 申请修改
1560   - </Button>
1561   - ) : (
1562   - ''
1563   - )}
1564   -
1565   - {optRecord.paths?.includes('modifiedLeaderAuditRequest') ? (
1566   - <Button
1567   - className="p-0"
1568   - type="link"
1569   - onClick={() => {
1570   - createOptObject(optRecord.id, record.id);
1571   - setCheckVisible(true);
1572   - setOrderCheckType(CHECK_TYPE.MODIFY_LEADER_AUDIT);
1573   - }}
1574   - >
1575   - 领导修改审核
1576   - </Button>
1577   - ) : (
1578   - ''
1579   - )}
1580   -
1581   - {optRecord.paths?.includes('shippingWarehouseChangeRequest') ? (
1582   - <Button
1583   - className="p-0"
1584   - type="link"
1585   - onClick={() => {
1586   - setIds([optRecord.id]);
1587   - createOptObject(optRecord.id, record.id);
1588   - setShippingWarehouseChangeModalVisible(true);
1589   - }}
1590   - >
1591   - 修改仓库
1592   - </Button>
1593   - ) : (
1594   - ''
1595   - )}
1596   -
1597   - {optRecord.paths?.includes('saleCancelInvoicing_old') ? (
1598   - <ButtonConfirm
1599   - className="p-0"
1600   - title="确认取消申请开票？"
1601   - text="取消申请(旧)"
1602   - onConfirm={async () => {
1603   - let res = await postServiceOrderSaleCancelInvoicing({
1604   - data: {
1605   - subOrderIds: [optRecord.id],
1606   - },
1607   - });
1608   -
1609   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
1610   - message.success(res.message);
1611   - refreshTable();
1612   - }
1613   - }}
1614   - />
1615   - ) : (
1616   - ''
1617   - )}
1618   - {optRecord.paths?.includes('saleCancelInvoicing') ? (
1619   - <ButtonConfirm
1620   - className="p-0"
1621   - title="确认取消申请开票？"
1622   - text="取消申请（新）"
1623   - onConfirm={async () => {
1624   - let res = await postServiceInvoiceCancelApply({
1625   - data: {
1626   - subOrderIds: [optRecord.id],
1627   - },
1628   - });
1629   -
1630   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
1631   - message.success(res.message);
1632   - refreshTable();
1633   - }
1634   - }}
1635   - />
1636   - ) : (
1637   - ''
1638   - )}
1639   - {optRecord.paths?.includes('noNeedInvoicingEdit') ? (
1640   - <Button
1641   - className="p-0"
1642   - type="link"
1643   - onClick={() => {
1644   - createOptObject(optRecord.id, record.id);
1645   - setFinancialEditVisible(true);
1646   - setIsMainOrder(false);
1647   - }}
1648   - >
1649   - 编辑时间
1650   - </Button>
1651   - ) : (
1652   - ''
1653   - )}
1654   - {optRecord.paths?.includes('sendProduct') ? (
1655   - <Button
1656   - className="p-0"
1657   - type="link"
1658   - onClick={() => {
1659   - createOptObject(optRecord.id, record.id);
1660   - setDeliverVisible(true);
1661   - setIsSendProduct(true);
1662   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
1663   - }}
1664   - >
1665   - 仓库发货
1666   - </Button>
1667   - ) : (
1668   - ''
1669   - )}
1670   -
1671   - {optRecord.paths?.includes('supplierSendOrder') ? (
1672   - <Button
1673   - className="p-0"
1674   - type="link"
1675   - onClick={() => {
1676   - optRecord.mainOrderId = record.id;
1677   - setSelectedRows([cloneDeep(optRecord)]); //克隆一份数据，避免后续修改污染
1678   - setDeliverVisible(true);
1679   - setIsSendProduct(true);
1680   - setOrderCheckType(CHECK_TYPE.SUPPLIER);
1681   - }}
1682   - >
1683   - 供应商发货
1684   - </Button>
1685   - ) : (
1686   - ''
1687   - )}
1688   -
1689   - {optRecord.paths?.includes('procureSend') ? (
1690   - <Button
1691   - className="p-0"
1692   - type="link"
1693   - onClick={() => {
1694   - createOptObject(optRecord.id, record.id);
1695   - setDeliverVisible(true);
1696   - setIsSendProduct(true);
1697   - setOrderCheckType(CHECK_TYPE.PROCURE);
1698   - }}
1699   - >
1700   - {isSupplier() ? '发货' : '采购发货'}
1701   - </Button>
1702   - ) : (
1703   - ''
1704   - )}
1705   -
1706   - {optRecord.paths?.includes('editProductionTime') ? (
1707   - <Button
1708   - className="p-0"
1709   - type="link"
1710   - onClick={() => {
1711   - createOptObject(optRecord.id, record.id);
1712   - setProductionTimeModalVisible(true);
1713   - }}
1714   - >
1715   - 生产时间
1716   - </Button>
1717   - ) : (
1718   - ''
1719   - )}
1720   -
1721   - {optRecord.paths?.includes('queryAnnex') &&
1722   - optRecord.listAnnex?.length > 0 ? (
1723   - <Button
1724   - className="p-0"
1725   - type="link"
1726   - onClick={() => {
1727   - optRecord.mainOrderId = record.id;
1728   - createOptObject(optRecord.id, record.id);
1729   - setAttachmentModalVisible(true);
1730   - }}
1731   - >
1732   - 附件
1733   - </Button>
1734   - ) : (
1735   - ''
1736   - )}
1737   -
1738   - {optRecord.paths?.includes('modifySendInformation') ? (
1739   - <Button
1740   - className="p-0"
1741   - type="link"
1742   - onClick={() => {
1743   - createOptObject(optRecord.id, record.id);
1744   - setDeliverVisible(true);
1745   - setIsSendProduct(false);
1746   - }}
1747   - >
1748   - 修改发货信息
1749   - </Button>
1750   - ) : (
1751   - ''
1752   - )}
1753   -
1754   - {optRecord.paths?.includes('printOrder') ? (
1755   - <Button
1756   - className="p-0"
1757   - type="link"
1758   - onClick={async () => {
1759   - createOptObject(optRecord.id, record.id);
1760   - setOrderPrintVisible(true);
1761   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
1762   - }}
1763   - >
1764   - 仓库打印
1765   - </Button>
1766   - ) : (
1767   - ''
1768   - )}
1769   -
1770   - {optRecord.paths?.includes('supplierPrint') ? (
1771   - <Button
1772   - className="p-0"
1773   - type="link"
1774   - onClick={async () => {
1775   - createOptObject(optRecord.id, record.id);
1776   - setOrderPrintVisible(true);
1777   - setOrderCheckType(CHECK_TYPE.SUPPLIER);
1778   - }}
1779   - >
1780   - 供应商打印
1781   - </Button>
1782   - ) : (
1783   - ''
1784   - )}
1785   -
1786   - {optRecord.paths?.includes('procurePrint') ? (
1787   - <ButtonConfirm
1788   - className="p-0"
1789   - title="确认打印？"
1790   - text="采购打印"
1791   - onConfirm={async () => {
1792   - let res = await postServiceOrderProcurePrint({
1793   - data: {
1794   - ids: [optRecord.id],
1795   - },
1796   - });
1797   -
1798   - if (res.result === RESPONSE_CODE.SUCCESS) {
1799   - message.success(res.message);
1800   - refreshTable();
1801   - }
1802   - }}
1803   - />
1804   - ) : (
1805   - // <Button
1806   - // className="p-0"
1807   - // type="link"
1808   - // onClick={async () => {
1809   - // setOrderPrintVisible(true);
1810   - // setSelectedRows([optRecord]);
1811   - // setOrderRow(record);
1812   - // setOrderCheckType(CHECK_TYPE.PROCURE);
1813   - // }}
1814   - // >
1815   - // 采购打印
1816   - // </Button>
1817   - ''
1818   - )}
1819   -
1820   - {optRecord.paths?.includes('editOrder') && false ? (
1821   - <Button
1822   - className="p-0"
1823   - type="link"
1824   - onClick={() => {
1825   - createOptObject(optRecord.id, record.id);
1826   - setFinancialVisible(true);
1827   - setIsEdit(true);
1828   - }}
1829   - >
1830   - 编辑
1831   - </Button>
1832   - ) : (
1833   - ''
1834   - )}
1835   -
1836   - {optRecord.paths?.includes('invoicing') ? (
1837   - <Button
1838   - className="p-0"
1839   - type="link"
1840   - onClick={() => {
1841   - createOptObject(optRecord.id, record.id);
1842   - setFinancialVisible(true);
1843   - setIsEdit(false);
1844   - setIsMainOrder(false);
1845   - }}
1846   - >
1847   - 开票
1848   - </Button>
1849   - ) : (
1850   - ''
1851   - )}
1852   -
1853   - {optRecord.paths?.includes('applyInvoicing') ? (
1854   - <Button
1855   - className="p-0"
1856   - type="link"
1857   - onClick={() => {
1858   - setInvoicingDrawerFormVisible(true);
1859   - createOptObject(optRecord.id, record.id);
1860   - setIsEdit(false);
1861   - setIsMainOrder(false);
1862   - }}
1863   - >
1864   - 申请开票（新）
1865   - </Button>
1866   - ) : (
1867   - ''
1868   - )}
1869   -
1870   - {optRecord.paths?.includes('applyInvoicing_old') ? (
1871   - <Button
1872   - className="p-0"
1873   - type="link"
1874   - onClick={() => {
1875   - setApplyForInvoicingVisible(true);
1876   - createOptObject(optRecord.id, record.id);
1877   - setIsEdit(false);
1878   - setIsMainOrder(false);
1879   - }}
1880   - >
1881   - 申请开票(旧)
1882   - </Button>
1883   - ) : (
1884   - ''
1885   - )}
1886   -
1887   - {optRecord.paths?.includes('checkOrder') ? (
1888   - <Button
1889   - className="p-0"
1890   - type="link"
1891   - onClick={() => {
1892   - setCurrentMainId(record.id);
1893   - setCurretnOptSubId(optRecord.id);
1894   - setCheckVisible(true);
1895   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
1896   - }}
1897   - >
1898   - 审核
1899   - </Button>
1900   - ) : (
1901   - ''
1902   - )}
1903   -
1904   - {optRecord.paths?.includes('afterSalesCheck') ? (
1905   - <Button
1906   - className="p-0"
1907   - type="link"
1908   - onClick={() => {
1909   - createOptObject(optRecord.id, record.id);
1910   - setCheckVisible(true);
1911   - setOrderCheckType(CHECK_TYPE.AFTER_SALES);
1912   - }}
1913   - >
1914   - 售后审核
1915   - </Button>
1916   - ) : (
1917   - ''
1918   - )}
1919   -
1920   - {optRecord.paths?.includes('financeCheckOrder') ? (
1921   - <Button
1922   - className="p-0"
1923   - type="link"
1924   - onClick={() => {
1925   - createOptObject(optRecord.id, record.id);
1926   - setCheckVisible(true);
1927   - setOrderCheckType(CHECK_TYPE.FINALCIAL);
1928   - }}
1929   - >
1930   - 财务审核
1931   - </Button>
1932   - ) : (
1933   - ''
1934   - )}
1935   -
1936   - {optRecord.paths?.includes('procureCheckOrder') ? (
1937   - <Button
1938   - className="p-0"
1939   - type="link"
1940   - onClick={() => {
1941   - createOptObject(optRecord.id, record.id);
1942   - setOrderCheckType(CHECK_TYPE.PROCURE);
1943   - setProcureCheckModalVisible(true);
1944   - }}
1945   - >
1946   - 采购审核
1947   - </Button>
1948   - ) : (
1949   - ''
1950   - )}
1951   -
1952   - {optRecord.paths?.includes('procureConvertProcure') ? (
1953   - <Button
1954   - className="p-0"
1955   - type="link"
1956   - onClick={() => {
1957   - createOptObject(optRecord.id, record.id);
1958   - setOrderCheckType(CHECK_TYPE.PROCURE);
1959   - setProcureConvertModalVisible(true);
1960   - }}
1961   - >
1962   - 转发
1963   - </Button>
1964   - ) : (
1965   - ''
1966   - )}
1967   -
1968   - {optRecord.paths?.includes('rePrintOrder') ? (
1969   - <Button
1970   - className="p-0"
1971   - type="link"
1972   - onClick={() => {
1973   - createOptObject(optRecord.id, record.id);
1974   - setOrderPrintVisible(true);
1975   - setIsRePrintOrder(true);
1976   - }}
1977   - >
1978   - 重新打印
1979   - </Button>
1980   - ) : (
1981   - ''
1982   - )}
1983   -
1984   - {optRecord.paths?.includes('confirmReceipt') ? (
1985   - <Button
1986   - className="p-0"
1987   - type="link"
1988   - onClick={() => {
1989   - createOptObject(optRecord.id, record.id);
1990   - setConfirmReceiptVisible(true);
1991   - }}
1992   - >
1993   - 确认收货
1994   - </Button>
1995   - ) : (
1996   - ''
1997   - )}
1998   -
1999   - {optRecord.paths?.includes('applyAfterSales') ? (
2000   - <Button
2001   - className="p-0"
2002   - type="link"
2003   - onClick={() => {
2004   - createOptObject(optRecord.id, record.id);
2005   - setOrderDrawerVisible(true);
2006   - setOrderOptType('after-sales');
2007   - }}
2008   - >
2009   - 申请售后
2010   - </Button>
2011   - ) : (
2012   - ''
2013   - )}
2014   -
2015   - {optRecord.paths?.includes('procureOrder') ? (
2016   - <ButtonConfirm
2017   - className="p-0"
2018   - title="是否已下单？"
2019   - text="下单"
2020   - onConfirm={async () => {
2021   - let res = await postServiceOrderProcureOrder({
2022   - data: { subIds: [optRecord.id] },
2023   - });
2024   - if (res.result === RESPONSE_CODE.SUCCESS) {
2025   - message.success(res.message);
2026   - refreshTable();
2027   - return true;
2028   - }
2029   - }}
2030   - />
2031   - ) : (
2032   - ''
2033   - )}
2034   -
2035   - {optRecord.paths?.includes('cancelSend') ? (
2036   - <ButtonConfirm
2037   - className="p-0"
2038   - title="是否取消发货"
2039   - text="取消发货"
2040   - onConfirm={async () => {
2041   - let res = await postServiceOrderCancelSend({
2042   - data: { subIds: [optRecord.id] },
2043   - });
2044   - if (res.result === RESPONSE_CODE.SUCCESS) {
2045   - message.success(res.message);
2046   - refreshTable();
2047   - return true;
2048   - }
2049   - }}
2050   - />
2051   - ) : (
2052   - ''
2053   - )}
2054   -
2055   - {optRecord.paths?.includes('noNeedSend') ? (
2056   - <ButtonConfirm
2057   - className="p-0"
2058   - title="此订单是否无需发货？"
2059   - text="无需发货"
2060   - onConfirm={async () => {
2061   - let res = await postServiceOrderNoNeedSend({
2062   - data: { ids: [optRecord.id] },
2063   - });
2064   - if (res.result === RESPONSE_CODE.SUCCESS) {
2065   - message.success(res.message);
2066   - refreshTable();
2067   - return true;
2068   - }
2069   - }}
2070   - />
2071   - ) : (
2072   - ''
2073   - )}
2074   -
2075   - {optRecord.paths?.includes('viewImages') ? (
2076   - <Button
2077   - className="p-0"
2078   - type="link"
2079   - onClick={() => {
2080   - createOptObject(optRecord.id, record.id);
2081   - setImagesViewerOptType('shippingReceipt');
2082   - setImagesViewerModalVisible(true);
2083   - }}
2084   - >
2085   - 查看收货凭证
2086   - </Button>
2087   - ) : (
2088   - ''
2089   - )}
2090   -
2091   - {optRecord.paths?.includes('confirmDeliver') ? (
2092   - <Button
2093   - className="p-0"
2094   - type="link"
2095   - onClick={() => {
2096   - createOptObject(optRecord.id, record.id);
2097   - setOrderCheckType(CHECK_TYPE.CONFIRM_DELIVER);
2098   - setCheckVisible(true);
2099   - }}
2100   - >
2101   - 确认发货
2102   - </Button>
2103   - ) : (
2104   - ''
2105   - )}
2106   - {optRecord.paths?.includes('feedbackRegistration') ? (
2107   - <Button
2108   - className="p-0"
2109   - type="link"
2110   - onClick={() => {
2111   - createOptObject(optRecord.id, record.id);
2112   - setFeedbackRegistrationModalVisible(true);
2113   - }}
2114   - >
2115   - 回访登记
2116   - </Button>
2117   - ) : (
2118   - ''
2119   - )}
2120   -
2121   - {optRecord.paths?.includes('confirmInvoice') ? (
2122   - <ButtonConfirm
2123   - className="p-0"
2124   - title="已和客户确认发票？？"
2125   - text="确认发票"
2126   - onConfirm={async () => {
2127   - let body = [optRecord.id];
2128   - const data = await postServiceOrderConfirmInvoice({
2129   - data: body,
2130   - });
2131   - if (data.result === RESPONSE_CODE.SUCCESS) {
2132   - message.success(data.message);
2133   - refreshTable();
2134   - }
2135   - }}
2136   - />
2137   - ) : (
2138   - ''
2139   - )}
2140   - {optRecord.paths?.includes('orderCancel') ? (
2141   - <ButtonConfirm
2142   - className="p-0"
2143   - title="确认作废？"
2144   - text="作废"
2145   - onConfirm={async () => {
2146   - let body = { ids: [optRecord.id], checkIsMainOrderId: false };
2147   - const data = await postServiceOrderOrderCancel({
2148   - data: body,
2149   - });
2150   - if (data.result === RESPONSE_CODE.SUCCESS) {
2151   - message.success(data.message);
2152   - refreshTable();
2153   - }
2154   - }}
2155   - />
2156   - ) : (
2157   - ''
2158   - )}
2159   - </Flex>
2160   - </Flex>
2161   -
2162   - <Flex title={optRecord.notes}>
2163   - <div
2164   - className="max-w-[1100px] overflow-hidden whitespace-normal overflow-ellipsis hover:cursor-pointer"
2165   - onClick={() => {
2166   - copyToClipboard(optRecord.notes);
2167   - message.info('备注复制成功：' + optRecord.notes);
2168   - }}
2169   - >
2170   - <span className="text-[#8C8C8C]">
2171   - 备注：
2172   - {optRecord.notes === null ? '暂无备注' : optRecord.notes}
2173   - </span>
2174   - </div>
2175   - {!isSupplier() && (isSales() || isWarehousekeeper() || isAdmin()) && (
2176   - <EditTwoTone
2177   - className="pl-1 pr-1 hover:curcor-pointer"
2178   - onClick={() => {
2179   - setNotesEditVisible(true);
2180   - setSelectedRows([optRecord.id]);
2181   - setNotes(optRecord.notes);
2182   - setNotesType(1);
2183   - }}
2184   - />
2185   - )}
2186   - </Flex>
2187   -
2188   - {(isProcure() || isWarehousekeeper() || isSales() || isAdmin()) &&
2189   - !isSupplier() ? (
2190   - <div className="pt-2">
2191   - <Flex title={optRecord.supplierName}>
2192   - <div>
2193   - <span className="text-[#8C8C8C]">
2194   - 所属采购：
2195   - {optRecord.supplierName === null
2196   - ? '暂无'
2197   - : optRecord.supplierName}
2198   - </span>
2199   - </div>
2200   -
2201   - <Divider type="vertical" />
2202   -
2203   - <div className="overflow-hidden whitespace-normal overflow-ellipsis hover:cursor-pointer">
2204   - <span className="text-[#8C8C8C]">
2205   - 采购备注：
2206   - {optRecord.procureNotes === null
2207   - ? '暂无备注'
2208   - : optRecord.procureNotes}
2209   - </span>
2210   - </div>
2211   - {/* 编辑备注按钮 */}
2212   - {(isProcure() || isAdmin()) && (
2213   - <EditTwoTone
2214   - className="pl-1 pr-1 hover:curcor-pointer"
2215   - onClick={() => {
2216   - setSelectedRows([optRecord.id]);
2217   - setNotes(optRecord.procureNotes);
2218   - setNotesEditVisible(true);
2219   - setNotesType(2);
2220   - }}
2221   - />
2222   - )}
2223   - </Flex>
2224   -
2225   - {(isAdmin() || isProcure()) && (
2226   - <Flex title={optRecord.supplierNotes}>
2227   - <div className="max-w-[90%] whitespace-no-wrap overflow-hidden overflow-ellipsis">
2228   - <span className="text-[#8C8C8C]">
2229   - 供应商备注：
2230   - {optRecord.supplierNotes === null
2231   - ? '暂无备注'
2232   - : optRecord.supplierNotes}
2233   - </span>
2234   - </div>
2235   - {/* 编辑备注按钮 */}
2236   - <EditTwoTone
2237   - className="pl-1 hover:curcor-pointer"
2238   - onClick={() => {
2239   - setSelectedRows([optRecord.id]);
2240   - setNotes(optRecord.supplierNotes);
2241   - setNotesEditVisible(true);
2242   - setNotesType(3);
2243   - }}
2244   - />
2245   - </Flex>
2246   - )}
2247   - </div>
2248   - ) : (
2249   - ''
2250   - )}
2251   -
2252   - {isAdmin() || isSales() || isFinance() ? (
2253   - <Flex title={optRecord.notes} className="pt-2">
2254   - <div className="flex items-center">
2255   - <div className="flex items-center max-w-[500px]">
2256   - <div className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis">
2257   - <Tooltip
2258   - title={optRecord.applyInvoicingNotes}
2259   - placement="topLeft"
2260   - >
2261   - <span className="text-[#8C8C8C]">
2262   - 申请开票备注：
2263   - {optRecord.applyInvoicingNotes === undefined ||
2264   - optRecord.applyInvoicingNotes === null
2265   - ? '暂无备注'
2266   - : optRecord.applyInvoicingNotes}
2267   - </span>
2268   - </Tooltip>
2269   - </div>
2270   -
2271   - {getAfterAnnexList()}
2272   -
2273   - <Tooltip title="编辑">
2274   - <EditTwoTone
2275   - className="pl-1 hover:curcor-pointer"
2276   - onClick={() => {
2277   - setNotesEditVisible(true);
2278   - setSelectedRows([optRecord.id]);
2279   - setNotes(optRecord.applyInvoicingNotes);
2280   - setNotesType(4);
2281   - }}
2282   - />
2283   - </Tooltip>
2284   - </div>
2285   - <Divider type="vertical" className="mx-5" />
2286   - <div className="flex items-center max-w-[500px]">
2287   - <div className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis">
2288   - <Tooltip title={optRecord.checkNotes} placement="topLeft">
2289   - <span className="text-[#8C8C8C] mr-3">
2290   - 财务审核备注：
2291   - {optRecord.checkNotes === undefined ||
2292   - optRecord.checkNotes === null
2293   - ? '暂无备注'
2294   - : optRecord.checkNotes}
2295   - </span>
2296   - </Tooltip>
2297   - </div>
2298   -
2299   - {getInvoicingCheckAnnexList()}
2300   - </div>
2301   - </div>
2302   - </Flex>
2303   - ) : (
2304   - ''
2305   - )}
2306   -
2307   - {isAdmin() || isSales() || isFinance() ? (
2308   - <Flex title={optRecord.notes} className="pt-2">
2309   - <div className="flex items-center">
2310   - <div className="flex items-center max-w-[500px]">
2311   - <div className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis">
2312   - <Tooltip title={optRecord.reissueNotes} placement="topLeft">
2313   - <span className="text-[#8C8C8C]">
2314   - 重新开票备注：
2315   - {optRecord.reissueNotes === undefined ||
2316   - optRecord.reissueNotes === null
2317   - ? '暂无备注'
2318   - : optRecord.reissueNotes}
2319   - </span>
2320   - </Tooltip>
2321   - </div>
2322   -
2323   - <Tooltip title="编辑">
2324   - <EditTwoTone
2325   - className="pl-1 hover:curcor-pointer"
2326   - onClick={() => {
2327   - setNotesEditVisible(true);
2328   - setSelectedRows([optRecord.id]);
2329   - setNotes(optRecord.reissueNotes);
2330   - setNotesType(5);
2331   - }}
2332   - />
2333   - </Tooltip>
2334   - </div>
2335   - <Divider type="vertical" className="mx-5" />
2336   - </div>
2337   - </Flex>
2338   - ) : (
2339   - ''
2340   - )}
2341   -
2342   - {isAdmin() || isSales() ? (
2343   - <Flex title={optRecord.notes} className="pt-2">
2344   - <div className="flex items-center">
2345   - <div className="flex items-center max-w-[500px]">
2346   - <div className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis">
2347   - <Tooltip
2348   - title={optRecord.feedbackRegistrationContent}
2349   - placement="topLeft"
2350   - >
2351   - <span className="text-[#8C8C8C] mr-3">
2352   - 产品回访登记：
2353   - {optRecord.feedbackRegistrationContent === undefined ||
2354   - optRecord.feedbackRegistrationContent === null
2355   - ? '暂无'
2356   - : optRecord.feedbackRegistrationContent}
2357   - </span>
2358   - </Tooltip>
2359   - </div>
2360   - </div>
2361   - </div>
2362   - </Flex>
2363   - ) : (
2364   - ''
2365   - )}
2366   - </>
2367   - );
2368   - };
2369   - const expandedRowRender = (record) => {
2370   - let subOrders = record.subOrderInformationLists;
2371   -
2372   - return (
2373   - <ProTable
2374   - id="sub-table"
2375   - className="w-full "
2376   - showHeader={false}
2377   - columns={[
2378   - {
2379   - title: 'ID',
2380   - dataIndex: 'id',
2381   - key: 'id',
2382   - render: (text: any, optRecord: any) => {
2383   - return <SubOderRander record={record} optRecord={optRecord} />;
2384   - },
2385   - },
2386   - ]}
2387   - rowSelection={{
2388   - onSelect: (row: any) => {
2389   - let subId = row.id;
2390   - let mainId = row.mainOrderId;
2391   - let newSelectedSubOrderKeys = [...selectedSubOrderKeys];
2392   - let currentMainOrderSelectedSubOrderList =
2393   - subOrderSelectedMap.get(mainId);
2394   - if (!selectedSubOrderKeys.includes(subId)) {
2395   - //选中子订单
2396   - newSelectedSubOrderKeys.push(subId);
2397   -
2398   - //在Map中添加对应的主订单中的子订单
2399   - if (currentMainOrderSelectedSubOrderList) {
2400   - currentMainOrderSelectedSubOrderList.push(row);
2401   - } else {
2402   - currentMainOrderSelectedSubOrderList = [row];
2403   - }
2404   -
2405   - //如果该主订单的所有子订单都选中了，那么勾选上主订单
2406   - if (
2407   - currentMainOrderSelectedSubOrderList?.length ===
2408   - mainOrderIdSubOrderIdRelationsMap.get(mainId)?.length
2409   - ) {
2410   - selectedMainOrderKeys.push(mainId, record);
2411   - mainOrderSelectedMap.set(mainId, record);
2412   - }
2413   -
2414   - //如果所有主订单都勾选上了，那么勾选上总选中按钮
2415   - if (
2416   - mainOrderSelectedMap?.size ===
2417   - mainOrderIdSubOrderIdRelationsMap.size
2418   - ) {
2419   - setAllMainChecked(true);
2420   - }
2421   - } else {
2422   - //取消选中子订单
2423   - newSelectedSubOrderKeys = newSelectedSubOrderKeys.filter(
2424   - (item) => {
2425   - return item !== subId;
2426   - },
2427   - );
2428   -
2429   - removeSelecetMainOrderKeyByMainOrderId(mainId); //某个子订单取消勾选了，对应的主订单也要取消勾选
2430   -
2431   - //在Map中删除掉对应的主订单中的子订单
2432   - if (currentMainOrderSelectedSubOrderList) {
2433   - currentMainOrderSelectedSubOrderList =
2434   - currentMainOrderSelectedSubOrderList.filter((item) => {
2435   - return item.id !== subId;
2436   - });
2437   - } else {
2438   - subOrderSelectedMap.set(mainId, [row]);
2439   - }
2440   -
2441   - mainOrderSelectedMap.delete(mainId);
2442   - //总选中按钮取消选中
2443   - setAllMainChecked(false);
2444   - }
2445   -
2446   - //如果该主订单已经没有子订单选中，删除key
2447   - if (currentMainOrderSelectedSubOrderList?.length === 0) {
2448   - subOrderSelectedMap.delete(record.id);
2449   - } else {
2450   - subOrderSelectedMap.set(
2451   - record.id,
2452   - currentMainOrderSelectedSubOrderList,
2453   - );
2454   - }
2455   -
2456   - setSelectedSubOrderKeys(newSelectedSubOrderKeys);
2457   - setSelectedRows(currentMainOrderSelectedSubOrderList);
2458   - },
2459   - selectedRowKeys: selectedSubOrderKeys,
2460   - // 自定义选择项参考: https://ant.design/components/table-cn/#components-table-demo-row-selection-custom
2461   - // 注释该行则默认不显示下拉选项
2462   - // selections: [Table.SELECTION_ALL, Table.SELECTION_INVERT],
2463   - // defaultSelectedRowKeys: [],
2464   - }}
2465   - rowKey="id"
2466   - headerTitle={false}
2467   - search={false}
2468   - options={false}
2469   - dataSource={subOrders}
2470   - pagination={false}
2471   - tableAlertRender={false}
2472   - />
2473   - );
2474   - };
2475   -
2476   - // 主订单内容渲染
2477   - const MainOrderColumnRender = ({ record }: { record: OrderListItemType }) => {
2478   - return (
2479   - <Flex vertical={true}>
2480   - {/* 编号、时间、销售信息 */}
2481   - <Flex
2482   - className="px-4 py-4 bg-white rounded-t-lg"
2483   - justify="space-between"
2484   - >
2485   - <Flex wrap="wrap" gap="middle" vertical>
2486   - <Flex>
2487   - <Flex>
2488   - <Checkbox
2489   - onChange={() => onCheckboxChange(record)}
2490   - checked={selectedMainOrderKeys.includes(record.id)}
2491   - >
2492   - <Space split={<Divider type="vertical" />}>
2493   - <div>
2494   - <span className="text-[#8C8C8C]">订单号：</span>
2495   - <span className="text-slate-700">{record.id}</span>
2496   - {record.modified ? (
2497   - <Tooltip title="点击查看详情">
2498   - <span
2499   - className="text-[#f44e4e] cursor-pointer"
2500   - onClick={async () => {
2501   - createOptObject(null, record.id);
2502   - setModifiedDiffModalVisible(true);
2503   - }}
2504   - >
2505   - (修改过)
2506   - </span>
2507   - </Tooltip>
2508   - ) : (
2509   - ''
2510   - )}
2511   - </div>
2512   - </Space>
2513   - </Checkbox>
2514   - <Tooltip title="点击复制订单号">
2515   - <CopyOutlined
2516   - className="hover:cursor-pointer"
2517   - style={{ color: '#8C8C8C' }}
2518   - onClick={() => {
2519   - copyToClipboard(record.id);
2520   - message.info('订单号复制成功！');
2521   - }}
2522   - />
2523   - </Tooltip>
2524   - <Divider type="vertical" />
2525   - <span>{formatDateTime(record.createTime)}</span>
2526   - <Divider type="vertical" />
2527   - <Space split={<Divider type="vertical" />}>
2528   - <div
2529   - className="hover:cursor-pointer"
2530   - onClick={() => {
2531   - copyToClipboard(record.salesCode);
2532   - message.info('代表复制成功：' + record.salesCode);
2533   - }}
2534   - >
2535   - <span className="text-[#8C8C8C]">代表：</span>
2536   - <span className="text-slate-700">{record.salesCode}</span>
2537   - </div>
2538   - {!isSupplier() ? (
2539   - <>
2540   - <div
2541   - title={record.institution}
2542   - className="whitespace-no-wrap overflow-hidden overflow-ellipsis max-w-[150px]"
2543   - >
2544   - <span className="text-[#8C8C8C]">单位：</span>
2545   - <span className="text-slate-700">
2546   - {record.institution}
2547   - </span>
2548   - </div>
2549   - <span>
2550   - <span className="text-[#8C8C8C]">联系人：</span>
2551   - <span className="text-slate-700">
2552   - {record.institutionContactName + ' '}
2553   - </span>
2554   - </span>
2555   - </>
2556   - ) : (
2557   - ''
2558   - )}
2559   - <div
2560   - title={record.institution}
2561   - className="whitespace-no-wrap overflow-hidden overflow-ellipsis max-w-[150px]"
2562   - >
2563   - <span
2564   - className="hover:cursor-pointer"
2565   - onClick={() => {
2566   - copyToClipboard(record.customerName);
2567   - message.info('收货人复制成功：' + record.customerName);
2568   - }}
2569   - >
2570   - <span className="text-[#8C8C8C]">收货人：</span>
2571   - {!isSupplier() && (
2572   - <Tooltip className="order-tooltip" title="详情">
2573   - <ContainerTwoTone
2574   - className="px-1 hover:curcor-pointer"
2575   - onClick={() => {
2576   - createOptObject(null, record.id);
2577   - setDeliverInfoDrawerVisible(true);
2578   - }}
2579   - />
2580   - </Tooltip>
2581   - )}
2582   - <span className="text-slate-700">
2583   - {record.customerName + ' '}
2584   - </span>
2585   - </span>
2586   - </div>
2587   -
2588   - {isSupplier() ? (
2589   - <div
2590   - title={record.customerShippingAddress}
2591   - className="whitespace-no-wrap overflow-hidden overflow-ellipsis max-w-[400px] hover:cursor-pointer"
2592   - onClick={() => {
2593   - copyToClipboard(record.customerShippingAddress);
2594   - message.info(
2595   - '收货地址复制成功：' + record.customerShippingAddress,
2596   - );
2597   - }}
2598   - >
2599   - <span className="text-[#8C8C8C]">收货地址：</span>
2600   - <span className="text-slate-700">
2601   - {record.customerShippingAddress}
2602   - </span>
2603   - </div>
2604   - ) : (
2605   - ''
2606   - )}
2607   - </Space>
2608   - </Flex>
2609   - </Flex>
2610   -
2611   - {isSupplier() ? (
2612   - <Flex className="pl-6" align="center">
2613   - <Flex
2614   - className="hover:cursor-pointer"
2615   - onClick={() => {
2616   - copyToClipboard(record.customerContactNumber);
2617   - message.info(
2618   - '联系电话复制成功：' + record.customerContactNumber,
2619   - );
2620   - }}
2621   - >
2622   - <span className="text-[#8C8C8C]">联系电话：</span>
2623   - <span className="text-slate-700">
2624   - {record.customerContactNumber + ' '}
2625   - </span>
2626   - </Flex>
2627   - </Flex>
2628   - ) : (
2629   - ''
2630   - )}
2631   -
2632   - <Flex className="pl-6" align="center">
2633   - {roleCode === 'finance' ? (
2634   - <div
2635   - title={enumValueToLabel(
2636   - record.receivingCompany,
2637   - getReceivingCompanyOptions(PAYEE_OPTIONS),
2638   - )}
2639   - className="whitespace-no-wrap overflow-hidden overflow-ellipsis max-w-[400px]"
2640   - >
2641   - <span className="text-[#8C8C8C]">开票收款单位：</span>
2642   - <span className="text-slate-700">
2643   - {record.receivingCompany !== null
2644   - ? enumValueToLabel(
2645   - record.receivingCompany,
2646   - getReceivingCompanyOptions(PAYEE_OPTIONS),
2647   - )
2648   - : '暂无'}
2649   - </span>
2650   - </div>
2651   - ) : (
2652   - ''
2653   - )}
2654   -
2655   - {roleCode === 'finance' ? <Divider type="vertical" /> : ''}
2656   -
2657   - <div title={record.notes}>
2658   - <div
2659   - className="max-w-[850px] whitespace-normal overflow-hidden overflow-ellipsis hover:cursor-pointer"
2660   - onClick={() => {
2661   - copyToClipboard(record.notes);
2662   - message.info('备注复制成功：' + record.notes);
2663   - }}
2664   - >
2665   - <span className="text-[#8C8C8C]">备注：</span>
2666   - <span className="ml-2">
2667   - {record.notes === null ? '暂无备注' : record.notes}
2668   - </span>
2669   - </div>
2670   - </div>
2671   -
2672   - {!isSupplier() ? (
2673   - <Tooltip title="编辑">
2674   - <EditTwoTone
2675   - className="pl-1 hover:curcor-pointer"
2676   - onClick={() => {
2677   - setNotesEditVisible(true);
2678   - setSelectedRows([record.id]);
2679   - setNotes(record.notes);
2680   - setNotesType(0);
2681   - }}
2682   - />
2683   - </Tooltip>
2684   - ) : (
2685   - ''
2686   - )}
2687   -
2688   - {record.goodsWeight !== null ? (
2689   - <div title={record.goodsWeight + 'kg'} className="pl-3">
2690   - <div
2691   - className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis hover:cursor-pointer"
2692   - onClick={() => {
2693   - copyToClipboard(record.goodsWeight + 'kg');
2694   - message.info(
2695   - '包裹重量复制成功：' + record.goodsWeight + 'kg',
2696   - );
2697   - }}
2698   - >
2699   - <span className="text-[#8C8C8C]">包裹重量：</span>
2700   - <span className="ml-2">{record.goodsWeight + 'kg'}</span>
2701   - </div>
2702   - </div>
2703   - ) : (
2704   - ''
2705   - )}
2706   -
2707   - {record.goodsVolume !== null ? (
2708   - <div title={record.goodsVolume + 'm³'} className="pl-3">
2709   - <div
2710   - className="max-w-md overflow-hidden whitespace-no-wrap overflow-ellipsis hover:cursor-pointer"
2711   - onClick={() => {
2712   - copyToClipboard(record.goodsVolume + 'm³');
2713   - message.info(
2714   - '包裹体积复制成功：' + record.goodsVolume + 'm³',
2715   - );
2716   - }}
2717   - >
2718   - <span className="text-[#8C8C8C]">包裹体积：</span>
2719   - <span className="ml-2">{record.goodsVolume + 'm³'}</span>
2720   - </div>
2721   - </div>
2722   - ) : (
2723   - ''
2724   - )}
2725   - </Flex>
2726   - </Flex>
2727   - <Flex wrap="wrap" gap="middle" vertical>
2728   - <Flex justify="flex-end">
2729   - <Flex wrap="wrap" gap="middle" align="center">
2730   - {!isSupplier() ? (
2731   - <div>
2732   - <span className="text-[#8C8C8C]">总金额：￥</span>
2733   - <span className="text-lg font-medium">
2734   - {record.totalPayment}
2735   - </span>
2736   - </div>
2737   - ) : (
2738   - ''
2739   - )}
2740   -
2741   - {rolePath?.includes('addOrder') ? (
2742   - <Tooltip title="复制">
2743   - <CopyTwoTone
2744   - className="hover:cursor-pointer"
2745   - onClick={() => {
2746   - createOptObject(null, record.id);
2747   - copyOrderToClipboard(record);
2748   - setOrderOptType('copy');
2749   - setOrderDrawerVisible(true);
2750   - }}
2751   - />
2752   - </Tooltip>
2753   - ) : (
2754   - <Tooltip title="复制文本">
2755   - <CopyTwoTone
2756   - className="hover:cursor-pointer"
2757   - onClick={() => {
2758   - copyOrderToClipboard(record);
2759   - }}
2760   - />
2761   - </Tooltip>
2762   - )}
2763   - {!isSupplier() ? (
2764   - <Tooltip title="历史">
2765   - <ClockCircleTwoTone
2766   - className="hover:cursor-pointer"
2767   - onClick={() => {
2768   - setHistoryModalVisible(true);
2769   - if (subOrderSelectedMap.get(record.id)?.length) {
2770   - setSelectedRows(subOrderSelectedMap.get(record.id));
2771   - } else {
2772   - setSelectedRows(record.subOrderInformationLists);
2773   - }
2774   - }}
2775   - />
2776   - </Tooltip>
2777   - ) : (
2778   - ''
2779   - )}
2780   - </Flex>
2781   - </Flex>
2782   - <Flex justify="flex-end">
2783   - <Space.Compact direction="vertical" align="end">
2784   - <Space wrap>
2785   - {record.paths?.includes('postAudit') ? (
2786   - <Button
2787   - className="p-0"
2788   - type="link"
2789   - onClick={() => {
2790   - setCurrentMainId(record.id);
2791   - setCurretnOptSubId(null);
2792   - setCheckVisible(true);
2793   - setOrderCheckType(CHECK_TYPE.WAITING_FOR_POST_AUDIT);
2794   - }}
2795   - >
2796   - 后置审核
2797   - </Button>
2798   - ) : (
2799   - ''
2800   - )}
2801   - {record.paths?.includes('URGENT_INVOICE_AUDITING') ? (
2802   - <Button
2803   - className="p-0"
2804   - type="link"
2805   - onClick={() => {
2806   - createOptObject(null, record.id);
2807   - setCheckVisible(true);
2808   - setOrderCheckType(CHECK_TYPE.URGENT_INVOICE_AUDITING);
2809   - }}
2810   - >
2811   - 加急审核（新）
2812   - </Button>
2813   - ) : (
2814   - ''
2815   - )}
2816   - {record.paths?.includes('URGENT_INVOICE_AUDITING_old') ? (
2817   - <Button
2818   - className="p-0"
2819   - type="link"
2820   - onClick={() => {
2821   - createOptObject(null, record.id);
2822   - setCheckVisible(true);
2823   - setOrderCheckType(
2824   - CHECK_TYPE.URGENT_INVOICE_AUDITING_OLD,
2825   - );
2826   - }}
2827   - >
2828   - 加急审核(旧)
2829   - </Button>
2830   - ) : (
2831   - ''
2832   - )}
2833   - {record.paths?.includes('salesConfirm') && (
2834   - <ButtonConfirm
2835   - className="p-0"
2836   - title="是否确认此商城订单信息无误？确认无误之后订单将进入审核流程。"
2837   - text="订单确认"
2838   - onConfirm={async () => {
2839   - let subIds = subOrderSelectedMap
2840   - .get(record.id)
2841   - ?.map((item) => {
2842   - return item.id;
2843   - });
2844   - if (subIds === null || subIds === undefined) {
2845   - subIds = record.subOrderInformationLists.map(
2846   - (item) => {
2847   - return item.id;
2848   - },
2849   - );
2850   - }
2851   - let res = await postServiceOrderSalesConfirm({
2852   - data: {
2853   - subOrderIds: subIds,
2854   - },
2855   - });
2856   -
2857   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
2858   - message.success(res.message);
2859   - refreshTable();
2860   - }
2861   - }}
2862   - />
2863   - )}
2864   - {record.paths?.includes('uploadPaymentReceiptBill') ? (
2865   - <Button
2866   - className="p-0"
2867   - type="link"
2868   - onClick={() => {
2869   - createOptObject(null, record.id);
2870   - setUploadPayBillModalVisible(true);
2871   - }}
2872   - >
2873   - 回款
2874   - </Button>
2875   - ) : (
2876   - ''
2877   - )}
2878   -
2879   - {record.paths?.includes('modifiedAuditRequest') ? (
2880   - <Button
2881   - className="p-0"
2882   - type="link"
2883   - onClick={() => {
2884   - createOptObject(null, record.id);
2885   - setCheckVisible(true);
2886   - setOrderCheckType(CHECK_TYPE.NODE_OPERATING_AUDIT);
2887   - }}
2888   - >
2889   - 节点修改审核
2890   - </Button>
2891   - ) : (
2892   - ''
2893   - )}
2894   -
2895   - {record.paths?.includes('auditPaymentReceipt') ? (
2896   - <Button
2897   - className="p-0"
2898   - type="link"
2899   - onClick={() => {
2900   - createOptObject(null, record.id);
2901   - setCheckVisible(true);
2902   - setOrderCheckType(CHECK_TYPE.PAYMENT_RECEIPTS_AUDIT);
2903   - }}
2904   - >
2905   - 回款审核
2906   - </Button>
2907   - ) : (
2908   - ''
2909   - )}
2910   -
2911   - {record.paths?.includes('modifiedLeaderAuditRequest') ? (
2912   - <Button
2913   - className="p-0"
2914   - type="link"
2915   - onClick={() => {
2916   - createOptObject(null, record.id);
2917   - setCheckVisible(true);
2918   - setOrderCheckType(CHECK_TYPE.MODIFY_LEADER_AUDIT);
2919   - }}
2920   - >
2921   - 领导修改审核
2922   - </Button>
2923   - ) : (
2924   - ''
2925   - )}
2926   -
2927   - {false ? (
2928   - <Button
2929   - className="p-0"
2930   - type="link"
2931   - onClick={() => {
2932   - createOptObject(null, record.id);
2933   - setFinancialReceiptsModalVisible(true);
2934   - setIsEdit(true);
2935   - }}
2936   - >
2937   - 收款记录
2938   - </Button>
2939   - ) : (
2940   - ''
2941   - )}
2942   -
2943   - {record.paths?.includes('reissue_old') ? (
2944   - /*optRecord.afterInvoicingStatus==='PARTIAL_INVOICING'||
2945   - optRecord.afterInvoicingStatus==='COMPLETE_INVOICING'*/
2946   - <Button
2947   - className="p-0"
2948   - type="link"
2949   - onClick={() => {
2950   - setCurrentMainId(record.id);
2951   - setReissueVisibleOld(true);
2952   - console.log(reissueVisible);
2953   - }}
2954   - >
2955   - 重新开票(旧)
2956   - </Button>
2957   - ) : (
2958   - ''
2959   - )}
2960   -
2961   - {record.paths?.includes('confirmReissue_old') ? (
2962   - <Button
2963   - className="p-0"
2964   - type="link"
2965   - onClick={() => {
2966   - setCurrentMainId(record.id);
2967   - setCurretnOptSubId(null);
2968   - setCheckVisible(true);
2969   - setOrderCheckType(CHECK_TYPE.CONFIRM_REISSUE_OLD);
2970   - }}
2971   - >
2972   - 重新开票审核（旧）
2973   - </Button>
2974   - ) : (
2975   - ''
2976   - )}
2977   -
2978   - {record.paths?.includes('reissue') ? (
2979   - /*optRecord.afterInvoicingStatus==='PARTIAL_INVOICING'||
2980   - optRecord.afterInvoicingStatus==='COMPLETE_INVOICING'*/
2981   - <Button
2982   - className="p-0"
2983   - type="link"
2984   - onClick={() => {
2985   - setCurrentMainId(record.id);
2986   - setReissueVisible(true);
2987   - }}
2988   - >
2989   - 重新开票（新）
2990   - </Button>
2991   - ) : (
2992   - ''
2993   - )}
2994   -
2995   - {record.paths?.includes('confirmReissue') ? (
2996   - <Button
2997   - className="p-0"
2998   - type="link"
2999   - onClick={() => {
3000   - setCurrentMainId(record.id);
3001   - setCurretnOptSubId(null);
3002   - setCheckVisible(true);
3003   - setOrderCheckType(CHECK_TYPE.CONFIRM_REISSUE);
3004   - }}
3005   - >
3006   - 重新开票审核（新）
3007   - </Button>
3008   - ) : (
3009   - ''
3010   - )}
3011   -
3012   - {record.paths?.includes('procureOrder') ? (
3013   - <ButtonConfirm
3014   - className="p-0"
3015   - title="是否下单?"
3016   - text="下单"
3017   - onConfirm={async () => {
3018   - let subIds = subOrderSelectedMap
3019   - .get(record.id)
3020   - ?.map((item) => {
3021   - return item.id;
3022   - });
3023   - if (subIds === null || subIds === undefined) {
3024   - subIds = record.subOrderInformationLists.map(
3025   - (item) => {
3026   - return item.id;
3027   - },
3028   - );
3029   - }
3030   - let res = await postServiceOrderProcureOrder({
3031   - data: { subIds: subIds },
3032   - });
3033   - if (res.result === RESPONSE_CODE.SUCCESS) {
3034   - message.success(res.message);
3035   - refreshTable();
3036   - return true;
3037   - }
3038   - }}
3039   - />
3040   - ) : (
3041   - ''
3042   - )}
3043   -
3044   - {record.paths?.includes('cancelSend') ? (
3045   - <ButtonConfirm
3046   - className="p-0"
3047   - title="是否取消发货?"
3048   - text="取消发货"
3049   - onConfirm={async () => {
3050   - let subIds = subOrderSelectedMap
3051   - .get(record.id)
3052   - ?.map((item) => {
3053   - return item.id;
3054   - });
3055   - if (subIds === null || subIds === undefined) {
3056   - subIds = record.subOrderInformationLists.map(
3057   - (item) => {
3058   - return item.id;
3059   - },
3060   - );
3061   - }
3062   - let res = await postServiceOrderCancelSend({
3063   - data: { subIds: subIds },
3064   - });
3065   - if (res.result === RESPONSE_CODE.SUCCESS) {
3066   - message.success(res.message);
3067   - refreshTable();
3068   - return true;
3069   - }
3070   - }}
3071   - />
3072   - ) : (
3073   - ''
3074   - )}
3075   -
3076   - {record.paths?.includes('applyModify') ? (
3077   - <Button
3078   - className="p-0"
3079   - type="link"
3080   - onClick={() => {
3081   - createOptObject(null, record.id);
3082   - setOrderDrawerVisible(true);
3083   - setOrderOptType('order-change-normal');
3084   - }}
3085   - >
3086   - 申请修改
3087   - </Button>
3088   - ) : (
3089   - ''
3090   - )}
3091   -
3092   - {record.paths?.includes('leaderAudit') ? (
3093   - <Button
3094   - className="p-0"
3095   - type="link"
3096   - onClick={() => {
3097   - let selectedSubOrders = subOrderSelectedMap.get(
3098   - record.id,
3099   - );
3100   - setSelectedRows(selectedSubOrders);
3101   - if (selectedSubOrders === undefined) {
3102   - selectedSubOrders = record.subOrderInformationLists;
3103   - }
3104   - for (let i = 0; i < selectedSubOrders.length; i++) {
3105   - if (
3106   - selectedSubOrders[i].orderStatus !==
3107   - 'LEADER_PROCESS'
3108   - ) {
3109   - message.error('请选择领导待审核的子订单进行审核');
3110   - return;
3111   - }
3112   - }
3113   - createOptObject(null, record.id);
3114   - setCheckVisible(true);
3115   - setOrderCheckType(CHECK_TYPE.LEADER_AUDIT);
3116   - }}
3117   - >
3118   - 审核
3119   - </Button>
3120   - ) : (
3121   - ''
3122   - )}
3123   -
3124   - {record.paths?.includes('changeOrderAudit') ? (
3125   - <Button
3126   - className="p-0"
3127   - type="link"
3128   - onClick={() => {
3129   - let selectedSubOrders = subOrderSelectedMap.get(
3130   - record.id,
3131   - );
3132   - setSelectedRows(selectedSubOrders);
3133   - if (selectedSubOrders === undefined) {
3134   - selectedSubOrders = record.subOrderInformationLists;
3135   - }
3136   - for (let i = 0; i < selectedSubOrders.length; i++) {
3137   - if (
3138   - selectedSubOrders[i].orderStatus !==
3139   - 'MODIFY_APPLY_WAIT_FOR_AUDIT'
3140   - ) {
3141   - message.error('请选择[修改待审核]的子订单进行审核');
3142   - return;
3143   - }
3144   - }
3145   - createOptObject(null, record.id);
3146   - setCheckVisible(true);
3147   - setOrderCheckType(
3148   - CHECK_TYPE.MODIFY_APPLY_WAIT_FOR_AUDIT,
3149   - );
3150   - }}
3151   - >
3152   - 审核
3153   - </Button>
3154   - ) : (
3155   - ''
3156   - )}
3157   -
3158   - {record.paths?.includes('creditAudit') ? (
3159   - <Button
3160   - className="p-0"
3161   - type="link"
3162   - onClick={() => {
3163   - let selectedSubOrders = subOrderSelectedMap.get(
3164   - record.id,
3165   - );
3166   - setSelectedRows(selectedSubOrders);
3167   - if (selectedSubOrders === undefined) {
3168   - selectedSubOrders = record.subOrderInformationLists;
3169   - }
3170   - for (let i = 0; i < selectedSubOrders.length; i++) {
3171   - if (
3172   - selectedSubOrders[i].orderStatus !==
3173   - 'CREDIT_CONFIRM'
3174   - ) {
3175   - message.error('请选择[赊账待审核]的子订单进行审核');
3176   - return;
3177   - }
3178   - }
3179   - createOptObject(null, record.id);
3180   - setCheckVisible(true);
3181   - setOrderCheckType(CHECK_TYPE.CREDIT_AUDIT);
3182   - }}
3183   - >
3184   - 赊账审核
3185   - </Button>
3186   - ) : (
3187   - ''
3188   - )}
3189   -
3190   - {record.paths?.includes('editProductionTime') ? (
3191   - <Button
3192   - className="p-0"
3193   - type="link"
3194   - onClick={() => {
3195   - createOptObject(null, record.id);
3196   - setProductionTimeModalVisible(true);
3197   - }}
3198   - >
3199   - 生产时间
3200   - </Button>
3201   - ) : (
3202   - ''
3203   - )}
3204   -
3205   - {record.paths?.includes('procureConvertProcure') ? (
3206   - <Button
3207   - className="p-0"
3208   - type="link"
3209   - onClick={() => {
3210   - let selectedSubOrders = subOrderSelectedMap.get(
3211   - record.id,
3212   - );
3213   - if (selectedSubOrders === undefined) {
3214   - selectedSubOrders = record.subOrderInformationLists;
3215   - }
3216   -
3217   - for (let i = 0; i < selectedSubOrders.length; i++) {
3218   - if (
3219   - !selectedSubOrders[i].paths.includes(
3220   - 'procureConvertProcure',
3221   - )
3222   - ) {
3223   - message.error('请选择允许转发的子订单进行转发');
3224   - return;
3225   - }
3226   - }
3227   - createOptObject(null, record.id);
3228   - setOrderCheckType(CHECK_TYPE.PROCURE);
3229   - setProcureConvertModalVisible(true);
3230   - }}
3231   - >
3232   - 转发
3233   - </Button>
3234   - ) : (
3235   - ''
3236   - )}
3237   - {record.paths?.includes('sendProduct') ? (
3238   - <Button
3239   - className="p-0"
3240   - type="link"
3241   - onClick={() => {
3242   - if (!subOrderSelectedMap.get(record.id)?.length) {
3243   - return message.error('请选择选择子订单');
3244   - }
3245   - createOptObject(null, record.id);
3246   - setDeliverVisible(true);
3247   - setIsSendProduct(true);
3248   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
3249   - }}
3250   - >
3251   - 仓库发货
3252   - </Button>
3253   - ) : (
3254   - ''
3255   - )}
3256   -
3257   - {/* 供应商发货 */}
3258   - {record.paths?.includes('supplierSendOrder') ? (
3259   - <Button
3260   - className="p-0"
3261   - type="link"
3262   - onClick={() => {
3263   - if (!subOrderSelectedMap.get(record.id)?.length) {
3264   - return message.error('请选择选择子订单');
3265   - }
3266   - createOptObject(null, record.id);
3267   - setDeliverVisible(true);
3268   - setIsSendProduct(true);
3269   - setOrderCheckType(CHECK_TYPE.SUPPLIER);
3270   - }}
3271   - >
3272   - 供应商发货
3273   - </Button>
3274   - ) : (
3275   - ''
3276   - )}
3277   -
3278   - {record.paths?.includes('procureSend') ? (
3279   - <Button
3280   - className="p-0"
3281   - type="link"
3282   - onClick={() => {
3283   - if (!subOrderSelectedMap.get(record.id)?.length) {
3284   - return message.error('请选择选择子订单');
3285   - }
3286   - createOptObject(null, record.id);
3287   - setDeliverVisible(true);
3288   - setIsSendProduct(true);
3289   - setOrderCheckType(CHECK_TYPE.PROCURE);
3290   - }}
3291   - >
3292   - {isSupplier() ? '发货' : '采购发货'}
3293   - </Button>
3294   - ) : (
3295   - ''
3296   - )}
3297   -
3298   - {record.paths?.includes('printOrder') ? (
3299   - <Button
3300   - className="p-0"
3301   - type="link"
3302   - onClick={() => {
3303   - const selectedSubOrders = subOrderSelectedMap.get(
3304   - record.id,
3305   - );
3306   - if (!selectedSubOrders?.length) {
3307   - return message.error('请选择选择子订单');
3308   - }
3309   -
3310   - for (let subOrderRecord of selectedSubOrders) {
3311   - let paths = subOrderRecord.paths;
3312   - if (!checkePrintable(paths)) {
3313   - return message.error('请选择可以打印的子订单');
3314   - }
3315   - }
3316   - createOptObject(null, record.id);
3317   - setOrderPrintVisible(true);
3318   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
3319   - }}
3320   - >
3321   - 仓库打印
3322   - </Button>
3323   - ) : (
3324   - ''
3325   - )}
3326   -
3327   - {record.paths?.includes('supplierPrint') ? (
3328   - <Button
3329   - className="p-0"
3330   - type="link"
3331   - onClick={() => {
3332   - if (!subOrderSelectedMap.get(record.id)?.length) {
3333   - return message.error('请选择选择子订单');
3334   - }
3335   -
3336   - createOptObject(null, record.id);
3337   - setOrderPrintVisible(true);
3338   - setOrderCheckType(CHECK_TYPE.SUPPLIER);
3339   - }}
3340   - >
3341   - 供应商打印
3342   - </Button>
3343   - ) : (
3344   - ''
3345   - )}
3346   -
3347   - {record.paths?.includes('rePrintOrder') ? (
3348   - <Button
3349   - className="p-0"
3350   - type="link"
3351   - onClick={() => {
3352   - if (!subOrderSelectedMap.get(record.id)?.length) {
3353   - return message.error('请选择选择子订单');
3354   - }
3355   - createOptObject(null, record.id);
3356   - setOrderPrintVisible(true);
3357   - setIsRePrintOrder(true);
3358   - }}
3359   - >
3360   - 重新打印
3361   - </Button>
3362   - ) : (
3363   - ''
3364   - )}
3365   - {record.paths?.includes('confirmReceipt') ? (
3366   - <Button
3367   - className="p-0"
3368   - type="link"
3369   - onClick={() => {
3370   - createOptObject(null, record.id);
3371   - setConfirmReceiptVisible(true);
3372   - }}
3373   - >
3374   - 确认收货
3375   - </Button>
3376   - ) : (
3377   - ''
3378   - )}
3379   - {record.paths?.includes('modifySendInformation') ? (
3380   - <Button
3381   - className="p-0"
3382   - type="link"
3383   - onClick={() => {
3384   - if (!subOrderSelectedMap.get(record.id)?.length) {
3385   - return message.error(
3386   - '请选择已经发货或者已经确认收货的子订单',
3387   - );
3388   - }
3389   - for (let row of subOrderSelectedMap.get(record.id)) {
3390   - if (
3391   - row.orderStatus !== 'CONFIRM_RECEIPT' &&
3392   - row.orderStatus !== 'SHIPPED'
3393   - ) {
3394   - return message.error(
3395   - '请选择已经发货或者已经确认收货的子订单',
3396   - );
3397   - }
3398   - }
3399   - createOptObject(null, record.id);
3400   - setDeliverVisible(true);
3401   - setIsSendProduct(false);
3402   - }}
3403   - >
3404   - 修改发货信息
3405   - </Button>
3406   - ) : (
3407   - ''
3408   - )}
3409   - {record.paths?.includes('invoicing') ? (
3410   - <Button
3411   - type="link"
3412   - className="p-0"
3413   - onClick={() => {
3414   - createOptObject(null, record.id);
3415   - setFinancialVisible(true);
3416   - setIsEdit(false);
3417   - }}
3418   - >
3419   - 开票
3420   - </Button>
3421   - ) : (
3422   - ''
3423   - )}
3424   -
3425   - {record.paths?.includes('applyInvoicing_old') ? (
3426   - <Button
3427   - type="link"
3428   - className="p-0"
3429   - onClick={() => {
3430   - let selectedSubOrders = subOrderSelectedMap.get(
3431   - record.id,
3432   - );
3433   - if (selectedSubOrders === undefined) {
3434   - selectedSubOrders = record.subOrderInformationLists;
3435   - }
3436   - for (let i = 0; i < selectedSubOrders.length; i++) {
3437   - if (
3438   - selectedSubOrders[i].invoicingStatus ===
3439   - 'UN_INVOICE' ||
3440   - selectedSubOrders[i].afterInvoicingStatus ===
3441   - 'APPLY_FOR_INVOICING'
3442   - ) {
3443   - message.error(
3444   - '请选择需要开票且未申请开票的子订单进行申请',
3445   - );
3446   - return;
3447   - }
3448   - }
3449   -
3450   - createOptObject(null, record.id);
3451   - setApplyForInvoicingVisible(true);
3452   - setIsEdit(false);
3453   - setIsMainOrder(false);
3454   - }}
3455   - >
3456   - 申请开票(旧)
3457   - </Button>
3458   - ) : (
3459   - ''
3460   - )}
3461   -
3462   - {record.paths?.includes('applyInvoicing') ? (
3463   - <Button
3464   - type="link"
3465   - className="p-0"
3466   - onClick={() => {
3467   - let selectedSubOrders = subOrderSelectedMap.get(
3468   - record.id,
3469   - );
3470   - if (selectedSubOrders === undefined) {
3471   - selectedSubOrders = record.subOrderInformationLists;
3472   - }
3473   - for (let i = 0; i < selectedSubOrders.length; i++) {
3474   - if (
3475   - selectedSubOrders[i].invoicingStatus ===
3476   - 'UN_INVOICE' ||
3477   - selectedSubOrders[i].afterInvoicingStatus ===
3478   - 'APPLY_FOR_INVOICING'
3479   - ) {
3480   - message.error(
3481   - '请选择需要开票且未申请开票的子订单进行申请',
3482   - );
3483   - return;
3484   - }
3485   - }
3486   -
3487   - createOptObject(null, record.id);
3488   - setInvoicingDrawerFormVisible(true);
3489   - setIsEdit(false);
3490   - setIsMainOrder(false);
3491   - }}
3492   - >
3493   - 申请开票（新）
3494   - </Button>
3495   - ) : (
3496   - ''
3497   - )}
3498   -
3499   - {record.paths?.includes('updateOrder') ? (
3500   - <Button
3501   - className="p-0"
3502   - type="link"
3503   - onClick={() => {
3504   - //勾选的子订单：如果有勾选，后面只校验有勾选的
3505   -
3506   - let selectedSubOrders = subOrderSelectedMap.get(
3507   - record.id,
3508   - );
3509   - if (
3510   - selectedSubOrders === undefined ||
3511   - selectedSubOrders.length === 0
3512   - ) {
3513   - selectedSubOrders = record.subOrderInformationLists;
3514   - }
3515   - for (
3516   - let index = 0;
3517   - index < selectedSubOrders.length;
3518   - index++
3519   - ) {
3520   - let orderStatus =
3521   - selectedSubOrders[index].orderStatus;
3522   - //仓库管理员在审核之后的任何时候都可以编辑
3523   - if (
3524   - roleCode !== 'warehouseKeeper' &&
3525   - roleCode !== 'admin'
3526   - ) {
3527   - //是审核通过及之后的订单
3528   - if (
3529   - orderStatus !== 'UNAUDITED' &&
3530   - orderStatus !== 'PROCURE_REJECT' &&
3531   - orderStatus !== 'AUDIT_FAILED' &&
3532   - orderStatus !== 'LEADER_PROCESS' &&
3533   - orderStatus !== 'SALES_CONFIRM' &&
3534   - orderStatus !== 'CREDIT_CONFIRM'
3535   - ) {
3536   - message.error(
3537   - '请选择【未审核、审核失败、销售待确认、赊账待审核】的订单进行编辑',
3538   - );
3539   - return;
3540   - }
3541   - } else {
3542   - //仓库管理员只能编辑是还未审核的订单
3543   - if (
3544   - roleCode !== 'admin' &&
3545   - (orderStatus === 'UNAUDITED' ||
3546   - orderStatus === 'PROCURE_REJECT' ||
3547   - orderStatus === 'AUDIT_FAILED')
3548   - ) {
3549   - message.error('请选择已审核的订单进行编辑');
3550   - return;
3551   - }
3552   - }
3553   - }
3554   -
3555   - createOptObject(null, record.id);
3556   - setOrderDrawerVisible(true);
3557   - setOrderOptType('edit');
3558   - }}
3559   - >
3560   - 编辑
3561   - </Button>
3562   - ) : (
3563   - ''
3564   - )}
3565   -
3566   - {record?.subOrderInformationLists[0].paths?.includes(
3567   - 'noNeedInvoicingEdit',
3568   - ) ? (
3569   - <Button
3570   - className="p-0"
3571   - type="link"
3572   - onClick={() => {
3573   - createOptObject(null, record.id);
3574   - setFinancialEditVisible(true);
3575   - setIsMainOrder(true);
3576   - }}
3577   - >
3578   - 财务编辑
3579   - </Button>
3580   - ) : (
3581   - ''
3582   - )}
3583   -
3584   - {record.paths?.includes('checkOrder') ? (
3585   - <Button
3586   - className="p-0"
3587   - type="link"
3588   - onClick={() => {
3589   - let selectedSubOrders = subOrderSelectedMap.get(
3590   - record.id,
3591   - );
3592   - setSelectedRows(selectedSubOrders);
3593   - if (selectedSubOrders === undefined) {
3594   - selectedSubOrders = record.subOrderInformationLists;
3595   - }
3596   - for (let i = 0; i < selectedSubOrders.length; i++) {
3597   - let orderStatus = selectedSubOrders[i].orderStatus;
3598   - if (
3599   - orderStatus !== 'UNAUDITED' &&
3600   - orderStatus !== 'PROCURE_REJECT' &&
3601   - orderStatus !== 'FINANCE_PROCESS' &&
3602   - orderStatus !== 'LEADER_AUDITED'
3603   - ) {
3604   - message.error(
3605   - '请选择未审核或者领导已审核的子订单进行审核',
3606   - );
3607   - return;
3608   - }
3609   - }
3610   -
3611   - createOptObject(null, record.id);
3612   - setCheckVisible(true);
3613   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
3614   - }}
3615   - >
3616   - 审核
3617   - </Button>
3618   - ) : (
3619   - ''
3620   - )}
3621   -
3622   - {record.paths?.includes('afterSalesCheck') ? (
3623   - <Button
3624   - className="p-0"
3625   - type="link"
3626   - onClick={() => {
3627   - let selectedSubOrders = subOrderSelectedMap.get(
3628   - record.id,
3629   - );
3630   - setSelectedRows(selectedSubOrders);
3631   - if (selectedSubOrders === undefined) {
3632   - selectedSubOrders = record.subOrderInformationLists;
3633   - }
3634   - for (let i = 0; i < selectedSubOrders.length; i++) {
3635   - if (
3636   - selectedSubOrders[i].orderStatus !==
3637   - 'IN_AFTER_SALES'
3638   - ) {
3639   - message.error('请选择售后中的子订单进行审核');
3640   - return;
3641   - }
3642   - }
3643   -
3644   - createOptObject(null, record.id);
3645   - setCheckVisible(true);
3646   - setOrderCheckType(CHECK_TYPE.AFTER_SALES);
3647   - }}
3648   - >
3649   - 售后审核
3650   - </Button>
3651   - ) : (
3652   - ''
3653   - )}
3654   -
3655   - {record.paths?.includes('noNeedSend') ? (
3656   - <ButtonConfirm
3657   - className="p-0"
3658   - title="此订单是否无需发货？"
3659   - text="无需发货"
3660   - onConfirm={async () => {
3661   - let selectedSubOrders = subOrderSelectedMap.get(
3662   - record.id,
3663   - );
3664   - if (selectedSubOrders === undefined) {
3665   - selectedSubOrders = record.subOrderInformationLists;
3666   - }
3667   - setSelectedRows(selectedSubOrders);
3668   - for (let i = 0; i < selectedSubOrders.length; i++) {
3669   - if (
3670   - selectedSubOrders[i].orderStatus !== 'AUDITED' &&
3671   - selectedSubOrders[i].orderStatus !==
3672   - 'PROCURE_PROCESS' &&
3673   - selectedSubOrders[i].orderStatus !==
3674   - 'PROCURE_PROCESS_FOR_MINE' &&
3675   - selectedSubOrders[i].orderStatus !==
3676   - 'PROCURE_WAIT_SHIP' &&
3677   - selectedSubOrders[i].orderStatus !==
3678   - 'SUPPLIER_WAIT_SHIP' &&
3679   - selectedSubOrders[i].orderStatus !== 'WAIT_SHIP'
3680   - ) {
3681   - message.error(
3682   - '请选择未发货的子订单进行无需发货操作',
3683   - );
3684   - return;
3685   - }
3686   - }
3687   -
3688   - const data = await postServiceOrderNoNeedSend({
3689   - data: {
3690   - ids: selectedSubOrders.map((item) => {
3691   - return item.id;
3692   - }),
3693   - },
3694   - });
3695   - if (data.result === RESPONSE_CODE.SUCCESS) {
3696   - message.success(data.message);
3697   - refreshTable();
3698   - }
3699   - }}
3700   - />
3701   - ) : (
3702   - ''
3703   - )}
3704   -
3705   - {record.paths?.includes('saleCancelInvoicing_old') ? (
3706   - <ButtonConfirm
3707   - className="p-0"
3708   - title="确认取消申请开票？"
3709   - text="取消申请(旧)"
3710   - onConfirm={async () => {
3711   - let selectedSubOrders = subOrderSelectedMap.get(
3712   - record.id,
3713   - );
3714   - if (selectedSubOrders === undefined) {
3715   - selectedSubOrders = record.subOrderInformationLists;
3716   - }
3717   -
3718   - console.log(selectedSubOrders);
3719   - for (let i = 0; i < selectedSubOrders.length; i++) {
3720   - if (
3721   - selectedSubOrders[i].afterInvoicingStatus !==
3722   - 'APPLY_FOR_INVOICING'
3723   - ) {
3724   - message.error(
3725   - '请选择已[申请开票]的子订单进行取消申请',
3726   - );
3727   - return;
3728   - }
3729   - }
3730   - let res = await postServiceOrderSaleCancelInvoicing({
3731   - data: {
3732   - subOrderIds: selectedSubOrders.map((item) => {
3733   - return item.id;
3734   - }),
3735   - },
3736   - });
3737   -
3738   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
3739   - message.success(res.message);
3740   - refreshTable();
3741   - }
3742   - }}
3743   - />
3744   - ) : (
3745   - ''
3746   - )}
3747   - {/* 财务审核：主订单暂无 */}
3748   - {record.paths?.includes('financeCheckOrder') ? (
3749   - <Button
3750   - className="p-0"
3751   - type="link"
3752   - onClick={() => {
3753   - let selectedSubOrders = subOrderSelectedMap.get(
3754   - record.id,
3755   - );
3756   - setSelectedRows(selectedSubOrders);
3757   - if (selectedSubOrders === undefined) {
3758   - selectedSubOrders = record.subOrderInformationLists;
3759   - }
3760   - for (let i = 0; i < selectedSubOrders.length; i++) {
3761   - if (
3762   - selectedSubOrders[i].orderStatus !== 'UNAUDITED' &&
3763   - selectedSubOrders[i].orderStatus !==
3764   - 'PROCURE_REJECT' &&
3765   - selectedSubOrders[i].orderStatus !==
3766   - 'FINANCE_PROCESS' &&
3767   - selectedSubOrders[i].orderStatus !==
3768   - 'LEADER_AUDITED'
3769   - ) {
3770   - message.error(
3771   - '请选择[未审核]、[财务待审核]、[领导已审核]的子订单进行审核',
3772   - );
3773   - return;
3774   - }
3775   - }
3776   - createOptObject(null, record.id);
3777   - setCheckVisible(true);
3778   - setOrderCheckType(CHECK_TYPE.FINALCIAL);
3779   - }}
3780   - >
3781   - 财务审核
3782   - </Button>
3783   - ) : (
3784   - ''
3785   - )}
3786   -
3787   - {/* 采购审核 */}
3788   - {record.paths?.includes('procureCheckOrder') ? (
3789   - <Button
3790   - className="p-0"
3791   - type="link"
3792   - onClick={() => {
3793   - let selectedSubOrders = subOrderSelectedMap.get(
3794   - record.id,
3795   - );
3796   - setSelectedRows(selectedSubOrders);
3797   - if (selectedSubOrders === undefined) {
3798   - selectedSubOrders = record.subOrderInformationLists;
3799   - }
3800   - for (let i = 0; i < selectedSubOrders.length; i++) {
3801   - if (
3802   - selectedSubOrders[i].orderStatus !==
3803   - 'PROCURE_UN_PROCESS'
3804   - ) {
3805   - message.error('请选择未审核的子订单进行审核');
3806   - return;
3807   - }
3808   - }
3809   -
3810   - createOptObject(null, record.id);
3811   - setProcureCheckModalVisible(true);
3812   - setOrderCheckType(CHECK_TYPE.PROCURE);
3813   - }}
3814   - >
3815   - 采购审核
3816   - </Button>
3817   - ) : (
3818   - ''
3819   - )}
3820   -
3821   - {record.paths?.includes('applyAfterSales') ? (
3822   - <Button
3823   - className="p-0"
3824   - type="link"
3825   - onClick={() => {
3826   - let selectedSubOrders = subOrderSelectedMap.get(
3827   - record.id,
3828   - );
3829   - if (selectedSubOrders === undefined) {
3830   - selectedSubOrders = record.subOrderInformationLists;
3831   - }
3832   - setSelectedRows(selectedSubOrders);
3833   - for (let i = 0; i < selectedSubOrders.length; i++) {
3834   - if (
3835   - selectedSubOrders[i].orderStatus !==
3836   - 'CONFIRM_RECEIPT' &&
3837   - selectedSubOrders[i].orderStatus !==
3838   - 'AFTER_SALES_FAILURE' &&
3839   - selectedSubOrders[i].orderStatus !==
3840   - 'AFTER_SALES_COMPLETION'
3841   - ) {
3842   - message.error('请选择确认收货状态的子订单进行售后');
3843   - return;
3844   - }
3845   - }
3846   -
3847   - createOptObject(null, record.id);
3848   - setOrderDrawerVisible(true);
3849   - setOrderOptType('after-sales');
3850   - }}
3851   - >
3852   - 申请售后
3853   - </Button>
3854   - ) : (
3855   - ''
3856   - )}
3857   -
3858   - {/* {record.paths?.includes('afterSalesCompletion') ? (
3859   - <ButtonConfirm
3860   - className="p-0"
3861   - title="售后是否已完成？"
3862   - text="完成售后"
3863   - onConfirm={async () => {
3864   - let selectedSubOrders = subOrderSelectedMap.get(record.id);
3865   - if (selectedSubOrders === undefined) {
3866   - selectedSubOrders = record.subOrderInformationLists;
3867   - }
3868   - for (let i = 0; i < selectedSubOrders.length; i++) {
3869   - if (
3870   - selectedSubOrders[i].orderStatus !==
3871   - 'IN_AFTER_SALES'
3872   - ) {
3873   - message.error(
3874   - '请选择售后中状态的子订单进行完成售后',
3875   - );
3876   - return false;
3877   - }
3878   - }
3879   -
3880   - const ids = selectedSubOrders?.map((item) => {
3881   - return item.id;
3882   - });
3883   -
3884   - let body = {
3885   - ids: ids,
3886   - };
3887   - const data = await postServiceOrderAfterSalesCompletion(
3888   - {
3889   - data: body,
3890   - },
3891   - );
3892   - if (data.result === RESPONSE_CODE.SUCCESS) {
3893   - message.success(data.message);
3894   - refreshTable();
3895   - }
3896   - }}
3897   - />
3898   - ) : (
3899   - ''
3900   - )} */}
3901   -
3902   - {record.paths?.includes('salOrderSave') ? (
3903   - <ButtonConfirm
3904   - className="p-0"
3905   - title="是否推送至金蝶ERP？"
3906   - text="推送ERP"
3907   - onConfirm={async () => {
3908   - let res = await postKingdeeRepSalOrderSave({
3909   - data: {
3910   - id: record.id,
3911   - },
3912   - });
3913   -
3914   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
3915   - message.success('推送成功');
3916   - mainTableRef.current.reload();
3917   - }
3918   - }}
3919   - />
3920   - ) : (
3921   - ''
3922   - )}
3923   -
3924   - {record.paths?.includes('salBillOutbound') ? (
3925   - <ButtonConfirm
3926   - className="p-0"
3927   - title="是否下推金蝶ERP出库单？"
3928   - text="下推出库"
3929   - onConfirm={async () => {
3930   - let res = await postKingdeeRepSalBillOutbound({
3931   - data: {
3932   - id: record.id,
3933   - },
3934   - });
3935   -
3936   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
3937   - message.success('下推成功');
3938   - mainTableRef.current.reload();
3939   - }
3940   - }}
3941   - />
3942   - ) : (
3943   - ''
3944   - )}
3945   -
3946   - {record.paths?.includes('confirmInvoice') ? (
3947   - <ButtonConfirm
3948   - className="p-0"
3949   - title="已和客户确认发票？"
3950   - text="确认发票"
3951   - onConfirm={async () => {
3952   - let body = [
3953   - ...record.subOrderInformationLists.map(
3954   - (subOrder) => subOrder.id,
3955   - ),
3956   - ];
3957   - const data = await postServiceOrderConfirmInvoice({
3958   - data: body,
3959   - });
3960   - if (data.result === RESPONSE_CODE.SUCCESS) {
3961   - message.success(data.message);
3962   - refreshTable();
3963   - }
3964   - }}
3965   - />
3966   - ) : (
3967   - ''
3968   - )}
3969   -
3970   - {record.paths?.includes('orderCancel') ? (
3971   - <ButtonConfirm
3972   - className="p-0"
3973   - title="确认作废？"
3974   - text="作废"
3975   - onConfirm={async () => {
3976   - let body = {
3977   - ids: [record.id],
3978   - checkIsMainOrderId: true,
3979   - };
3980   - const data = await postServiceOrderOrderCancel({
3981   - data: body,
3982   - });
3983   - if (data.result === RESPONSE_CODE.SUCCESS) {
3984   - message.success(data.message);
3985   - refreshTable();
3986   - }
3987   - }}
3988   - />
3989   - ) : (
3990   - ''
3991   - )}
3992   -
3993   - {record.paths?.includes('procurePrint') ? (
3994   - <ButtonConfirm
3995   - className="p-0"
3996   - title="确认打印？"
3997   - text="采购打印"
3998   - onConfirm={async () => {
3999   - let selectedSubOrders = subOrderSelectedMap.get(
4000   - record.id,
4001   - );
4002   - if (selectedSubOrders === undefined) {
4003   - selectedSubOrders = record.subOrderInformationLists;
4004   - }
4005   - for (let i = 0; i < selectedSubOrders.length; i++) {
4006   - if (
4007   - selectedSubOrders[i].orderStatus !==
4008   - 'PROCURE_PROCESS_FOR_MINE'
4009   - ) {
4010   - message.error(
4011   - '请选择采购待打印状态的子订单进行打印',
4012   - );
4013   - return false;
4014   - }
4015   - }
4016   -
4017   - const ids = selectedSubOrders?.map((item) => {
4018   - return item.id;
4019   - });
4020   - let res = await postServiceOrderProcurePrint({
4021   - data: {
4022   - ids: ids,
4023   - },
4024   - });
4025   -
4026   - if (res.result === RESPONSE_CODE.SUCCESS) {
4027   - message.success(res.message);
4028   - refreshTable();
4029   - }
4030   - }}
4031   - />
4032   - ) : (
4033   - // <Button
4034   - // className="p-0"
4035   - // type="link"
4036   - // onClick={() => {
4037   - // if (!subOrderSelectedMap.get(record.id)?.length) {
4038   - // return message.error('请选择选择子订单');
4039   - // }
4040   - // setSelectedRows(subOrderSelectedMap.get(record.id));
4041   - // setOrderRow(record);
4042   - // setOrderPrintVisible(true);
4043   - // setOrderCheckType(CHECK_TYPE.PROCURE);
4044   - // }}
4045   - // >
4046   - // 采购打印
4047   - // </Button>
4048   - ''
4049   - )}
4050   - </Space>
4051   - </Space.Compact>
4052   - </Flex>
4053   - </Flex>
4054   - </Flex>
4055   -
4056   - <Flex className="p-0 pb-[24px] pt-[4px] pl-[23px] pr-[5px] bg-white rounded-b-lg">
4057   - {expandedRowRender(record)}
4058   - </Flex>
4059   - </Flex>
4060   - );
4061   - };
4062   -
4063   - // 主订单列表
4064   - const mainOrdersColumns: ProColumns<OrderType>[] = MAIN_ORDER_COLUMNS.map(
4065   - (item) => {
4066   - //首能账号只能搜索订单编号
4067   - let canSearchIndex = [
4068   - 'id',
4069   - 'salesCode',
4070   - 'subNotes',
4071   - 'orderStatus',
4072   - 'createTime',
4073   - 'modifiedAuditStatus',
4074   - ];
4075   - if (isSupplier() && !canSearchIndex.includes(item.dataIndex)) {
4076   - item.search = false;
4077   - }
4078   -
4079   - canSearchIndex = [
4080   - 'id',
4081   - 'salesCode',
4082   - 'customerName',
4083   - 'institution',
4084   - 'productName',
4085   - 'orderStatus',
4086   - 'createTime',
4087   - ];
4088   -
4089   - if (isExaminer() && !canSearchIndex.includes(item.dataIndex)) {
4090   - item.search = false;
4091   - }
4092   -
4093   - if (item.dataIndex === 'name') {
4094   - return {
4095   - ...item,
4096   - title: <OrderTableHeader />,
4097   - render: (text, record) => {
4098   - return <MainOrderColumnRender record={record} />;
4099   - },
4100   - };
4101   - }
4102   -
4103   - /**
4104   - * 采购的订单状态筛选内容
4105   - */
4106   - if (roles.includes('PROCURE') && item.dataIndex === 'orderStatus') {
4107   - item.valueEnum = enumToProTableEnumValue(
4108   - PROCURE_PRIMARY_ORDER_STATUS_OPTIONS,
4109   - );
4110   - }
4111   - return item;
4112   - },
4113   - );
4114   -
4115   - /**
4116   - * 采购可以筛选供应商备注
4117   - */
4118   - if (
4119   - (roleCode === 'procure' ||
4120   - roles.includes('PROCURE') ||
4121   - roleCode === 'admin') &&
4122   - !isSupplier()
4123   - ) {
4124   - mainOrdersColumns.push({
4125   - title: '供应商备注',
4126   - width: 120,
4127   - dataIndex: 'supplierNotes',
4128   - valueType: 'text',
4129   - hideInTable: true,
4130   - });
4131   - }
4132   -
4133   - /**
4134   - * 采购可以筛选其他采购
4135   - */
4136   - if (
4137   - (roleCode === 'procure' ||
4138   - roles.includes('PROCURE') ||
4139   - roleCode === 'admin') &&
4140   - !isSupplier()
4141   - ) {
4142   - mainOrdersColumns.push({
4143   - title: '采购名称',
4144   - width: 120,
4145   - dataIndex: 'supplierName',
4146   - valueType: 'select',
4147   - request: async () => {
4148   - const res = await postServiceOrderProvideProcurementRoles();
4149   - let options = res.data?.map((item) => {
4150   - return { label: item, value: item };
4151   - });
4152   - return options;
4153   - },
4154   - hideInTable: true,
4155   - });
4156   - }
4157   -
4158   - /**
4159   - * 排除采购
4160   - */
4161   - if (
4162   - (roleCode === 'procure' ||
4163   - roles.includes('PROCURE') ||
4164   - roleCode === 'admin') &&
4165   - !isSupplier()
4166   - ) {
4167   - mainOrdersColumns.push({
4168   - title: '采购排除',
4169   - width: 120,
4170   - dataIndex: 'excludeProcureNames',
4171   - fieldProps: {
4172   - mode: 'multiple',
4173   - },
4174   - valueType: 'select',
4175   - request: async () => {
4176   - const res = await postServiceOrderProvideProcurementRoles();
4177   - let options = res.data?.map((item) => {
4178   - return { label: item, value: item };
4179   - });
4180   - return options;
4181   - },
4182   - hideInTable: true,
4183   - });
4184   - }
4185   -
4186   - /**
4187   - * 仓库可以筛选发货仓库
4188   - */
4189   - if (roleCode === 'warehouseKeeper' || roleCode === 'admin') {
4190   - mainOrdersColumns.push({
4191   - title: '发货仓库',
4192   - width: 120,
4193   - dataIndex: 'shippingWarehouse',
4194   - valueType: 'select',
4195   - valueEnum: enumToProTableEnumValue(SHIPPING_WAREHOUSE_OPTIONS),
4196   - hideInTable: true,
4197   - });
4198   - }
4199   -
4200   - //判断是否是采购，是的话新增一个筛选条件
4201   - if (
4202   - roleCode === 'procure' ||
4203   - roles.includes('PROCURE') ||
4204   - roleCode === 'admin'
4205   - ) {
4206   - mainOrdersColumns.push({
4207   - title: isSupplier() ? '下单状态' : '采购下单状态',
4208   - dataIndex: 'procureOrderStatus',
4209   - valueType: 'select',
4210   - hideInTable: true,
4211   - valueEnum: enumToProTableEnumValue(PROCURE_ORDER_STATUS),
4212   - });
4213   - }
4214   -
4215   - function toolBarRender() {
4216   - let toolBtns = [];
4217   - let radios: any[] = [];
4218   -
4219   - radios.push(<Radio value={0}>全部</Radio>);
4220   -
4221   - if (
4222   - roleCode === 'admin' ||
4223   - roleCode === 'salesManager' ||
4224   - roles.includes('PROCURE') ||
4225   - roleCode === 'salesRepresentative'
4226   - ) {
4227   - radios.push(<Radio value={70}>只看作废</Radio>);
4228   - }
4229   -
4230   - if (roleCode === 'warehouseKeeper') {
4231   - radios.push(<Radio value={40}>待处理</Radio>);
4232   - }
4233   -
4234   - //采购可以筛选出需要处理的订单
4235   - if (roles.includes('PROCURE') && !isSupplier()) {
4236   - radios.push(<Radio value={60}>其他采购</Radio>);
4237   - radios.push(<Radio value={10}>待处理</Radio>);
4238   - }
4239   -
4240   - //财务可以将需要处理的订单排序到前面
4241   - if (roleCode === 'finance') {
4242   - radios.push(<Radio value={50}>加急</Radio>);
4243   -
4244   - radios.push(<Radio value={40}>待处理</Radio>);
4245   -
4246   - radios.push(<Checkbox onChange={financeSorted}>排序</Checkbox>);
4247   - }
4248   -
4249   - if (roleCode === 'salesRepresentative' || roleCode === 'salesManager') {
4250   - radios.push(<Radio value={30}>只看我创建</Radio>);
4251   -
4252   - radios.push(<Radio value={40}>待审核</Radio>);
4253   - }
4254   -
4255   - if (roleCode === 'admin') {
4256   - radios.push(<Radio value={10}>待处理</Radio>);
4257   - radios.push(<Checkbox onChange={financeSorted}>排序</Checkbox>);
4258   - }
4259   -
4260   - //筛选按钮配置
4261   - let radioGroup = (
4262   - <Radio.Group
4263   - onChange={(e: any) => {
4264   - setFilterCondition(e.target.value);
4265   - refreshTable();
4266   - }}
4267   - defaultValue={0}
4268   - >
4269   - {radios}
4270   - </Radio.Group>
4271   - );
4272   -
4273   - toolBtns.push(radioGroup);
4274   -
4275   - toolBtns.push(<ImportExpressBillModal></ImportExpressBillModal>);
4276   -
4277   - //导出按钮配置
4278   - const exportItems: MenuProps['items'] = [
4279   - {
4280   - label: '导出查询结果订单',
4281   - key: '2',
4282   - onClick: async () => {
4283   - let body = { flag: 50, ...searchParams };
4284   - exportLoading();
4285   - downloadFile(
4286   - '/api/service/order/export',
4287   - '订单导出结果.xls',
4288   - 'POST',
4289   - body,
4290   - exportLoadingDestory,
4291   - );
4292   - },
4293   - },
4294   - {
4295   - label: '导出已选中订单',
4296   - key: '1',
4297   - onClick: async () => {
4298   - if (mainOrderSelectedMap.size === 0) {
4299   - message.error('请选择订单');
4300   - return;
4301   - }
4302   - let body = { flag: 30, id: Array.from(mainOrderSelectedMap.keys()) };
4303   - exportLoading();
4304   - downloadFile(
4305   - '/api/service/order/export',
4306   - '订单导出结果.xls',
4307   - 'POST',
4308   - body,
4309   - exportLoadingDestory,
4310   - );
4311   - },
4312   - },
4313   - {
4314   - label: '导出当天订单',
4315   - key: '4',
4316   - onClick: async () => {
4317   - let body = { flag: 40, ids: [] };
4318   - exportLoading();
4319   - downloadFile(
4320   - '/api/service/order/export',
4321   - '订单导出结果.xls',
4322   - 'POST',
4323   - body,
4324   - exportLoadingDestory,
4325   - );
4326   - },
4327   - },
4328   - {
4329   - label: '导出所有订单',
4330   - key: '3',
4331   - onClick: async () => {
4332   - let body = { flag: 10, ids: [] };
4333   - exportLoading();
4334   - downloadFile(
4335   - '/api/service/order/export',
4336   - '订单导出结果.xls',
4337   - 'POST',
4338   - body,
4339   - exportLoadingDestory,
4340   - );
4341   - },
4342   - },
4343   - ];
4344   -
4345   - const exportMenuProps = {
4346   - items: exportItems,
4347   - onClick: () => {},
4348   - };
4349   -
4350   - //一键审核按钮配置
4351   - const auditItems: MenuProps['items'] = [
4352   - {
4353   - label: '后置审核',
4354   - key: '1',
4355   - onClick: async () => {
4356   - setIsMainOrder(true);
4357   - setCheckVisible(true);
4358   - setOrderCheckType(CHECK_TYPE.WAITING_FOR_POST_AUDIT);
4359   - },
4360   - },
4361   - {
4362   - label: '加急开票审核(旧)',
4363   - key: '2',
4364   - disabled: true,
4365   - onClick: async () => {
4366   - setIsMainOrder(true);
4367   - setCheckVisible(true);
4368   - setOrderCheckType(CHECK_TYPE.URGENT_INVOICE_AUDITING_OLD);
4369   - },
4370   - },
4371   - {
4372   - label: '领导审核',
4373   - key: '3',
4374   - onClick: async () => {
4375   - setIsMainOrder(true);
4376   - setCheckVisible(true);
4377   - setOrderCheckType(CHECK_TYPE.LEADER_AUDIT);
4378   - },
4379   - },
4380   - {
4381   - label: '修改申请审核',
4382   - key: '4',
4383   - onClick: async () => {
4384   - setIsMainOrder(true);
4385   - setCheckVisible(true);
4386   - setOrderCheckType(CHECK_TYPE.MODIFY_APPLY_WAIT_FOR_AUDIT);
4387   - },
4388   - },
4389   - ];
4390   -
4391   - const auditProps = {
4392   - items: auditItems,
4393   - onClick: () => {},
4394   - };
4395   -
4396   - if (rolePath?.includes('leaderMergeAudit')) {
4397   - toolBtns.push(
4398   - <Dropdown
4399   - disabled={selectedSubOrderKeys.length === 0}
4400   - menu={auditProps}
4401   - >
4402   - <Button>
4403   - <Space>
4404   - 一键审核
4405   - <DownOutlined />
4406   - </Space>
4407   - </Button>
4408   - </Dropdown>,
4409   - );
4410   - }
4411   -
4412   - if (rolePath?.includes('mergeAudit')) {
4413   - toolBtns.push(
4414   - <Button
4415   - type="primary"
4416   - key="out"
4417   - onClick={() => {
4418   - setIsMainOrder(true);
4419   - if (roles.includes('PROCURE')) {
4420   - setProcureCheckModalVisible(true);
4421   - }
4422   -
4423   - if (roleCode === 'warehouseKeeper') {
4424   - setCheckVisible(true);
4425   - setOrderCheckType(CHECK_TYPE.WEARHOUSE_KEEPER);
4426   - }
4427   - }}
4428   - disabled={selectedSubOrderKeys?.length === 0}
4429   - >
4430   - 一键审核
4431   - </Button>,
4432   - );
4433   - }
4434   -
4435   - if (rolePath?.includes('mergeProcureOrder')) {
4436   - toolBtns.push(
4437   - <Button
4438   - key="mergeProcureOrder"
4439   - type="primary"
4440   - disabled={selectedSubOrderKeys.length === 0}
4441   - onClick={() => {
4442   - Modal.confirm({
4443   - title: '一键下单',
4444   - content: '选中的订单是否都已下单？',
4445   - onOk: async () => {
4446   - let res = await postServiceOrderProcureOrder({
4447   - data: { subIds: [...selectedSubOrderKeys.values()].flat() },
4448   - });
4449   - if (res.result === RESPONSE_CODE.SUCCESS) {
4450   - message.success(res.message);
4451   - refreshTable();
4452   - return true;
4453   - }
4454   - },
4455   - });
4456   - }}
4457   - >
4458   - 一键下单
4459   - </Button>,
4460   - );
4461   - }
4462   -
4463   - if (rolePath?.includes('mergeApplyInvoicing')) {
4464   - toolBtns.push(
4465   - <Button
4466   - type="primary"
4467   - key="out"
4468   - onClick={() => {
4469   - setIsEdit(false);
4470   - setIsMainOrder(true);
4471   - setApplyForInvoicingVisible(true);
4472   - }}
4473   - disabled={!canMergeInvoicing} /*{selectedSubOrderKeys?.length === 0}*/
4474   - >
4475   - {roleCode === 'admin' ? '合并(销售)' : '合并开票'}
4476   - </Button>,
4477   - );
4478   - }
4479   -
4480   - <Button
4481   - type="primary"
4482   - key="out"
4483   - onClick={() => {
4484   - setIsEdit(false);
4485   - setIsMainOrder(true);
4486   - setInvoicingDrawerFormVisible(true);
4487   - }}
4488   - disabled={selectedSubOrderKeys?.length === 0}
4489   - >
4490   - 申请开票(旧)
4491   - </Button>;
4492   -
4493   - if (rolePath?.includes('mergeInvoicing')) {
4494   - toolBtns.push(
4495   - <Button
4496   - type="primary"
4497   - key="out"
4498   - onClick={() => {
4499   - //检查订单状态是否正确
4500   - // 遍历Map中的键值对
4501   - let errorIds = new Set();
4502   - [...subOrderSelectedMap.values()].flat().forEach((subOrder) => {
4503   - if (
4504   - subOrder.afterInvoicingStatus !== 'APPLY_FOR_INVOICING' &&
4505   - subOrder.afterInvoicingStatus !== 'PARTIAL_INVOICING'
4506   - ) {
4507   - errorIds.add(subOrder.mainOrderId);
4508   - return;
4509   - }
4510   - });
4511   - if (errorIds.size > 0) {
4512   - message.error(
4513   - '订单号为：' +
4514   - [...errorIds.values()].join(',') +
4515   - '的订单存在不是[申请开票]或者[部分开票]状态的子订单，请检查！',
4516   - );
4517   - return;
4518   - }
4519   - setIsMainOrder(true);
4520   - setFinancialVisible(true);
4521   - }}
4522   - disabled={selectedSubOrderKeys?.length === 0}
4523   - >
4524   - {roleCode === 'admin' ? '合并(财务)' : '合并开票'}
4525   - </Button>,
4526   - );
4527   - }
4528   -
4529   - toolBtns.push(
4530   - <Button
4531   - type="primary"
4532   - key="inv"
4533   - onClick={() => {
4534   - setIsMainOrder(true);
4535   - let flat = [...subOrderSelectedMap.values()].flat();
4536   - //遍历flat，判断afterInvoicingStatusList存在于canApplyAfterInvoicingStatus
4537   - flat.forEach((item) => {
4538   - if (
4539   - item.invoicingStatus === 'UN_INVOICE' ||
4540   - (item.afterInvoicingStatus !== null &&
4541   - !canApplyAfterInvoicingStatus.includes(
4542   - item.afterInvoicingStatus,
4543   - ))
4544   - ) {
4545   - message.error('存在不能进行开票的订单');
4546   - return;
4547   - }
4548   - });
4549   - //遍历afterInvoicingStatusList
4550   - setInvoicingDrawerFormVisible(true);
4551   - }}
4552   - disabled={selectedSubOrderKeys?.length === 0}
4553   - >
4554   - 申请开票
4555   - </Button>,
4556   - );
4557   -
4558   - if (rolePath?.includes('addOrder')) {
4559   - toolBtns.push(
4560   - <Button
4561   - type="primary"
4562   - key="out"
4563   - onClick={() => {
4564   - setOrderDrawerVisible(true);
4565   - setOrderOptType('add');
4566   - }}
4567   - >
4568   - 新增
4569   - </Button>,
4570   - );
4571   - }
4572   -
4573   - if (rolePath?.includes('importExcel')) {
4574   - toolBtns.push(
4575   - <Button
4576   - type="primary"
4577   - key="out"
4578   - onClick={() => {
4579   - setImportModalVisible(true);
4580   - }}
4581   - >
4582   - 批量发货
4583   - </Button>,
4584   - );
4585   - }
4586   -
4587   - if (rolePath?.includes('export')) {
4588   - toolBtns.push(
4589   - <Dropdown menu={exportMenuProps}>
4590   - <Button>
4591   - <Space>
4592   - 导出
4593   - <DownOutlined />
4594   - </Space>
4595   - </Button>
4596   - </Dropdown>,
4597   - );
4598   - }
4599   -
4600   - return toolBtns;
4601   - }
4602   - function setOriginTime(value) {
4603   - const currentDate = new Date();
4604   -
4605   - // 创建一个新的日期对象，并在当前日期的基础上加上 daysToAdd 天
4606   - const newDate = new Date(currentDate);
4607   - newDate.setDate(currentDate.getDate() - value);
4608   - // 检查日期是否有效，并格式化输出
4609   - function formatDate(date) {
4610   - const year = date.getFullYear();
4611   - const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需加1
4612   - const day = String(date.getDate()).padStart(2, '0'); // 确保是两位数
4613   - return `${year}-${month}-${day} ${date.toTimeString().split(' ')[0]}`; // 获取时间部分
4614   - }
4615   - const formattedDate = formatDate(newDate);
4616   - // const formattedDate = format(newDate, 'YYYY-MM-dd HH:mm:ss');
4617   - return formattedDate;
4618   - }
4619   - const [invoiceWarningNum, setInvoiceWarningNum] = useState(0);
4620   - const [invoiceRefundWarningNum, setInvoiceRefundWarningNum] = useState(0);
4621   - const [waitConfirmPayment, setWaitConfirmPayment] = useState(0);
4622   - const [waitFeedback, setWaitFeedback] = useState(0);
4623   - const [open, setOpen] = useState(false);
4624   - const { openCount, setOpenCount } = useModel('count');
4625   -
4626   - async function getInvoiceWarningNum() {
4627   - const res = await postServiceOrderWarningOrderStatistics({
4628   - data: {
4629   - salesCode: userInfo.username,
4630   - waitConfirmReiceptStatusDateTimeLe: setOriginTime(7),
4631   - waitFeedbackStatusDateTimeLe: setOriginTime(20),
4632   - waitConfirmInvoiceStatusDateTimeLe: setOriginTime(5),
4633   - waitConfirmPaymentStatusDateTimeLe: setOriginTime(30),
4634   - },
4635   - });
4636   - if (
4637   - (res.data.waitConfirmInvoice !== 0 ||
4638   - res.data.waitConfirmReceipt !== 0) &&
4639   - openCount !== true
4640   - ) {
4641   - setOpenCount(true);
4642   - setOpen(true);
4643   - }
4644   - setInvoiceWarningNum(res.data.waitConfirmInvoice);
4645   - setInvoiceRefundWarningNum(res.data.waitConfirmReceipt);
4646   - setWaitConfirmPayment(res.data.waitConfirmPayment);
4647   - setWaitFeedback(res.data.waitFeedback);
4648   - }
4649   -
4650   - useEffect(() => {
4651   - //预警订单数
4652   - getInvoiceWarningNum();
4653   - }, []);
4654   - // 隐藏弹窗
4655   - const navigateToWarning = () => {
4656   - setOpen(false);
4657   - // history.push('/order/OrderWarning');
4658   - // window.location.replace = '/order/OrderWarning';
4659   - // navigate('/order/OrderWarning');
4660   - history.push('/order/OrderWarning');
4661   - // location.href = '/order/OrderWarning';
4662   - // history.pushState(null, '', '/order/OrderWarning');
4663   - };
4664   - return (
4665   - <div className="order-page-container">
4666   - <div id="resizeDiv"></div>
4667   - <div id="resizeDiv"></div>
4668   - {roleCode === 'SALES_REPRESENTATIVE' && (
4669   - <Modal
4670   - title="订单预警提醒"
4671   - open={open}
4672   - width={800}
4673   - closable={false}
4674   - footer={[
4675   - <Button
4676   - key="confirm"
4677   - size="large"
4678   - type="primary"
4679   - onClick={navigateToWarning}
4680   - >
4681   - 去处理
4682   - </Button>,
4683   - ]}
4684   - >
4685   - <Row
4686   - gutter={16}
4687   - justify="space-between" // Aligns Cols to the start and end
4688   - align="middle" // Vertically center contents
4689   - >
4690   - {/* 新增卡片1: 待确认收货订单 */}
4691   - <Col span={6}>
4692   - {' '}
4693   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4694   - <div
4695   - style={{
4696   - display: 'flex',
4697   - justifyContent: 'center',
4698   - marginTop: '20px',
4699   - }}
4700   - >
4701   - <Card
4702   - bordered={true}
4703   - style={{
4704   - backgroundColor: '#f0f0f0', // 背景颜色
4705   - width: '200px', // 卡片宽度
4706   - height: '200px', // 卡片高度
4707   - display: 'flex',
4708   - alignItems: 'center',
4709   - justifyContent: 'center',
4710   - }}
4711   - >
4712   - <div
4713   - style={{
4714   - fontWeight: 'bold', // 字体加粗
4715   - color: 'black', // 字体颜色
4716   - fontSize: '18px', // 字体大小
4717   - }}
4718   - >
4719   - <div
4720   - style={{
4721   - fontWeight: 'bold', // 字体加粗
4722   - color: 'black', // 字体颜色
4723   - fontSize: '40px', // 字体大小
4724   - justifyContent: 'center',
4725   - display: 'flex',
4726   - alignItems: 'center',
4727   - marginBottom: '20px',
4728   - }}
4729   - >
4730   - {invoiceRefundWarningNum}
4731   - </div>
4732   - 待确认收货订单
4733   - </div>
4734   - </Card>
4735   - </div>
4736   - </Col>
4737   -
4738   - {/* 新增卡片2: 待回访登记订单 */}
4739   - <Col span={6}>
4740   - {' '}
4741   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4742   - <div
4743   - style={{
4744   - display: 'flex',
4745   - justifyContent: 'center',
4746   - marginTop: '20px',
4747   - }}
4748   - >
4749   - <Card
4750   - bordered={true}
4751   - style={{
4752   - backgroundColor: '#f0f0f0', // 背景颜色
4753   - width: '200px', // 卡片宽度
4754   - height: '200px', // 卡片高度
4755   - display: 'flex',
4756   - alignItems: 'center',
4757   - justifyContent: 'center',
4758   - }}
4759   - >
4760   - <div
4761   - style={{
4762   - fontWeight: 'bold', // 字体加粗
4763   - color: 'black', // 字体颜色
4764   - fontSize: '18px', // 字体大小
4765   - }}
4766   - >
4767   - <div
4768   - style={{
4769   - fontWeight: 'bold', // 字体加粗
4770   - color: 'black', // 字体颜色
4771   - fontSize: '40px', // 字体大小
4772   - justifyContent: 'center',
4773   - display: 'flex',
4774   - alignItems: 'center',
4775   - marginBottom: '20px',
4776   - }}
4777   - >
4778   - {waitFeedback}
4779   - </div>
4780   - 待回访登记订单
4781   - </div>
4782   - </Card>
4783   - </div>
4784   - </Col>
4785   -
4786   - {/* 现有卡片: 发票待确认订单 */}
4787   - <Col span={6}>
4788   - {' '}
4789   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4790   - <div
4791   - style={{
4792   - display: 'flex',
4793   - justifyContent: 'center',
4794   - marginTop: '20px',
4795   - }}
4796   - >
4797   - <Card
4798   - bordered={true}
4799   - style={{
4800   - backgroundColor: '#f0f0f0', // 背景颜色
4801   - width: '200px', // 卡片宽度
4802   - height: '200px', // 卡片高度
4803   - display: 'flex',
4804   - alignItems: 'center',
4805   - justifyContent: 'center',
4806   - }}
4807   - >
4808   - <div
4809   - style={{
4810   - fontWeight: 'bold', // 字体加粗
4811   - color: 'black', // 字体颜色
4812   - fontSize: '18px', // 字体大小
4813   - }}
4814   - >
4815   - <div
4816   - style={{
4817   - fontWeight: 'bold', // 字体加粗
4818   - color: 'black', // 字体颜色
4819   - fontSize: '40px', // 字体大小
4820   - justifyContent: 'center',
4821   - display: 'flex',
4822   - alignItems: 'center',
4823   - marginBottom: '20px',
4824   - }}
4825   - >
4826   - {invoiceWarningNum}
4827   - </div>
4828   - 待确认发票订单
4829   - </div>
4830   - </Card>
4831   - </div>
4832   - </Col>
4833   -
4834   - {/* 现有卡片: 回款待确认订单 */}
4835   - <Col span={6}>
4836   - {' '}
4837   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4838   - <div
4839   - style={{
4840   - display: 'flex',
4841   - justifyContent: 'center',
4842   - marginTop: '20px',
4843   - }}
4844   - >
4845   - <Card
4846   - bordered={true}
4847   - style={{
4848   - backgroundColor: '#f0f0f0', // 背景颜色
4849   - width: '200px', // 卡片宽度
4850   - height: '200px', // 卡片高度
4851   - display: 'flex',
4852   - alignItems: 'center',
4853   - justifyContent: 'center',
4854   - }}
4855   - >
4856   - <div
4857   - style={{
4858   - fontWeight: 'bold', // 字体加粗
4859   - color: 'black', // 字体颜色
4860   - fontSize: '18px', // 字体大小
4861   - }}
4862   - >
4863   - <div
4864   - style={{
4865   - fontWeight: 'bold', // 字体加粗
4866   - color: 'black', // 字体颜色
4867   - fontSize: '40px', // 字体大小
4868   - justifyContent: 'center',
4869   - display: 'flex',
4870   - alignItems: 'center',
4871   - marginBottom: '20px',
4872   - }}
4873   - >
4874   - {waitConfirmPayment}
4875   - </div>
4876   - 待回款订单
4877   - </div>
4878   - </Card>
4879   - </div>
4880   - </Col>
4881   - </Row>
4882   -
4883   - <div>
4884   - <p
4885   - style={{
4886   - color: 'red',
4887   - paddingLeft: '20px',
4888   - paddingRight: '20px',
4889   - marginTop: '10px',
4890   - }}
4891   - >
4892   - 预警说明：
4893   - </p>
4894   - <div
4895   - style={{
4896   - marginLeft: '20px',
4897   - marginRight: '20px',
4898   - marginBottom: '20px',
4899   - }}
4900   - >
4901   - <span style={{ color: 'red' }}>确认收货预警：</span>
4902   - <span>
4903   - 从发货之日起计算，国内超过7天（海外30天）未【确认收货】，将进行确认收货预警提醒，超过10天（海外60天）未确认收货将锁单，并且每次登录都会提醒
4904   - </span>
4905   - </div>
4906   - <div
4907   - style={{
4908   - marginLeft: '20px',
4909   - marginRight: '20px',
4910   - marginBottom: '20px',
4911   - }}
4912   - >
4913   - <span style={{ color: 'red' }}>回访登记预警：</span>
4914   - <span>
4915   - 从【确认收货】之日起计算，国内超过20天（海外30天）未【回访登记】，将进行回访登记预警提醒，超过45天（海外60天）未回访登记将锁单，并且每次登录都会提醒
4916   - </span>
4917   - </div>
4918   - <div
4919   - style={{
4920   - marginLeft: '20px',
4921   - marginRight: '20px',
4922   - marginBottom: '20px',
4923   - }}
4924   - >
4925   - <span style={{ color: 'red' }}>确认发票预警：</span>
4926   - <span>
4927   - 从发票开出之日起，超过5天未和客户确认发票（不开票的订单除外）的订单将会进行第一次提醒；超过15天未和客户确认发票（不开票的订单除外）的订单将会每天进行一次提醒，并限制下单功能
4928   - </span>
4929   - </div>
4930   - <div
4931   - style={{
4932   - marginLeft: '20px',
4933   - marginRight: '20px',
4934   - marginBottom: '20px',
4935   - }}
4936   - >
4937   - <span style={{ color: 'red' }}>回款预警：</span>
4938   - <span>
4939   - 从【发票确认】之日起，超过30天未确认回款的订单将会每周提醒，超过90天未确认回款的订单将会每天进行一次提醒，并限制下单功能
4940   - </span>
4941   - </div>
4942   - </div>
4943   - </Modal>
4944   - )}
4945   - <ProTable
4946   - id="main-table"
4947   - // tableStyle={{backgroundColor:'red'}}
4948   -
4949   - actionRef={mainTableRef}
4950   - formRef={mainTableFormRef}
4951   - expandIconColumnIndex={-1}
4952   - columns={mainOrdersColumns}
4953   - rowKey="id"
4954   - pagination={{
4955   - showQuickJumper: true,
4956   - pageSize: pageSize,
4957   - current: currentPage,
4958   - showSizeChanger: true,
4959   - onChange: (page, size) => {
4960   - setPageSize(size);
4961   - setCurrentPage(page);
4962   - },
4963   - showTotal: (total, range) => {
4964   - return (
4965   - <>
4966   - <span>
4967   - {'第 ' +
4968   - range[0] +
4969   - '-' +
4970   - range[1] +
4971   - ' 条/总共 ' +
4972   - total +
4973   - ' 条主订单 '}
4974   - </span>
4975   - <span className="text-[#8C8C8C]">
4976   - {' (' + subOrderCount + ' 条子订单)'}
4977   - </span>
4978   - </>
4979   - );
4980   - },
4981   - }}
4982   - // showHeader={false}
4983   - expandedRowKeys={expandedRowKeys}
4984   - // expandable={{ expandedRowRender }}
4985   - dateFormatter="string"
4986   - options={false}
4987   - headerTitle=""
4988   - search={{
4989   - labelWidth: 'auto',
4990   - // onCollapse: resize,
4991   - }}
4992   - request={async (
4993   - // 第一个参数 params 查询表单和 params 参数的结合
4994   - // 第一个参数中一定会有 pageSize 和 current ，这两个参数是 antd 的规范
4995   - params,
4996   - sorter,
4997   - filter,
4998   - ) => {
4999   - //订单id处理
5000   - /**
5001   - * 以params中的id为主，如果params没id，则取url中的id
5002   - * 第一次进来这个页面，url带有id的话，会自动填充到查询表单中，但是第一次查询params不会带这个id进来
5003   - */
5004   - let orderIds = mainTableFormRef.current?.getFieldValue('id');
5005   - let subOrderId =
5006   - mainTableFormRef.current?.getFieldValue('subOrderId');
5007   - params.id = params.id || orderIds;
5008   - params.subOrderId = params.subOrderId || subOrderId;
5009   - if (params.id !== '') {
5010   - params.id = params.id?.replace(/ /g, '');
5011   - if (params.id?.indexOf(',')) {
5012   - params.id = params.id.split(',');
5013   - params.id = params.id.filter((id) => {
5014   - return id !== '';
5015   - });
5016   - }
5017   - }
5018   -
5019   - params.condition = filterCondifion;
5020   -
5021   - //排序
5022   - params.sorted = sorted;
5023   - //是否只查看已作废
5024   - params.isDeleteQueryOrder = filterCondifion === 70;
5025   - //保存这个搜索条件
5026   - setSearchParam(params);
5027   - const { data } = await postServiceOrderQueryServiceOrder({
5028   - // ...params,
5029   - // FIXME: remove @ts-ignore
5030   - // @ts-ignore
5031   - sorter,
5032   - filter,
5033   - data: { ...params },
5034   - });
5035   -
5036   - setRolePath(data.specialPath);
5037   - setSubOrderCount(data.count);
5038   - setAllMainChecked(false);
5039   - setSelectedMainOrderKeys([]);
5040   - subOrderSelectedMap.clear();
5041   - mainOrderSelectedMap.clear();
5042   - setData(data?.data);
5043   -
5044   - //主订单id与子订单id的对照关系保存
5045   - mainOrderIdSubOrderIdRelationsMap.clear();
5046   - for (let row of data?.data) {
5047   - let mianOrderId = row.id;
5048   - let subOrderIds = row.subOrderInformationLists?.map((item) => {
5049   - //目前子订单存储的totalPayment不准确，这里重新处理取主订单的totalPayment
5050   - //totalPayment在财务开票计算金额时使用到
5051   - item.totalPayment = row.totalPayment;
5052   - return item.id;
5053   - });
5054   - mainOrderIdSubOrderIdRelationsMap.set(mianOrderId, subOrderIds);
5055   - }
5056   -
5057   - return {
5058   - data: data?.data || [],
5059   - total: data?.total || 0,
5060   - };
5061   - }}
5062   - toolbar={{
5063   - multipleLine: true,
5064   - }}
5065   - toolBarRender={() => {
5066   - return toolBarRender();
5067   - }}
5068   - />
5069   -
5070   - {orderDrawerVisible && (
5071   - <OrderDrawer
5072   - data={orderOptType === 'add' ? {} : buildMainOrder()}
5073   - subOrders={orderOptType === 'add' ? [] : buildSubOrders()}
5074   - onClose={(isSuccess: boolean) => {
5075   - setOrderDrawerVisible(false);
5076   - // clearOptObject();
5077   - if (isSuccess) {
5078   - refreshTable();
5079   - }
5080   - }}
5081   - orderOptType={orderOptType}
5082   - />
5083   - )}
5084   -
5085   - {checkVisible && (
5086   - <CheckModal
5087   - setCheckVisible={(val: boolean) => {
5088   - setCheckVisible(val);
5089   - if (!val) {
5090   - clearOptObject();
5091   - }
5092   - }}
5093   - data={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
5094   - subOrders={
5095   - isMainOrder
5096   - ? [...subOrderSelectedMap.values()].flat()
5097   - : buildSubOrders()
5098   - }
5099   - orderCheckType={orderCheckType}
5100   - openOrderDrawer={(type: any, id: any) => {
5101   - setCurrentMainId(id);
5102   - setOrderOptType(type);
5103   - setOrderDrawerVisible(true);
5104   - }}
5105   - onClose={() => {
5106   - clearOptObject();
5107   - setCheckVisible(false);
5108   - refreshTable();
5109   - }}
5110   - />
5111   - )}
5112   -
5113   - {applyForInvoicingVisible && (
5114   - <ApplyForInvoicingModal
5115   - setCheckVisible={(val: boolean) => {
5116   - setApplyForInvoicingVisible(val);
5117   - if (!val) {
5118   - clearOptObject();
5119   - }
5120   - }}
5121   - subOrders={
5122   - isMainOrder
5123   - ? [...subOrderSelectedMap.values()].flat()
5124   - : buildSubOrders()
5125   - }
5126   - totalPayment={getApplyInvoicingTotalPayment()}
5127   - isMainOrder={isMainOrder}
5128   - isEdit={isEdit}
5129   - onClose={() => {
5130   - setApplyForInvoicingVisible(false);
5131   - setIsMainOrder(false);
5132   - clearOptObject();
5133   - refreshTable();
5134   - }}
5135   - />
5136   - )}
5137   -
5138   - {notesEditVisible && (
5139   - <OrderNotesEditModal
5140   - setNotesEditVisible={(val: boolean) => {
5141   - setNotesEditVisible(val);
5142   - if (!val) {
5143   - clearOptObject();
5144   - }
5145   - }}
5146   - ids={selectedRows}
5147   - notesType={notesType}
5148   - notes={notes}
5149   - onClose={() => {
5150   - setNotesEditVisible(false);
5151   - setSelectedRows([]);
5152   - setNotes(notes);
5153   - setNotesType(1);
5154   - refreshTable();
5155   - }}
5156   - />
5157   - )}
5158   -
5159   - {deliverVisible && (
5160   - <DeliverModal
5161   - data={buildSubOrders()}
5162   - isSendProduct={isSendProduct}
5163   - setVisible={(val: boolean) => {
5164   - setDeliverVisible(val);
5165   - if (!val) {
5166   - clearOptObject();
5167   - }
5168   - }}
5169   - sendType={orderCheckType}
5170   - onClose={() => {
5171   - clearOptObject();
5172   - setDeliverVisible(false);
5173   - setIsSendProduct(false);
5174   - refreshTable();
5175   - }}
5176   - />
5177   - )}
5178   -
5179   - {financialVisible && (
5180   - <FinancialDrawer
5181   - isEdit={isEdit}
5182   - mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
5183   - subOrders={
5184   - isMainOrder
5185   - ? [...subOrderSelectedMap.values()].flat()
5186   - : buildSubOrders()
5187   - }
5188   - isMainOrder={isMainOrder}
5189   - cancel={() => {
5190   - setFinancialVisible(false);
5191   - clearOptObject();
5192   - setIsMainOrder(false);
5193   - setIsEdit(false);
5194   - }}
5195   - onClose={() => {
5196   - setFinancialVisible(false);
5197   - clearOptObject();
5198   - refreshTable();
5199   - setIsMainOrder(false);
5200   - setIsEdit(false);
5201   - }}
5202   - />
5203   - )}
5204   -
5205   - {financialEditVisible && (
5206   - <FinancialEditDrawer
5207   - mainOrder={buildMainOrder()}
5208   - subOrders={buildSubOrders()}
5209   - isMainOrder={isMainOrder}
5210   - setVisible={() => {
5211   - setFinancialEditVisible(false);
5212   - clearOptObject();
5213   - }}
5214   - onClose={() => {
5215   - setFinancialEditVisible(false);
5216   - refreshTable();
5217   - setIsMainOrder(false);
5218   - clearOptObject();
5219   - }}
5220   - />
5221   - )}
5222   -
5223   - {orderPrintVisible && (
5224   - <OrderPrintModal
5225   - mainOrder={buildMainOrder()}
5226   - subOrders={buildSubOrders()}
5227   - isRePrint={isRePrintOrder}
5228   - setVisible={(val: boolean) => {
5229   - setOrderPrintVisible(val);
5230   - if (!val) {
5231   - clearOptObject();
5232   - }
5233   - }}
5234   - printOptType={orderCheckType}
5235   - onClose={() => {
5236   - setOrderPrintVisible(false);
5237   - clearOptObject();
5238   - setIsRePrintOrder(false);
5239   - refreshTable();
5240   - }}
5241   - />
5242   - )}
5243   -
5244   - {confirmReceiptVisible && (
5245   - <ConfirmReceiptModal
5246   - data={buildSubOrders()}
5247   - onClose={() => {
5248   - setConfirmReceiptVisible(false);
5249   - clearOptObject();
5250   - refreshTable();
5251   - }}
5252   - />
5253   - )}
5254   -
5255   - {imagesViewerModalVisible && (
5256   - <ImagesViewerModal
5257   - optType={imagesViewerOptType}
5258   - setVisible={(val: boolean) => {
5259   - setImagesViewerModalVisible(val);
5260   - if (!val) {
5261   - clearOptObject();
5262   - }
5263   - }}
5264   - onClose={() => {
5265   - setImagesViewerModalVisible(false);
5266   - }}
5267   - orderRow={buildSubOrders()[0]}
5268   - />
5269   - )}
5270   -
5271   - {importModalVisible && (
5272   - <ImportModal
5273   - onClose={() => {
5274   - setImportModalVisible(false);
5275   - refreshTable();
5276   - }}
5277   - />
5278   - )}
5279   -
5280   - {attachmentModalVisible && (
5281   - <AttachmentModal
5282   - data={buildSubOrders()[0]}
5283   - onClose={() => {
5284   - setAttachmentModalVisible(false);
5285   - clearOptObject();
5286   - }}
5287   - />
5288   - )}
5289   -
5290   - {historyModalVisible && (
5291   - <HistoryModal
5292   - subOrders={selectedRows}
5293   - isCancelledOrder={filterCondifion === 70}
5294   - onClose={() => {
5295   - setHistoryModalVisible(false);
5296   - setSelectedRows({});
5297   - clearOptObject();
5298   - }}
5299   - />
5300   - )}
5301   -
5302   - {deliverInfoDrawerVisible && (
5303   - <DeliverInfoDrawer
5304   - data={buildMainOrder()}
5305   - onClose={() => {
5306   - setDeliverInfoDrawerVisible(false);
5307   - clearOptObject();
5308   - }}
5309   - />
5310   - )}
5311   -
5312   - {deliverInfoDrawerVisible && (
5313   - <DeliverInfoDrawer
5314   - data={buildMainOrder()}
5315   - onClose={() => {
5316   - setDeliverInfoDrawerVisible(false);
5317   - clearOptObject();
5318   - }}
5319   - />
5320   - )}
5321   -
5322   - {procureCheckModalVisible && (
5323   - <ProcureCheckModal
5324   - setCheckVisible={(val: boolean) => {
5325   - setProcureCheckModalVisible(val);
5326   - if (!val) {
5327   - clearOptObject();
5328   - }
5329   - }}
5330   - isMainOrder={isMainOrder}
5331   - orders={
5332   - isMainOrder
5333   - ? [...subOrderSelectedMap.values()].flat()
5334   - : buildSubOrders()
5335   - }
5336   - onClose={() => {
5337   - setProcureCheckModalVisible(false);
5338   - clearOptObject();
5339   - setIsMainOrder(false);
5340   - refreshTable();
5341   - }}
5342   - />
5343   - )}
5344   -
5345   - {afterSalesDrawerVisible && (
5346   - <AfterSalesDrawer
5347   - setVisible={(val: boolean) => {
5348   - setAfterSalesDrawerVisible(val);
5349   - if (!val) {
5350   - clearOptObject();
5351   - }
5352   - }}
5353   - mainOrder={buildMainOrder()}
5354   - subOrders={buildSubOrders()}
5355   - onClose={() => {
5356   - setAfterSalesDrawerVisible(false);
5357   - clearOptObject();
5358   - refreshTable();
5359   - }}
5360   - />
5361   - )}
5362   -
5363   - {procureConvertModalVisible && (
5364   - <ProcureConvertModal
5365   - setVisible={(val: boolean) => {
5366   - setProcureConvertModalVisible(val);
5367   - if (!val) {
5368   - clearOptObject();
5369   - }
5370   - }}
5371   - subOrders={buildSubOrders()}
5372   - onClose={() => {
5373   - setProcureConvertModalVisible(false);
5374   - clearOptObject();
5375   - refreshTable();
5376   - }}
5377   - />
5378   - )}
5379   -
5380   - {financialMergeDrawerVisible && (
5381   - <FinancialMergeDrawer
5382   - setVisible={(val: boolean) => {
5383   - setFinancialMergeDrawerVisible(val);
5384   - if (!val) {
5385   - clearOptObject();
5386   - }
5387   - }}
5388   - dataList={
5389   - isMainOrder
5390   - ? [...subOrderSelectedMap.values()].flat()
5391   - : buildSubOrders()
5392   - }
5393   - onClose={() => {
5394   - setFinancialMergeDrawerVisible(false);
5395   - setIsMainOrder(false);
5396   - clearOptObject();
5397   - refreshTable();
5398   - }}
5399   - />
5400   - )}
5401   -
5402   - {financialReceiptsModalVisible && (
5403   - <FinancialReceiptsModal
5404   - setVisible={(val: boolean) => {
5405   - setFinancialReceiptsModalVisible(val);
5406   - if (!val) {
5407   - clearOptObject();
5408   - }
5409   - }}
5410   - datas={selectedRows}
5411   - onClose={() => {
5412   - setFinancialReceiptsModalVisible(false);
5413   - setSelectedRows({});
5414   - refreshTable();
5415   - }}
5416   - />
5417   - )}
5418   -
5419   - {shippingWarehouseChangeModalVisible && (
5420   - <ShippingWarehouseChangeModal
5421   - setVisible={(val: boolean) => {
5422   - setShippingWarehouseChangeModalVisible(val);
5423   - if (!val) {
5424   - clearOptObject();
5425   - }
5426   - }}
5427   - subOrderIds={ids}
5428   - originShippingWarehouse={buildSubOrders()[0].shippingWarehouse}
5429   - onClose={() => {
5430   - setShippingWarehouseChangeModalVisible(false);
5431   - clearOptObject();
5432   - setIds([]);
5433   - refreshTable();
5434   - }}
5435   - />
5436   - )}
5437   - {reissueVisible && (
5438   - <ReissueModal
5439   - setVisible={(val: boolean) => {
5440   - setReissueVisible(val);
5441   - if (!val) {
5442   - clearOptObject();
5443   - }
5444   - }}
5445   - subOrders={
5446   - isMainOrder
5447   - ? [...subOrderSelectedMap.values()].flat()
5448   - : buildSubOrders()
5449   - }
5450   - onClose={() => {
5451   - setReissueVisible(false);
5452   - clearOptObject();
5453   - refreshTable();
5454   - }}
5455   - />
5456   - )}
5457   - {reissueVisibleOld && (
5458   - <ReissueModal_old
5459   - setVisible={(val: boolean) => {
5460   - setReissueVisibleOld(val);
5461   - console.log(reissueVisible);
5462   - if (!val) {
5463   - clearOptObject();
5464   - }
5465   - }}
5466   - mainOrder={buildMainOrder()}
5467   - subOrders={buildSubOrders()}
5468   - onClose={() => {
5469   - setReissueVisibleOld(false);
5470   - clearOptObject();
5471   - refreshTable();
5472   - }}
5473   - />
5474   - )}
5475   - {productionTimeModalVisible && (
5476   - <ProductionTimeModal
5477   - setVisible={(val: boolean) => {
5478   - setProductionTimeModalVisible(val);
5479   - if (!val) {
5480   - clearOptObject();
5481   - }
5482   - }}
5483   - subOrders={buildSubOrders()}
5484   - onClose={() => {
5485   - setProductionTimeModalVisible(false);
5486   - clearOptObject();
5487   - refreshTable();
5488   - }}
5489   - />
5490   - )}
5491   -
5492   - {modifiedDiffModalVisible && (
5493   - <ModifiedDiffModal
5494   - setVisible={(val: boolean) => {
5495   - setModifiedDiffModalVisible(val);
5496   - if (!val) {
5497   - clearOptObject();
5498   - }
5499   - }}
5500   - subOrders={buildSubOrders()}
5501   - mainOrder={buildMainOrder()}
5502   - onClose={() => {
5503   - setModifiedDiffModalVisible(false);
5504   - clearOptObject();
5505   - }}
5506   - />
5507   - )}
5508   -
5509   - {uploadPayBillModalVisible && (
5510   - <UploadPayBillModal
5511   - setVisible={(val: boolean) => {
5512   - setUploadPayBillModalVisible(val);
5513   - if (!val) {
5514   - clearOptObject();
5515   - }
5516   - }}
5517   - subOrders={buildSubOrders()}
5518   - mainOrder={buildMainOrder()}
5519   - onClose={() => {
5520   - setUploadPayBillModalVisible(false);
5521   - clearOptObject();
5522   - refreshTable();
5523   - }}
5524   - />
5525   - )}
5526   - {feedbackRegistrationModalVisible && (
5527   - <FeedbackRegistrationModal
5528   - setVisible={(val: boolean) => {
5529   - setFeedbackRegistrationModalVisible(val);
5530   - if (!val) {
5531   - clearOptObject();
5532   - }
5533   - }}
5534   - subOrders={buildSubOrders()}
5535   - mainOrder={buildMainOrder()}
5536   - onClose={() => {
5537   - setFeedbackRegistrationModalVisible(false);
5538   - clearOptObject();
5539   - refreshTable();
5540   - }}
5541   - />
5542   - )}
5543   -
5544   - {invoicingDrawerFormVisible && (
5545   - <InvoicingDrawerForm
5546   - dataList={
5547   - isMainOrder
5548   - ? [...subOrderSelectedMap.values()].flat()
5549   - : buildSubOrders()
5550   - }
5551   - setVisible={(val: boolean) => {
5552   - setInvoicingDrawerFormVisible(val);
5553   - if (!val) {
5554   - clearOptObject();
5555   - }
5556   - }}
5557   - mainOrder={isMainOrder ? getFirstMainOrder() : buildMainOrder()}
5558   - onClose={() => {
5559   - setInvoicingDrawerFormVisible(false);
5560   - setIsMainOrder(true);
5561   - clearOptObject();
5562   - refreshTable();
5563   - }}
5564   - />
5565   - )}
5566   - {contextHolder}
5567   - <FloatButton.BackTop visibilityHeight={0} />
5568   - </div>
5569   - );
5570   -};
5571   -
5572   -export default OrderPage;
src/pages/Order/OrderList/OrderDrawer.tsx
  View file @5afa225
... ... @@ -908,7 +908,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
908 908 values.productBelongBusinessUpdateTime = formattedDate;
909 909 } else {
910 910 values.productBelongBusinessUpdateTime =
911   - data.productBelongBusinessUpdateTime;
  911 + copyData.productBelongBusinessUpdateTime;
912 912 }
913 913 return item;
914 914 });
... ...
src/pages/OrderReport/components/OrderDualAxes.tsx
  View file @5afa225
  1 +// import { DualAxes } from '@ant-design/charts';
  2 +
  3 +// const OrderDualAxes = ({ data, statisticMethod }) => {
  4 +// console.log(data);
  5 +// let yFiledString = 'curTime';
  6 +// if (
  7 +// statisticMethod === 'MONTH_STATISTICS' ||
  8 +// statisticMethod === 'LAST_MONTH_STATISTICS'
  9 +// ) {
  10 +// yFiledString = 'curTime';
  11 +// } else {
  12 +// yFiledString = 'curMonth';
  13 +// }
  14 +// const config = {
  15 +// data: [
  16 +// data.targetAndTotalPaymentDtoList === undefined ||
  17 +// data.targetAndTotalPaymentDtoList === null
  18 +// ? []
  19 +// : data.targetAndTotalPaymentDtoList,
  20 +// data.orderNumberDtoList === undefined || data.orderNumberDtoList === null
  21 +// ? []
  22 +// : data.orderNumberDtoList,
  23 +// ],
  24 +// xField: yFiledString,
  25 +// yField: ['curDayTotalPayment', 'curDayTotalOrderNumber', 'lastTime'],
  26 +// geometryOptions: [
  27 +// {
  28 +// geometry: 'line',
  29 +// seriesField: 'type',
  30 +// lineStyle: {
  31 +// lineWidth: 3,
  32 +// lineDash: [5, 5],
  33 +// },
  34 +// smooth: true,
  35 +// },
  36 +// {
  37 +// geometry: 'line',
  38 +// seriesField: 'name',
  39 +// point: {},
  40 +// },
  41 +// ],
  42 +// };
  43 +// const handleClick = (event) => {
  44 +// console.log('点击事件event:', event);
  45 +// console.log('点击事件:', event?.data);
  46 +// alert(`你点击了数据: ${JSON.stringify(event?.data)}`);
  47 +// console.log('点击事件:', JSON.stringify(event?.data));
  48 +
  49 +// };
  50 +
  51 +// const handleReady = (plot) => {
  52 +// // 绑定多个事件以确保响应
  53 +// plot.on('plot:click', handleClick);
  54 +// plot.on('element:click', handleClick);
  55 +// };
  56 +// return <DualAxes {...config} onReady={handleReady} />;
  57 +// };
  58 +
  59 +// export default OrderDualAxes;
  60 +
1 61 import { DualAxes } from '@ant-design/charts';
2 62  
3 63 const OrderDualAxes = ({ data, statisticMethod }) => {
4   - console.log(data);
  64 + console.log('传入的数据:', data);
  65 +
5 66 let yFiledString = 'curTime';
  67 +
6 68 if (
7 69 statisticMethod === 'MONTH_STATISTICS' ||
8 70 statisticMethod === 'LAST_MONTH_STATISTICS'
... ... @@ -11,18 +73,15 @@ const OrderDualAxes = ({ data, statisticMethod }) =&gt; {
11 73 } else {
12 74 yFiledString = 'curMonth';
13 75 }
  76 +
  77 + const targetData = data.targetAndTotalPaymentDtoList || [];
  78 + const orderData = data.orderNumberDtoList || [];
  79 + console.log(orderData, '传入的数据:', targetData);
  80 +
14 81 const config = {
15   - data: [
16   - data.targetAndTotalPaymentDtoList === undefined ||
17   - data.targetAndTotalPaymentDtoList === null
18   - ? []
19   - : data.targetAndTotalPaymentDtoList,
20   - data.orderNumberDtoList === undefined || data.orderNumberDtoList === null
21   - ? []
22   - : data.orderNumberDtoList,
23   - ],
  82 + data: [targetData, orderData],
24 83 xField: yFiledString,
25   - yField: ['curDayTotalPayment', 'curDayTotalOrderNumber'],
  84 + yField: ['curDayTotalPayment', 'curDayTotalOrderNumber', 'lastTime'],
26 85 geometryOptions: [
27 86 {
28 87 geometry: 'line',
... ... @@ -32,15 +91,53 @@ const OrderDualAxes = ({ data, statisticMethod }) =&gt; {
32 91 lineDash: [5, 5],
33 92 },
34 93 smooth: true,
  94 + point: {
  95 + shape: 'circle',
  96 + },
35 97 },
36 98 {
37 99 geometry: 'line',
38 100 seriesField: 'name',
39   - point: {},
  101 + point: {
  102 + shape: 'circle',
  103 + },
40 104 },
41 105 ],
42 106 };
43   - return <DualAxes {...config} />;
  107 +
  108 + const handleClick = (event) => {
  109 + // console.log(targetData, '5656')
  110 + // 获取当前点击点的数据
  111 + const pointData = event?.data?.data;
  112 +
  113 + if (pointData) {
  114 + if (pointData.type === '上年营业额' || pointData.type === '订单量') {
  115 + const xValue = pointData[yFiledString]; // 获取当前列的 xField 值
  116 +
  117 + // 合并两个数据源
  118 + const allData = [...targetData, ...orderData];
  119 + console.log(orderData, '5656传入的数据:', targetData);
  120 + // 筛选出当前列的所有数据
  121 + const columnData = allData.filter(
  122 + (item) => item[yFiledString] === xValue,
  123 + );
  124 +
  125 + console.log(`当前列中 ${yFiledString} = ${xValue} 的数据:`, columnData);
  126 +
  127 + // 可选择将筛选出的数据展示到页面或以其他方式处理
  128 + alert(`当前列数据: ${JSON.stringify(columnData, null, 2)}`);
  129 + }
  130 + } else {
  131 + console.warn('点击事件未携带有效数据');
  132 + }
  133 + };
  134 +
  135 + const handleReady = (plot) => {
  136 + // 绑定点击事件
  137 + plot.on('element:click', handleClick);
  138 + };
  139 +
  140 + return <DualAxes {...config} onReady={handleReady} />;
44 141 };
45 142  
46 143 export default OrderDualAxes;
... ...
src/pages/OrderReport/index.tsx
  View file @5afa225
1 1 import {
2 2 getOrderErpOrderZoNingSelectAll,
3 3 postOrderErpOrderZoNingSelectSaleUserByProvince,
4   - postServiceOrderQueryReportFormsInformation,
  4 + // postServiceOrderQueryReportFormsInformation,
5 5 postServiceOrderQuerySalesCode,
6 6 } from '@/services';
7 7 import { enumToSelect } from '@/utils';
8 8 import {
9 9 ProCard,
  10 + ProForm,
10 11 ProFormCheckbox,
11 12 ProFormDigit,
12 13 ProFormSelect,
... ... @@ -110,9 +111,131 @@ const OrderReportPage = () =&gt; {
110 111 // body.endTime=formatDate(form.getFieldValue("dateRange")[1])
111 112 // }
112 113 body.statisticsMethod = statisticsMethod;
113   - const { data } = await postServiceOrderQueryReportFormsInformation({
114   - data: body,
115   - });
  114 + // const { data } = await postServiceOrderQueryReportFormsInformation({
  115 + // data: body,
  116 + // });
  117 + const { data } = {
  118 + data: {
  119 + invoicedAndReiceptedCount: 1593,
  120 + invoicedAndReiceptedPriceSum: 3303364.71,
  121 + invoicedNotReiceptCount: 31798,
  122 + invoicedNotReiceptPriceSum: 3.276437229e7,
  123 + orderNumberDtoList: [
  124 + {
  125 + curDayTotalOrderNumber: 2,
  126 + curMonth: null,
  127 + curTime: '2025-01-01',
  128 + name: '订单量',
  129 + },
  130 + {
  131 + curDayTotalOrderNumber: 204,
  132 + curMonth: null,
  133 + curTime: '2025-01-02',
  134 + name: '订单量',
  135 + },
  136 + {
  137 + curDayTotalOrderNumber: 0,
  138 + curMonth: null,
  139 + curTime: '2025-01-03',
  140 + name: '订单量',
  141 + },
  142 + ],
  143 + subTotalOrderNumber: 308,
  144 + target: 3500000,
  145 + targetAndTotalPaymentDtoList: [
  146 + {
  147 + curDayTotalPayment: 222000,
  148 + curMonth: null,
  149 + lastTime: '2024-01-01',
  150 + curTime: '2025-01-01',
  151 + type: '上年营业额',
  152 + },
  153 + {
  154 + curDayTotalPayment: 24820,
  155 + curMonth: null,
  156 + lastTime: '2024-01-01',
  157 + curTime: '2025-01-01',
  158 + type: '上年指标',
  159 + },
  160 + {
  161 + curDayTotalPayment: 248200,
  162 + curMonth: null,
  163 + lastTime: '2024-01-02',
  164 + curTime: '2025-01-02',
  165 + type: '上年指标',
  166 + },
  167 + {
  168 + curDayTotalPayment: 1906180.59,
  169 + curMonth: null,
  170 + lastTime: '2024-01-02',
  171 + curTime: '2025-01-02',
  172 + type: '上年营业额',
  173 + },
  174 + {
  175 + curDayTotalPayment: 248200,
  176 + curMonth: null,
  177 + lastTime: '2024-01-03',
  178 + curTime: '2025-01-03',
  179 + type: '上年指标',
  180 + },
  181 + {
  182 + curDayTotalPayment: 768000,
  183 + curMonth: null,
  184 + curTime: '2025-01-03',
  185 + lastTime: '2024-01-03',
  186 + type: '上年营业额',
  187 + },
  188 + {
  189 + curDayTotalPayment: 2482,
  190 + curMonth: null,
  191 + lastTime: '2024-01-01',
  192 + curTime: '2025-01-01',
  193 + type: '指标',
  194 + },
  195 + {
  196 + curDayTotalPayment: 650,
  197 + curMonth: null,
  198 + lastTime: '2024-01-01',
  199 + curTime: '2025-01-01',
  200 + type: '营业额',
  201 + },
  202 + {
  203 + curDayTotalPayment: 2482,
  204 + curMonth: null,
  205 + curTime: '2025-01-02',
  206 + type: '指标',
  207 + },
  208 + {
  209 + curDayTotalPayment: 190618.59,
  210 + curMonth: null,
  211 + curTime: '2025-01-02',
  212 + type: '营业额',
  213 + },
  214 + {
  215 + curDayTotalPayment: 2482,
  216 + curMonth: null,
  217 + curTime: '2025-01-03',
  218 + type: '指标',
  219 + },
  220 + {
  221 + curDayTotalPayment: 0,
  222 + curMonth: null,
  223 + curTime: '2025-01-03',
  224 + type: '营业额',
  225 + },
  226 + ],
  227 + totalOrderNumber: 206,
  228 + totalOrderNumberTrend: null,
  229 + totalPayment: 191268.59,
  230 + totalPaymentTrend: null,
  231 + unCheckOrderNumber: 80,
  232 + unSendOrderNumber: 37,
  233 + waitInvoicingCount: 386,
  234 + waitInvoicingPriceSum: 211136.11,
  235 + },
  236 + message: '成功',
  237 + result: 0,
  238 + };
116 239 if (data !== undefined) {
117 240 setStatisticData(data);
118 241 }
... ... @@ -129,6 +252,76 @@ const OrderReportPage = () =&gt; {
129 252 getSalesCodeOptions();
130 253 }, []);
131 254  
  255 + const yearOptions = [
  256 + {
  257 + value: 'all',
  258 + label: '全部',
  259 + },
  260 + {
  261 + value: '2024',
  262 + label: '2024',
  263 + },
  264 + {
  265 + value: '2025',
  266 + label: '2025',
  267 + },
  268 + ];
  269 +
  270 + const monthOptions = [
  271 + {
  272 + value: 'all',
  273 + label: '全部',
  274 + },
  275 + {
  276 + value: '1',
  277 + label: '1',
  278 + },
  279 + {
  280 + value: '2',
  281 + label: '2',
  282 + },
  283 + {
  284 + value: '3',
  285 + label: '3',
  286 + },
  287 + {
  288 + value: '4',
  289 + label: '4',
  290 + },
  291 + {
  292 + value: '5',
  293 + label: '5',
  294 + },
  295 + {
  296 + value: '6',
  297 + label: '6',
  298 + },
  299 + {
  300 + value: '7',
  301 + label: '7',
  302 + },
  303 + {
  304 + value: '8',
  305 + label: '8',
  306 + },
  307 + {
  308 + value: '9',
  309 + label: '9',
  310 + },
  311 + {
  312 + value: '10',
  313 + label: '10',
  314 + },
  315 + {
  316 + value: '11',
  317 + label: '11',
  318 + },
  319 + {
  320 + value: '12',
  321 + label: '12',
  322 + },
  323 + ];
  324 +
132 325 // const items: TabsProps['items'] = [
133 326 // {
134 327 // key: 'MONTH_STATISTICS',
... ... @@ -226,12 +419,72 @@ const OrderReportPage = () =&gt; {
226 419 title="汇总统计"
227 420 tooltip="下方汇总统计未统计实验设备事业部数据，如需要请勾选包含实验设备事业部汇总统计"
228 421 extra={
229   - <Segmented
230   - options={['本月', '上月', '本年']}
231   - onChange={(val: any) => {
232   - onChange(val);
233   - }}
234   - />
  422 + <div>
  423 + <Segmented
  424 + options={['本月', '上月', '本年']}
  425 + onChange={(val: any) => {
  426 + onChange(val);
  427 + }}
  428 + />
  429 + <div>
  430 + <ProForm.Group>
  431 + <ProFormSelect
  432 + name="salesCode"
  433 + key="salesCode"
  434 + width="100px"
  435 + // actionRef={mainTableRef}
  436 + // formRef={mainTableFormRef}
  437 + initialValue={'1'}
  438 + showSearch
  439 + placeholder="月份"
  440 + options={monthOptions}
  441 + // onChange={(_, option) => {
  442 + // // if (option === undefined) {
  443 + // // selectSalesCode(userInfo.username);
  444 + // // }
  445 + // // // if (option.value !== undefined) {
  446 + // // // selectSalesCode(option.value);
  447 + // // // }
  448 + // // if (option && option.value !== undefined) {
  449 + // // selectSalesCode(option.value);
  450 + // // }
  451 + // }}
  452 + // request={async () => {
  453 + // let options = await getSalesCodeOptions();
  454 + // setSalesCodeOptions(options);
  455 + // return options;
  456 + // }}
  457 + />
  458 + <ProFormSelect
  459 + name="salesCode"
  460 + key="salesCode"
  461 + width="100px"
  462 + // actionRef={mainTableRef}
  463 + // formRef={mainTableFormRef}
  464 + initialValue={'2025'}
  465 + showSearch
  466 + placeholder="年份"
  467 + options={yearOptions}
  468 + // onChange={(_, option) => {
  469 + // // if (option === undefined) {
  470 + // // selectSalesCode(userInfo.username);
  471 + // // }
  472 + // // // if (option.value !== undefined) {
  473 + // // // selectSalesCode(option.value);
  474 + // // // }
  475 + // // if (option && option.value !== undefined) {
  476 + // // selectSalesCode(option.value);
  477 + // // }
  478 + // }}
  479 + // request={async () => {
  480 + // let options = await getSalesCodeOptions();
  481 + // setSalesCodeOptions(options);
  482 + // return options;
  483 + // }}
  484 + />
  485 + </ProForm.Group>
  486 + </div>
  487 + </div>
235 488 }
236 489 bordered
237 490 >
... ...