From 583d62a91ae62800d6ea82c8a1860be6b229d054 Mon Sep 17 00:00:00 2001
From: wbc <942429426@qq.com>
Date: Fri, 20 Jun 2025 16:36:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=B9=E9=87=8F=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/IO/workOrder/delayAudit/index.vue   |  34 +++---
 src/views/IO/workOrder/orderAudit/api.ts      |   6 +
 .../IO/workOrder/orderAudit/batchAudit.vue    | 113 ++++++++++++++++++
 src/views/IO/workOrder/orderAudit/index.vue   |  43 +++++--
 4 files changed, 169 insertions(+), 27 deletions(-)
 create mode 100644 src/views/IO/workOrder/orderAudit/batchAudit.vue

diff --git a/src/views/IO/workOrder/delayAudit/index.vue b/src/views/IO/workOrder/delayAudit/index.vue
index 5800edf..2220d11 100644
--- a/src/views/IO/workOrder/delayAudit/index.vue
+++ b/src/views/IO/workOrder/delayAudit/index.vue
@@ -1,16 +1,22 @@
 <template>
   <PageWrapper dense>
     <BasicTable @register="registerTable">
-
       <template #bodyCell="{ column, record }">
-        <template v-if="column && record && column.key === 'action'"> 
-          <a-button type="link" @click="showAuditModal(record.id)" v-if="record.handleResult=='待处理'&&(roleList[0]!='yunwei'||roleList[0]!='yezhu')">审核</a-button>
+        <template v-if="column && record && column.key === 'action'">
+          <a-button
+            type="link"
+            @click="showAuditModal(record.id)"
+            v-if="
+              record.handleResult == '待处理' && (roleList[0] != 'yunwei' || roleList[0] != 'yezhu')
+            "
+            >审核</a-button
+          >
           <a-button type="link" @click="showDrawer(record.id)">详情</a-button>
         </template>
       </template>
     </BasicTable>
-    <auditModal ref="auditModalRef" @success="reload()"/>
-    <detailDrawer ref="detailDrawerRef"  />
+    <auditModal ref="auditModalRef" @success="reload()" />
+    <detailDrawer ref="detailDrawerRef" />
   </PageWrapper>
 </template>
 
@@ -21,10 +27,10 @@
   import { formSchemas, columns } from './data';
   import auditModal from './auditModal.vue';
   import detailDrawer from './detailDrawer.vue';
-  import { ref,onActivated } from 'vue';
+  import { ref, onActivated } from 'vue';
   import { useUserStore } from '@/store/modules/user';
 
