canrd-main / canrd-erp-front · Commits

Commit 2ae24a7d3c217a6022762fc079e5e98c81d0d61f

Authored by boyang
1 parent 37038e0f
build: skipped

修改首页路由

Inline Side-by-side
Showing 27 changed files with 124 additions and 4427 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 27 of 44 files are displayed.

.umirc.ts
  View file @2ae24a7
... ... @@ -29,7 +29,7 @@ export default defineConfig({
29 29 routes: [
30 30 {
31 31 path: '/',
32   - redirect: '/order',
  32 + redirect: '/order/order',
33 33 },
34 34 {
35 35 name: '登录',
... ...
src/pages/Order/Order/components/OrderDrawer copy.tsx
  View file @2ae24a7
... ... @@ -36,7 +36,7 @@ import {
36 36 PAYMENT_CHANNEL_OPTIONS,
37 37 PAYMENT_METHOD_OPTIONS,
38 38 PRODUCT_BELONG_DEPARTMENT_OPTIONS,
39   -} from '../constant';
  39 +} from '../../constant';
40 40 import KingdeeCustomerModal from './KingdeeCustomerModal';
41 41  
42 42 export default ({ onClose, data, subOrders, orderOptType }) => {
... ... @@ -554,7 +554,7 @@ export default ({ onClose, data, subOrders, orderOptType }) => {
554 554 onChange={(_, option) => {
555 555 autoFillSalesInfo(option);
556 556 }}
557   - // disabled={mainInfoDisbled}
  557 + // disabled={mainInfoDisbled}
558 558 />
559 559  
560 560 <ProFormText
... ... @@ -642,7 +642,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
642 642 },
643 643 }}
644 644 debounceTime={1000}
645   - request={async (value, {}) => {
  645 + request={async (value, { }) => {
646 646 const keywords = value.keyWords;
647 647 const res = await postKingdeeRepCustomer({
648 648 data: { search: keywords },
... ... @@ -740,7 +740,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
740 740 </Button>
741 741 ),
742 742 }}
743   - // disabled={mainInfoDisbled}
  743 + // disabled={mainInfoDisbled}
744 744 />
745 745 </div>
746 746  
... ... @@ -752,7 +752,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
752 752 label="支付渠道"
753 753 options={enumToSelect(PAYMENT_CHANNEL_OPTIONS)}
754 754 rules={[{ required: true, message: '支付渠道必填' }]}
755   - // disabled={mainInfoDisbled}
  755 + // disabled={mainInfoDisbled}
756 756 />
757 757 <ProFormSelect
758 758 placeholder="请输入支付方式"
... ... @@ -762,7 +762,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
762 762 label="支付方式"
763 763 options={enumToSelect(PAYMENT_METHOD_OPTIONS)}
764 764 rules={[{ required: true, message: '支付方式必填' }]}
765   - // disabled={mainInfoDisbled}
  765 + // disabled={mainInfoDisbled}
766 766 />
767 767 <ProFormSelect
768 768 placeholder="选择是否需要开票"
... ... @@ -1094,7 +1094,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
1094 1094 options={enumToSelect(PRODUCT_BELONG_DEPARTMENT_OPTIONS)}
1095 1095 initialValue={'EXPERIMENTAL_CONSUMABLES'}
1096 1096 rules={[{ required: true, message: '所属事业部必填' }]}
1097   - // disabled={mainInfoDisbled}
  1097 + // disabled={mainInfoDisbled}
1098 1098 />,
1099 1099 <ProFormTextArea
1100 1100 key={'notes' + listMeta.index}
... ...
src/pages/Order/Order/index.css 0 → 100644
  View file @2ae24a7
  1 +.order-page-container .ant-table .ant-table-middle {
  2 + margin-inline: 0 !important;
  3 +}
  4 +.order-page-container td {
  5 + font-family: 'San Francisco', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
  6 + font-size: 13px;
  7 +}
  8 +#total-payment .ant-input-number-group-addon {
  9 + padding: 0 !important;
  10 +}
  11 +.order-page-container table:hover,
  12 +.order-page-container tr:hover,
  13 +.order-page-container thead:hover {
  14 + background: none !important;
  15 +}
  16 +#main-table .ant-table-tbody > tr.ant-table-row:hover > td {
  17 + background: none !important;
  18 +}
  19 +.order-page-container .ant-pro-card {
  20 + background-color: transparent;
  21 +}
  22 +#main-table .ant-table-tbody .ant-table-cell {
  23 + padding: 10px 0 0;
  24 +}
  25 +.order-page-container .ant-pagination {
  26 + background-color: #fff !important;
  27 + padding: 10px;
  28 + border-radius: 8px;
  29 +}
  30 +.order-page-container .ant-pro-table .ant-form {
  31 + background-color: #fff;
  32 + border-radius: 8px;
  33 +}
  34 +#main-table .ant-table-tbody {
  35 + background-color: #f5f5f5;
  36 +}
  37 +.order-page-container .ant-pro-card-body {
  38 + padding: 0 !important;
  39 +}
  40 +.order-page-container .ant-table-thead .ant-table-cell {
  41 + background-color: #fff !important;
  42 + border-radius: 8px !important;
  43 +}
  44 +#sub-table tbody td {
  45 + padding: 10px 0 !important;
  46 +}
  47 +#sub-table tbody tr:first-child td:first-child {
  48 + border-top-left-radius: 8px;
  49 +}
  50 +#sub-table tbody tr:first-child td:nth-child(2) {
  51 + border-top-right-radius: 8px;
  52 +}
  53 +#sub-table tbody tr:last-child td:first-child {
  54 + border-bottom-left-radius: 8px;
  55 +}
  56 +#sub-table tbody tr:last-child td:nth-child(2) {
  57 + border-bottom-right-radius: 8px;
  58 +}
  59 +#sub-table tbody tr td:first-child {
  60 + border-top: 1px solid #d7d6d6;
  61 + /* 设置行与行之间分割线的颜色 */
  62 + border-bottom: 1px solid #d7d6d6;
  63 + /* 设置行与行之间分割线的颜色 */
  64 + border-left: 1px solid #d7d6d6;
  65 + /* 设置行与行之间分割线的颜色 */
  66 +}
  67 +#sub-table tbody tr td:nth-child(2) {
  68 + border-top: 1px solid #d7d6d6;
  69 + /* 设置行与行之间分割线的颜色 */
  70 + border-bottom: 1px solid #d7d6d6;
  71 + /* 设置行与行之间分割线的颜色 */
  72 + border-right: 1px solid #d7d6d6;
  73 + /* 设置行与行之间分割线的颜色 */
  74 +}
... ...
src/pages/Order/Order/index.less
  View file @2ae24a7
... ... @@ -9,7 +9,6 @@
9 9 'WenQuanYi Micro Hei', sans-serif;
10 10 font-size: 13px;
11 11 }
12   -
13 12 //订单编辑抽屉中，订单总额addonAfter的padding去除
14 13 #total-payment .ant-input-number-group-addon {
15 14 padding: 0 !important;
... ...
src/pages/Order/OrderWarning/components/OrderDrawer copy.tsx
  View file @2ae24a7
... ... @@ -36,7 +36,7 @@ import {
36 36 PAYMENT_CHANNEL_OPTIONS,
37 37 PAYMENT_METHOD_OPTIONS,
38 38 PRODUCT_BELONG_DEPARTMENT_OPTIONS,
39   -} from '../constant';
  39 +} from '../../constant';
