huminmin
9 天以前 1455e8a5dcea2209b4d1baf4d513aa8fbfb2b39b
src/views/inventoryManagement/dispatchLog/Record.vue
@@ -1,6 +1,6 @@
<template>
   <div class="app-container">
      <div class="search_form">
   <div>
      <div class="search_form" style="margin-bottom: 10px;">
         <div>
            <span class="search_title ml10">出库日期:</span>
            <el-date-picker
@@ -27,6 +27,7 @@
            >
         </div>
         <div>
            <el-button type="primary" @click="handleBatchApprove">审批</el-button>
            <el-button @click="handleOut">导出</el-button>
            <el-button type="danger" plain @click="handleDelete">删除</el-button>
            <el-button type="primary" plain @click="handlePrint">打印</el-button>
@@ -93,6 +94,11 @@
            {{ getRecordType(scope.row.recordType) }}
          </template>
        </el-table-column>
            <el-table-column label="审批状态" prop="approvalStatus" show-overflow-tooltip>
               <template #default="scope">
                  {{ getApprovalStatusLabel(scope.row.approvalStatus) }}
               </template>
            </el-table-column>
         </el-table>
         <pagination
            v-show="total > 0"
@@ -114,7 +120,8 @@
import { getCurrentDate } from "@/utils/index.js";
import {
   getStockOutPage,
   delStockOut,
   delPendingStockOut,
   batchApproveStockOutRecords,
} from "@/api/inventoryManagement/stockOut.js";
import {
  findAllQualifiedStockOutRecordTypeOptions, findAllUnQualifiedStockOutRecordTypeOptions,
@@ -172,7 +179,7 @@
};
const getList = () => {
   tableLoading.value = true;
   getStockOutPage({ ...searchForm.value, ...page, type: props.type, topParentProductId: props.topParentProductId })
   getStockOutPage({ ...searchForm.value, ...page,  topParentProductId: props.topParentProductId })
      .then((res) => {
         tableLoading.value = false;
         tableData.value = res.data.records;
@@ -189,6 +196,25 @@
const getRecordType = (recordType) => {
  return stockRecordTypeOptions.value.find(item => item.value === recordType)?.label || ''
}
const approvalStatusLabelMap = {
   0: "待审批",
   1: "通过",
   2: "驳回",
   pending: "待审批",
   approved: "通过",
   rejected: "驳回",
   PENDING: "待审批",
   APPROVED: "通过",
   REJECTED: "驳回",
};
const getApprovalStatusLabel = (status) => {
   if (status === null || status === undefined || status === "") {
      return "待审批";
   }
   return approvalStatusLabelMap[status] || "待审批";
};
// 获取来源类型选项
const fetchStockRecordTypeOptions = () => {
@@ -212,6 +238,44 @@
   console.log("selection", selectedRows.value);
};
const expandedRowKeys = ref([]);
const handleBatchApprove = () => {
   if (selectedRows.value.length === 0) {
      proxy.$modal.msgWarning("请选择数据");
      return;
   }
   const ids = selectedRows.value.map((item) => item.id);
   ElMessageBox.confirm("请选择审批结果", "审批", {
      confirmButtonText: "通过",
      cancelButtonText: "驳回",
      type: "warning",
      distinguishCancelAndClose: true,
   })
      .then(() => {
         batchApproveStockOutRecords({ ids, approvalStatus: 1 })
            .then(() => {
               proxy.$modal.msgSuccess("审批通过成功");
               getList();
            })
            .catch(() => {
               proxy.$modal.msgError("审批通过失败");
            });
      })
      .catch((action) => {
         if (action === "cancel") {
            batchApproveStockOutRecords({ ids, approvalStatus: 2 })
               .then(() => {
                  proxy.$modal.msgSuccess("审批驳回成功");
                  getList();
               })
               .catch(() => {
                  proxy.$modal.msgError("审批驳回失败");
               });
            return;
         }
         proxy.$modal.msg("已取消");
      });
};
// 导出
const handleOut = () => {
@@ -243,7 +307,7 @@
      type: "warning",
   })
      .then(() => {
         delStockOut(ids).then((res) => {
         delPendingStockOut(ids).then((res) => {
            proxy.$modal.msgSuccess("删除成功");
            getList();
         });