批量提交和批量审批

zhangwencui

2026-09-02 fa7fa3b7e38e6828dbb6964e72eac8e6b87c2b6e

 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,15 @@

  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 selectedRows = ref([]);
  const batchApproveDialog = reactive({ visible: false });
  const batchApproveOpinion = ref("");
  const batchApproveSubmitting = ref(false);

  /** 差旅/费用报销专用详情、审批弹窗 */
  const reimburseDialog = reactive({
@@ -135,8 +143,8 @@
  }));

  const tableColumn = ref([
    { label: "申请人编号", prop: "applicantNo", width: 110 },
    { label: "申请人名称", prop: "applicantName", minWidth: 100 },
    // { label: "申请人编号", prop: "applicantNo", width: 110 },
    { label: "发起人", prop: "applicantName", minWidth: 100 },
    { label: "模板类型", prop: "businessName", minWidth: 120 },
    {
      label: "审批类型",
@@ -150,7 +158,9 @@
      prop: "unread",
      width: 90,
      align: "center",
      dataType: "tag",
      formatData: (v) => (v ? "是" : "否"),
      formatType: (v) => (v ? "success" : "danger"),
    },
    {
      label: "审批状态",
@@ -183,14 +193,14 @@
        {
          name: "审批",
          type: "text",
          disabled: (row) => row.approvalStatus !== "pending" || !row.isApprove,
          disabled: (row) => !canApprove(row),
          clickFun: (row) => openApprove(row),
        },
        {
          name: "删除",
          type: "danger",
          clickFun: (row) => removeInstance(row),
        },
        // {
        //   name: "删除",
        //   type: "danger",
        //   clickFun: (row) => removeInstance(row),
        // },
      ],
    },
  ]);
@@ -220,7 +230,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);
@@ -259,6 +269,28 @@
    fetchApprovalList();
  }

  function handleSelectionChange(selection) {
    selectedRows.value = selection || [];
  }

  function canApprove(row) {
    return row?.approvalStatus === "pending" && Boolean(row?.isApprove);
  }

  function openBatchApproveDialog() {
    if (!selectedRows.value.length) {
      ElMessage.warning("请选择数据");
      return;
    }
    const approveRows = selectedRows.value.filter(canApprove);
    if (!approveRows.length) {
      ElMessage.warning("所选数据不可审批");
      return;
    }
    batchApproveOpinion.value = "";
    batchApproveDialog.visible = true;
  }

  async function openReimburseDetail(row, mode) {
    const moduleKey = inferReimburseModuleKeyFromInstance(row);
    if (!moduleKey) return false;
@@ -288,11 +320,46 @@
      await openReimburseDetail(row, "detail");
      return;
    }
    
    detailRow.value = { ...row };
    // 报价审批：用审批事由字段承载的"报价单号"去查报价列表
    if (row.businessType === 6) {
      const quotationNo = row?.quotationNo;
      if (quotationNo) {
        const res = await getQuotationList({ quotationNo });
        const records = res?.data?.records || [];
        detailData.value = records[0] || {};
      }
    }
    
    // 采购审批：用审批事由字段承载的"采购合同号"去查采购详情
    else if (row.businessType === 5) {
      const purchaseContractNumber = row?.purchaseContractNumber;
      if (purchaseContractNumber) {
        const res = await getPurchaseByCode({ purchaseContractNumber });
        detailData.value = res || {};
      }
    }
    
    // 发货审批：用审批事由字段承载的"发货单号"去查发货详情
    else if (row.businessType === 7) {
      const shippingNo = row?.shippingNo;
      if (shippingNo) {
        const res = await getDeliveryDetailByShippingNo({ shippingNo });
        detailData.value = res?.data || res || {};
      }
    }
    
    // 其他审批类型
    else {
      detailData.value = {};
    }
    
    detailDialog.visible = true;
  }

  async function openApprove(row) {

    if (inferReimburseModuleKeyFromInstance(row)) {
      approveOpinion.value = "";
      await openReimburseDetail(row, "approve");
@@ -300,6 +367,38 @@
    }
    approveDialog.row = { ...row };
    approveOpinion.value = "";
    // 报价审批：用审批事由字段承载的"报价单号"去查报价列表
    if (row.businessType === 6) {
      const quotationNo = row?.quotationNo;
      if (quotationNo) {
        const res = await getQuotationList({ quotationNo });
        const records = res?.data?.records || [];
        detailData.value = records[0] || {};
      }
    }

    // 采购审批：用审批事由字段承载的"采购合同号"去查采购详情
    else if (row.businessType === 5) {
      const purchaseContractNumber = row?.purchaseContractNumber;
      if (purchaseContractNumber) {
        const res = await getPurchaseByCode({ purchaseContractNumber });
        detailData.value = res || {};
      }
    }

    // 发货审批：用审批事由字段承载的"发货单号"去查发货详情
    else if (row.businessType === 7) {
      const shippingNo = row?.shippingNo;
      if (shippingNo) {
        const res = await getDeliveryDetailByShippingNo({ shippingNo });
        detailData.value = res?.data || res || {};
      }
    }

    // 其他审批类型
    else {
      detailData.value = {};
    }
    approveDialog.visible = true;
  }

@@ -563,6 +662,40 @@
    }
  }

  async function submitBatchApprove(result) {
    const approveRows = selectedRows.value.filter(canApprove);
    if (!approveRows.length) {
      ElMessage.warning("所选数据不可审批");
      return { ok: false };
    }
    if (result === "rejected" && !(batchApproveOpinion.value || "").trim()) {
      return { needOpinion: true };
    }
    if (batchApproveSubmitting.value) return { ok: false };

    batchApproveSubmitting.value = true;
    try {
      const results = await Promise.allSettled(
        approveRows.map((row) =>
          approveApprovalInstance(
            buildApproveInstanceDto(row, result, batchApproveOpinion.value)
          )
        )
      );
      const successCount = results.filter((item) => item.status === "fulfilled").length;
      const failCount = approveRows.length - successCount;

      batchApproveDialog.visible = false;
      await fetchApprovalList();
      return { ok: successCount > 0, result, successCount, failCount };
    } catch {
      ElMessage.error("批量审批失败");
      return { ok: false };
    } finally {
      batchApproveSubmitting.value = false;
    }
  }

  function approvalActionLabel(result) {
    if (result === "approved") return "通过";
    if (result === "rejected") return "驳回";
@@ -586,10 +719,15 @@
    tableColumn,
    detailDialog,
    detailRow,
    detailData,
    reimburseDialog,
    approveDialog,
    approveOpinion,
    approveSubmitting,
    selectedRows,
    batchApproveDialog,
    batchApproveOpinion,
    batchApproveSubmitting,
    submitReimburseApprove,
    isReimburseApprovalInstance,
    submitDialog,
@@ -611,6 +749,8 @@
    handleQuery,
    resetSearch,
    pagination,
    handleSelectionChange,
    openBatchApproveDialog,
    resetSubmitDialogState,
    openSubmitDialog,
    openEditDialog,
@@ -621,6 +761,7 @@
    submitInstanceForm,
    submitNewApproval,
    submitApprove,
    submitBatchApprove,
    openDetail,
    openApprove,
    fetchApprovalList,