40 40 import KingdeeCustomerModal from './KingdeeCustomerModal';
41 41  
42 42 export default ({ onClose, data, subOrders, orderOptType }) => {
... ...
src/pages/Order/OrderWarning/index.tsx
  View file @2ae24a7
... ... @@ -1841,19 +1841,6 @@ const OrderPage = () =&gt; {
1841 1841 ) : (
1842 1842 ''
1843 1843 )}
1844   - {optRecord.paths?.includes('applyInvoicing') ? (
1845   - <Button
1846   - className="p-0"
1847   - type="link"
1848   - onClick={() => {
1849   - console.log('5656confirminvoice');
1850   - }}
1851   - >
1852   - 确认开票
1853   - </Button>
1854   - ) : (
1855   - ''
1856   - )}
1857 1844  
1858 1845 {optRecord.paths?.includes('applyInvoicing_old') ? (
1859 1846 <Button
... ... @@ -3426,6 +3413,20 @@ const OrderPage = () =&gt; {
3426 3413 ''
3427 3414 )}
3428 3415  
  3416 + {record.paths?.includes('applyInvoicing') ? (
  3417 + <Button
  3418 + type="link"
  3419 + className="p-0"
  3420 + onClick={() => {
  3421 + console.log('5656confirm');
  3422 + }}
  3423 + >
  3424 + 确认开票
  3425 + </Button>
  3426 + ) : (
  3427 + ''
  3428 + )}
  3429 +
3429 3430 {record.paths?.includes('updateOrder') ? (
3430 3431 <Button
3431 3432 className="p-0"
... ... @@ -5833,8 +5834,6 @@ const OrderPage = () =&gt; {
5833 5834 去处理
5834 5835 </Button>
5835 5836 ]}
5836   - // style={{ width: '1500px', height: '1500px' }} // 设置 Modal 的宽度和高度
5837   - // bodyStyle={{ padding: '20px', color: 'red' }} // 设置 Modal 内容的样式
5838 5837 >
5839 5838 <Row
5840 5839 gutter={16}
... ... @@ -5842,7 +5841,7 @@ const OrderPage = () =&gt; {
5842 5841 align="middle" // Vertically center contents
5843 5842 >
5844 5843 <Col span={12}>
5845   - <div style={{ display: 'flex', justifyContent: 'center' }}>
  5844 + <div style={{ display: 'flex', justifyContent: 'center', marginTop: '20px' }}>
5846 5845 <Card
5847 5846 bordered={true}
5848 5847 style={{
... ... @@ -5859,12 +5858,23 @@ const OrderPage = () =&gt; {
5859 5858 color: 'black', // 字体颜色
5860 5859 fontSize: '20px', // 字体大小
5861 5860 }}>
5862   - Card content
  5861 + <div style={{
  5862 + fontWeight: 'bold', // 字体加粗
  5863 + color: 'black', // 字体颜色
  5864 + fontSize: '40px', // 字体大小
  5865 + justifyContent: 'center',
  5866 + display: 'flex',
  5867 + alignItems: 'center',
  5868 + marginBottom: '20px',
  5869 + }}>
  5870 + {invoiceWarningNum}
  5871 + </div>
  5872 + 发票待确认订单
5863 5873 </div>
5864 5874 </Card>
5865 5875 </div></Col>
5866 5876 <Col span={12}>
5867   - <div style={{ display: 'flex', justifyContent: 'center' }}>
  5877 + <div style={{ display: 'flex', justifyContent: 'center', marginTop: '20px' }}>
5868 5878 <Card
5869 5879 bordered={true}
5870 5880 style={{
... ... @@ -5881,12 +5891,23 @@ const OrderPage = () =&gt; {
5881 5891 color: 'black', // 字体颜色
5882 5892 fontSize: '20px', // 字体大小
5883 5893 }}>
5884   - Card content
  5894 + <div style={{
  5895 + fontWeight: 'bold', // 字体加粗
  5896 + color: 'black', // 字体颜色
  5897 + fontSize: '40px', // 字体大小
  5898 + justifyContent: 'center',
  5899 + display: 'flex',
  5900 + alignItems: 'center',
  5901 + marginBottom: '20px',
  5902 + }}>
  5903 + {invoiceRefundWarningNum}
  5904 + </div>
  5905 + 回款待确认订单
5885 5906 </div>
5886 5907 </Card>
5887 5908 </div></Col>
5888 5909 </Row>
5889   - <div style={{ color: 'red' }}>
  5910 + <div style={{ color: 'red', padding: '40px' }}>
5890 5911 <p>预警说明：</p>
5891 5912 <p>1、从订单确认收货之日起，超过5天未和客户确认发票（不开票的订单除外）的订单将会进行第一次提醒；超过15天未和客户确认发票（不开票的订单除外）的订单将会每天进行一次提醒，并限制下单功能</p>
5892 5913 <p>2、从发票确认之日起，超过15天未确认回款的订单将会进行第一次提醒，超过25天未确认回款的订单将会每天进行一次提醒，并限制下单功能</p>
... ...
src/pages/Order/WarningWhitelist/components/AfterSalesDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postServiceOrderApplyAfterSales } from '@/services';
3   -import { enumToSelect } from '@/utils';
4   -import {
5   - DrawerForm,
6   - ProFormDigit,
7   - ProFormSelect,
8   - ProFormTextArea,
9   - ProFormUploadDragger,
10   -} from '@ant-design/pro-components';
11   -import { Form, message } from 'antd';
12   -import { AFTE_SALES_PLAN_OPTIONS } from '../../constant';
13   -export default ({ setVisible, mainOrder, subOrders, onClose }) => {
14   - let subOrderIds = subOrders?.map((item: { id: any }) => {
15   - return item.id;
16   - });
17   -
18   - let mainOrderId = mainOrder.id;
19   - const [form] = Form.useForm<{
20   - afterSalesNotes: string;
21   - afterSalesPlan: string;
22   - ids: [];
23   - totalPayment: number;
24   - filePaths: any[];
25   - }>();
26   -
27   - return (
28   - <DrawerForm<{
29   - afterSalesNotes: string;
30   - afterSalesPlan: string;
31   - subOrderIds: [];
32   - totalPayment: number;
33   - mainId: number;
34   - filePaths: any[];
35   - }>
36   - title="申请售后"
37   - open
38   - resize={{
39   - onResize() {
40   - console.log('resize!');
41   - },
42   - maxWidth: window.innerWidth * 0.8,
43   - minWidth: 500,
44   - }}
45   - form={form}
46   - autoFocusFirstInput
47   - drawerProps={{
48   - destroyOnClose: true,
49   - onClose: () => {
50   - setVisible(false);
51   - },
52   - }}
53   - onFinish={async (values) => {
54   - values.subOrderIds = subOrderIds;
55   - values.mainId = mainOrderId;
56   - values.filePaths = values.filePaths?.map((file) => {
57   - return { url: file.response.data[0] };
58   - });
59   - let res = await postServiceOrderApplyAfterSales({ data: values });
60   - if (res?.result === RESPONSE_CODE.SUCCESS) {
61   - message.success(res.message);
62   - onClose();
63   - }
64   - }}
65   - >
66   - <ProFormSelect
67   - key="key"
68   - label="售后方案"
69   - width="lg"
70   - showSearch
71   - name="afterSalesPlan"
72   - options={enumToSelect(AFTE_SALES_PLAN_OPTIONS)}
73   - placeholder="请搜索"
74   - rules={[{ required: true, message: '售后方案必填' }]}
75   - ></ProFormSelect>
76   - <ProFormDigit
77   - width="lg"
78   - name="totalPayment"
79   - label="总金额调整"
80   - min={0}
81   - initialValue={mainOrder.totalPayment}
82   - rules={[{ required: true, message: '总金额必填' }]}
83   - />
84   - <ProFormTextArea
85   - width="lg"
86   - label="售后原因"
87   - name="afterSalesNotes"
88   - rules={[{ required: true, message: '售后原因必填' }]}
89   - />
90   - <ProFormUploadDragger
91   - key="filePaths"
92   - label="附件"
93   - name="filePaths"
94   - action="/api/service/order/fileProcess"
95   - fieldProps={{
96   - headers: { Authorization: localStorage.getItem('token') },
97   - }}
98   - />
99   - </DrawerForm>
100   - );
101   -};
src/pages/Order/WarningWhitelist/components/ApplyForInvoicingModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postServiceOrderApplyInvoicing } from '@/services';
3   -import { enumToSelect, getAliYunOSSFileNameFromUrl } from '@/utils';
4   -import {
5   - ModalForm,
6   - ProFormSelect,
7   - ProFormText,
8   - ProFormTextArea,
9   - ProFormUploadDragger,
10   -} from '@ant-design/pro-components';
11   -import { Form, message } from 'antd';
12   -import { useEffect, useState } from 'react';
13   -import { PAYEE_OPTIONS } from '../../constant';
14   -export default ({
15   - setCheckVisible,
16   - isEdit,
17   - subOrders,
18   - isMainOrder,
19   - totalPayment,
20   - onClose,
21   -}) => {
22   - const [isUrgent, setIsUrgent] = useState('');
23   - let sumPrice = totalPayment;
24   -
25   - let ids = subOrders?.map((item) => {
26   - return item.id;
27   - });
28   -
29   - let mainIdSet = new Set();
30   - subOrders?.forEach((item: { mainOrderId: unknown }) => {
31   - mainIdSet.add(item.mainOrderId);
32   - });
33   -
34   - let mainIds = Array.from(mainIdSet).join(',');
35   -
36   - let newListAnnex = [];
37   -
38   - //回显，子订单可以编辑备注跟附件
39   - if (isEdit) {
40   - newListAnnex = subOrders.afterAnnexList?.map((path) => {
41   - let i = 0;
42   - return {
43   - uid: i++,
44   - name: getAliYunOSSFileNameFromUrl(path),
45   - status: 'uploaded',
46   - url: path,
47   - response: { data: [path] },
48   - };
49   - });
50   - subOrders.filePaths = newListAnnex;
51   - }
52   -
53   - const [form] = Form.useForm<{
54   - applyInvoicingNotes: string;
55   - filePaths: any;
56   - subIds: any[];
57   - afterInvoicingUpdate: boolean;
58   - receivingCompany: string;
59   - isUrgent: boolean;
60   - deadline: string;
61   - }>();
62   -
63   - useEffect(() => {
64   - //显示拼接的主订单id
65   - form.setFieldValue('applyInvoicingNotes', mainIds);
66   - }, []);
67   -
68   - return (
69   - <ModalForm<{
70   - applyInvoicingNotes: string;
71   - filePaths: any;
72   - subIds: any[];
73   - afterInvoicingUpdate: boolean;
74   - }>
75   - width={500}
76   - open
77   - title={isEdit ? '修改信息' : '申请开票'}
78   - initialValues={subOrders}
79   - form={form}
80   - autoFocusFirstInput
81   - modalProps={{
82   - okText: '确认',
83   - cancelText: '取消',
84   - destroyOnClose: true,
85   - onCancel: () => {
86   - setCheckVisible(false);
87   - },
88   - }}
89   - submitter={{
90   - render: (props, defaultDoms) => {
91   - return defaultDoms;
92   - },
93   - }}
94   - submitTimeout={2000}
95   - onFinish={async (values) => {
96   - values.subIds = ids;
97   - //附件处理
98   - values.filePaths = values.filePaths?.map((item) => {
99   - return { url: item.response.data[0] };
100   - });
101   -
102   - if (isEdit) {
103   - values.afterInvoicingUpdate = true;
104   - } else {
105   - values.afterInvoicingUpdate = false;
106   - }
107   -
108   - const res = await postServiceOrderApplyInvoicing({ data: values });
109   -
110   - if (res.result === RESPONSE_CODE.SUCCESS) {
111   - message.success(res.message);
112   - onClose();
113   - }
114   - }}
115   - onOpenChange={setCheckVisible}
116   - >
117   - {isMainOrder ? (
118   - <div className="mb-[24px]">
119   - <span>选中子订单金额之和：</span>
120   - <span className="text-red-500">{sumPrice}￥</span>
121   - </div>
122   - ) : (
123   - ''
124   - )}
125   -
126   - <div className="mb-1">
127   - 如果需要合并订单，请将需要合并的订单id写在备注中，id之间用英文逗号隔开。
128   - </div>
129   - <ProFormTextArea
130   - width="lg"
131   - name="applyInvoicingNotes"
132   - key="applyInvoicingNotes"
133   - placeholder="请输入备注"
134   - onMetaChange={(val) => {
135   - console.log(val);
136   - }}
137   - proFieldProps={{
138   - onchange: () => {
139   - message.info('change');
140   - },
141   - }}
142   - />
143   - <ProFormText
144   - width="lg"
145   - name="purchaser"
146   - label="抬头名称"
147   - key="purchaser"
148   - placeholder="请输入抬头名称"
149   - rules={[{ required: true, message: '抬头名称必填' }]}
150   - />
151   - <ProFormSelect
152   - placeholder="选择收款单位"
153   - name="receivingCompany"
154   - width="lg"
155   - key="receivingCompany"
156   - label={
157   - <div>
158   - <span>开票收款单位</span>
159   - <span className="pl-2 text-xs text-gray-400">
160   - 财务开票将依据这个字段，选择对应的公司开票（若对[收款单位]没有要求，请任意选择一个）
161   - </span>
162   - </div>
163   - }
164   - options={enumToSelect(PAYEE_OPTIONS)}
165   - rules={[{ required: true, message: '开票收款单位必填' }]}
166   - />
167   - <ProFormSelect
168   - placeholder="选择是否加急"
169   - name="isUrgent"
170   - width="lg"
171   - key="isUrgent"
172   - label="是否加急"
173   - options={[
174   - { label: '是', value: 'true' },
175   - { label: '否', value: 'false' },
176   - ]}
177   - rules={[{ required: true, message: '是否加急必填' }]}
178   - onChange={(val: any) => {
179   - setIsUrgent(val);
180   - }}
181   - />
182   -
183   - {/* <ProFormDatePicker
184   - key="deadline"
185   - label="期望开票时间"
186   - name="deadline"
187   - rules={[{ required: isUrgent === 'true', message: '期望开票时间必填' }]}
188   - hidden={isUrgent !== 'true'}
189   - /> */}
190   -
191   - <ProFormTextArea
192   - key="invoicingUrgentCause"
193   - label="加急开票原因"
194   - name="invoicingUrgentCause"
195   - rules={[{ required: isUrgent === 'true', message: '加急开票原因' }]}
196   - hidden={isUrgent !== 'true'}
197   - />
198   -
199   - <ProFormUploadDragger
200   - key="2"
201   - label={
202   - <div>
203   - <span>开票明细确认表</span>
204   - <span className="pl-2 text-xs text-gray-400">
205   - 如果开票信息有变更，如开票内容跟下单内容不一致、下单抬头和付款抬头不一致，请上传开票明细确认表。
206   - </span>
207   - </div>
208   - }
209   - name="filePaths"
210   - action="/api/service/order/fileProcess"
211   - fieldProps={{
212   - headers: { Authorization: localStorage.getItem('token') },
213   - }}
214   - />
215   - </ModalForm>
216   - );
217   -};
src/pages/Order/WarningWhitelist/components/AttachmentModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { getAliYunOSSFileNameFromUrl, isImageName } from '@/utils';
2   -import { ModalForm } from '@ant-design/pro-components';
3   -import { Button, Card, Divider, Empty, Form, Image, List, message } from 'antd';
4   -import Base64 from 'base-64';
5   -import { cloneDeep } from 'lodash';
6   -import React, { useEffect, useState } from 'react';
7   -
8   -export default ({ data, onClose }) => {
9   - let newData = cloneDeep(data);
10   - const [fileList, setFileList] = useState<[]>([]);
11   - console.log(fileList);
12   - const [form] = Form.useForm<{
13   - subOrderId: '';
14   - listAnnex: [];
15   - }>();
16   -
17   - let newListAnnex = newData.listAnnex?.map((path) => {
18   - let i = 0;
19   - return {
20   - uid: i++,
21   - name: getAliYunOSSFileNameFromUrl(path),
22   - status: 'uploaded',
23   - url: path,
24   - response: { data: [path] },
25   - };
26   - });
27   - newData.listAnnex = newListAnnex;
28   -
29   - //将图片和其他文件区分开
30   - let images: any[] = [];
31   - let otherAnnex: any[] = [];
32   - newListAnnex.forEach((item: any) => {
33   - if (isImageName(item.name)) {
34   - images.push(item);
35   - } else {
36   - otherAnnex.push(item);
37   - }
38   - });
39   -
40   - useEffect(() => {
41   - setFileList(newData.listAnnex);
42   - }, []);
43   -
44   - return (
45   - <ModalForm
46   - width={800}
47   - open
48   - title="查看附件"
49   - initialValues={newData}
50   - form={form}
51   - modalProps={{
52   - onCancel: onClose,
53   - }}
54   - submitter={{
55   - render: () => {
56   - return [
57   - <Button
58   - key="back"
59   - onClick={() => {
60   - onClose();
61   - }}
62   - >
63   - 返回
64   - </Button>,
65   - ];
66   - },
67   - }}
68   - >
69   - {newListAnnex?.length <= 0 ? (
70   - <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
71   - ) : (
72   - // <ProFormUploadDragger
73   - // name="listAnnex"
74   - // action="/api/service/order/fileProcess"
75   - // disabled
76   - // fieldProps={{
77   - // headers: { Authorization: localStorage.getItem('token') },
78   - // // onRemove: (file) => {
79   - // // const index = fileList[listMeta.index].indexOf(file);
80   - // // console.log(index);
81   - // // const newFileList = fileList.slice();
82   - // // newFileList.splice(index, 1);
83   - // // setFileList(newFileList);
84   - // // },
85   - // // beforeUpload: (file) => {
86   - // // fileList[listMeta.index] = [...fileList[listMeta.index], file as RcFile];
87   - // // setFileList(fileList);
88   - // // return true;
89   - // // },
90   - // fileList,
91   - // // defaultFileList: itemFileList
92   - // }}
93   - // />
94   - <>
95   - <Card>
96   - <Image.PreviewGroup
97   - className="mr-10"
98   - preview={{
99   - onChange: (current, prev) =>
100   - console.log(`current index: ${current}, prev index: ${prev}`),
101   - }}
102   - >
103   - {images.map((item, index) => (
104   - <React.Fragment key={index}>
105   - <Image
106   - className="max-h-[200px] max-w-[200px]"
107   - src={item.url}
108   - title={item.name}
109   - />{' '}
110   - <Divider type="vertical" />
111   - </React.Fragment>
112   - ))}
113   - </Image.PreviewGroup>
114   - </Card>
115   - <Divider />
116   -
117   - <div>
118   - <List
119   - size="small"
120   - header={<div>其他类型文件</div>}
121   - bordered
122   - dataSource={otherAnnex}
123   - renderItem={(item) => (
124   - <List.Item
125   - actions={[
126   - <Button
127   - type="link"
128   - key="key"
129   - href={item.url}
130   - target="blank"
131   - className="py-1"
132   - >
133   - 下载
134   - </Button>,
135   - <Button
136   - type="link"
137   - key="key"
138   - className="py-1"
139   - onClick={() => {
140   - message.info(item.url);
141   - window.open(
142   - '/previewApi/onlinePreview?url=' +
143   - encodeURIComponent(Base64.encode(item.url)),
144   - );
145   - }}
146   - >
147   - 预览
148   - </Button>,
149   - ]}
150   - >
151   - <div>
152   - <span>{item.name}</span>
153   - </div>
154   - </List.Item>
155   - )}
156   - />
157   - </div>
158   - </>
159   - )}
160   - </ModalForm>
161   - );
162   -};
src/pages/Order/WarningWhitelist/components/BaseModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { ModalForm } from '@ant-design/pro-components';
2   -import { Form } from 'antd';
3   -
4   -// import { cloneDeep } from 'lodash';
5   -export default ({ setVisible, onClose }) => {
6   - const [form] = Form.useForm<{ name: string; company: string }>();
7   -
8   - return (
9   - <>
10   - <ModalForm<{
11   - name: string;
12   - company: string;
13   - }>
14   - width={500}
15   - open
16   - title="标题"
17   - form={form}
18   - autoFocusFirstInput
19   - modalProps={{
20   - okText: '通过',
21   - cancelText: '取消',
22   - destroyOnClose: true,
23   - onCancel: () => {
24   - setVisible(false);
25   - },
26   - }}
27   - onFinish={async (values) => {
28   - console.log(values);
29   - onClose();
30   - }}
31   - onOpenChange={setVisible}
32   - ></ModalForm>
33   - </>
34   - );
35   -};
src/pages/Order/WarningWhitelist/components/CheckModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import {
3   - postPrepaidAudit,
4   - postServiceOrderAfterSalesCheck,
5   - postServiceOrderAudit,
6   - postServiceOrderFileProcess,
7   - postServiceOrderFinanceCheckOrder,
8   - postServiceOrderLeaderAudit,
9   - postServiceOrderToProcureAudit,
10   -} from '@/services';
11   -import {
12   - ModalForm,
13   - ProFormTextArea,
14   - ProList,
15   -} from '@ant-design/pro-components';
16   -import {
17   - Button,
18   - Col,
19   - Divider,
20   - Form,
21   - Image,
22   - Modal,
23   - Row,
24   - Space,
25   - Tag,
26   - UploadFile,
27   - message,
28   -} from 'antd';
29   -import Upload, { RcFile, UploadProps } from 'antd/es/upload';
30   -import { useEffect, useRef, useState } from 'react';
31   -import {
32   - AFTE_SALES_PLAN_OPTIONS,
33   - CHECK_TYPE,
34   - COMFIR_RECEIPT_IMAGES_NUMBER,
35   -} from '../../constant';
36   -// import { cloneDeep } from 'lodash';
37   -import InvoiceSubOrderInfoTable from '@/pages/Order/Order/components/InvoiceSubOrderInfoTable';
38   -import { enumValueToLabel, transImageFile } from '@/utils';
39   -import { PlusOutlined } from '@ant-design/icons';
40   -import { cloneDeep } from 'lodash';
41   -
42   -export default ({
43   - setCheckVisible,
44   - data,
45   - subOrders,
46   - orderCheckType,
47   - openOrderDrawer,
48   - onClose,
49   -}) => {
50   - const [previewOpen, setPreviewOpen] = useState(false);
51   - const [aPopoverTitle, setAPopoverTitle] = useState('审核');
52   - const [previewImage, setPreviewImage] = useState('');
53   - const [previewTitle, setPreviewTitle] = useState('');
54   - const [paymentReceiptsImages, setPymentReceiptsImages] = useState<any[]>([]);
55   - const fileListObj = useRef<UploadFile[]>([]); //使用引用类型，使得在useEffect里面设置监听事件后，不用更新监听事件也能保持obj与外界一致
56   - const getBase64 = (file: RcFile): Promise<string> =>
57   - new Promise((resolve, reject) => {
58   - const reader = new FileReader();
59   - reader.readAsDataURL(file);
60   - reader.onload = () => resolve(reader.result as string);
61   - reader.onerror = (error) => reject(error);
62   - });
63   - const [fileList, setFileList] = useState<UploadFile[]>([]);
64   - const handleCancel = () => setPreviewOpen(false);
65   - const [messageApi, contextHolder] = message.useMessage();
66   - const [form] = Form.useForm<{ name: string; company: string }>();
67   - let subOrderIds: any[] = subOrders?.map((subOrder) => subOrder.id);
68   - const [mainOrderId] = useState(data.id);
69   -
70   - const [afterSalesInfo, setAfterSalesInfo] = useState<any>();
71   - const [prepaidProofImages, setPrepaidProofImages] = useState<any[]>([]);
72   - /**
73   - * 审核类型
74   - */
75   - function checkType(check: string) {
76   - if (orderCheckType === check) {
77   - return true;
78   - }
79   - return false;
80   - }
81   -
82   - const getOrderAfterSalesInfo = async () => {
83   - // let res = await postServiceOrderQueryAfterSalesInfoSnapshot({
84   - // data: { subOrderIds: subOrderIds },
85   - // });
86   -
87   - //附件
88   - let annex = subOrders[0].afterSalesAnnexList;
89   - let index = 1;
90   - let annexLinks = annex?.map((f) => {
91   - return (
92   - <Button className="p-0 pr-1" type="link" key="key" href={f}>
93   - {'附件' + index++}
94   - </Button>
95   - );
96   - });
97   -
98   - console.log(annexLinks);
99   -
100   - setAfterSalesInfo(
101   - <div className="my-5">
102   - <Row gutter={[16, 24]}>
103   - <Col span={6}>
104   - <span className="text-[#333333]">售后方案</span>
105   - </Col>
106   - <Col span={18}>
107   - {enumValueToLabel(
108   - subOrders[0]?.afterSalesPlan,
109   - AFTE_SALES_PLAN_OPTIONS,
110   - )}
111   - </Col>
112   - <Col span={6}>
113   - <span className="className='text-[#333333]'">售后原因</span>
114   - </Col>
115   - <Col span={18}>{subOrders[0]?.afterSalesNotes}</Col>
116   - <Col span={6}>
117   - <span className="className='text-[#333333]'">附件</span>
118   - </Col>
119   - <Col span={18}>{annexLinks}</Col>
120   - </Row>
121   - </div>,
122   - );
123   - };
124   -
125   - useEffect(() => {
126   - if (checkType(CHECK_TYPE.CONFIRM_DELIVER)) {
127   - setAPopoverTitle('确认发货');
128   - }
129   - getOrderAfterSalesInfo();
130   -
131   - let paymentReceiptsImagesList: any[] = [];
132   - subOrders?.forEach((item: any) => {
133   - if (item.paymentReceiptAnnexList) {
134   - paymentReceiptsImagesList.push(...item.paymentReceiptAnnexList);
135   - }
136   - });
137   - //去重
138   - paymentReceiptsImagesList = [...new Set(paymentReceiptsImagesList)];
139   - setPymentReceiptsImages(paymentReceiptsImagesList);
140   -
141   - //预存审核的凭证
142   - let proofImages: any[] = [];
143   - subOrders?.forEach((item) => {
144   - let images = item.proofImages;
145   - if (images !== null && images !== undefined) {
146   - proofImages.push(...images);
147   - }
148   - });
149   - setPrepaidProofImages(proofImages);
150   - }, []);
151   -
152   - const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) => {
153   - //fileListObj得在change里变化，change的参数是已经处理过的file数组
154   - //beforeUpload中的参数file是未处理过，还需要Base64拿到文件数据处理
155   - fileListObj.current = newFileList;
156   - setFileList(newFileList);
157   - };
158   -
159   - /** 粘贴快捷键的回调 */
160   - const onPaste = async (e: any) => {
161   - /** 获取剪切板的数据clipboardData */
162   - let clipboardData = e.clipboardData,
163   - i = 0,
164   - items,
165   - item,
166   - types;
167   -
168   - /** 为空判断 */
169   - if (clipboardData) {
170   - items = clipboardData.items;
171   - if (!items) {
172   - message.info('您的剪贴板中没有照片');
173   - return;
174   - }
175   -
176   - item = items[0];
177   - types = clipboardData.types || [];
178   - /** 遍历剪切板的数据 */
179   - for (; i < types.length; i++) {
180   - if (types[i] === 'Files') {
181   - item = items[i];
182   - break;
183   - }
184   - }
185   -
186   - /** 判断文件是否为图片 */
187   - if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
188   - const imgItem = item.getAsFile();
189   - const newFileList = cloneDeep(fileListObj.current);
190   - let filteredArray = newFileList.filter(
191   - (obj) => obj.status !== 'removed',
192   - ); //过滤掉状态为已删除的照片
193   - const listItem = {
194   - ...imgItem,
195   - status: 'done',
196   - url: await getBase64(imgItem),
197   - originFileObj: imgItem,
198   - };
199   -
200   - if (filteredArray.length >= COMFIR_RECEIPT_IMAGES_NUMBER) {
201   - message.info('发货照片数量不能超过3');
202   - return;
203   - }
204   - fileListObj.current = filteredArray;
205   - filteredArray.push(listItem);
206   - setFileList(filteredArray);
207   - return;
208   - }
209   - }
210   -
211   - message.info('您的剪贴板中没有照片');
212   - };
213   - useEffect(() => {
214   - //回显售后信息
215   - // if (checkType(CHECK_TYPE.AFTER_SALES)) {
216   - // getOrderAfterSalesInfo();
217   - // }
218   -
219   - document.addEventListener('paste', onPaste);
220   - return () => {
221   - document.removeEventListener('paste', onPaste);
222   - };
223   - }, []);
224   - const uploadButton = (
225   - <div>
226   - <PlusOutlined />
227   - <div style={{ marginTop: 8 }}>上传凭证</div>
228   - </div>
229   - );
230   - const handlePreview = async (file: UploadFile) => {
231   - if (!file.url && !file.preview) {
232   - file.preview = await getBase64(file.originFileObj as RcFile);
233   - }
234   - setPreviewImage(file.url || (file.preview as string));
235   - setPreviewOpen(true);
236   - setPreviewTitle(
237   - file.name ||
238   - file.originFileObj?.name ||
239   - file.url!.substring(file.url!.lastIndexOf('/') + 1),
240   - );
241   - };
242   -
243   - const handleBeforeUpload = (file: any) => {
244   - setFileList([...fileList, file]);
245   - return false;
246   - };
247   -
248   - const props: UploadProps = {
249   - onRemove: (file) => {
250   - const index = fileList.indexOf(file);
251   - const newFileList = fileList.slice();
252   - newFileList.splice(index, 1);
253   - setFileList(newFileList);
254   - },
255   - beforeUpload: handleBeforeUpload,
256   - listType: 'picture-card',
257   - onPreview: handlePreview,
258   - fileList,
259   - onChange: handleChange,
260   - accept: 'image/png, image/jpeg, image/png',
261   - // action: '/api/service/order/fileProcess',
262   - name: 'files',
263   - headers: { Authorization: localStorage.getItem('token') },
264   - };
265   -
266   - //仓库审核
267   - async function doCheck(body: object) {
268   - const data = await postServiceOrderAudit({
269   - data: body,
270   - });
271   - if (data.result === RESPONSE_CODE.SUCCESS) {
272   - message.success(data.message);
273   - onClose();
274   - }
275   - }
276   -
277   - /**
278   - *
279   - * @param body 财务审核
280   - */
281   - async function doFinancailCheck(values: any, isAgree: boolean) {
282   - if (fileList.length <= 0) {
283   - message.error('凭证不能为空');
284   - return;
285   - }
286   - messageApi.open({
287   - type: 'loading',
288   - content: '正在上传图片...',
289   - duration: 0,
290   - });
291   - //附件处理
292   - let formData = new FormData();
293   - //附件处理
294   - for (let file of fileList) {
295   - if (file.originFileObj) {
296   - formData.append('files', file.originFileObj as RcFile);
297   - } else {
298   - //有url的话取url（源文件），没url取thumbUrl。有url的时候thumbUrl是略缩图
299   - if (file?.url === undefined || file?.url === null) {
300   - formData.append(
301   - 'files',
302   - transImageFile(file?.thumbUrl),
303   - file?.originFileObj?.name,
304   - );
305   - } else {
306   - formData.append(
307   - 'files',
308   - transImageFile(file?.url),
309   - file?.originFileObj?.name,
310   - );
311   - }
312   - }
313   - }
314   - let res = await postServiceOrderFileProcess({
315   - data: formData,
316   - });
317   - messageApi.destroy();
318   - if (res.result === RESPONSE_CODE.SUCCESS) {
319   - message.success('上传成功！');
320   -
321   - let fileUrls = res?.data?.map((item) => {
322   - return { url: item };
323   - });
324   - //财务审核
325   - const data = await postServiceOrderFinanceCheckOrder({
326   - data: {
327   - checkNotes: values.name,
328   - ids: subOrderIds,
329   - checkPassOrReject: isAgree,
330   - invoicingCheckAnnex: fileUrls,
331   - },
332   - });
333   - if (data.result === RESPONSE_CODE.SUCCESS) {
334   - message.success(data.message);
335   - onClose();
336   - }
337   - } else {
338   - message.success('上传失败');
339   - }
340   - }
341   -
342   - /**
343   - *
344   - * @param body 售后审核
345   - */
346   - async function doAfterSalesCheck(body: object) {
347   - const data = await postServiceOrderAfterSalesCheck({
348   - data: body,
349   - });
350   - if (data.result === RESPONSE_CODE.SUCCESS) {
351   - message.success(data.message);
352   - onClose();
353   - }
354   - }
355   -
356   - /**
357   - *
358   - * @param body 领导审核
359   - */
360   - async function doLeaderCheck(body: object) {
361   - const data = await postServiceOrderLeaderAudit({
362   - data: body,
363   - });
364   - if (data.result === RESPONSE_CODE.SUCCESS) {
365   - message.success(data.message);
366   - onClose();
367   - }
368   - }
369   -
370   - /**
371   - * 预存审核
372   - * @param body
373   - */
374   - async function doPrepaidAudit(body: any) {
375   - const data = await postPrepaidAudit({
376   - data: body,
377   - });
378   - if (data.result === RESPONSE_CODE.SUCCESS) {
379   - message.success(data.message);
380   - onClose();
381   - }
382   - }
383   -
384   - function computeType() {
385   - let type: string = '';
386   - if (checkType(CHECK_TYPE.CONFIRM_DELIVER)) {
387   - type = 'confirm_deliver';
388   - }
389   - if (checkType(CHECK_TYPE.WEARHOUSE_KEEPER)) {
390   - type = 'warehouse_audit';
391   - }
392   - if (checkType(CHECK_TYPE.WAITING_FOR_POST_AUDIT)) {
393   - type = 'post_audit';
394   - }
395   - if (checkType(CHECK_TYPE.NODE_OPERATING_AUDIT)) {
396   - type = 'node_operating_audit';
397   - }
398   - if (checkType(CHECK_TYPE.MODIFY_LEADER_AUDIT)) {
399   - type = 'modify_leader_audit';
400   - }
401   - if (checkType(CHECK_TYPE.URGENT_INVOICE_AUDITING)) {
402   - type = 'urgent_invoice_audit';
403   - }
404   - if (checkType(CHECK_TYPE.PAYMENT_RECEIPTS_AUDIT)) {
405   - type = 'payment_receipt_audit';
406   - }
407   - if (checkType(CHECK_TYPE.CONFIRM_REISSUE)) {
408   - type = 'confirm_reissue';
409   - }
410   - if (checkType(CHECK_TYPE.CREDIT_AUDIT)) {
411   - type = 'credit_audit';
412   - }
413   - if (checkType(CHECK_TYPE.URGENT_INVOICE_AUDITING_OLD)) {
414   - type = 'urgent_invoice_audit_old';
415   - }
416   - if (checkType(CHECK_TYPE.CONFIRM_REISSUE_OLD)) {
417   - type = 'confirm_reissue_old';
418   - }
419   - return type;
420   - }
421   -
422   - return (
423   - <>
424   - <ModalForm<{
425   - name: string;
426   - company: string;
427   - }>
428   - width={500}
429   - open
430   - title={aPopoverTitle}
431   - form={form}
432   - autoFocusFirstInput
433   - modalProps={{
434   - okText: '通过',
435   - cancelText: '驳回',
436   - destroyOnClose: true,
437   - onCancel: () => {
438   - setCheckVisible(false);
439   - },
440   - }}
441   - submitter={{
442   - render: (props, defaultDoms) => {
443   - let myDoms = [];
444   - if (!checkType(CHECK_TYPE.CONFIRM_DELIVER)) {
445   - myDoms.push(
446   - <Button
447   - key="驳回"
448   - onClick={async () => {
449   - if (checkType(CHECK_TYPE.AFTER_SALES)) {
450   - doAfterSalesCheck({
451   - applyType: 'after-sales',
452   - isAfterSalesSuccess: false,
453   - subOrderIds: subOrderIds,
454   - mainId: mainOrderId,
455   - afterSalesRejectionNotes: form.getFieldValue('name'),
456   - });
457   - return;
458   - }
459   -
460   - if (checkType(CHECK_TYPE.FINALCIAL)) {
461   - let values = { name: form.getFieldValue('name') };
462   - doFinancailCheck(values, false);
463   - return;
464   - }
465   -
466   - if (checkType(CHECK_TYPE.LEADER_AUDIT)) {
467   - doLeaderCheck({
468   - pass: false,
469   - subOrderIds: subOrderIds,
470   - reason: form.getFieldValue('name'),
471   - });
472   - return;
473   - }
474   -
475   - if (checkType(CHECK_TYPE.MODIFY_APPLY_WAIT_FOR_AUDIT)) {
476   - doAfterSalesCheck({
477   - applyType: 'order-change-normal',
478   - isAfterSalesSuccess: false,
479   - subOrderIds: subOrderIds,
480   - mainId: mainOrderId,
481   - afterSalesRejectionNotes: form.getFieldValue('name'),
482   - });
483   - return;
484   - }
485   -
486   - //预存审核，先暂时共用同一个审核弹窗
487   - if (checkType(CHECK_TYPE.PREPAID_AUDIT)) {
488   - return doPrepaidAudit({
489   - pass: false,
490   - ids: subOrderIds,
491   - auditNotes: form.getFieldValue('name'),
492   - });
493   - }
494   -
495   - let type = '';
496   - type = computeType();
497   - console.log('type:' + type);
498   - doCheck({
499   - pass: false,
500   - subOrderIds: subOrderIds,
501   - type: type,
502   - notes: form.getFieldValue('name'),
503   - });
504   - }}
505   - >
506   - 驳回
507   - </Button>,
508   - );
509   - }
510   -
511   - //如果是仓库审核，那么显示这个外部采购
512   - if (checkType(CHECK_TYPE.WEARHOUSE_KEEPER)) {
513   - myDoms.push(
514   - <Button
515   - key="外部采购"
516   - onClick={async () => {
517   - let res = await postServiceOrderToProcureAudit({
518   - data: {
519   - subOrderIds: subOrderIds,
520   - },
521   - });
522   -
523   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
524   - message.success(res.message);
525   - onClose();
526   - }
527   - }}
528   - >
529   - 外部采购
530   - </Button>,
531   - );
532   - }
533   -
534   - //确认
535   - myDoms.push(defaultDoms[1]);
536   - return myDoms;
537   - },
538   - }}
539   - submitTimeout={2000}
540   - onFinish={async (values) => {
541   - if (checkType(CHECK_TYPE.AFTER_SALES)) {
542   - //审核通过
543   - return doAfterSalesCheck({
544   - applyType: 'after-sales',
545   - isAfterSalesSuccess: true,
546   - subOrderIds: subOrderIds,
547   - mainId: mainOrderId,
548   - afterSalesRejectionNotes: values.name,
549   - });
550   - }
551   - console.log('h');
552   - if (checkType(CHECK_TYPE.FINALCIAL)) {
553   - doFinancailCheck(values, true);
554   - return;
555   - }
556   -
557   - if (checkType(CHECK_TYPE.LEADER_AUDIT)) {
558   - doLeaderCheck({
559   - pass: true,
560   - subOrderIds: subOrderIds,
561   - reason: values.name,
562   - });
563   - return;
564   - }
565   -
566   - if (checkType(CHECK_TYPE.MODIFY_APPLY_WAIT_FOR_AUDIT)) {
567   - //审核通过
568   - return doAfterSalesCheck({
569   - applyType: 'order-change-normal',
570   - isAfterSalesSuccess: true,
571   - subOrderIds: subOrderIds,
572   - mainId: mainOrderId,
573   - afterSalesRejectionNotes: values.name,
574   - });
575   - }
576   -
577   - //预存审核，先暂时共用同一个审核弹窗
578   - if (checkType(CHECK_TYPE.PREPAID_AUDIT)) {
579   - return doPrepaidAudit({
580   - pass: true,
581   - ids: subOrderIds,
582   - auditNotes: form.getFieldValue('name'),
583   - });
584   - }
585   -
586   - let type = '';
587   - type = computeType();
588   - doCheck({
589   - pass: true,
590   - subOrderIds: subOrderIds,
591   - type: type,
592   - notes: form.getFieldValue('name'),
593   - });
594   - }}
595   - onOpenChange={setCheckVisible}
596   - >
597   - {checkType(CHECK_TYPE.AFTER_SALES) ? (
598   - <>
599   - {afterSalesInfo}
600   - <Button
601   - className="px-0"
602   - type="link"
603   - onClick={() => {
604   - console.log(data);
605   - openOrderDrawer('after-sales-check', mainOrderId);
606   - }}
607   - >
608   - 查看旧订单
609   - </Button>
610   - </>
611   - ) : (
612   - ''
613   - )}
614   -
615   - {checkType(CHECK_TYPE.PAYMENT_RECEIPTS_AUDIT) ? (
616   - <>
617   - <Divider orientation="center">
618   - <span className="text-sm">回款凭证</span>
619   - </Divider>
620   - <Image.PreviewGroup
621   - className="mr-10"
622   - preview={{
623   - onChange: (current, prev) =>
624   - console.log(`current index: ${current}, prev index: ${prev}`),
625   - }}
626   - >
627   - {paymentReceiptsImages.map((url) => (
628   - <>
629   - <Image width={120} src={url} /> <Divider type="vertical" />
630   - </>
631   - ))}
632   - </Image.PreviewGroup>
633   - <Divider></Divider>
634   - </>
635   - ) : (
636   - ''
637   - )}
638   -
639   - {checkType(CHECK_TYPE.PREPAID_AUDIT) && (
640   - <>
641   - <Divider orientation="center">
642   - <span className="text-sm">凭证</span>
643   - </Divider>
644   - <Image.PreviewGroup
645   - className="mr-10"
646   - preview={{
647   - onChange: (current, prev) =>
648   - console.log(`current index: ${current}, prev index: ${prev}`),
649   - }}
650   - >
651   - {prepaidProofImages.map((url) => (
652   - <>
653   - <Image width={120} src={url} /> <Divider type="vertical" />
654   - </>
655   - ))}
656   - </Image.PreviewGroup>
657   - <Divider></Divider>
658   - </>
659   - )}
660   -
661   - {checkType('prepaidAudit') ? (
662   - <div>请特别注意手机号码和充值金额。</div>
663   - ) : (
664   - <div>请特别注意订单总金额与订单金额。</div>
665   - )}
666   - {!checkType(CHECK_TYPE.CONFIRM_DELIVER) ? (
667   - <ProFormTextArea
668   - width="lg"
669   - name="name"
670   - placeholder="若驳回，请填写驳回理由"
671   - />
672   - ) : (
673   - <></>
674   - )}
675   - {checkType(CHECK_TYPE.FINALCIAL) ? (
676   - <>
677   - <div className="pb-4 text-xs decoration-gray-50">
678   - 可复制照片粘贴
679   - </div>
680   - <Upload {...props}>
681   - {fileList.length < COMFIR_RECEIPT_IMAGES_NUMBER
682   - ? uploadButton
683   - : ''}
684   - </Upload>
685   - </>
686   - ) : (
687   - ''
688   - )}
689   - {checkType(CHECK_TYPE.CONFIRM_REISSUE) && (
690   - <>
691   - <InvoiceSubOrderInfoTable
692   - subOrderIds={subOrderIds}
693   - ></InvoiceSubOrderInfoTable>
694   - </>
695   - )}
696   - {checkType(CHECK_TYPE.URGENT_INVOICE_AUDITING) ? (
697   - <>
698   - <ProList
699   - rowKey="id"
700   - headerTitle="发票信息"
701   - metas={{
702   - title: {
703   - dataIndex: 'name',
704   - },
705   - avatar: {
706   - dataIndex: 'image',
707   - editable: false,
708   - },
709   - description: {
710   - dataIndex: 'desc',
711   - },
712   - subTitle: {
713   - render: () => {
714   - return (
715   - <Space size={0}>
716   - <Tag color="blue">Ant Design</Tag>
717   - <Tag color="#5BD8A6">TechUI</Tag>
718   - </Space>
719   - );
720   - },
721   - },
722   - actions: {
723   - render: (text, row, index, action) => [
724   - <a
725   - onClick={() => {
726   - action?.startEditable(row.id);
727   - }}
728   - key="link"
729   - >
730   - 编辑
731   - </a>,
732   - ],
733   - },
734   - }}
735   - ></ProList>
736   - </>
737   - ) : (
738   - ''
739   - )}
740   - </ModalForm>
741   -
742   - <Modal
743   - open={previewOpen}
744   - title={previewTitle}
745   - footer={null}
746   - onCancel={handleCancel}
747   - >
748   - <img alt="图片预览" style={{ width: '100%' }} src={previewImage} />
749   - </Modal>
750   - {contextHolder}
751   - </>
752   - );
753   -};
src/pages/Order/WarningWhitelist/components/ConfirmReceiptModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postServiceOrderConfirmReceipt } from '@/services';
3   -import { PlusOutlined } from '@ant-design/icons';
4   -import { Button, Modal, Upload, message } from 'antd';
5   -import { RcFile, UploadFile, UploadProps } from 'antd/es/upload';
6   -import { cloneDeep } from 'lodash';
7   -import { useEffect, useRef, useState } from 'react';
8   -import { COMFIR_RECEIPT_IMAGES_NUMBER } from '../../constant';
9   -export default ({ data, onClose }) => {
10   - const subIds = data?.map((item) => {
11   - return item.id;
12   - });
13   - // const [form] = Form.useForm<{ name: string; company: string }>();
14   - const [previewOpen, setPreviewOpen] = useState(false);
15   - const [previewImage, setPreviewImage] = useState('');
16   - const [previewTitle, setPreviewTitle] = useState('');
17   - const fileListObj = useRef<UploadFile[]>([]); //使用引用类型，使得在useEffect里面设置监听事件后，不用更新监听事件也能保持obj与外界一致
18   - const getBase64 = (file: RcFile): Promise<string> =>
19   - new Promise((resolve, reject) => {
20   - const reader = new FileReader();
21   - reader.readAsDataURL(file);
22   - reader.onload = () => resolve(reader.result as string);
23   - reader.onerror = (error) => reject(error);
24   - });
25   - const [fileList, setFileList] = useState<UploadFile[]>([]);
26   - const [uploading, setUploading] = useState(false);
27   - const handleCancel = () => setPreviewOpen(false);
28   -
29   - const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) => {
30   - //fileListObj得在change里变化，change的参数是已经处理过的file数组
31   - //beforeUpload中的参数file是未处理过，还需要Base64拿到文件数据处理
32   - fileListObj.current = newFileList;
33   - setFileList(newFileList);
34   - };
35   -
36   - /** 粘贴快捷键的回调 */
37   - const onPaste = async (e: any) => {
38   - /** 获取剪切板的数据clipboardData */
39   - let clipboardData = e.clipboardData,
40   - i = 0,
41   - items,
42   - item,
43   - types;
44   -
45   - /** 为空判断 */
46   - if (clipboardData) {
47   - items = clipboardData.items;
48   - if (!items) {
49   - message.info('您的剪贴板中没有照片');
50   - return;
51   - }
52   -
53   - item = items[0];
54   - types = clipboardData.types || [];
55   - /** 遍历剪切板的数据 */
56   - for (; i < types.length; i++) {
57   - if (types[i] === 'Files') {
58   - item = items[i];
59   - break;
60   - }
61   - }
62   -
63   - /** 判断文件是否为图片 */
64   - if (item && item.kind === 'file' && item.type.match(/^image\//i)) {
65   - const imgItem = item.getAsFile();
66   - const newFileList = cloneDeep(fileListObj.current);
67   - let filteredArray = newFileList.filter(
68   - (obj) => obj.status !== 'removed',
69   - ); //过滤掉状态为已删除的照片
70   - const listItem = {
71   - ...imgItem,
72   - status: 'done',
73   - url: await getBase64(imgItem),
74   - originFileObj: imgItem,
75   - };
76   -
77   - if (filteredArray.length >= COMFIR_RECEIPT_IMAGES_NUMBER) {
78   - message.info('发货凭证照片数量不能超过3');
79   - return;
80   - }
81   - fileListObj.current = filteredArray;
82   - filteredArray.push(listItem);
83   - setFileList(filteredArray);
84   - return;
85   - }
86   - }
87   -
88   - message.info('您的剪贴板中没有照片');
89   - };
90   - useEffect(() => {
91   - document.addEventListener('paste', onPaste);
92   - return () => {
93   - document.removeEventListener('paste', onPaste);
94   - };
95   - }, []);
96   - const uploadButton = (
97   - <div>
98   - <PlusOutlined />
99   - <div style={{ marginTop: 8 }}>上传凭证</div>
100   - </div>
101   - );
102   - const handlePreview = async (file: UploadFile) => {
103   - if (!file.url && !file.preview) {
104   - file.preview = await getBase64(file.originFileObj as RcFile);
105   - }
106   - setPreviewImage(file.url || (file.preview as string));
107   - setPreviewOpen(true);
108   - setPreviewTitle(
109   - file.name ||
110   - file.originFileObj?.name ||
111   - file.url!.substring(file.url!.lastIndexOf('/') + 1),
112   - );
113   - };
114   -
115   - const handleUpload = async () => {
116   - const formData = new FormData();
117   - fileList.forEach((file) => {
118   - //originFileObj二进制文件
119   - formData.append('files', file.originFileObj as RcFile);
120   - });
121   - // console.log(fileList[0] as RcFile)
122   - // formData.append('file', fileList[0] as RcFile);
123   - formData.append('subIds', subIds);
124   - setUploading(true);
125   - // You can use any AJAX library you like
126   - const res = await postServiceOrderConfirmReceipt({
127   - data: formData,
128   - headers: {
129   - 'Content-Type':
130   - 'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
131   - },
132   - });
133   -
134   - if (res.result === RESPONSE_CODE.SUCCESS) {
135   - message.success(res.message);
136   - onClose();
137   - }
138   -
139   - setUploading(false);
140   - };
141   -
142   - const props: UploadProps = {
143   - onRemove: (file) => {
144   - const index = fileList.indexOf(file);
145   - const newFileList = fileList.slice();
146   - newFileList.splice(index, 1);
147   - setFileList(newFileList);
148   - },
149   - beforeUpload: (file) => {
150   - setFileList([...fileList, file]);
151   - return false;
152   - },
153   - listType: 'picture-card',
154   - onPreview: handlePreview,
155   - fileList,
156   - onChange: handleChange,
157   - accept: 'image/png, image/jpeg, image/png',
158   - };
159   -
160   - return (
161   - <>
162   - <Modal
163   - width={500}
164   - open
165   - title="确认收货"
166   - footer={[
167   - <Button key="cancel" onClick={onClose}>
168   - 取消
169   - </Button>,
170   - <Button
171   - type="primary"
172   - key="ok"
173   - onClick={handleUpload}
174   - disabled={fileList.length === 0}
175   - loading={uploading}
176   - >
177   - {uploading ? '上传中' : '提交'}
178   - </Button>,
179   - ]}
180   - onCancel={async () => {
181   - onClose();
182   - }}
183   - >
184   - <div className="pt-4 font-semibold">请将买家确认收货的凭证照片上传</div>
185   - <div className="pb-4 text-xs decoration-gray-50">可复制照片粘贴</div>
186   - <Upload {...props}>
187   - {fileList.length < COMFIR_RECEIPT_IMAGES_NUMBER ? uploadButton : ''}
188   - </Upload>
189   - </Modal>
190   - <Modal
191   - open={previewOpen}
192   - title={previewTitle}
193   - footer={null}
194   - onCancel={handleCancel}
195   - >
196   - <img alt="图片预览" style={{ width: '100%' }} src={previewImage} />
197   - </Modal>
198   - </>
199   - );
200   -};
src/pages/Order/WarningWhitelist/components/DeliverInfoDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import { postDistrictSelOrderProvince } from '@/services';
2   -import { enumValueToLabel } from '@/utils';
3   -import { getReceivingCompanyOptions } from '@/utils/order';
4   -import { Col, Drawer, Row } from 'antd';
5   -import { useEffect, useState } from 'react';
6   -import { PAYEE_OPTIONS } from '../../constant';
7   -
8   -export default ({ data, onClose }) => {
9   - const [province, setProvince] = useState('');
10   - const [city, setCity] = useState('');
11   - const [district, setDistrict] = useState('');
12   -
13   - useEffect(() => {
14   - const fetchData = async () => {
15   - if (data.id !== undefined) {
16   - const resp = await postDistrictSelOrderProvince({
17   - data: data.id,
18   - });
19   - if (resp && resp.data) {
20   - if (resp.data.province) {
21   - setProvince(resp.data.province);
22   - }
23   - if (resp.data.city) {
24   - setCity(resp.data.city);
25   - }
26   - if (resp.data.district) {
27   - setDistrict(resp.data.district);
28   - }
29   - }
30   - }
31   - };
32   -
33   - fetchData();
34   - }, [data.id]);
35   - return (
36   - <>
37   - <Drawer
38   - width={500}
39   - title="基本信息"
40   - placement="right"
41   - onClose={onClose}
42   - open
43   - >
44   - <Row gutter={[16, 24]}>
45   - <Col span={6}>
46   - <span className="text-[#333333]">收货人</span>
47   - </Col>
48   - <Col span={18}>{data.customerName}</Col>
49   - <Col span={6}>
50   - <span className="className='text-[#333333]'">联系方式</span>
51   - </Col>
52   - <Col span={18}>{data.customerContactNumber}</Col>
53   - <Col span={6}>
54   - <span className="className='text-[#333333]'">省市区</span>
55   - </Col>
56   - <Col span={18}>
57   - {province}&nbsp;{city}&nbsp;{district}
58   - </Col>
59   - <Col span={6}>
60   - <span className="className='text-[#333333]'">收货地址</span>
61   - </Col>
62   - <Col span={18}>{data.customerShippingAddress}</Col>
63   - <Col span={6}>
64   - <span className="className='text-[#333333]'">课题组老师</span>
65   - </Col>
66   - <Col span={18}>{data.institutionContactName}</Col>
67   - <Col span={6}>
68   - <span className="className='text-[#333333]'">单位名称</span>
69   - </Col>
70   - <Col span={18}>{data.institution}</Col>
71   - <Col span={6}>
72   - <span className="className='text-[#333333]'">开户银行</span>
73   - </Col>
74   - <Col span={18}>{data.bank}</Col>
75   -
76   - <Col span={6}>
77   - <span className="className='text-[#333333]'">开票收款单位</span>
78   - </Col>
79   - <Col span={18}>
80   - {enumValueToLabel(
81   - data.receivingCompany,
82   - getReceivingCompanyOptions(PAYEE_OPTIONS),
83   - )}
84   - </Col>
85   -
86   - <Col span={6}>
87   - <span className="className='text-[#333333]'">银行账号</span>
88   - </Col>
89   - <Col span={18}>{data.bankAccountNumber}</Col>
90   - <Col span={6}>
91   - <span className="className='text-[#333333]'">开票识别号</span>
92   - </Col>
93   - <Col span={18}>{data.invoiceIdentificationNumber}</Col>
94   - </Row>
95   - </Drawer>
96   - </>
97   - );
98   -};
src/pages/Order/WarningWhitelist/components/DeliverModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import {
3   - postServiceOrderProcureSend,
4   - postServiceOrderSendProduct,
5   - postServiceOrderSupplierSendOrder,
6   -} from '@/services';
7   -import { enumToSelect } from '@/utils';
8   -import {
9   - ProColumns,
10   - ProForm,
11   - ProFormSelect,
12   - ProFormText,
13   - ProTable,
14   -} from '@ant-design/pro-components';
15   -import {
16   - Button,
17   - Col,
18   - Flex,
19   - Input,
20   - InputNumber,
21   - Modal,
22   - Row,
23   - Select,
24   - message,
25   -} from 'antd';
26   -import { cloneDeep } from 'lodash';
27   -import { useEffect, useRef, useState } from 'react';
28   -import { CHECK_TYPE, LOGISTICS_STATUS_OPTIONS } from '../../constant';
29   -
30   -const DeliverModal = ({
31   - data: propsData,
32   - isSendProduct,
33   - setVisible,
34   - sendType,
35   - onClose,
36   -}) => {
37   - const [data, setData] = useState(propsData || {});
38   - const form = useRef();
39   -
40   - /**
41   - * 是供应商发货还是普通发货
42   - * @param typeString
43   - * @returns
44   - */
45   - function optType(typeString: string) {
46   - if (sendType === typeString) {
47   - return true;
48   - }
49   -
50   - return false;
51   - }
52   -
53   - useEffect(() => {
54   - setData(propsData);
55   - }, [propsData]);
56   -
57   - const handleChange = (key: string, index: number, obj: any) => {
58   - const newData = cloneDeep(data);
59   - if (typeof obj !== 'object') {
60   - newData[index][key] = obj;
61   - } else {
62   - newData[index][key] = obj.target?.value;
63   - }
64   - setData(newData);
65   - };
66   - const columns: ProColumns<any>[] = [
67   - {
68   - title: 'ID',
69   - dataIndex: 'id',
70   - width: 120,
71   - render: (_, record) => <Input value={record.id} disabled />,
72   - },
73   - {
74   - title: '商品编号',
75   - dataIndex: 'productCode',
76   - width: 120,
77   - render: (_, record) => <Input value={record.productCode} disabled />,
78   - },
79   - {
80   - title: '商品名称',
81   - dataIndex: 'productName',
82   - width: 120,
83   - render: (_, record) => <Input value={record.productName} disabled />,
84   - },
85   - {
86   - title: '商品参数',
87   - dataIndex: 'parameters',
88   - width: 80,
89   - render: (_, record) => <Input value={record.parameters} disabled />,
90   - },
91   - {
92   - title: '商品数量',
93   - dataIndex: 'status',
94   - render: (_, record) => <InputNumber value={record.quantity} disabled />,
95   - },
96   - {
97   - title: '包裹数量',
98   - dataIndex: 'packageNumber',
99   - render: (_, record, index) => (
100   - <InputNumber
101   - min={1}
102   - value={record.packageNumber}
103   - defaultValue={1}
104   - onChange={(value) => handleChange('packageNumber', index, value)}
105   - />
106   - ),
107   - },
108   - {
109   - title: '物流方式',
110   - key: 'logisticsMethod',
111   - render: (_, record, index) => (
112   - <Select
113   - style={{ minWidth: 150 }}
114   - placeholder="请输入物流方式"
115   - value={record.logisticsMethod}
116   - options={enumToSelect(LOGISTICS_STATUS_OPTIONS)}
117   - onChange={(value) => {
118   - handleChange('logisticsMethod', index, value); //修改时更改record数据
119   - if (value === 'OTHER_LOGISTICS') {
120   - message.info(
121   - '您选择的是[其他物流方式]，请将该物流方式写在备注中',
122   - );
123   - }
124   - }}
125   - />
126   - ),
127   - },
128   - {
129   - title: '物流单号',
130   - key: 'serialNumber',
131   - render: (_, record, index) => (
132   - <Input
133   - placeholder="请输入物流单号"
134   - value={record.serialNumber}
135   - onChange={(value) => {
136   - handleChange('serialNumber', index, value);
137   - }}
138   - />
139   - ),
140   - },
141   - {
142   - title: '物流备注',
143   - dataIndex: 'packageNumber',
144   - render: (_, record, index) => (
145   - <Input.TextArea
146   - value={record.logisticsNotes}
147   - onChange={(value) => handleChange('logisticsNotes', index, value)}
148   - />
149   - ),
150   - },
151   - ];
152   -
153   - return (
154   - <Modal
155   - open
156   - width={1000}
157   - title={isSendProduct ? '发货' : '修改发货信息'}
158   - onOk={async () => {
159   - //请求体封装
160   - let list = data.map((item) => {
161   - return {
162   - id: item.id,
163   - logisticsMethod: item.logisticsMethod,
164   - serialNumber: item.serialNumber,
165   - packageNumber:
166   - item.packageNumber === null || item.packageNumber === undefined
167   - ? 1
168   - : item.packageNumber,
169   - logisticsNotes: item.logisticsNotes,
170   - };
171   - });
172   -
173   - for (let item of list) {
174   - let method = item.logisticsMethod;
175   - let notes = item.logisticsNotes;
176   - if (
177   - method === 'OTHER_LOGISTICS' &&
178   - (notes === '' || notes === undefined)
179   - ) {
180   - message.error(
181   - '请检查：物流方式为[其他物流方式]的记录中，物流备注不能为空！请将实际的物流方式填写在备注中！',
182   - );
183   - return;
184   - }
185   - }
186   - let body = { id: data[0].mainOrderId, list: list, flag: false };
187   - if (isSendProduct) {
188   - body.flag = true;
189   - }
190   - //发货请求
191   - let res;
192   - if (optType(CHECK_TYPE.SUPPLIER)) {
193   - res = await postServiceOrderSupplierSendOrder({ data: body });
194   - } else if (optType(CHECK_TYPE.PROCURE)) {
195   - res = await postServiceOrderProcureSend({ data: body });
196   - } else {
197   - res = await postServiceOrderSendProduct({ data: body });
198   - }
199   -
200   - if (res.result === RESPONSE_CODE.SUCCESS) {
201   - message.success(res.message);
202   - onClose();
203   - }
204   - }}
205   - onCancel={() => {
206   - setVisible(false);
207   - }}
208   - footer={[
209   - <Button
210   - key="back"
211   - onClick={() => {
212   - setVisible(false);
213   - }}
214   - >
215   - 取消
216   - </Button>,
217   - <Button
218   - key="selfDeliver"
219   - type="primary"
220   - onClick={async () => {
221   - //请求体封装
222   - let list = data.map((item) => {
223   - return {
224   - id: item.id,
225   - deliverType: 'SELF_DELIVER',
226   - };
227   - });
228   -
229   - let body = { id: data[0].mainOrderId, list: list, flag: false };
230   - if (isSendProduct) {
231   - body.flag = true;
232   - }
233   - //发货请求
234   - let res;
235   - if (optType(CHECK_TYPE.SUPPLIER)) {
236   - res = await postServiceOrderSupplierSendOrder({ data: body });
237   - } else if (optType(CHECK_TYPE.PROCURE)) {
238   - res = await postServiceOrderProcureSend({ data: body });
239   - } else {
240   - res = await postServiceOrderSendProduct({ data: body });
241   - }
242   -
243   - if (res.result === RESPONSE_CODE.SUCCESS) {
244   - message.success(res.message);
245   - onClose();
246   - }
247   - }}
248   - >
249   - 自行派送
250   - </Button>,
251   - <Button
252   - key="submit"
253   - type="primary"
254   - onClick={async () => {
255   - //请求体封装
256   - let list = data.map((item) => {
257   - return {
258   - id: item.id,
259   - logisticsMethod: item.logisticsMethod,
260   - serialNumber: item.serialNumber,
261   - packageNumber:
262   - item.packageNumber === null ||
263   - item.packageNumber === undefined
264   - ? 1
265   - : item.packageNumber,
266   - logisticsNotes: item.logisticsNotes,
267   - };
268   - });
269   -
270   - for (let item of list) {
271   - let method = item.logisticsMethod;
272   - let notes = item.logisticsNotes;
273   - if (
274   - method === 'OTHER_LOGISTICS' &&
275   - (notes === '' || notes === undefined)
276   - ) {
277   - message.error(
278   - '请检查：物流方式为[其他物流方式]的记录中，物流备注不能为空！请将实际的物流方式填写在备注中！',
279   - );
280   - return;
281   - }
282   - }
283   - let body = { id: data[0].mainOrderId, list: list, flag: false };
284   - if (isSendProduct) {
285   - body.flag = true;
286   - }
287   - //发货请求
288   - let res;
289   - if (optType(CHECK_TYPE.SUPPLIER)) {
290   - res = await postServiceOrderSupplierSendOrder({ data: body });
291   - } else if (optType(CHECK_TYPE.PROCURE)) {
292   - res = await postServiceOrderProcureSend({ data: body });
293   - } else {
294   - res = await postServiceOrderSendProduct({ data: body });
295   - }
296   -
297   - if (res.result === RESPONSE_CODE.SUCCESS) {
298   - message.success(res.message);
299   - onClose();
300   - }
301   - }}
302   - >
303   - 确认
304   - </Button>,
305   - ]}
306   - >
307   - <Flex vertical>
308   - <strong>将物流方式和物流单号更新到下方所有订单</strong>
309   - <span className="text-[red] py-1">
310   - 选择【其他物流方式】时，需要将对应的物流方式填写在备注中。例如：如果发圆通快递，系统上没有这个选项，就需要选【其他物流方式】，然后把“圆通快递”填在备注上。
311   - </span>
312   - </Flex>
313   -
314   - <ProForm
315   - layout="inline"
316   - submitter={false}
317   - className="mb-8"
318   - formRef={form}
319   - >
320   - <Row gutter={[0, 6]}>
321   - <Col>
322   - <ProFormSelect
323   - placeholder="请输入物流方式"
324   - name="logisticsMethod"
325   - width="sm"
326   - label="物流方式"
327   - options={enumToSelect(LOGISTICS_STATUS_OPTIONS)}
328   - />
329   - <ProFormText name="logisticsNotes" label="物流备注"></ProFormText>
330   - </Col>
331   - <Col>
332   - <ProFormText name="serialNumber" label="物流单号"></ProFormText>
333   - </Col>
334   - </Row>
335   -
336   - <Button
337   - type="primary"
338   - onClick={() => {
339   - const values = form.current.getFieldsValue();
340   - if (values.logisticsMethod === 'OTHER_LOGISTICS') {
341   - message.info(
342   - '自动填充成功！您选择的是其他物流方式，请将物流方式写在物流备注中！',
343   - );
344   - }
345   - let newData = cloneDeep(data);
346   - newData = newData.map((item) => ({
347   - ...item,
348   - logisticsMethod: values.logisticsMethod,
349   - serialNumber: values.serialNumber,
350   - logisticsNotes: values.logisticsNotes,
351   - }));
352   - setData(newData);
353   - }}
354   - >
355   - 批量更新
356   - </Button>
357   - </ProForm>
358   - <ProTable<any>
359   - className="px-0"
360   - dataSource={data}
361   - rowKey="id"
362   - pagination={false}
363   - columns={columns}
364   - search={false}
365   - dateFormatter="string"
366   - options={false}
367   - scroll={{ x: 1400 }}
368   - />
369   - </Modal>
370   - );
371   -};
372   -
373   -export default DeliverModal;
src/pages/Order/WarningWhitelist/components/FinancialDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import {
3   - postServiceOrderEditOrder,
4   - postServiceOrderInvoicing,
5   -} from '@/services';
6   -import { FloatAdd, enumToSelect, enumValueToLabel } from '@/utils';
7   -import { getReceivingCompanyOptions } from '@/utils/order';
8   -import {
9   - DrawerForm,
10   - ProFormDatePicker,
11   - ProFormDigit,
12   - ProFormSelect,
13   - ProFormText,
14   - ProFormTextArea,
15   -} from '@ant-design/pro-components';
16   -import { Button, Form, message } from 'antd';
17   -import { useEffect, useState } from 'react';
18   -import { INVOCING_STATUS_OPTIONS_OLD, PAYEE_OPTIONS } from '../../constant';
19   -
20   -export default ({
21   - mainOrder,
22   - subOrders,
23   - isEdit,
24   - isMainOrder,
25   - cancel,
26   - onClose,
27   -}) => {
28   - const [invoicingStatus, setInvoicingStatus] = useState('');
29   - const subIds = subOrders.map((item) => item.id);
30   - useEffect(() => {
31   - // 在组件挂载或数据变化时，更新组件状态
32   - if (mainOrder) {
33   - setInvoicingStatus(subOrders[0]?.invoicingStatus);
34   - }
35   - }, [mainOrder]);
36   - useEffect(() => {
37   - console.log(JSON.stringify(subOrders));
38   - }, []);
39   -
40   - const [form] = Form.useForm<{ name: string; company: string }>();
41   -
42   - /**
43   - * 自动选择收款公司
44   - * @param receivingCompany
45   - */
46   - function chooseReceivingCompany(receivingCompany: any) {
47   - form.setFieldValue('payee', receivingCompany);
48   - }
49   -
50   - /**
51   - * 计算选中子订单的主订单金额之和
52   - */
53   - function computeTotalPayment() {
54   - let distinctMap = new Map();
55   -
56   - subOrders?.forEach((item: any) => {
57   - distinctMap.set(item.mainOrderId, item.totalPayment);
58   - });
59   -
60   - let sum = 0;
61   - for (let p of distinctMap.values()) {
62   - sum = FloatAdd(p, sum);
63   - }
64   -
65   - form.setFieldValue('money', sum);
66   - }
67   -
68   - return (
69   - <DrawerForm<{
70   - name: string;
71   - company: string;
72   - }>
73   - open
74   - title="财务信息"
75   - resize={{
76   - onResize() {
77   - console.log('resize!');
78   - },
79   - maxWidth: window.innerWidth * 0.8,
80   - minWidth: 400,
81   - }}
82   - initialValues={mainOrder}
83   - form={form}
84   - autoFocusFirstInput
85   - drawerProps={{
86   - destroyOnClose: true,
87   - }}
88   - submitTimeout={2000}
89   - onFinish={async (values) => {
90   - let res;
91   - let body = values;
92   - body.subIds = subIds;
93   - if (isEdit) {
94   - res = await postServiceOrderEditOrder({ data: body });
95   - } else {
96   - res = await postServiceOrderInvoicing({ data: body });
97   - }
98   - if (res.result === RESPONSE_CODE.SUCCESS) {
99   - message.success(res.message);
100   - onClose();
101   - }
102   - }}
103   - onOpenChange={(val) => {
104   - return !val && cancel();
105   - }}
106   - >
107   - {isMainOrder ? (
108   - <ProFormSelect
109   - placeholder="选择是否需要开票"
110   - name="invoicingStatus"
111   - width="lg"
112   - label="是否需要开票"
113   - options={enumToSelect(INVOCING_STATUS_OPTIONS_OLD)}
114   - onChange={setInvoicingStatus}
115   - initialValue={subOrders[0]?.invoicingStatus}
116   - // disabled={mainInfoDisbled}
117   - rules={[{ required: true, message: '是否需要开票必填' }]}
118   - />
119   - ) : (
120   - ''
121   - )}
122   -
123   - <ProFormTextArea
124   - width="lg"
125   - name="invoiceIdentificationNumber"
126   - label="开票信息"
127   - placeholder="请输入开票信息"
128   - disabled
129   - />
130   - <ProFormText
131   - width="lg"
132   - name="bank"
133   - label="开户银行"
134   - placeholder="请输入开户银行"
135   - disabled
136   - />
137   - <ProFormText
138   - width="lg"
139   - name="bankAccountNumber"
140   - label="开户银行账号"
141   - placeholder="请输入开户银行账号"
142   - disabled
143   - />
144   -
145   - {invoicingStatus !== 'UN_INVOICE'
146   - ? [
147   - <ProFormDatePicker
148   - key="invoicingTime"
149   - width="lg"
150   - name="invoicingTime"
151   - label="开票时间"
152   - disabled={isEdit}
153   - rules={[
154   - { required: !isEdit ? true : false, message: '这是必填项' },
155   - ]}
156   - initialValue={subOrders[0]?.invoicingTime}
157   - />,
158   - <ProFormText
159   - key="purchaser"
160   - width="lg"
161   - name="purchaser"
162   - label="抬头名称"
163   - disabled={isEdit}
164   - rules={[
165   - { required: !isEdit ? true : false, message: '这是必填项' },
166   - ]}
167   - initialValue={subOrders[0]?.purchaser}
168   - />,
169   - <ProFormDatePicker
170   - key="financialReceiptIssuanceTime"
171   - width="lg"
172   - name="financialReceiptIssuanceTime"
173   - label="开收据时间"
174   - initialValue={subOrders[0]?.financialReceiptIssuanceTime}
175   - />,
176   - <ProFormDatePicker
177   - key="collectMoneyTime"
178   - width="lg"
179   - name="collectMoneyTime"
180   - label="收款时间"
181   - initialValue={subOrders[0]?.collectMoneyTime}
182   - />,
183   - <ProFormText
184   - width="lg"
185   - key="invoiceNumber"
186   - name="invoiceNumber"
187   - label="发票号码"
188   - initialValue={subOrders[0]?.invoiceNumber}
189   - rules={[{ required: true, message: '发票号码必填' }]}
190   - />,
191   - <div
192   - key="salesChooseReceivingCompany"
193   - hidden={subOrders[0].receivingCompany === null}
194   - >
195   - <span className={'pl-2 text-xs text-gray-400'}>
196   - 销售申请开票时选择了：
197   - {enumValueToLabel(
198   - subOrders[0].receivingCompany,
199   - getReceivingCompanyOptions(PAYEE_OPTIONS),
200   - )}
201   - </span>
202   - <span
203   - hidden={subOrders[0].receivingCompany === 'ANY'}
204   - className={
205   - 'pl-2 text-xs text-[#1677ff] cursor-pointer hover:text-[#64abf7]'
206   - }
207   - onClick={() => {
208   - chooseReceivingCompany(subOrders[0].receivingCompany);
209   - }}
210   - >
211   - 选择
212   - </span>
213   - </div>,
214   - <ProFormSelect
215   - key="payee"
216   - placeholder="选择收款单位"
217   - name="payee"
218   - width="lg"
219   - showSearch
220   - label="收款单位"
221   - options={enumToSelect(PAYEE_OPTIONS)}
222   - initialValue={subOrders[0]?.payee}
223   - rules={[{ required: true, message: '收款单位必填' }]}
224   - />,
225   -
226   - <div id="total-payment" key="money">
227   - <ProFormDigit
228   - key="money"
229   - name="money"
230   - width="lg"
231   - label="金额"
232   - rules={[{ required: true, message: '金额必填' }]}
233   - tooltip="点击计算，合计所有子订单对应主订单总额"
234   - fieldProps={{
235   - addonAfter: (
236   - <Button
237   - className="rounded-l-none"
238   - type="primary"
239   - onClick={computeTotalPayment}
240   - >
241   - 计算
242   - </Button>
243   - ),
244   - }}
245   - />
246   - </div>,
247   - ]
248   - : ''}
249   -
250   - <ProFormSelect
251   - placeholder="是否完全开票"
252   - name="afterInvoicingStatus"
253   - width="lg"
254   - label="是否完全开票"
255   - options={[
256   - { label: '完全开票', value: 'COMPLETE_INVOICING' },
257   - { label: '部分开票', value: 'PARTIAL_INVOICING' },
258   - ]}
259   - // disabled={mainInfoDisbled}
260   - initialValue={
261   - subOrders[0]?.afterInvoicingStatus === 'APPLY_FOR_INVOICING'
262   - ? 'COMPLETE_INVOICING'
263   - : subOrders[0]?.afterInvoicingStatus
264   - }
265   - rules={[{ required: true, message: '是否完全开票必填' }]}
266   - />
267   - <ProFormTextArea
268   - width="lg"
269   - name="invoicingNotes"
270   - label="备注"
271   - initialValue={subOrders[0]?.invoicingNotes}
272   - />
273   - </DrawerForm>
274   - );
275   -};
src/pages/Order/WarningWhitelist/components/FinancialEditDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postServiceOrderNoNeedInvoicingEdit } from '@/services';
3   -import { enumToSelect } from '@/utils';
4   -import {
5   - DrawerForm,
6   - ProFormDatePicker,
7   - ProFormSelect,
8   - ProFormText,
9   -} from '@ant-design/pro-components';
10   -import { Form, message } from 'antd';
11   -import { useEffect, useState } from 'react';
12   -import { INVOCING_STATUS_OPTIONS_OLD } from '../../constant';
13   -
14   -export default ({ mainOrder, subOrders, setVisible, isMainOrder, onClose }) => {
15   - const [invoicingStatus, setInvoicingStatus] = useState('');
16   - useEffect(() => {
17   - setInvoicingStatus(subOrders[0]?.invoicingStatus);
18   - }, []);
19   - const subOrderIds = subOrders?.map((subOrder) => {
20   - return subOrder?.id;
21   - });
22   - const mainOrderId = mainOrder.id;
23   - const [form] = Form.useForm<{
24   - collectMoneyTime: string;
25   - subIds: [];
26   - financialReceiptIssuanceTime: string;
27   - }>();
28   -
29   - //回显开收据时间和收款时间
30   - if (!isMainOrder) {
31   - form.setFieldValue('collectMoneyTime', subOrders[0].collectMoneyTime);
32   - form.setFieldValue(
33   - 'financialReceiptIssuanceTime',
34   - subOrders[0].financialReceiptIssuanceTime,
35   - );
36   - }
37   -
38   - return (
39   - <DrawerForm<{
40   - collectMoneyTime: string;
41   - financialReceiptIssuanceTime: string;
42   - subIds: [];
43   - }>
44   - open
45   - title={isMainOrder ? '编辑开票信息' : '编辑收款时间'}
46   - resize={{
47   - onResize() {
48   - console.log('resize!');
49   - },
50   - maxWidth: window.innerWidth * 0.8,
51   - minWidth: 400,
52   - }}
53   - initialValues={mainOrder}
54   - form={form}
55   - autoFocusFirstInput
56   - drawerProps={{
57   - destroyOnClose: true,
58   - }}
59   - submitTimeout={2000}
60   - onFinish={async (values) => {
61   - let body = {
62   - ...values,
63   - mainOrderId: mainOrderId,
64   - subIds: subOrderIds,
65   - };
66   -
67   - if (!isMainOrder) {
68   - body.invoicingStatus = 'UN_INVOICE';
69   - }
70   -
71   - let res = await postServiceOrderNoNeedInvoicingEdit({
72   - data: body,
73   - });
74   - if (res.result === RESPONSE_CODE.SUCCESS) {
75   - message.success(res.message);
76   - onClose();
77   - }
78   - }}
79   - onOpenChange={(val) => {
80   - return !val && setVisible(val);
81   - }}
82   - >
83   - {isMainOrder ? (
84   - <ProFormSelect
85   - placeholder="选择是否需要开票"
86   - name="invoicingStatus"
87   - width="lg"
88   - label="是否需要开票"
89   - options={enumToSelect(INVOCING_STATUS_OPTIONS_OLD)}
90   - onChange={setInvoicingStatus}
91   - initialValue={subOrders[0]?.invoicingStatus}
92   - // disabled={mainInfoDisbled}
93   - rules={[{ required: true, message: '是否需要开票必填' }]}
94   - />
95   - ) : (
96   - ''
97   - )}
98   -
99   - {invoicingStatus !== 'UN_INVOICE' ? (
100   - <>
101   - <ProFormText
102   - key="invoiceIdentificationNumber"
103   - width="lg"
104   - name="invoiceIdentificationNumber"
105   - label="开票信息"
106   - placeholder="请输入开票信息"
107   - rules={[{ required: true, message: '开票信息必填' }]}
108   - />
109   - <ProFormText
110   - key="bank"
111   - width="lg"
112   - name="bank"
113   - label="开户银行"
114   - placeholder="请输入开户银行"
115   - />
116   - <ProFormText
117   - key="bankAccountNumber"
118   - width="lg"
119   - name="bankAccountNumber"
120   - label="开户银行账号"
121   - placeholder="请输入开户银行账号"
122   - />
123   - </>
124   - ) : (
125   - ''
126   - )}
127   -
128   - <ProFormDatePicker
129   - key="financialReceiptIssuanceTime"
130   - width="lg"
131   - name="financialReceiptIssuanceTime"
132   - label="开收据时间"
133   - // rules={[
134   - // {
135   - // required: !isMainOrder && invoicingStatus === 'UN_INVOICE',
136   - // message: '开收据时间必填',
137   - // },
138   - // ]}
139   - />
140   - <ProFormDatePicker
141   - key="collectMoneyTime"
142   - width="lg"
143   - name="collectMoneyTime"
144   - label="收款时间"
145   - // rules={[
146   - // {
147   - // required: !isMainOrder && invoicingStatus === 'UN_INVOICE',
148   - // message: '收款时间必填',
149   - // },
150   - // ]}
151   - />
152   - </DrawerForm>
153   - );
154   -};
src/pages/Order/WarningWhitelist/components/FinancialMergeDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { enumToSelect } from '@/utils';
3   -import {
4   - DrawerForm,
5   - ProFormDatePicker,
6   - ProFormDigit,
7   - ProFormSelect,
8   - ProFormText,
9   - ProFormTextArea,
10   -} from '@ant-design/pro-components';
11   -import { Form, message } from 'antd';
12   -import { PAYEE_OPTIONS } from '../../constant';
13   -
14   -export default ({ dataList, setVisible, onClose }) => {
15   - // let subOrderIds = dataList?.map((item) => {
16   - // return item.id;
17   - // });
18   - let firstMainOrder = dataList[0];
19   - let bank = firstMainOrder?.bank;
20   - let bankAccountNumber = firstMainOrder?.bankAccountNumber;
21   - let invoiceIdentificationNumber = firstMainOrder?.invoiceIdentificationNumber;
22   -
23   - const [form] = Form.useForm<{
24   - invoicingTime: string;
25   - financialReceiptIssuanceTime: string;
26   - invoicingNotes: string;
27   - afterInvoicingStatus: string;
28   - collectMoneyTime: string;
29   - }>();
30   - return (
31   - <DrawerForm
32   - open
33   - title="合并开票"
34   - resize={{
35   - onResize() {
36   - console.log('resize!');
37   - },
38   - maxWidth: window.innerWidth * 0.8,
39   - minWidth: 400,
40   - }}
41   - form={form}
42   - autoFocusFirstInput
43   - drawerProps={{
44   - destroyOnClose: true,
45   - }}
46   - submitTimeout={2000}
47   - onFinish={async (values) => {
48   - console.log(values);
49   - let res;
50   - let body = values;
51   - body.subIds = subIds;
52   - body.mainOrderId = mainOrder.id;
53   - body.mainorderOrSubOrderInvoicing = isMainOrder;
54   - if (isEdit) {
55   - res = await postServiceOrderEditOrder({ data: body });
56   - } else {
57   - res = await postServiceOrderInvoicing({ data: body });
58   - }
59   - if (res.result === RESPONSE_CODE.SUCCESS) {
60   - message.success(res.message);
61   - onClose();
62   - }
63   - }}
64   - onOpenChange={(val) => {
65   - return !val && setVisible();
66   - }}
67   - >
68   - <ProFormText
69   - width="lg"
70   - name="invoiceIdentificationNumber"
71   - label="开票信息"
72   - placeholder="请输入开票信息"
73   - initialValue={invoiceIdentificationNumber}
74   - disabled
75   - />
76   - <ProFormText
77   - width="lg"
78   - name="bank"
79   - label="开户银行"
80   - placeholder="请输入开户银行"
81   - initialValue={bank}
82   - disabled
83   - />
84   - <ProFormText
85   - width="lg"
86   - name="bankAccountNumber"
87   - label="开户银行账号"
88   - placeholder="请输入开户银行账号"
89   - initialValue={bankAccountNumber}
90   - disabled
91   - />
92   -
93   - <ProFormDatePicker
94   - key="invoicingTime"
95   - width="lg"
96   - name="invoicingTime"
97   - label="开票时间"
98   - rules={[{ required: true, message: '这是必填项' }]}
99   - />
100   - <ProFormDatePicker
101   - key="financialReceiptIssuanceTime"
102   - width="lg"
103   - name="financialReceiptIssuanceTime"
104   - label="开收据时间"
105   - />
106   - <ProFormDatePicker
107   - key="collectMoneyTime"
108   - width="lg"
109   - name="collectMoneyTime"
110   - label="收款时间"
111   - />
112   - <ProFormText
113   - width="lg"
114   - key="invoiceNumber"
115   - name="invoiceNumber"
116   - label="发票号码"
117   - rules={[{ required: true, message: '发票号码必填' }]}
118   - />
119   - <ProFormSelect
120   - key="payee"
121   - placeholder="选择收款单位"
122   - name="payee"
123   - width="lg"
124   - label="收款单位"
125   - options={enumToSelect(PAYEE_OPTIONS)}
126   - rules={[{ required: true, message: '收款单位必填' }]}
127   - />
128   -
129   - <ProFormDigit
130   - key="money"
131   - name="money"
132   - width="lg"
133   - label="金额"
134   - rules={[{ required: true, message: '金额必填' }]}
135   - />
136   - <ProFormSelect
137   - placeholder="是否完全开票"
138   - name="afterInvoicingStatus"
139   - width="lg"
140   - label="是否完全开票"
141   - options={[
142   - { label: '完全开票', value: 'COMPLETE_INVOICING' },
143   - { label: '部分开票', value: 'PARTIAL_INVOICING' },
144   - ]}
145   - initialValue={'COMPLETE_INVOICING'}
146   - />
147   - <ProFormTextArea width="lg" name="invoicingNotes" label="备注" />
148   - </DrawerForm>
149   - );
150   -};
src/pages/Order/WarningWhitelist/components/FinancialReceiptsModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { postServiceOrderUpdateHirePurchase } from '@/services';
2   -import {
3   - EditableProTable,
4   - ModalForm,
5   - ProColumns,
6   - ProForm,
7   -} from '@ant-design/pro-components';
8   -import { Form } from 'antd';
9   -import { useState } from 'react';
10   -
11   -// import { cloneDeep } from 'lodash';
12   -export default ({ setVisible, datas, onClose }) => {
13   - const [form] = Form.useForm<{ name: string; company: string }>();
14   - type DataSourceType = {
15   - id: React.Key;
16   - hirePurchaseMethod?: string;
17   - hirePurchaseMethodName?: string;
18   - money?: number;
19   - updateTime?: string;
20   - notes?: string;
21   - };
22   - const defaultData: DataSourceType[] = [
23   - {
24   - id: 1,
25   - hirePurchaseMethod: 'ADVANCE_CHARGE',
26   - hirePurchaseMethodName: '预付款',
27   - money: undefined,
28   - updateTime: undefined,
29   - notes: undefined,
30   - },
31   - {
32   - id: 2,
33   - hirePurchaseMethod: 'PAYMENT_FOR_SHIPMENT',
34   - hirePurchaseMethodName: '发货款',
35   - money: undefined,
36   - updateTime: undefined,
37   - notes: undefined,
38   - },
39   - {
40   - id: 3,
41   - hirePurchaseMethod: 'ACCEPTANCE_PAYMENT',
42   - hirePurchaseMethodName: '验收款',
43   - money: undefined,
44   - updateTime: undefined,
45   - notes: undefined,
46   - },
47   - {
48   - id: 4,
49   - hirePurchaseMethod: 'BALANCE_PAYMENT',
50   - hirePurchaseMethodName: '尾款',
51   - money: undefined,
52   - updateTime: undefined,
53   - notes: undefined,
54   - },
55   - ];
56   - const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() =>
57   - // defaultData.map((item) => item.id),
58   - [1, 2, 3, 4],
59   - );
60   - const columns: ProColumns<DataSourceType>[] = [
61   - {
62   - title: '款项',
63   - dataIndex: 'hirePurchaseMethodName',
64   - editable: false,
65   - width: '10%',
66   - },
67   - {
68   - title: '已收金额',
69   - dataIndex: 'money',
70   - valueType: 'digit',
71   - width: '15%',
72   - },
73   - {
74   - title: '收款时间',
75   - dataIndex: 'updateTime',
76   - valueType: 'dateTime',
77   - width: '25%',
78   - },
79   - {
80   - title: '备注',
81   - dataIndex: 'receiptsNotes',
82   - },
83   - ];
84   - return (
85   - <>
86   - <ModalForm<{
87   - name: string;
88   - company: string;
89   - }>
90   - width={1100}
91   - open
92   - title="收款记录"
93   - form={form}
94   - autoFocusFirstInput
95   - modalProps={{
96   - okText: '保存',
97   - cancelText: '取消',
98   - destroyOnClose: true,
99   - onCancel: () => {
100   - setVisible(false);
101   - },
102   - }}
103   - onFinish={async (values) => {
104   - let res = await postServiceOrderUpdateHirePurchase({
105   - data: {
106   - mainOrderId: datas[0].id,
107   - list: values.dataSource,
108   - },
109   - });
110   - console.log(res);
111   - onClose();
112   - }}
113   - onOpenChange={setVisible}
114   - >
115   - <ProForm.Item
116   - label=""
117   - name="dataSource"
118   - initialValue={defaultData}
119   - trigger="onValuesChange"
120   - >
121   - <EditableProTable<DataSourceType>
122   - rowKey="id"
123   - toolBarRender={false}
124   - columns={columns}
125   - recordCreatorProps={{
126   - newRecordType: 'dataSource',
127   - position: 'top',
128   - record: () => ({
129   - id: Date.now(),
130   - addonBefore: 'ccccccc',
131   - decs: 'testdesc',
132   - }),
133   - style: {
134   - display: 'none',
135   - },
136   - }}
137   - editable={{
138   - type: 'multiple',
139   - editableKeys,
140   - onChange: setEditableRowKeys,
141   - actionRender: (row, _, dom) => {
142   - return [dom.delete];
143   - },
144   - }}
145   - />
146   - </ProForm.Item>
147   -
148   - {/* <ProForm.Group>
149   - <ProFormText
150   - width="sm"
151   - name="name1"
152   - label="款项"
153   - tooltip="最长为 24 位"
154   - initialValue={"预付款"}
155   - disabled
156   - placeholder="请输入名称"
157   - />
158   -
159   - <ProFormText
160   - width="sm"
161   - name="company"
162   - label="收款时间"
163   - placeholder="请输入名称"
164   - />
165   -
166   - <ProFormText
167   - width="sm"
168   - name="price"
169   - label="收款金额"
170   - placeholder="请输入名称"
171   - />
172   -
173   - <ProFormText
174   - width="sm"
175   - name="notes"
176   - label="备注"
177   - placeholder="请输入名称"
178   - />
179   - </ProForm.Group>
180   -
181   - <ProForm.Group>
182   - <ProFormText
183   - width="sm"
184   - name="name2"
185   - initialValue={"发货款"}
186   - disabled
187   - tooltip="最长为 24 位"
188   - placeholder="请输入名称"
189   - />
190   -
191   - <ProFormText
192   - width="sm"
193   - name="company"
194   - placeholder="请输入名称"
195   - />
196   -
197   - <ProFormText
198   - width="sm"
199   - name="price"
200   - placeholder="请输入名称"
201   - />
202   -
203   - <ProFormText
204   - width="sm"
205   - name="notes"
206   - placeholder="请输入名称"
207   - />
208   - </ProForm.Group>
209   -
210   - <ProForm.Group>
211   - <ProFormText
212   - width="sm"
213   - name="name3"
214   - initialValue={"验收款"}
215   - disabled
216   - tooltip="最长为 24 位"
217   - placeholder="请输入名称"
218   - />
219   -
220   - <ProFormText
221   - width="sm"
222   - name="company"
223   - placeholder="请输入名称"
224   - />
225   -
226   - <ProFormText
227   - width="sm"
228   - name="price"
229   - placeholder="请输入名称"
230   - />
231   -
232   - <ProFormText
233   - width="sm"
234   - name="notes"
235   - placeholder="请输入名称"
236   - />
237   - </ProForm.Group>
238   -
239   - <ProForm.Group>
240   - <ProFormText
241   - width="sm"
242   - name="name4"
243   - disabled
244   - initialValue={"尾款"}
245   - tooltip="最长为 24 位"
246   - placeholder="请输入名称"
247   - />
248   -
249   - <ProFormText
250   - width="sm"
251   - name="company"
252   - placeholder="请输入名称"
253   - />
254   -
255   - <ProFormText
256   - width="sm"
257   - name="price"
258   - placeholder="请输入名称"
259   - />
260   -
261   - <ProFormText
262   - width="sm"
263   - name="notes"
264   - placeholder="请输入名称"
265   - />
266   - </ProForm.Group> */}
267   - </ModalForm>
268   - </>
269   - );
270   -};
src/pages/Order/WarningWhitelist/components/HistoryModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { postServiceOrderQueryHistoryOrderRecord } from '@/services';
2   -import { formatDateTime } from '@/utils';
3   -import { Button, Col, Empty, Flex, Modal, Row, Spin } from 'antd';
4   -import { useEffect, useState } from 'react';
5   -
6   -export default ({ subOrders, isCancelledOrder, onClose }) => {
7   - let subOrderIds = subOrders?.map((subOrder: any) => {
8   - return subOrder.id;
9   - });
10   -
11   - const [data, setData] = useState([]);
12   - const [loading, setLoading] = useState(true);
13   - let i = 0;
14   -
15   - const handleOk = () => {
16   - onClose();
17   - };
18   -
19   - /**
20   - * 获取历史记录
21   - */
22   - const getHistory = async () => {
23   - let res = await postServiceOrderQueryHistoryOrderRecord({
24   - data: { ids: subOrderIds, isDeleteQueryOrder: isCancelledOrder },
25   - });
26   - setData(res.data);
27   - setLoading(false);
28   - };
29   -
30   - const getRecord = (history: any) => {
31   - let record = [];
32   - record.push(
33   - <span className="pr-2 text-[#5E5E5E]">
34   - {formatDateTime(history.createTime)}
35   - </span>,
36   - );
37   -
38   - record.push(<span className="text-[#3b83e5]">{history.createByName}</span>);
39   -
40   - record.push(<span>进行了</span>);
41   -
42   - // let label = enumValueToLabel(history.status, ORDER_STATUS_OPTIONS);
43   -
44   - // if (
45   - // history.record !== 'INVOICING' && history.record !== 'order-change-normal' && history.record !== 'order-change-normal-CHECK' &&
46   - // history.record?.indexOf(':') === -1 &&
47   - // label !== undefined &&
48   - // label !== ''
49   - // ) {
50   - // record.push(
51   - // <>
52   - // <span>，订单状态为：</span>
53   - // <span className="text-[#3b83e5]">{label}</span>
54   - // </>,
55   - // );
56   - // }
57   -
58   - if (history.record?.indexOf(':') !== -1) {
59   - let values = history.record?.split(':');
60   - let type = values[0];
61   - let target = values[1];
62   - if (target === 'null') {
63   - target = '未指定';
64   - }
65   - //采购转发
66   - if (type === 'PROCURE_CONVERT_PROCURE') {
67   - record.push(
68   - <>
69   - <span>采购转发，{history.createByName}将订单转发给了</span>
70   - <span className="text-[#3b83e5]">{target}</span>
71   - </>,
72   - );
73   - }
74   - } else {
75   - record.push(
76   - <span className="text-[#3b83e5]">
77   - {history.recordText +
78   - (history.record === 'INVOICING'
79   - ? '(开票号码：' + history.invoiceNumber + ')'
80   - : '')}
81   - </span>,
82   - );
83   - }
84   -
85   - if (history.notes !== null) {
86   - record.push(<span className="pl-1">{'备注：' + history.notes}</span>);
87   - }
88   -
89   - if (history.description !== null) {
90   - record.push(
91   - <span className="pl-1">{'描述：' + history.description}</span>,
92   - );
93   - }
94   -
95   - return record;
96   - };
97   -
98   - useEffect(() => {
99   - getHistory();
100   - }, []);
101   -
102   - const handleCancel = () => {
103   - onClose();
104   - };
105   -
106   - return (
107   - <>
108   - <Modal
109   - title="订单历史记录"
110   - open
111   - width={650}
112   - onOk={handleOk}
113   - onCancel={handleCancel}
114   - footer={() => (
115   - <>
116   - <Button onClick={handleCancel}>返回</Button>
117   - </>
118   - )}
119   - >
120   - <Spin tip="加载中" spinning={loading}>
121   - <Row className="max-h-[500px] overflow-auto" gutter={[0, 14]}>
122   - {data.map((item) => {
123   - return (
124   - <Col span={24} key={i}>
125   - <Flex vertical>
126   - <div>
127   - <span className="py-2 text-[#5E5E5E]">
128   - {'商品' + ++i}
129   - </span>
130   - <span className="text-[#8C8C8C]">
131   - -【{item.productName}】
132   - </span>
133   - </div>
134   -
135   - <Flex vertical>
136   - {item.historySubOrderRecordDto?.map((history) => {
137   - return (
138   - <div className="py-1" key={history.id}>
139   - {getRecord(history)}
140   - </div>
141   - );
142   - })}
143   - </Flex>
144   - </Flex>
145   - </Col>
146   - );
147   - })}
148   - </Row>
149   - {data?.length <= 0 ? (
150   - <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
151   - ) : (
152   - ''
153   - )}
154   - </Spin>
155   - </Modal>
156   - </>
157   - );
158   -};
src/pages/Order/WarningWhitelist/components/ImagesViewerModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { postServiceOrderViewImages } from '@/services';
2   -import { Button, Divider, Image, Modal } from 'antd';
3   -import { useEffect, useState } from 'react';
4   -export default ({ setVisible, optType, onClose, orderRow }) => {
5   - const [images, setImages] = useState<any[]>([]);
6   - const [title, setTitle] = useState("收货凭证");
7   - const handleOk = () => {
8   - onClose();
9   - setVisible(false);
10   - };
11   -
12   - const handleCancel = () => {
13   - onClose();
14   - setVisible(false);
15   - };
16   -
17   - async function getImages() {
18   - const res = await postServiceOrderViewImages({
19   - data: { subId: orderRow.id },
20   - });
21   - const images = res.data;
22   - setImages(images);
23   - }
24   - useEffect(() => {
25   - if (optType === 'shippingReceipt') {
26   - setTitle("收货凭证");
27   - getImages();
28   - } else if (optType === 'paymentReceipt') {
29   - let paymentReceiptsImagesList: any[] = [];
30   - if (orderRow.paymentReceiptAnnexList) {
31   - paymentReceiptsImagesList.push(...orderRow.paymentReceiptAnnexList);
32   - }
33   - //去重
34   - paymentReceiptsImagesList = [...new Set(paymentReceiptsImagesList)];
35   - setImages(paymentReceiptsImagesList);
36   - }
37   -
38   - }, []);
39   -
40   - return (
41   - <>
42   - <Modal
43   - title={title}
44   - open
45   - onOk={handleOk}
46   - onCancel={handleCancel}
47   - footer={[
48   - <Button key="back" onClick={handleCancel}>
49   - 返回
50   - </Button>,
51   - ]}
52   - >
53   - <Image.PreviewGroup
54   - className="mr-10"
55   - preview={{
56   - onChange: (current, prev) =>
57   - console.log(`current index: ${current}, prev index: ${prev}`),
58   - }}
59   - >
60   - {images.map((url) => (
61   - <>
62   - <Image width={120} src={url} /> <Divider type="vertical" />
63   - </>
64   - ))}
65   - </Image.PreviewGroup>
66   - </Modal>
67   - </>
68   - );
69   -};
src/pages/Order/WarningWhitelist/components/ImportExpressBillModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postOrderImportImportWeightAndVolume } from '@/services';
3   -import { ModalForm, ProFormUploadDragger } from '@ant-design/pro-components';
4   -import { Button, Form, message } from 'antd';
5   -
6   -export default () => {
7   - const [form] = Form.useForm();
8   - const [messageApi, contextHolder] = message.useMessage();
9   - return (
10   - <>
11   - <ModalForm
12   - title="导入重量、体积"
13   - trigger={<Button type="primary">导入重量、体积</Button>}
14   - form={form}
15   - autoFocusFirstInput
16   - modalProps={{
17   - destroyOnClose: true,
18   - }}
19   - submitTimeout={2000}
20   - onFinish={async (values) => {
21   - console.log(values);
22   - const formData = new FormData();
23   - formData.append('file', values.express[0].originFileObj);
24   - messageApi.open({
25   - type: 'loading',
26   - content: '正在导入...',
27   - duration: 0,
28   - });
29   - const res = await postOrderImportImportWeightAndVolume({
30   - data: formData,
31   - headers: {
32   - 'Content-Type':
33   - 'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
34   - },
35   - });
36   - if (res.result === RESPONSE_CODE.SUCCESS) {
37   - message.error('导入成功');
38   - } else {
39   - message.error('导入失败');
40   - }
41   - messageApi.destroy();
42   - return true;
43   - }}
44   - >
45   - <ProFormUploadDragger max={1} label="上传快递单" name="express" />
46   - </ModalForm>
47   - {contextHolder}
48   - </>
49   - );
50   -};
src/pages/Order/WarningWhitelist/components/ImportModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import { RESPONSE_CODE } from '@/constants/enum';
2   -import { postServiceOrderImportExcel } from '@/services';
3   -import { orderExport } from '@/services/order';
4   -import { UploadOutlined } from '@ant-design/icons';
5   -import { Button, Modal, Upload, message } from 'antd';
6   -import { RcFile, UploadFile, UploadProps } from 'antd/es/upload';
7   -import { useState } from 'react';
8   -export default ({ onClose }) => {
9   - // const [form] = Form.useForm<{ name: string; company: string }>();
10   - const [messageApi, contextHolder] = message.useMessage();
11   - const [fileList, setFileList] = useState<UploadFile[]>([]);
12   - const [uploading, setUploading] = useState(false);
13   - const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) =>
14   - setFileList(newFileList);
15   -
16   - const exportLoading = (content: string) => {
17   - messageApi.open({
18   - type: 'loading',
19   - content: content,
20   - duration: 0,
21   - });
22   - };
23   -
24   - const exportLoadingDestory = () => {
25   - messageApi.destroy();
26   - };
27   - const downloadTemplate = async () => {
28   - exportLoading('正在下载模板...');
29   - orderExport(
30   - '/api/service/order/exportTemplate',
31   - '订单.xlsx',
32   - 'post',
33   - {},
34   - exportLoadingDestory,
35   - );
36   - };
37   -
38   - const handleUpload = async () => {
39   - const formData = new FormData();
40   - fileList.forEach((file) => {
41   - //originFileObj二进制文件
42   - formData.append('file', file.originFileObj as RcFile);
43   - });
44   - // console.log(fileList[0] as RcFile)
45   - // formData.append('file', fileList[0] as RcFile);
46   - setUploading(true);
47   - // You can use any AJAX library you like
48   - const res = await postServiceOrderImportExcel({
49   - data: formData,
50   - headers: {
51   - 'Content-Type':
52   - 'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq',
53   - },
54   - });
55   -
56   - if (res.result === RESPONSE_CODE.SUCCESS) {
57   - message.success(res.message);
58   - onClose();
59   - } else {
60   - if (res.message === '表格中没有数据') {
61   - setUploading(false);
62   - return;
63   - }
64   - //存在错误信息，下载错误信息模板
65   - exportLoading('正在下载错误信息...');
66   - orderExport(
67   - '/api/service/order/errorExcelInformation',
68   - '订单.xlsx',
69   - 'post',
70   - formData,
71   - exportLoadingDestory,
72   - );
73   - }
74   -
75   - setUploading(false);
76   - };
77   -
78   - const props: UploadProps = {
79   - onRemove: (file) => {
80   - const index = fileList.indexOf(file);
81   - const newFileList = fileList.slice();
82   - newFileList.splice(index, 1);
83   - setFileList(newFileList);
84   - },
85   - beforeUpload: (file) => {
86   - setFileList([...fileList, file]);
87   -
88   - return false;
89   - },
90   - fileList,
91   - onChange: handleChange,
92   - accept: '.xlsx',
93   - };
94   -
95   - return (
96   - <>
97   - <Modal
98   - width={500}
99   - open
100   - title="批量发货"
101   - footer={[
102   - <Button key="cancel" onClick={onClose}>
103   - 取消
104   - </Button>,
105   - <Button
106   - type="primary"
107   - key="ok"
108   - onClick={handleUpload}
109   - disabled={fileList.length === 0}
110   - loading={uploading}
111   - >
112   - {uploading ? '上传中' : '提交'}
113   - </Button>,
114   - ]}
115   - onCancel={async () => {
116   - onClose();
117   - }}
118   - >
119   - <div className="py-4 font-semibold">
120   - 导入发货信息
121   - <Button type="link" onClick={downloadTemplate}>
122   - 下载模板
123   - </Button>
124   - </div>
125   - <Upload {...props}>
126   - <Button icon={<UploadOutlined />} disabled={fileList.length > 0}>
127   - 点击选择文件
128   - </Button>
129   - </Upload>
130   - </Modal>
131   - {contextHolder}
132   - </>
133   - );
134   -};
src/pages/Order/WarningWhitelist/components/InvoiceSubOrderInfoTable.tsx deleted 100644 → 0
  View file @37038e0
