批量审核

src/views/IO/workOrder/delayAudit/index.vue

@@ -1,10 +1,16 @@
 <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>
+          <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>
@@ -50,7 +56,7 @@
   });
   //登录
   const { roleList } = useUserStore();
-   console.log(roleList)
+  console.log(roleList);
   //弹窗内容
   const auditModalRef = ref();
   const showAuditModal = (id: any) => {
@@ -76,8 +82,8 @@
   // };
   // getOptions();
   onActivated(() => {
-    reload()
+    reload();
-  })
+  });
   // 前往审批记录页面
 </script>
 

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}` });
 }

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>

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>
+          <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" />
+    <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 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,
@@ -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()
+    reload();
-  })
+  });
   // 前往审批记录页面
 </script>