-  const [registerTable,{reload}] = useTable({
+  const [registerTable, { reload }] = useTable({
     title: '延期审核',
     api: list,
     showIndexColumn: true,
@@ -49,16 +55,16 @@
     },
   });
   //登录
-   const { roleList } = useUserStore();
-   console.log(roleList)
+  const { roleList } = useUserStore();
+  console.log(roleList);
   //弹窗内容
   const auditModalRef = ref();
-  const showAuditModal = (id:any) => {
+  const showAuditModal = (id: any) => {
     auditModalRef.value.showModal(id);
   };
   //详情抽屉
   const detailDrawerRef = ref();
-  const showDrawer = (id:any) => {
+  const showDrawer = (id: any) => {
     detailDrawerRef.value.showDrawer(id);
   };
   // const projectOptions = ref([]);
@@ -75,9 +81,9 @@
   //   getProjectOptions();
   // };
   // getOptions();
-  onActivated(()=>{
-    reload()
-  })
+  onActivated(() => {
+    reload();
+  });
   // 前往审批记录页面
 </script>
 
diff --git a/src/views/IO/workOrder/orderAudit/api.ts b/src/views/IO/workOrder/orderAudit/api.ts
index d3c5dc1..e91d5d7 100644
--- a/src/views/IO/workOrder/orderAudit/api.ts
+++ b/src/views/IO/workOrder/orderAudit/api.ts
@@ -15,6 +15,7 @@ enum Api {
   initReviewOrder = '/platform/workOrder/initReviewOrder',
   lastReviewOrder = '/platform/workOrder/lastReviewOrder',
   getOrderDelayHistory = '/platform/orderDelayHistory/queryByWorkOrderId',
+  batchReviewOrder = '/platform/workOrder/batchReviewOrder',
   
 }
 
@@ -72,6 +73,11 @@ export function initReviewOrder(data:any) {
 export function lastReviewOrder(data:any) {
   return defHttp.post({ url: Api.lastReviewOrder,data });
 }
+
+export function batchReviewOrder(data:any) {
+  return defHttp.post({ url: Api.batchReviewOrder,data });
+}
+
 export function getOrderDelayHistory(id: any) {
   return defHttp.get({ url: `${Api.getOrderDelayHistory}?workOrderId=${id}` });
 }
\ No newline at end of file
diff --git a/src/views/IO/workOrder/orderAudit/batchAudit.vue b/src/views/IO/workOrder/orderAudit/batchAudit.vue
new file mode 100644
index 0000000..6f07e28
--- /dev/null
+++ b/src/views/IO/workOrder/orderAudit/batchAudit.vue
@@ -0,0 +1,113 @@
+<template>
+  <a-modal v-model:open="visible" :title="title" @ok="handleOk" width="50%" @cancel="closeModal">
+    <a-form :model="form" layout="vertical" ref="formRef" :rules="rules">
+      <a-row :gutter="[16, 16]">
+        <a-col :span="24">
+          <a-form-item label="审核结果" name="auditResult">
+            <a-select
+              v-model:value="form.auditResult"
+              :options="auditResultOptions"
+              placeholder="请选择"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="[16, 16]">
+        <a-col :span="24">
+          <a-form-item label="审核意见" name="auditOpinion">
+            <a-textarea v-model:value="form.auditOpinion" :rows="4" placeholder="请输入" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="[16, 16]">
+        <a-col :span="24">
+          <a-form-item label="是否结案" name="isCloseCase" v-if="form.auditResult == '通过'">
+            <a-radio-group v-model:value="form.isCloseCase">
+              <a-radio value="是">是</a-radio>
+              <a-radio value="否">否</a-radio>
+            </a-radio-group>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
+</template>
+
+<script>
+  import { reactive, ref } from 'vue';
+  import { message } from 'ant-design-vue';
+  import { getInfo, batchReviewOrder } from './api';
+  export default {
+    setup(props, { emit }) {
+      const title = ref('批量审核');
+      const visible = ref(false);
+      const form = reactive({
+        auditResult: null,
+        auditOpinion: '',
+        isCloseCase: null,
+        ids: null,
+      });
+      //下拉框
+      const auditResultOptions = [
+        {
+          value: '通过',
+        },
+        {
+          value: '退回',
+        },
+      ];
+      const showModal = async (ids) => {
+        visible.value = true;
+        form.ids = ids;
+      };
+
+      const handleOk = () => {
+        formRef.value.validate().then((valid) => {
+          if (valid) {
+            const params = {};
+            for (let i in form) {
+              params[i] = form[i];
+            }
+            if (params.auditResult == '退回') {
+              delete params.isCloseCase;
+            }
+            batchReviewOrder(params).then((_) => {
+              message.success('操作成功');
+              emit('success');
+              closeModal();
+            });
+          }
+        });
+      };
+      const closeModal = () => {
+        formRef.value.resetFields();
+        visible.value = false;
+      };
+      const formRef = ref();
+      const rules = {
+        auditResult: [{ required: true, message: '请选择' }],
+        auditOpinion: [{ required: true, message: '请输入' }],
+        isCloseCase: [{ required:true, message: '请选择' }],
+      };
+      return {
+        visible,
+        title,
+        form,
+        auditResultOptions,
+        showModal,
+        handleOk,
+        closeModal,
+        formRef,
+        rules,
+      };
+    },
+  };
+</script>
+
+<style scoped>
+  /* 可选样式调整 */
+  .ant-modal-body {
+    max-width: 600px;
+    margin: 0 auto;
+  }
+</style>
diff --git a/src/views/IO/workOrder/orderAudit/index.vue b/src/views/IO/workOrder/orderAudit/index.vue
index e24006b..a9d4e2a 100644
--- a/src/views/IO/workOrder/orderAudit/index.vue
+++ b/src/views/IO/workOrder/orderAudit/index.vue
@@ -1,16 +1,24 @@
 <template>
   <PageWrapper dense>
     <BasicTable @register="registerTable">
-
+      <template #toolbar>
+        <a-button type="primary" v-if="selected" @click="goBatchAudit">批量审核</a-button>
+      </template>
       <template #bodyCell="{ column, record }">
-        <template v-if="column && record && column.key === 'action'"> 
-          <a-button type="link" @click="showAuditModal(record.id,record.status)" v-if="record.status!=6">审核</a-button>
+        <template v-if="column && record && column.key === 'action'">
+          <a-button
+            type="link"
+            @click="showAuditModal(record.id, record.status)"
+            v-if="record.status != 6"
+            >审核</a-button
+          >
           <a-button type="link" @click="showDrawer(record.id)">详情</a-button>
         </template>
       </template>
     </BasicTable>
-    <auditModal ref="auditModalRef" @success="reload()"/>
-    <detailDrawer ref="detailDrawerRef"  />
+    <auditModal ref="auditModalRef" @success="reload()" />
+    <detailDrawer ref="detailDrawerRef" />
+    <batchAudit ref="batchAuditRef" @success = "reload()" />
   </PageWrapper>
 </template>
 
@@ -21,9 +29,13 @@
   import { formSchemas, columns } from './data';
   import auditModal from './auditModal.vue';
   import detailDrawer from './detailDrawer.vue';
-  import { ref,onActivated } from 'vue';
+  import batchAudit from './batchAudit.vue';
+  import { ref, onActivated } from 'vue';
 
-  const [registerTable,{reload}] = useTable({
+  const [registerTable, { reload, getSelectRowKeys,selected }] = useTable({
+    rowSelection: {
+      type: 'checkbox',
+    },
     title: '工单审核',
     api: list,
     showIndexColumn: true,
@@ -49,12 +61,12 @@
   });
   //弹窗内容
   const auditModalRef = ref();
-  const showAuditModal = (id:any,status:any) => {
-    auditModalRef.value.showModal(id,status);
+  const showAuditModal = (id: any, status: any) => {
+    auditModalRef.value.showModal(id, status);
   };
   //详情抽屉
   const detailDrawerRef = ref();
-  const showDrawer = (id:any) => {
+  const showDrawer = (id: any) => {
     detailDrawerRef.value.showDrawer(id);
   };
   const projectOptions = ref([]);
@@ -67,13 +79,18 @@
     projectOptions.value = res;
     formSchemas[0].componentProps.options = projectOptions.value;
   };
+  //批量审核
+  const batchAuditRef = ref()
+  const goBatchAudit = () =>{
+   batchAuditRef.value.showModal(getSelectRowKeys())
+  }
   const getOptions = () => {
     getProjectOptions();
   };
   getOptions();
-  onActivated(()=>{
-    reload()
-  })
+  onActivated(() => {
+    reload();
+  });
   // 前往审批记录页面
 </script>