gaoluyang
2026-05-30 f9adfa16fdf2012e915908ea1fed19f75d5107a4
src/views/officeProcessAutomation/ApproveManage/approve-list/useApproveList.js
@@ -10,6 +10,9 @@
  saveApprovalInstance,
  updateApprovalInstance,
} from "@/api/officeProcessAutomation/approvalInstance.js";
import { getQuotationList } from "@/api/salesManagement/salesQuotation.js";
import { getPurchaseByCode } from "@/api/procurementManagement/procurementLedger.js";
import { getDeliveryDetailByShippingNo } from "@/api/salesManagement/deliveryLedger.js";
import useUserStore from "@/store/modules/user";
import { Search } from "@element-plus/icons-vue";
import { ElMessage, ElMessageBox } from "element-plus";
@@ -77,10 +80,16 @@
  const detailDialog = reactive({ visible: false });
  const detailRow = ref({});
  const detailData = ref({});
  const approveDialog = reactive({ visible: false, row: null });
  const approveOpinion = ref("");
  const approveSubmitting = ref(false);
  /** 报价/采购/发货详情加载状态 */
  const quotationLoading = ref(false);
  const purchaseLoading = ref(false);
  const deliveryLoading = ref(false);
  /** 差旅/费用报销专用详情、审批弹窗 */
  const reimburseDialog = reactive({
@@ -135,7 +144,7 @@
  }));
  const tableColumn = ref([
    { label: "申请人编号", prop: "applicantNo", width: 110 },
    // { label: "申请人编号", prop: "applicantNo", width: 110 },
    { label: "申请人名称", prop: "applicantName", minWidth: 100 },
    { label: "模板类型", prop: "businessName", minWidth: 120 },
    {
@@ -220,7 +229,7 @@
        fetchBusinessTypeOptions(),
        listApprovalTemplate(TEMPLATE_TYPE_CUSTOM),
      ]);
      submitBusinessTypeOptions.value = typeOptions;
      submitBusinessTypeOptions.value = typeOptions.filter((x) => ![5, 6, 7].includes(x.value));
      allSubmitTemplates.value = unwrapTemplateList(customRes)
        .filter((row) => mapEnabledFromApi(row.enabled))
        .map(mapSubmitTemplateCard);
@@ -288,11 +297,68 @@
      await openReimburseDetail(row, "detail");
      return;
    }
    detailRow.value = { ...row };
    const bizType = Number(row.businessType);
    // 报价审批:用审批事由字段承载的"报价单号"去查报价列表
    if (bizType === 6) {
      const quotationNo = row?.quotationNo;
      if (quotationNo) {
        quotationLoading.value = true;
        try {
          const res = await getQuotationList({ quotationNo });
          const records = res?.data?.records || [];
          detailData.value = records[0] || {};
        } finally {
          quotationLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 采购审批:用审批事由字段承载的"采购合同号"去查采购详情
    else if (bizType === 5) {
      const purchaseContractNumber = row?.purchaseContractNumber;
      if (purchaseContractNumber) {
        purchaseLoading.value = true;
        try {
          const res = await getPurchaseByCode({ purchaseContractNumber });
          detailData.value = res || {};
        } finally {
          purchaseLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 发货审批:用审批事由字段承载的"发货单号"去查发货详情
    else if (bizType === 7) {
      const shippingNo = row?.shippingNo;
      if (shippingNo) {
        deliveryLoading.value = true;
        try {
          const res = await getDeliveryDetailByShippingNo({ shippingNo });
          detailData.value = res?.data || res || {};
        } finally {
          deliveryLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 其他审批类型
    else {
      detailData.value = {};
    }
    detailDialog.visible = true;
  }
  async function openApprove(row) {
    if (inferReimburseModuleKeyFromInstance(row)) {
      approveOpinion.value = "";
      await openReimburseDetail(row, "approve");
@@ -300,6 +366,60 @@
    }
    approveDialog.row = { ...row };
    approveOpinion.value = "";
    const bizType = Number(row.businessType);
    // 报价审批:用审批事由字段承载的"报价单号"去查报价列表
    if (bizType === 6) {
      const quotationNo = row?.quotationNo;
      if (quotationNo) {
        quotationLoading.value = true;
        try {
          const res = await getQuotationList({ quotationNo });
          const records = res?.data?.records || [];
          detailData.value = records[0] || {};
        } finally {
          quotationLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 采购审批:用审批事由字段承载的"采购合同号"去查采购详情
    else if (bizType === 5) {
      const purchaseContractNumber = row?.purchaseContractNumber;
      if (purchaseContractNumber) {
        purchaseLoading.value = true;
        try {
          const res = await getPurchaseByCode({ purchaseContractNumber });
          detailData.value = res || {};
        } finally {
          purchaseLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 发货审批:用审批事由字段承载的"发货单号"去查发货详情
    else if (bizType === 7) {
      const shippingNo = row?.shippingNo;
      if (shippingNo) {
        deliveryLoading.value = true;
        try {
          const res = await getDeliveryDetailByShippingNo({ shippingNo });
          detailData.value = res?.data || res || {};
        } finally {
          deliveryLoading.value = false;
        }
      } else {
        detailData.value = {};
      }
    }
    // 其他审批类型
    else {
      detailData.value = {};
    }
    approveDialog.visible = true;
  }
@@ -586,6 +706,10 @@
    tableColumn,
    detailDialog,
    detailRow,
    detailData,
    quotationLoading,
    purchaseLoading,
    deliveryLoading,
    reimburseDialog,
    approveDialog,
    approveOpinion,
@@ -625,4 +749,4 @@
    openApprove,
    fetchApprovalList,
  };
}
}