feat: 添加开票字段

柏杨
1 parent 425c1722
Showing 4 changed files with 326 additions and 37 deletions
src/pages/Order/OrderList/ApplyForInvoicingModal.tsx
src/pages/Order/OrderList/InvoicingDrawerForm.tsx
src/pages/Order/OrderList/OrderList.tsx
src/pages/Order/OrderList/type.d.ts
 import { RESPONSE_CODE } from '@/constants/enum';
 import { postServiceOrderApplyInvoicing } from '@/services';
-import { enumToSelect, getAliYunOSSFileNameFromUrl } from '@/utils';
+import { FloatAdd, enumToSelect, getAliYunOSSFileNameFromUrl } from '@/utils';
 import {
   ModalForm,
+  ProFormMoney,
   ProFormSelect,
   ProFormText,
   ProFormTextArea,
@@ -11,21 +12,69 @@ import {
 import { Form, message } from 'antd';
 import { useEffect, useState } from 'react';
 import { PAYEE_OPTIONS } from '../constant';
-export default ({
-  setCheckVisible,
-  isEdit,
-  subOrders,
-  isMainOrder,
-  totalPayment,
-  onClose,
-}) => {
+
+// 定义选项类型
+interface SelectOption {
+  label: string;
+  value: string;
+}
+
+export default ({ setCheckVisible, isEdit, subOrders, onClose }) => {
   const [isUrgent, setIsUrgent] = useState('');
-  let sumPrice = totalPayment;
+  const [receivingCompanyOptions, setReceivingCompanyOptions] = useState<
+    SelectOption[]
+  >([]);
   let ids = subOrders?.map((item) => {
     return item.id;
   });
+  // 定义返回类型接口
+  interface MainOrderData {
+    value: string | number;
+    totalPayment: number;
+    invoiceIssuedAmount: number;
+    availableAmount: number;
+  }
+
+  // 获取唯一的主订单ID及其相关金额信息
+  const getUniqueMainOrderIds = (): MainOrderData[] => {
+    const mainOrderIds = subOrders?.map((item: any) => item.mainOrderId);
+    const uniqueIds = [...new Set(mainOrderIds)].filter(Boolean);
+
+    return uniqueIds.map((id) => {
+      // 获取该主订单下所有子订单
+      const orderSubOrders = subOrders.filter(
+        (item: any) => item.mainOrderId === id,
+      );
+
+      // 计算该主订单的总金额
+      let totalPayment = 0;
+      orderSubOrders.forEach((item: any) => {
+        totalPayment = FloatAdd(totalPayment, item.totalPayment || 0);
+      });
+
+      // 计算已开票金额（如果有的话）
+      let invoiceIssuedAmount = 0;
+      orderSubOrders.forEach((item: any) => {
+        invoiceIssuedAmount = FloatAdd(
+          invoiceIssuedAmount,
+          item.invoiceIssuedAmount || 0,
+        );
+      });
+
+      // 计算可开票金额
+      const availableAmount = Math.max(0, totalPayment - invoiceIssuedAmount);
+
+      return {
+        value: String(id),
+        totalPayment,
+        invoiceIssuedAmount,
+        availableAmount,
+      };
+    });
+  };
+
   let mainIdSet = new Set();
   subOrders?.forEach((item: { mainOrderId: unknown }) => {
     mainIdSet.add(item.mainOrderId);
@@ -63,6 +112,19 @@ export default ({
   useEffect(() => {
     //显示拼接的主订单id
     form.setFieldValue('applyInvoicingNotes', mainIds);
+
+    // 设置每个主订单的可开票金额初始值
+    const mainOrders = getUniqueMainOrderIds();
+    mainOrders.forEach((order) => {
+      form.setFieldValue(
+        `invoiceAvailableAmount_${order.value}`,
+        order.availableAmount,
+      );
+    });
+
+    // 转换收款单位选项并保存
+    const options = enumToSelect(PAYEE_OPTIONS);
+    setReceivingCompanyOptions(options);
   }, []);
   return (
@@ -105,7 +167,38 @@ export default ({
           values.afterInvoicingUpdate = false;
         }
-        const res = await postServiceOrderApplyInvoicing({ data: values });
+        // 收集主订单可开票金额
+        const invoiceOrderAmounts = getUniqueMainOrderIds().map((item) => ({
+          orderId: Number(item.value), // 确保为 number 类型
+          availableAmount: values[`invoiceAvailableAmount_${item.value}`],
+        }));
+        // 校验所有主订单可开票金额之和等于price字段
+        const price = values.price;
+        let sumAvailable = 0;
+        invoiceOrderAmounts.forEach((item) => {
+          sumAvailable = FloatAdd(sumAvailable, item.availableAmount || 0);
+        });
+        if (Math.abs(sumAvailable - price) > 0.01) {
+          message.error(
+            `所有主订单可开票金额之和(${sumAvailable})必须等于开票金额(${price})`,
+          );
+          return;
+        }
+
+        // 获取receivingCompany对应的名称
+        const selectedOption = receivingCompanyOptions.find(
+          (option) => option.value === values.receivingCompany,
+        );
+        const receivingCompanyName = selectedOption ? selectedOption.label : '';
+
+        // 添加到请求数据中
+        const reqData = {
+          ...values,
+          receivingCompanyName, // 添加收款单位名称
+          mainOrderIds: mainIds, // 使用已有的主订单ID字符串
+          invoiceOrderAmounts,
+        };
+        const res = await postServiceOrderApplyInvoicing({ data: reqData });
         if (res.result === RESPONSE_CODE.SUCCESS) {
           message.success(res.message);
@@ -114,14 +207,74 @@ export default ({
       }}
       onOpenChange={setCheckVisible}
     >
-      {isMainOrder ? (
-        <div className="mb-[24px]">
-          <span>选中子订单金额之和：</span>
-          <span className="text-red-500">{sumPrice}￥</span>
+      {/* 主订单金额表格，任何情况都显示 */}
+      <div style={{ marginBottom: 24 }}>
+        <div
+          style={{
+            display: 'flex',
+            fontWeight: 'bold',
+            marginBottom: 8,
+            padding: '8px 0',
+            borderBottom: '1px solid #f0f0f0',
+          }}
+        >
+          <div style={{ flex: 25 }}>订单号</div>
+          <div style={{ flex: 18, textAlign: 'right' }}>订单金额</div>
+          <div style={{ flex: 18, textAlign: 'right' }}>已开票金额</div>
+          <div style={{ flex: 39, textAlign: 'right' }}>可开票金额</div>
         </div>
-      ) : (
-        ''
-      )}
+        {getUniqueMainOrderIds().map((item, index) => {
+          const maxAvailable = Math.max(
+            0,
+            item.totalPayment - item.invoiceIssuedAmount,
+          );
+          return (
+            <div
+              key={index}
+              style={{
+                display: 'flex',
+                marginBottom: 8,
+                padding: '8px 0',
+                borderBottom: '1px solid #f0f0f0',
+              }}
+            >
+              <div style={{ flex: 25 }}>{item.value}</div>
+              <div style={{ flex: 18, textAlign: 'right' }}>
+                ¥ {item.totalPayment.toFixed(2)}
+              </div>
+              <div style={{ flex: 18, textAlign: 'right' }}>
+                ¥ {item.invoiceIssuedAmount.toFixed(2)}
+              </div>
+              <div style={{ flex: 39, textAlign: 'right' }}>
+                <ProFormMoney
+                  name={`invoiceAvailableAmount_${item.value}`}
+                  locale="zh-CN"
+                  fieldProps={{
+                    precision: 2,
+                    style: { width: '70%' },
+                  }}
+                  initialValue={item.availableAmount}
+                  rules={[
+                    { required: true, message: '请填写可开票金额!' },
+                    {
+                      validator: (_, value) => {
+                        if (value > maxAvailable) {
+                          return Promise.reject(
+                            `可开票金额不能超过${maxAvailable.toFixed(2)}`,
+                          );
+                        } else if (value === 0) {
+                          return Promise.reject(`可开票金额不能为0`);
+                        }
+                        return Promise.resolve();
+                      },
+                    },
+                  ]}
+                />
+              </div>
+            </div>
+          );
+        })}
+      </div>
       <div className="mb-1">
         如果需要合并订单，请将需要合并的订单id写在备注中，id之间用英文逗号隔开。
@@ -161,7 +314,7 @@ export default ({
             </span>
           </div>
         }
-        options={enumToSelect(PAYEE_OPTIONS)}
+        options={receivingCompanyOptions}
         rules={[{ required: true, message: '开票收款单位必填' }]}
       />
       <ProFormSelect
@@ -16,7 +16,6 @@ import {
   FormListActionType,
   ProCard,
   ProFormDigit,
-  ProFormGroup,
   ProFormInstance,
   ProFormList,
   ProFormMoney,
@@ -82,6 +81,52 @@ export default ({
   });
   types.set('reissue', { title: '重新申请', subOrderIdsName: '重开订单' });
+  // Get unique main order IDs from the dataList
+  // 定义返回类型接口
+  interface MainOrderData {
+    value: string | number;
+    totalPayment: number;
+    invoiceIssuedAmount: number;
+    availableAmount: number;
+  }
+
+  const getUniqueMainOrderIds = (): MainOrderData[] => {
+    // Extract main order IDs from dataList
+    const mainOrderIds = dataListCopy.map(
+      (item: any) => item.mainOrderId || item.orderId,
+    );
+    // Get unique IDs
+    const uniqueIds = [...new Set(mainOrderIds)].filter(Boolean);
+    return uniqueIds.map((id) => {
+      // 确保id是string或number类型
+      const orderId = String(id);
+      const orderData = dataListCopy.find(
+        (d: any) => d.mainOrderId === id || d.orderId === id,
+      );
+      const totalPayment = orderData?.totalPayment || 0;
+      const invoiceIssuedAmount = orderData?.invoiceIssuedAmount || 0;
+      const availableAmount = Math.max(0, totalPayment - invoiceIssuedAmount);
+
+      return {
+        value: orderId,
+        totalPayment,
+        invoiceIssuedAmount,
+        availableAmount,
+      };
+    });
+  };
+
+  // Set initial values for invoice available amounts
+  useEffect(() => {
+    const mainOrders = getUniqueMainOrderIds();
+    mainOrders.forEach((order) => {
+      form.setFieldValue(
+        `invoiceAvailableAmount_${order.value}`,
+        order.availableAmount,
+      );
+    });
+  }, []);
+
   function copyToClipboard(text: string) {
     // 创建一个临时的textarea元素
     const textarea = document.createElement('textarea');
@@ -179,9 +224,31 @@ export default ({
       }}
       submitTimeout={2000}
       onFinish={async (values) => {
+        // Collect invoice available amounts in the recommended format
+        const invoiceOrderAmounts = getUniqueMainOrderIds().map((item) => ({
+          orderId: item.value,
+          availableAmount: values[`invoiceAvailableAmount_${item.value}`],
+        }));
+
+        // 获取开票金额（price 字段）
+        const price = values.price;
+        // 计算所有主订单可开票金额之和
+        let sumAvailable = 0;
+        invoiceOrderAmounts.forEach((item) => {
+          sumAvailable = FloatAdd(sumAvailable, item.availableAmount || 0);
+        });
+        // 允许0.01误差
+        if (Math.abs(sumAvailable - price) > 0.01) {
+          message.error(
+            `所有主订单可开票金额之和(${sumAvailable})必须等于开票金额(${price})`,
+          );
+          return;
+        }
+
         postServiceInvoiceApplyInvoice({
           data: {
             ...values,
+            invoiceOrderAmounts, // 使用数组对象格式
             subOrderIds: dataListCopy.map((item) => {
               return item.id;
             }),
@@ -194,22 +261,73 @@ export default ({
         return !val && setVisible();
       }}
     >
-      <ProFormList
-        name="subOrderIdObjs"
-        readonly={true}
-        label={types.get(type).subOrderIdsName}
-        initialValue={dataListCopy.map((item) => {
-          return {
-            value: item.id,
-          };
+      <div style={{ marginBottom: 24 }}>
+        <div
+          style={{
+            display: 'flex',
+            fontWeight: 'bold',
+            marginBottom: 8,
+            padding: '8px 0',
+            borderBottom: '1px solid #f0f0f0',
+          }}
+        >
+          <div style={{ flex: 25 }}>订单号</div>
+          <div style={{ flex: 18, textAlign: 'right' }}>订单金额</div>
+          <div style={{ flex: 18, textAlign: 'right' }}>已开票金额</div>
+          <div style={{ flex: 39, textAlign: 'right' }}>可开票金额</div>
+        </div>
+        {getUniqueMainOrderIds().map((item, index) => {
+          const maxAvailable = Math.max(
+            0,
+            item.totalPayment - item.invoiceIssuedAmount,
+          );
+          return (
+            <div
+              key={index}
+              style={{
+                display: 'flex',
+                marginBottom: 8,
+                padding: '8px 0',
+                borderBottom: '1px solid #f0f0f0',
+              }}
+            >
+              <div style={{ flex: 25 }}>{item.value}</div>
+              <div style={{ flex: 18, textAlign: 'right' }}>
+                ¥ {item.totalPayment.toFixed(2)}
+              </div>
+              <div style={{ flex: 18, textAlign: 'right' }}>
+                ¥ {item.invoiceIssuedAmount.toFixed(2)}
+              </div>
+              <div style={{ flex: 39, textAlign: 'right' }}>
+                <ProFormMoney
+                  name={`invoiceAvailableAmount_${item.value}`}
+                  locale="zh-CN"
+                  fieldProps={{
+                    precision: 2,
+                    style: { width: '70%' },
+                  }}
+                  initialValue={item.availableAmount}
+                  rules={[
+                    { required: true, message: '请填写可开票金额!' },
+                    {
+                      validator: (_, value) => {
+                        if (value > maxAvailable) {
+                          return Promise.reject(
+                            `可开票金额不能超过${maxAvailable.toFixed(2)}`,
+                          );
+                        } else if (value === 0) {
+                          return Promise.reject(`可开票金额不能为0`);
+                        }
+                        return Promise.resolve();
+                      },
+                    },
+                  ]}
+                />
+              </div>
+            </div>
+          );
         })}
-        deleteIconProps={false}
-        copyIconProps={false}
-      >
-        <ProFormGroup key="group">
-          <ProFormText readonly={true} name="value" label="" />
-        </ProFormGroup>
-      </ProFormList>
+      </div>
       {/*<ProFormSelect
         name="ReissueInvoiceRecordIds"
         label="重开的发票"
@@ -2777,7 +2777,22 @@ const OrderList = ({ paramsNew, searchShow, toolbarShow }) =&gt; {
                 </span>
               </div>
               <Divider type="vertical" />
-
+            </Flex>
+            <Flex className="pl-6" align="center">
+              <div>
+                <span className="text-[#8C8C8C]">开票中金额：￥</span>
+                <span className="text-slate-700">
+                  {record.invoicePendingAmount || '-'}
+                </span>
+              </div>
+              <Divider type="vertical" />
+              <div>
+                <span className="text-[#8C8C8C]">已开票金额：￥</span>
+                <span className="text-slate-700">
+                  {record.invoiceIssuedAmount || '-'}
+                </span>
+              </div>
+              <Divider type="vertical" />
               {/* 添加发票核销金额 */}
               <div>
                 <span className="text-[#8C8C8C]">发票核销金额：￥</span>
@@ -2786,7 +2801,8 @@ const OrderList = ({ paramsNew, searchShow, toolbarShow }) =&gt; {
                 </span>
               </div>
               <Divider type="vertical" />
-
+            </Flex>
+            <Flex className="pl-6" align="center">
               <div title={record.notes}>
                 <div
                   className="max-w-[850px] whitespace-normal overflow-hidden overflow-ellipsis hover:cursor-pointer"
@@ -48,6 +48,8 @@ export interface OrderListItemType {
     unit: string;
     parameters: any;
     totalPayment: number;
+    invoicePendingAmount?: number | string;
+    invoiceIssuedAmount?: number | string;
     subOrderPayment: number;
     isCancel: number;
     logisticsStatus: string;