台账类批量导出

src/api/allApi/index.js

@@ -616,3 +616,12 @@ export function approveTypeUserList1() {
   });
 }
 
+// 台账导出
+export function batchExportTaiZhang(params) {
+  return request({
+    url: "/postCheck/postCheckedProblem/batchExportTaiZhang",
+    method: "get",
+    params
+  });
+}
+

src/views/jobinspectionHistory/jobinspectionProblem/index.vue

@@ -38,9 +38,12 @@
         <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
 
+      <el-button type="primary" @click="batchExport" style="float: right;">批量导出</el-button>
+
     </el-form>
 
-    <el-table border v-loading="loading" :data="tableData" height="calc(100% - 100px)">
+    <el-table border v-loading="loading" :data="tableData" height="calc(100% - 100px)" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center" width="80">
         <template slot-scope="scope">
           <span>{{
@@ -480,14 +483,17 @@
 <script>
 import {
   postCheckedProblemList,
-  postCheckedProblemDetail
+  postCheckedProblemDetail,
+  batchExportTaiZhang
 } from '@/api/allApi/index.js'
+import download from "@/plugins/download.js";
 import { getBase64 } from '@/api/postInspectionPlanning/projectManagement.js'
 export default {
   name: 'PostResponsibilityMeun',
 
   data() {
     return {
+      ids:[],
       valueYear: '',
       queryParams: {
         dutyType: '',
@@ -605,6 +611,10 @@ export default {
   },
 
   methods: {
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+    },
     initYear() {
       let _now = new Date()
       let currentYear = _now.getFullYear()
@@ -662,7 +672,12 @@ export default {
           }
         )
       }
-    }
+    },
+    batchExport() {
+      batchExportTaiZhang({ ids: this.ids.join(",") }).then((res) => {
+        download.resource(res.msg);
+      });
+    },
   }
 }
 </script>