feat: 手动开票

柏杨
1 parent a45593e0
Showing 1 changed file with 133 additions and 19 deletions
src/pages/Order/OrderList/ApplyForInvoicingModal.tsx
 import { RESPONSE_CODE } from '@/constants/enum';
-import { postServiceOrderApplyInvoicing } from '@/services';
+import {
+  postServiceOrderApplyInvoicing,
+  postServiceOrderQueryServiceOrder,
+} from '@/services';
 import { FloatAdd, enumToSelect, getAliYunOSSFileNameFromUrl } from '@/utils';
 import {
   ModalForm,
@@ -36,6 +39,7 @@ export default ({
   const [receivingCompanyOptions, setReceivingCompanyOptions] = useState<
     SelectOption[]
   >([]);
+  const [additionalMainOrders, setAdditionalMainOrders] = useState<any[]>([]);
  
   let ids = subOrders?.map((item) => {
     return item.id;
@@ -49,13 +53,46 @@ export default ({
     availableAmount: number;
   }
  
+  // 解析输入框内容，识别格式如 "23123,2507310003"
+  const parseInputContent = (content: string): string[] => {
+    if (!content) return [];
+    return content
+      .split(',')
+      .map((id) => id.trim())
+      .filter((id) => id);
+  };
+
+  // 查询未选择的订单数据
+  const queryMissingOrders = async (missingIds: string[]) => {
+    try {
+      const { data } = await postServiceOrderQueryServiceOrder({
+        // @ts-ignore
+        data: {
+          current: 1,
+          pageSize: 10,
+          id: missingIds,
+          condition: 0,
+          sorted: false,
+          isDeleteQueryOrder: false,
+        },
+      });
+
+      if (data?.data) {
+        setAdditionalMainOrders(data.data);
+      }
+    } catch (error) {
+      console.error('查询订单失败:', error);
+      message.error('查询订单数据失败');
+    }
+  };
+
   // 获取唯一的主订单ID及其相关金额信息
   const getUniqueMainOrderIds = (): MainOrderData[] => {
     console.log(subOrders, mainOrders);
     const mainOrderIds = subOrders?.map((item: any) => item.mainOrderId);
     const uniqueIds = [...new Set(mainOrderIds)].filter(Boolean);
  
-    return uniqueIds.map((id) => {
+    const result = uniqueIds.map((id) => {
       // 获取该主订单的数据
       const mainOrder = mainOrders
         ? mainOrders.find((item: any) => item.id === id)
@@ -97,6 +134,19 @@ export default ({
         availableAmount,
       };
     });
+
+    // 添加额外查询到的订单数据
+    const additionalOrders = additionalMainOrders.map((order) => ({
+      value: String(order.id),
+      totalPayment: order.totalPayment || 0,
+      invoiceIssuedAmount: order.invoiceIssuedAmount || 0,
+      availableAmount: Math.max(
+        0,
+        (order.totalPayment || 0) - (order.invoiceIssuedAmount || 0),
+      ),
+    }));
+
+    return [...result, ...additionalOrders];
   };
  
   let mainIdSet = new Set();
@@ -134,23 +184,54 @@ export default ({
     invoiceType: string; // 新增发票类型字段
   }>();
  
+  // 处理备注内容变化
+  const handleNotesChange = async (value: string) => {
+    const inputIds = parseInputContent(value);
+    const selectedMainOrderIds = Array.from(mainIdSet).map((id) => String(id));
+
+    console.log('输入的订单ID:', inputIds);
+    console.log('已选择的主订单ID:', selectedMainOrderIds);
+
+    // 找出输入框中存在但未选择的订单ID
+    const missingIds = inputIds.filter(
+      (id) => !selectedMainOrderIds.includes(id),
+    );
+
+    console.log('缺失的订单ID:', missingIds);
+
+    if (missingIds.length > 0) {
+      await queryMissingOrders(missingIds);
+    } else {
+      // 如果没有缺失的订单，清空额外的订单数据
+      setAdditionalMainOrders([]);
+    }
+  };
+
   useEffect(() => {
     //显示拼接的主订单id
     form.setFieldValue('applyInvoicingNotes', mainIds);
  
-    // 设置每个主订单的可开票金额初始值
+    // 转换收款单位选项并保存
+    const options = enumToSelect(PAYEE_OPTIONS);
+    setReceivingCompanyOptions(options);
+  }, []);
+
+  useEffect(() => {
+    // 当额外的主订单数据变化时，设置可开票金额初始值
     const mainOrders = getUniqueMainOrderIds();
     mainOrders.forEach((order) => {
-      form.setFieldValue(
+      // 只为新添加的订单设置初始值，避免覆盖用户已输入的值
+      const currentValue = form.getFieldValue(
         `invoiceAvailableAmount_${order.value}`,
-        order.availableAmount,
       );
+      if (currentValue === undefined || currentValue === null) {
+        form.setFieldValue(
+          `invoiceAvailableAmount_${order.value}`,
+          order.availableAmount,
+        );
+      }
     });
-
-    // 转换收款单位选项并保存
-    const options = enumToSelect(PAYEE_OPTIONS);
-    setReceivingCompanyOptions(options);
-  }, []);
+  }, [additionalMainOrders]);
  
   return (
     <ModalForm<{
@@ -180,7 +261,26 @@ export default ({
       }}
       submitTimeout={2000}
       onFinish={async (values) => {
-        values.subIds = ids;
+        // 收集所有相关的子订单ID，包括额外查询到的主订单下的子订单
+        const allSubIds = [...ids]; // 原始选择的子订单ID
+
+        console.log('原始子订单ID:', ids);
+        console.log('额外查询的主订单:', additionalMainOrders);
+
+        // 添加额外查询到的主订单下的子订单ID
+        additionalMainOrders.forEach((mainOrder: any) => {
+          if (mainOrder.subOrderInformationLists) {
+            mainOrder.subOrderInformationLists.forEach((subOrder: any) => {
+              if (subOrder.id && !allSubIds.includes(subOrder.id)) {
+                console.log('添加子订单ID:', subOrder.id);
+                allSubIds.push(subOrder.id);
+              }
+            });
+          }
+        });
+
+        console.log('最终子订单ID列表:', allSubIds);
+        values.subIds = allSubIds;
         //附件处理
         values.filePaths = values.filePaths?.map((item) => {
           return { url: item.response.data[0] };
@@ -216,11 +316,16 @@ export default ({
         );
         const receivingCompanyName = selectedOption ? selectedOption.label : '';
  
+        // 构建包含所有订单的mainOrderIds字符串
+        const allMainOrderIds = getUniqueMainOrderIds()
+          .map((item) => item.value)
+          .join(',');
+
         // 添加到请求数据中
         const reqData = {
           ...values,
           receivingCompanyName, // 添加收款单位名称
-          mainOrderIds: mainIds, // 使用已有的主订单ID字符串
+          mainOrderIds: allMainOrderIds, // 使用包含所有订单的ID字符串
           invoiceOrderAmounts,
         };
         const res = await postServiceOrderApplyInvoicing({ data: reqData });
@@ -253,6 +358,12 @@ export default ({
             0,
             item.totalPayment - item.invoiceIssuedAmount,
           );
+
+          // 检查是否是额外查询到的订单
+          const isAdditionalOrder = additionalMainOrders.some(
+            (order) => String(order.id) === String(item.value),
+          );
+
           return (
             <div
               key={index}
@@ -261,9 +372,15 @@ export default ({
                 marginBottom: 8,
                 padding: '8px 0',
                 borderBottom: '1px solid #f0f0f0',
+                backgroundColor: isAdditionalOrder ? '#f6ffed' : 'transparent', // 浅绿色背景表示新查询的订单
+                border: isAdditionalOrder ? '1px solid #b7eb8f' : 'none',
+                borderRadius: isAdditionalOrder ? '4px' : '0',
               }}
             >
-              <div style={{ flex: 25 }}>{item.value}</div>
+              <div style={{ flex: 25 }}>
+                {item.value}
+                {isAdditionalOrder}
+              </div>
               <div style={{ flex: 18, textAlign: 'right' }}>
                 ¥ {item.totalPayment.toFixed(2)}
               </div>
@@ -309,12 +426,9 @@ export default ({
         name="applyInvoicingNotes"
         key="applyInvoicingNotes"
         placeholder="请输入备注"
-        onMetaChange={(val) => {
-          console.log(val);
-        }}
-        proFieldProps={{
-          onchange: () => {
-            message.info('change');
+        fieldProps={{
+          onChange: (e) => {
+            handleNotesChange(e.target.value);
           },
         }}
       />