1   -import { postServiceOrderGetReissueInfo } from '@/services';
2   -import type { ProColumns } from '@ant-design/pro-components';
3   -import { ProTable } from '@ant-design/pro-components';
4   -import { Button, Divider } from 'antd';
5   -import { useEffect, useState } from 'react';
6   -
7   -const columns: ProColumns[] = [
8   - {
9   - title: '发票号码',
10   - width: 80,
11   - dataIndex: 'invoiceNumber',
12   - render: (_) => _,
13   - },
14   - {
15   - title: '关联订单',
16   - dataIndex: 'subOrderIds',
17   - render: (_, { subOrderIds }) => {
18   - console.log(JSON.stringify(_));
19   - console.log(JSON.stringify(subOrderIds));
20   - return (
21   - <>
22   - {subOrderIds.map((subOrderId, index) => {
23   - return (
24   - <>
25   - <Button
26   - key={index}
27   - className="pl-1 pr-0"
28   - type="link"
29   - target="_blank"
30   - href={'/order?id=' + subOrderId}
31   - >
32   - {subOrderId}
33   - </Button>
34   - <Divider type="vertical" />
35   - </>
36   - );
37   - })}
38   - </>
39   - );
40   - },
41   - },
42   -];
43   -
44   -export default ({ subOrderIds }) => {
45   - const [reissueInfos, setReissueInfos] = useState([]);
46   - useEffect(() => {
47   - console.log('info');
48   - const getReissueInfo = async () => {
49   - let res = await postServiceOrderGetReissueInfo({
50   - data: subOrderIds,
51   - });
52   - setReissueInfos(res.data);
53   - };
54   - getReissueInfo();
55   - }, []);
56   - return (
57   - <ProTable
58   - dataSource={reissueInfos}
59   - rowKey="key"
60   - pagination={false}
61   - size={'small'}
62   - //设置左右下边距为0
63   - options={false}
64   - columns={columns}
65   - search={false}
66   - dateFormatter="string"
67   - headerTitle="发票信息"
68   - />
69   - );
70   -};
src/pages/Order/WarningWhitelist/components/InvoicingDrawerForm.tsx deleted 100644 → 0
  View file @37038e0
