移动批量按钮和修改bug

src/views/paymentManagement/paymentList.vue

@@ -31,6 +31,11 @@
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
+    <el-col :span="24" style="margin-bottom:15px;">
+      <el-button type="primary" plain icon="el-icon-plus" size="mini"
+      @click="batchConfirmation"
+      >批量确认缴费</el-button>
+    </el-col>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
       <el-table-column label="序号" type="index" align="center">
         <template slot-scope="scope">
@@ -63,6 +68,8 @@
     <!-- 缴费确认数据详情 -->
     <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag" :getList="getList"
       @cancelpaymentdetails="cancelpaymentdetails"></paymentdetailsDialog>
+    <!-- 批量确认缴费 -->
+    <batchConfirmationPaymens @batchOperate="batchOperate" :batchVisable="batchVisable"></batchConfirmationPaymens>
   </div>
 </template>
 
@@ -73,11 +80,12 @@ import {
   casePay,
 } from "@/api/pay/pay";
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
+import batchConfirmationPaymens from "./components/batchConfirmationPaymens.vue"
 import { getDicts } from '@/api/system/dict/data.js'
 export default {
   name: "paymentList",
   // dicts: ["case_status"],
-  components: { paymentdetailsDialog },
+  components: { paymentdetailsDialog,batchConfirmationPaymens },
   data() {
     return {
       queryParams: {
@@ -103,6 +111,7 @@ export default {
       // 是否显示弹出层
       open: false,
       openPay: false,
+      batchVisable:false,
       // 弹出层内容
       form: {},
       // 校验表单
@@ -201,6 +210,14 @@ export default {
     // 关闭弹窗
     cancelpaymentdetails() {
       this.openDialog = false;
+    },
+        // 批量缴费
+    batchConfirmation(){
+      this.batchVisable = true;
+    },
+    // 批量确认缴费关闭
+    batchOperate(){
+      this.batchVisable = false;
     },
     /** 查询详情 */
     getDetail(parms) {