1   -// import { PlusOutlined } from '@ant-design/icons';
2   -import InvoiceModal from '@/pages/Invoice/InvoiceVerification/components/InvoiceModal';
3   -import {
4   - postServiceConstGetPayeeEnum,
5   - postServiceConstInitInvoiceDetailNames,
6   - postServiceConstInvoiceType,
7   - postServiceConstInvoicingType,
8   - postServiceConstListInvoiceDetailNames,
9   - postServiceInvoiceApplyInvoice,
10   - postServiceInvoiceQueryCompanyInfo,
11   - postServiceInvoiceWaitReissueInvoices,
12   -} from '@/services';
13   -import { FloatAdd, FloatSub, enum2ReverseSelect, enumToSelect } from '@/utils';
14   -import { convertCurrency } from '@/utils/numberUtil';
15   -import {
16   - DrawerForm,
17   - FormListActionType,
18   - ProCard,
19   - ProFormDigit,
20   - ProFormGroup,
21   - ProFormInstance,
22   - ProFormList,
23   - ProFormMoney,
24   - ProFormSelect,
25   - ProFormText,
26   - ProFormTextArea,
27   -} from '@ant-design/pro-components';
28   -import { Button, Divider, Form, Space, Tooltip, message } from 'antd';
29   -import { useEffect, useRef, useState } from 'react';
30   -
31   -export default ({ dataList, setVisible, mainOrder, onClose }) => {
32   - // let subOrderIds = dataList?.map((item) => {
33   - // return item.id;
34   - // })
35   - const [form] = Form.useForm();
36   - const [projectOptions] = useState();
37   - const [dataListCopy] = useState(dataList);
38   - const listActionRef = useRef<FormListActionType>();
39   - const formRef = useRef<ProFormInstance>();
40   - useEffect(() => {
41   - const initOptions = async () => {
42   - const res = await postServiceConstInitInvoiceDetailNames({
43   - data: dataListCopy.map((item) => {
44   - return item.productName;
45   - }),
46   - });
47   - const options = res.data;
48   - const datas = dataListCopy.map((item) => {
49   - return {
50   - ...item,
51   - projectName: options[item.productName],
52   - };
53   - });
54   - const initialValue = datas.map((item) => {
55   - return {
56   - productName: item.productName,
57   - projectName: item.projectName,
58   - subOrderId: item.id,
59   - specification: item.parameters,
60   - unit: item.unit,
61   - quantity: item.quantity,
62   - price: item.productPrice,
63   - totalPrice: item.subOrderPayment,
64   - };
65   - });
66   - form.setFieldValue('invoiceDetails', initialValue);
67   - form.setFieldValue('contacts', mainOrder.customerName);
68   - };
69   - initOptions();
70   - }, []);
71   -
72   - useEffect(() => {}, [projectOptions]);
73   -
74   - function copyToClipboard(text: string) {
75   - // 创建一个临时的textarea元素
76   - const textarea = document.createElement('textarea');
77   - textarea.value = text;
78   -
79   - // 将textarea元素添加到DOM中
80   - document.body.appendChild(textarea);
81   -
82   - // 选中textarea中的文本
83   - textarea.select();
84   -
85   - try {
86   - // 尝试执行复制命令
87   - document.execCommand('copy');
88   - return true;
89   - } catch (err) {
90   - return false;
91   - } finally {
92   - // 移除临时的textarea元素
93   - document.body.removeChild(textarea);
94   - }
95   - }
96   -
97   - useEffect(() => {}, []);
98   - return (
99   - <DrawerForm
100   - open
101   - title="申请开票"
102   - resize={{
103   - maxWidth: window.innerWidth * 0.8,
104   - minWidth: 500,
105   - }}
106   - form={form}
107   - formRef={formRef}
108   - autoFocusFirstInput
109   - drawerProps={{
110   - destroyOnClose: true,
111   - }}
112   - submitter={{
113   - render: (props, defaultDoms) => {
114   - return [
115   - <InvoiceModal
116   - key={'invoicePreview'}
117   - button={<Button type="primary"> 发票预览 </Button>}
118   - getRecord={() => {
119   - const totalPrice = form
120   - .getFieldValue('invoiceDetails')
121   - .reduce((accumulator, currentValue) => {
122   - return FloatAdd(accumulator, currentValue.totalPrice);
123   - }, 0);
124   - const partyBName = form.getFieldValue('partyBName');
125   - const openBank = form.getFieldValue('openBank');
126   - const bankAccount = form.getFieldValue('bankAccount');
127   - const bankCode = form.getFieldValue('bankCode');
128   - return {
129   - ...form.getFieldsValue(),
130   - totalPrice: totalPrice,
131   - totalPriceText: convertCurrency(totalPrice),
132   - comment:
133   - '开户名称: ' +
134   - partyBName +
135   - '\n' +
136   - '开户行: ' +
137   - openBank +
138   - '\n' +
139   - '账号: ' +
140   - bankAccount +
141   - '\n' +
142   - '银行联行号: ' +
143   - bankCode,
144   - };
145   - }}
146   - />,
147   - ...defaultDoms,
148   - ];
149   - },
150   - }}
151   - submitTimeout={2000}
152   - onFinish={async (values) => {
153   - postServiceInvoiceApplyInvoice({
154   - data: {
155   - ...values,
156   - subOrderIds: dataListCopy.map((item) => {
157   - return item.id;
158   - }),
159   - },
160   - });
161   - onClose();
162   - }}
163   - onOpenChange={(val) => {
164   - return !val && setVisible();
165   - }}
166   - >
167   - <ProFormList
168   - name="subOrderIdObjs"
169   - readonly={true}
170   - label="开票订单"
171   - initialValue={dataListCopy.map((item) => {
172   - return {
173   - value: item.id,
174   - };
175   - })}
176   - deleteIconProps={false}
177   - copyIconProps={false}
178   - >
179   - <ProFormGroup key="group">
180   - <ProFormText readonly={true} name="value" label="" />
181   - </ProFormGroup>
182   - </ProFormList>
183   - <ProFormSelect
184   - name="ReissueInvoiceRecordIds"
185   - label="重开的发票"
186   - fieldProps={{
187   - mode: 'multiple',
188   - }}
189   - placeholder="请选择重开发票"
190   - request={async () => {
191   - let reissueIds = dataListCopy.map((item) => {
192   - return item.id;
193   - });
194   - let res = await postServiceInvoiceWaitReissueInvoices({
195   - data: reissueIds,
196   - });
197   - return enum2ReverseSelect(res.data);
198   - }}
199   - />
200   - <ProFormSelect
201   - key="key"
202   - label="购方名称"
203   - width="lg"
204   - showSearch
205   - name="partyAName"
206   - placeholder="请搜索购方"
207   - rules={[{ required: true, message: '购方名称必填' }]}
208   - onChange={(_, option) => {
209   - form.setFieldValue('partyATaxid', option.taxId);
210   - }}
211   - fieldProps={{
212   - optionItemRender(item) {
213   - if (item.type === 'add') {
214   - return <>{item.name}</>;
215   - }
216   - return (
217   - <>
218   - {item.name}
219   - <Divider type="vertical" />
220   - {item.taxId}
221   - </>
222   - );
223   - },
224   - }}
225   - debounceTime={1000}
226   - request={async (value) => {
227   - const keywords = value.keyWords;
228   - const res = await postServiceInvoiceQueryCompanyInfo({
229   - data: {
230   - nameLike: keywords,
231   - taxIdIsNotNull: true,
232   - },
233   - });
234   - let options = res?.data?.map((company) => {
235   - return {
236   - ...company,
237   - label: company.name,
238   - value: company.name,
239   - key: company.id,
240   - };
241   - });
242   -
243   - //第一个商品默认为要新增的商品
244   - if (keywords.trim() !== '') {
245   - options.unshift({
246   - name: keywords,
247   - type: 'add',
248   - label: keywords,
249   - value: keywords,
250   - key: keywords,
251   - });
252   - }
253   - return options;
254   - }}
255   - />
256   - <ProFormText
257   - width="md"
258   - name="partyATaxid"
259   - label="购方税号"
260   - rules={[{ required: true, message: '购方税号必填' }]}
261   - placeholder="请输入名称"
262   - />
263   - <ProFormText
264   - width="md"
265   - name="partyAOpenBank"
266   - label="开户银行"
267   - placeholder="请输入名称"
268   - />
269   - <ProFormText
270   - width="md"
271   - name="partyABankAccount"
272   - label="开户行账号"
273   - placeholder="请输入名称"
274   - />
275   - <ProFormText
276   - name="contacts"
277   - label="联系人"
278   - rules={[{ required: true, message: '请选择银行联行号!' }]}
279   - />
280   - <ProFormSelect
281   - name="invoicingType"
282   - label="开具类型"
283   - request={async () => {
284   - let invoicingTypeRet = await postServiceConstInvoicingType();
285   - let options = enumToSelect(invoicingTypeRet.data);
286   - return options;
287   - }}
288   - placeholder="请选择开具类型"
289   - rules={[{ required: true, message: '请选择开具类型!' }]}
290   - />
291   - <ProFormSelect
292   - name="type"
293   - label="开票类型"
294   - placeholder="请选择开票类型"
295   - rules={[{ required: true, message: '请选择开票类型!' }]}
296   - request={async () => {
297   - let invoiceTypeRet = await postServiceConstInvoiceType();
298   - let options = enumToSelect(invoiceTypeRet.data);
299   - return options;
300   - }}
301   - />
302   - <ProFormSelect
303   - name="partyB"
304   - label="开票收款单位"
305   - request={async () => {
306   - const res = await postServiceConstGetPayeeEnum();
307   - let options = res?.data?.map((payee: any) => {
308   - return {
309   - ...payee,
310   - label: payee.payeeName,
311   - value: payee.name,
312   - };
313   - });
314   - return options;
315   - }}
316   - onChange={(_, option) => {
317   - if (option) {
318   - form.setFieldsValue({
319   - partyBName: option.payeeName,
320   - partyBTaxid: option.taxId,
321   - bankAccount: option.bankAccount,
322   - openBank: option.openBank,
323   - bankCode: option.bankCode,
324   - });
325   - }
326   - }}
327   - placeholder="请选择收款单位"
328   - rules={[{ required: true, message: '请选择收款单位!' }]}
329   - />
330   - <ProFormText
331   - name="partyBName"
332   - label="开票收款单位名称"
333   - hidden
334   - rules={[{ required: true, message: '请选择收款单位!' }]}
335   - />
336   - <ProFormText
337   - name="partyBTaxid"
338   - label="开票收款单位税号"
339   - hidden
340   - rules={[{ required: true, message: '请选择收款单位!' }]}
341   - />
342   - <ProFormText
343   - name="bankAccount"
344   - label="账号"
345   - hidden
346   - rules={[{ required: true, message: '请选择账号!' }]}
347   - />
348   - <ProFormText
349   - name="openBank"
350   - label="开户行"
351   - hidden
352   - rules={[{ required: true, message: '请选择开户行!' }]}
353   - />
354   - <ProFormText
355   - name="bankCode"
356   - label="银行联行号"
357   - hidden
358   - rules={[{ required: true, message: '请选择银行联行号!' }]}
359   - />
360   - <ProFormSelect
361   - name="isUrgent"
362   - label="是否加急"
363   - valueEnum={{
364   - true: '是',
365   - false: '否',
366   - }}
367   - placeholder="请选择是否加急"
368   - rules={[{ required: true, message: '请选择是否加急!' }]}
369   - />
370   - <ProFormMoney
371   - label="开票金额"
372   - name="price"
373   - locale="zh-CN"
374   - disabled={true}
375   - rules={[{ required: true, message: '请填写开票金额!' }]}
376   - initialValue={dataListCopy.reduce((accumulator, currentValue) => {
377   - return accumulator + currentValue.subOrderPayment;
378   - }, 0)}
379   - />
380   - <ProFormList
381   - name="invoiceDetails"
382   - label="开票明细"
383   - actionRef={listActionRef}
384   - actionGuard={{
385   - beforeRemoveRow: async (index) => {
386   - const list = listActionRef.current?.getList();
387   - const totalPrice = list[index].totalPrice;
388   - form.setFieldValue(
389   - 'price',
390   - FloatSub(form.getFieldValue('price'), totalPrice),
391   - );
392   - return true;
393   - },
394   - }}
395   - rules={[
396   - {
397   - required: true,
398   - validator: async (_, value) => {
399   - if (value && value.length > 0) {
400   - return;
401   - }
402   - throw new Error('至少要有一项！');
403   - },
404   - },
405   - ]}
406   - itemRender={(doms, listMeta) => {
407   - return (
408   - <ProCard
409   - bordered
410   - extra={doms.action}
411   - title={'明细' + (listMeta.index + 1)}
412   - style={{
413   - marginBlockEnd: 8,
414   - }}
415   - >
416   - <Tooltip title="点击复制商品名称">
417   - <Space
418   - className="hover:cursor-pointer"
419   - style={{
420   - margin: 16,
421   - marginTop: 4,
422   - marginLeft: 0,
423   - fontSize: 15,
424   - }}
425   - onClick={() => {
426   - copyToClipboard(listMeta.record.productName);
427   - message.info('商品名称复制成功！');
428   - }}
429   - >
430   - 商品名称:{listMeta.record.productName}
431   - </Space>
432   - </Tooltip>
433   - <ProFormSelect
434   - key={'projectName' + listMeta.index}
435   - width="md"
436   - showSearch
437   - name="projectName"
438   - rules={[{ required: true, message: '请输入开票项目名称!' }]}
439   - request={async (value) => {
440   - const keywords = value.keyWords;
441   - const res = await postServiceConstListInvoiceDetailNames({
442   - data: {
443   - nameLike: keywords,
444   - },
445   - });
446   - let options = res?.data?.map((c: any) => {
447   - return {
448   - ...c,
449   - label:
450   - '*' +
451   - c.productAndServiceCatagoryAbbreviation +
452   - '*' +
453   - c.name,
454   - value:
455   - '*' +
456   - c.productAndServiceCatagoryAbbreviation +
457   - '*' +
458   - c?.name,
459   - key: c.id,
460   - };
461   - });
462   - return options;
463   - }}
464   - fieldProps={{
465   - filterOption() {
466   - return true;
467   - },
468   - }}
469   - onChange={(_, option) => {
470   - let index = listMeta.index;
471   - let copyList = form.getFieldValue('invoiceDetails');
472   - let currentData = copyList[index];
473   - currentData.projectName =
474   - '*' +
475   - option.productAndServiceCatagoryAbbreviation +
476   - '*' +
477   - option.name;
478   - form.setFieldValue('invoiceDetails', copyList);
479   - }}
480   - debounceTime={1000}
481   - label="项目名称"
482   - initialValue={listMeta.record.projectName}
483   - placeholder="请输入名称"
484   - />
485   - <ProFormText
486   - key={'specification' + listMeta.index}
487   - name="specification"
488   - label="规格型号"
489   - rules={[
490   - {
491   - message: '规格型号不能为空!',
492   - required: true,
493   - },
494   - {
495   - validator: (_, value) => {
496   - let len = 0;
497   - // 判断是否为全角字符
498   - for (let i = 0; i < value.length; i++) {
499   - // 获取字符的Unicode值
500   - const code = value.charCodeAt(i);
501   - // 判断是否为全角字符
502   - if (
503   - (code >= 0xff01 && code <= 0xff5e) ||
504   - (code >= 0x4e00 && code <= 0x9fff)
505   - ) {
506   - len += 2; // 全角字符
507   - } else {
508   - len += 1; // 半角字符
509   - }
510   - }
511   - if (len <= 40) {
512   - return Promise.resolve();
513   - }
514   - return Promise.reject(
515   - new Error('规格型号不能超过40个字符!'),
516   - );
517   - },
518   - },
519   - ]}
520   - placeholder="请输入名称"
521   - />
522   - <ProFormText
523   - key={'unit' + listMeta.index}
524   - name="unit"
525   - label="单位"
526   - placeholder="请输入名称"
527   - />
528   - <ProFormDigit
529   - key={'quantity' + listMeta.index}
530   - label="数量"
531   - name="quantity"
532   - rules={[
533   - {
534   - validator: (_, value) => {
535   - if (value === undefined || value > 0) {
536   - return Promise.resolve();
537   - }
538   - return Promise.reject(new Error('数量必须大于0'));
539   - },
540   - },
541   - ]}
542   - />
543   - <ProFormDigit
544   - key={'price' + listMeta.index}
545   - label="单价"
546   - name="price"
547   - rules={[
548   - {
549   - validator: (_, value) => {
550   - if (value === undefined || value > 0) {
551   - return Promise.resolve();
552   - }
553   - return Promise.reject(new Error('单价必须大于0'));
554   - },
555   - },
556   - ]}
557   - />
558   - <ProFormMoney
559   - key={'totalPrice' + listMeta.index}
560   - label="金额"
561   - name="totalPrice"
562   - onChange={() => {
563   - const invoiceDetails = form.getFieldValue('invoiceDetails');
564   - console.log('invoiceDetails', invoiceDetails);
565   - const totalPrice = invoiceDetails.reduce(
566   - (accumulator, currentValue) => {
567   - return FloatAdd(accumulator, currentValue.totalPrice);
568   - },
569   - 0,
570   - );
571   - console.log('totalPrice', totalPrice);
572   - form.setFieldValue('price', totalPrice);
573   - }}
574   - rules={[
575   - {
576   - validator: (_, value) => {
577   - if (value === undefined || value > 0) {
578   - return Promise.resolve();
579   - }
580   - return Promise.reject(new Error('金额必须大于0'));
581   - },
582   - },
583   - ]}
584   - locale="zh-CN"
585   - />
586   - </ProCard>
587   - );
588   - }}
589   - ></ProFormList>
590   - <ProFormTextArea
591   - name="applyInvoicingNotes"
592   - label="备注"
593   - placeholder="请输入名称"
594   - />
595   - </DrawerForm>
596   - );
597   -};
src/pages/Order/WarningWhitelist/components/KingdeeCustomerModal.tsx deleted 100644 → 0
  View file @37038e0
1   -import {
2   - postKingdeeRepCustomerDetail,
3   - postKingdeeRepCustomerSave,
4   -} from '@/services';
5   -import { getTeacherCustomFieldNumber } from '@/utils/kingdee';
6   -import { CloseCircleOutlined } from '@ant-design/icons';
7   -import {
8   - ModalForm,
9   - ProFormGroup,
10   - ProFormList,
11   - ProFormText,
12   -} from '@ant-design/pro-components';
13   -import { Form, message } from 'antd';
14   -
15   -// import { cloneDeep } from 'lodash';
16   -export default ({ setVisible, data, onClose }) => {
17   - const [form] = Form.useForm();
18   -
19   - /**
20   - * 回显客户信息
21   - * @param id
22   - */
23   - async function queryAndShowCustomer(id: any) {
24   - //查询客户信息
25   - let res = await postKingdeeRepCustomerDetail({
26   - data: {
27   - id: id,
28   - },
29   - });
30   -
31   - if (res) {
32   - form.setFieldValue('name', res.name);
33   - form.setFieldValue('id', res.id);
34   - form.setFieldValue('contact_persons', res.bomentity);
35   - let customFiledNumber = await getTeacherCustomFieldNumber();
36   - form.setFieldValue('teacherName', res.custom_field[customFiledNumber]);
37   - }
38   - }
39   -
40   - if (data) {
41   - //修改
42   - if (data.id) {
43   - queryAndShowCustomer(data.id);
44   - } else {
45   - //新增
46   - form.setFieldValue('name', data.name);
47   - form.setFieldValue('contact_persons', [{}]);
48   - }
49   - }
50   - return (
51   - <>
52   - <ModalForm
53   - width={900}
54   - open
55   - title="客户信息"
56   - form={form}
57   - autoFocusFirstInput
58   - modalProps={{
59   - okText: '保存',
60   - cancelText: '取消',
61   - destroyOnClose: true,
62   - onCancel: () => {
63   - setVisible(false);
64   - },
65   - }}
66   - onFinish={async (values) => {
67   - //查询客户自定义字段，课题组
68   - let custom_field_umber = await getTeacherCustomFieldNumber();
69   -
70   - if (custom_field_umber) {
71   - let customFieldObj = {};
72   - customFieldObj[custom_field_umber] = values.teacherName;
73   - values.custom_field = customFieldObj;
74   - }
75   - let customSaveRes = await postKingdeeRepCustomerSave({
76   - data: values,
77   - });
78   - if (customSaveRes) {
79   - let id_number_map = customSaveRes.id_number_map;
80   - let ids = customSaveRes.ids;
81   - if (id_number_map && ids) {
82   - message.success('保存成功');
83   - let id = ids[0];
84   - onClose(id);
85   - }
86   - }
87   - }}
88   - onOpenChange={setVisible}
89   - >
90   - <ProFormText key="key" name="id" label="id" placeholder="id" hidden />
91   - <ProFormGroup key="group">
92   - <ProFormText
93   - name="name"
94   - width="md"
95   - label={
96   - <>
97   - <span>客户名称</span>
98   - <span className="pl-2 text-xs text-gray-400">
99   - 请按照[单位]-[姓名][手机号]命名，例如：清华大学-张三12345678919
100   - </span>
101   - </>
102   - }
103   - initialValue={data}
104   - placeholder="请输入客户名称"
105   - rules={[
106   - {
107   - required: true,
108   - pattern: new RegExp('^.+-.+$'),
109   - message:
110   - '格式错误，若无单位可写：“无-姓名手机号”，例如：无-张三12345678919',
111   - },
112   - { required: true, message: '客户名称必填' },
113   - ]}
114   - />
115   - <ProFormText
116   - name="teacherName"
117   - width="md"
118   - label="课题组老师"
119   - placeholder="请输入课题组老师"
120   - rules={[
121   - { required: true, message: '课题组老师必填，若没有请填“无”' },
122   - ]}
123   - />
124   - </ProFormGroup>
125   -
126   - <ProFormList
127   - creatorButtonProps={{ disabled: false }}
128   - name="contact_persons"
129   - label="联系人信息"
130   - actionGuard={{
131   - beforeRemoveRow: async () => {
132   - return new Promise((resolve) => {
133   - let contactPersons = form.getFieldValue('contact_persons');
134   - if (contactPersons.length === 1) {
135   - message.error('至少要有一个联系人');
136   - resolve(false);
137   - return;
138   - }
139   - resolve(true);
140   - });
141   - },
142   - beforeAddRow: (defaultValue) => {
143   - defaultValue.id = undefined; //复制的时候要把id去掉
144   - return defaultValue;
145   - },
146   - }}
147   - deleteIconProps={{
148   - Icon: CloseCircleOutlined,
149   - tooltipText: '不需要这行了',
150   - }}
151   - >
152   - <ProFormGroup key="group">
153   - {[
154   - <ProFormText
155   - key="key"
156   - name="id"
157   - label="id"
158   - placeholder="id"
159   - hidden
160   - />,
161   - <ProFormText
162   - key="key"
163   - name="contact_person"
164   - label="收货人姓名"
165   - placeholder="联系人姓名"
166   - rules={[{ required: true, message: '收货人姓名必填' }]}
167   - />,
168   - <ProFormText
169   - key="key"
170   - name="mobile"
171   - label="联系方式"
172   - placeholder="联系方式"
173   - rules={[{ required: true, message: '联系方式必填' }]}
174   - />,
175   - <ProFormText
176   - key="key"
177   - name="contact_address"
178   - label="收货地址"
179   - width="md"
180   - placeholder="请输入收货地址"
181   - rules={[{ required: true, message: '收货地址必填' }]}
182   - />,
183   - ]}
184   - </ProFormGroup>
185   - </ProFormList>
186   - </ModalForm>
187   - </>
188   - );
189   -};
src/pages/Order/WarningWhitelist/components/LazySelect.tsx deleted 100644 → 0
  View file @37038e0
1   -import { Select, Spin } from 'antd';
2   -import debounce from 'lodash/debounce';
3   -import difference from 'lodash/difference';
4   -import { useEffect, useState } from 'react';
5   -
6   -/**
7   - * 懒加载 Select ，适用于数据超大的下拉框
8   - * @param {Select 官方属性} props
9   - */
10   -const LazySelect = (props) => {
11   - const { value, onChange, query, pageSize } = props;
12   - // 清除 porps 中 query，避免控制台警告
13   - const selectProps = { ...props, query: undefined };
14   -
15   - const [selected, setSelected] = useState(value);
16   - const [data, setData] = useState([]);
17   - const [loading, setLoading] = useState(false);
18   - const [current, setCurrent] = useState(1);
19   - const [total, setTotal] = useState(0);
20   - const [searchText] = useState('');
21   -
22   - const getSelectedArray = (obj) => {
23   - let selectedValues = obj;
24   - // 如果是单选，将值封装为数组
25   - if (obj && obj instanceof Array === false) {
26   - selectedValues = [obj];
27   - }
28   - return selectedValues;
29   - };
30   -
31   - // 添加 300 毫秒防抖
32   - const handleQuery = debounce(async (param) => {
33   - setLoading(true);
34   - const resp = await query(param);
35   - const resData = resp.data;
36   - let options = resData?.data?.map((p: any) => {
37   - return {
38   - ...p,
39   - label: p.productName,
40   - value: p.productName,
41   - key: p.id,
42   - };
43   - });
44   - // 搜索服务端异步加载
45   - // const handleSearch = (filter) => {
46   - // setSearchText(filter);
47   - // handleQuery({
48   - // filter,
49   - // selectedValues: getSelectedArray(selected),
50   - // pageSize,
51   - // current
52   - // });
53   - // };
54   -
55   - //第一个商品默认为要新增的商品
56   - // if (searchValue?.trim() !== "") {
57   - // options.unshift({ productName: searchValue, type: "add", label: searchValue, value: searchValue })
58   - // }
59   - // return options;
60   - setTotal(resData.total);
61   - setData(data.concat(options));
62   - setLoading(false);
63   - }, 300);
64   -
65   - // 组件初始化时加载一次数据
66   - useEffect(() => {
67   - handleQuery({
68   - filter: '',
69   - selectedValues: getSelectedArray(value),
70   - });
71   - }, []);
72   -
73   - // 外部注入的 value 变化后，如果 value 在 data 中不存在，则加载数据
74   - useEffect(() => {
75   - setSelected(value);
76   - const dataKeys = data.map((item) => item.value);
77   - const diff = difference(getSelectedArray(value), dataKeys);
78   - if (diff && diff.length > 0) {
79   - handleQuery({
80   - filter: '',
81   - selectedValues: getSelectedArray(value),
82   - });
83   - }
84   - }, [value]);
85   -
86   - const keywordChange = (newWord: string) => {
87   - setData([]);
88   - setTotal(0);
89   - setCurrent(1);
90   - handleSearch(newWord);
91   - };
92   -
93   - const handleChange = (newValue, option) => {
94   - setSelected(newValue);
95   - if (onChange) {
96   - // 将值通过 onChange 传递到外部
97   - onChange(newValue, option);
98   - }
99   - };
100   -
101   - const scrollEnd = (e) => {
102   - e.persist();
103   - const { target } = e;
104   - // 滚动 触底 看接口是否还有剩余的值没传过来
105   - if (target.scrollTop + target.offsetHeight === target.scrollHeight) {
106   - if (current * pageSize < total) {
107   - setCurrent(current + 1);
108   - handleSearch(searchText);
109   - }
110   - }
111   - };
112   -
113   - return (
114   - <Select
115   - {...selectProps}
116   - value={selected}
117   - loading={loading}
118   - onSearch={keywordChange}
119   - onChange={handleChange}
120   - onPopupScroll={scrollEnd}
121   - filterOption={false}
122   - options={data}
123   - showSearch
124   - showArrow
125   - notFoundContent={loading ? <Spin size="small" /> : null}
126   - >
127   - {/* {data.map(d => (
128   - <Option key={d.value} title={d.label}>
129   - {d.label}
130   - </Option>
131   - ))} */}
132   - </Select>
133   - );
134   -};
135   -
136   -export default LazySelect;
src/pages/Order/WarningWhitelist/components/MessageListDrawer.tsx deleted 100644 → 0
  View file @37038e0
1   -import ButtonConfirm from '@/components/ButtomConfirm';
2   -import { RESPONSE_CODE } from '@/constants/enum';
3   -import {
4   - postOrderErpMessageQueryMyMessage,
5   - postOrderErpMessageRead,
6   - postOrderErpMessageReadAll,
7   -} from '@/services';
8   -import { formatDateTime, getUserInfo } from '@/utils';
9   -import { UserOutlined } from '@ant-design/icons';
10   -import {
11   - Avatar,
12   - Badge,
13   - Button,
14   - Checkbox,
15   - Drawer,
16   - Flex,
17   - List,
18   - message,
19   -} from 'antd';
20   -import { useEffect, useState } from 'react';
21   -
22   -export default ({ setVisible }) => {
23   - const userInfo = getUserInfo();
24   - const [current, setCurrent] = useState<number>(1); //当前页码
25   - const [total, setTotal] = useState(0);
26   - const [messageListData, setMessageListData] = useState<any[]>([]); //列表数据
27   - const [loading, setLoading] = useState(false);
28   - const [initLoading, setInitLoading] = useState(true);
29   - const [onlyUnread, setOnlyUnread] = useState(false);
30   - const [readFlagList, setReadFlagList] = useState<any[]>([]); //消息未读标识
31   -
32   - /**
33   - * 获取消息列表
34   - */
35   - async function getMessageListData() {
36   - setLoading(true);
37   - let res = await postOrderErpMessageQueryMyMessage({
38   - data: {
39   - username: userInfo.username,
40   - current: current,
41   - isReaded: onlyUnread ? onlyUnread : null,
42   - },
43   - }).finally(() => {
44   - setLoading(false);
45   - });
46   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
47   - setMessageListData([...messageListData, ...res?.data?.data]);
48   - let reqReadNumList = res?.data?.data?.map((item: any) => {
49   - return item.isReaded;
50   - });
51   -
52   - setReadFlagList([...readFlagList, ...reqReadNumList]);
53   - setTotal(res?.data?.total);
54   - }
55   - }
56   -
57   - /**
58   - * 跳转到订单列表
59   - */
60   - function toOrderList(mainOrderIds: any) {
61   - window.open('/order?id=' + mainOrderIds.join(","), '_blank');
62   - }
63   -
64   - /**
65   - * 仅展示未读
66   - */
67   - function onlyUnreadChange() {
68   - setOnlyUnread(!onlyUnread);
69   - setCurrent(1);
70   - setMessageListData([]);
71   - setReadFlagList([]);
72   - }
73   -
74   - /**
75   - * 仅展示未读
76   - */
77   - async function read(ids: any[]) {
78   - let res = await postOrderErpMessageRead({
79   - data: ids,
80   - });
81   -
82   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
83   - message.success('已读');
84   - return true;
85   - }
86   -
87   - return false;
88   - }
89   -
90   - /**
91   - * 全部标记为已读
92   - */
93   - async function readAll() {
94   - let res = await postOrderErpMessageReadAll();
95   - if (res && res.result === RESPONSE_CODE.SUCCESS) {
96   - message.success(res.message);
97   - let newReadFlagList = readFlagList.map(() => true);
98   - setReadFlagList(newReadFlagList);
99   - }
100   - }
101   -
102   - const loadMore =
103   - !initLoading && !loading && messageListData.length < total ? (
104   - <div
105   - style={{
106   - textAlign: 'center',
107   - marginTop: 12,
108   - height: 32,
109   - lineHeight: '32px',
110   - }}
111   - >
112   - <Button
113   - onClick={() => {
114   - setCurrent(current + 1);
115   - }}
116   - >
117   - 加载更多
118   - </Button>
119   - </div>
120   - ) : messageListData.length > 0 && messageListData.length >= total ? (
121   - <span>没有更多消息了</span>
122   - ) : null;
123   -
124   - useEffect(() => {
125   - getMessageListData().finally(() => {
126   - setInitLoading(false);
127   - });
128   - }, [onlyUnread, current]);
129   -
130   - return (
131   - <>
132   - <Drawer
133   - title="消息列表"
134   - onClose={() => {
135   - setVisible(false);
136   - }}
137   - open={true}
138   - width={450}
139   - styles={{ body: { paddingTop: 0 } }}
140   - >
141   - <Flex align="center" justify="space-between">
142   - <div>
143   - <Checkbox onChange={onlyUnreadChange} checked={onlyUnread}>
144   - 仅展示未读
145   - </Checkbox>
146   - </div>
147   -
148   - <ButtonConfirm
149   - title={'是否全部标记为已读？'}
150   - text={'全部标记为已读'}
151   - className="p-0"
152   - onConfirm={readAll}
153   - placement="bottomLeft"
154   - />
155   - </Flex>
156   -
157   - <List
158   - className="demo-loadmore-list"
159   - loading={initLoading}
160   - itemLayout="horizontal"
161   - loadMore={loadMore}
162   - dataSource={messageListData}
163   - renderItem={(item: any, index: any) => (
164   - <List.Item key={item.id}>
165   - <List.Item.Meta
166   - avatar={
167   - <Badge dot={!readFlagList[index]}>
168   - <Avatar shape="square" icon={<UserOutlined />} />
169   - </Badge>
170   - }
171   - />
172   - <Flex
173   - vertical
174   - className="w-full hover:cursor-pointer"
175   - onClick={async () => {
176   - toOrderList(item.mainOrderIds);
177   -
178   - let readSuccess = await read([item.mesUsrRelId]);
179   - if (readSuccess) {
180   - let newUnreadNumList = [...readFlagList];
181   - newUnreadNumList[index] = true;
182   - setReadFlagList([...newUnreadNumList]);
183   - }
184   - }}
185   - >
186   - <Flex>
187   - <div>
188   - {item.content}
189   - {/* <span className="text-[#8C8C8C]">
190   - （点击跳转到对应主订单）
191   - </span> */}
192   - </div>
193   - </Flex>
194   - <Flex>
195   - <span className="text-xs text-[#8C8C8C] pt-1">
196   - {formatDateTime(item.createTime)}
197   - </span>
198   - </Flex>
199   - </Flex>
200   - </List.Item>
201   - )}
202   - />
203   - </Drawer>
204   - </>
205   - );
206   -};