移动批量按钮和修改bug

src/views/awardManagement/components/batchPrintings.vue

@@ -0,0 +1,158 @@
+<template>
+<!-- 批量用印 -->
+    <div>
+        <el-dialog title="批量用印" width="65%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
+            <!-- 查询机构信息 -->
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="查询机构:"
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '查询机构不能为空',
+                        trigger: 'blur',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择查询机构"
+                    @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                     v-for="item in atoDataList"
+                    :key="item.id"
+                    :label="item.identifyName"
+                    :value="item.operPhone"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center" width="150" :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center"  prop="caseSubjectAmount"/>
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="confirmSeals"><span>确认用印</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
+export default {
+    props:["printingVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 14, 
+                pageNum: 1,
+                pageSize: 10,
+            },
+           // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+        }
+    },
+    watch: {
+        printingVisable(val) {
+            if (val) {
+                this.getBatchPrinting(this.queryParamsData)
+            }
+        }  
+    },
+    created(){
+        this.getBatchPrinting(this.queryParamsData)
+        this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+         getBatchPrinting(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 查询机构信息
+        getarbitrAtor() {
+                this.atoDataList =[]
+                deptIdentifyList({}).then((res) => {
+                    console.log(res)
+                    this.atoDataList = res.rows;
+                    // this.total = res.total; 
+                });
+        },
+        // 下拉获取电话号码
+        changeArbitor(val){
+            this.paramsdata.psnAccount = val
+        },
+        // 确认用印
+        confirmSeals(){
+         this.$refs["courtReviewform"].validate((valid) => {
+            if (valid) {
+          selectBatchSealUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchPrinting(this.queryParamsData)
+              window.open(res.data.signUrl)
+              
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+        cancel() {
+         this.$emit("printingOperate");
+        },
+    }
+}
+</script>

src/views/awardManagement/components/batchSignatures.vue

@@ -0,0 +1,164 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog title="批量签名" width="65%" :visible="signatureVisable" @close="cancel"  center :distroy-on-close="true">
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="仲裁员："
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '仲裁员不能为空',
+                        trigger: 'blur',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择仲裁员"
+                     @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                    v-for="item in atoDataList"
+                    :key="item.value"
+                    :label="item.nickName"
+                    :value="item.phonenumber"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center" width="150"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人"  align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">
+                            {{ scope.row.caseStatusName }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  @pagination="getBatchComfirmation(queryParamsData)"/>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button 
+                type="primary" 
+                class="endbutton" 
+                :disabled="dataList.length == 0 || batchData.length == 0" 
+                @click="witnessing"><span>确认签名</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+export default {
+    props:["signatureVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 13,//待定
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+            
+        }
+    },
+    watch: {
+        signatureVisable(val) {
+            if (val) {
+                this.getBatchSignation(this.queryParamsData)
+            }
+        }  
+    },
+    created(){
+        this.getBatchSignation(this.queryParamsData)
+        this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+        getBatchSignation(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 获取仲裁员信息
+    getarbitrAtor() {
+    this.atoDataList =[]
+      arbitrAtor({}).then((res) => {
+        this.atoDataList = res.rows;
+        // this.total = res.total; 
+      });
+    },
+     changeArbitor(val) {
+         this.paramsdata.psnAccount =val
+   
+    },
+    // 确认签名
+    witnessing(){
+         this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+            console.log(this.paramsdata)
+          selectBatchSignUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchSignation(this.queryParamsData)
+              window.open(res.data.signUrl)
+              
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+     cancel() {
+            this.$emit("signatureOperate");
+        },       
+    }
+}
+</script>

src/views/awardManagement/components/detailsAward.vue

@@ -44,11 +44,17 @@
              <video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
              <el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
          </div>
-         <div v-show="activeName=='six'">
+         <!-- <div v-show="activeName=='six'">
              <div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
                  <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
              </div>
               <el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
+         </div> -->
+         <div  v-show="activeName=='six'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
          </div>
          <div v-show="activeName=='seven'">
             <div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div> 

src/views/awardManagement/listofAwards.vue

@@ -37,6 +37,18 @@
                 <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(5)"
                     v-hasPermi="['awardManagement:list:check']">案件批量核查</el-button>
             </el-col>
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignature"
+                v-hasPermi="['awardManagement:list:signature']"
+                >批量签名
+                </el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button  type="primary" plain icon="el-icon-plus" size="mini" @click="batchPrinting"
+                v-hasPermi="['awardManagement:list:officialSeal']"
+                >批量用印
+                 </el-button>
+            </el-col>
         </el-row>
         <el-table v-loading="loading" :data="dataList" style="width: 100%">
             <el-table-column label="序号" type="index" align="center">
@@ -110,6 +122,10 @@
         <detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
         :flagLoadingS="flagLoadingS" :trialTranscripts="trialTranscripts"
         ></detailsAward>
+         <!-- 批量签名 -->
+        <batchSignatures :signatureVisable="signatureVisable" @signatureOperate="signatureOperate"></batchSignatures>
+        <!-- 批量用印 -->
+        <batchPrintings :printingVisable="printingVisable" @printingOperate="printingOperate"></batchPrintings>
     </div>
 </template>
   
@@ -133,6 +149,8 @@ import detailsAward from './components/detailsAward.vue'
 import { getDicts } from '@/api/system/dict/data.js'
 import { videoList } from "@/api/caseFiling/caseFiling";
 import {attachListByCaseId} from "@/api/caseManagement/caseManagement"
+import batchSignatures from "./components/batchSignatures.vue"
+import batchPrintings from "./components/batchPrintings.vue"
 export default {
     name: "paymentList",
     dicts: ["case_status"],
@@ -141,7 +159,9 @@ export default {
      mailawardDialog, 
      expressDeliveryDialog,
      operateDialog,
-     detailsAward 
+     detailsAward,
+     batchSignatures,
+     batchPrintings
      },
     data() {
         return {
@@ -170,6 +190,8 @@ export default {
             dataList: [],
             detailform: {}, //缴费详情数据
             detailsAwardNum:{},//裁决书数据
+            signatureVisable:false,//批量签名
+            printingVisable:false,
             videoList:"", //视频数据
             trialTranscripts:[],//庭审笔录
             openDialog: false, //缴费详情数据弹框
@@ -220,6 +242,12 @@ export default {
          cancelDetail(){
             this.showarchiveDetails = false;
         },
+        signatureOperate(){
+        this.signatureVisable = false;
+        },
+        printingOperate(){
+        this.printingVisable = false;
+        },
         operateClick(type) {
             this.operateVisable = true;
             if (type == 0) {
@@ -402,6 +430,14 @@ export default {
             attachListByCaseId(data).then(res =>{
                 this.trialTranscripts = res.data;
             })
+        },
+        // 批量签名
+        batchSignature(){
+        this.signatureVisable = true;
+        },
+           // 批量用印
+        batchPrinting(){
+        this.printingVisable = true;
         }
        
     },

src/views/caseManagement/caseList.vue

@@ -61,14 +61,14 @@
           v-hasPermi="['caseManagement:list:Batchgeneration']">批量生成裁决书</el-button>
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(6)"
           v-hasPermi="['caseManagement:list:pay']">批量缴费</el-button>
-          <el-button type="primary" plain icon="el-icon-plus" size="mini" 
+          <!-- <el-button type="primary" plain icon="el-icon-plus" size="mini" 
            @click="batchConfirmation"
            v-hasPermi="['caseManagement:list:batchConfirma']"
            >
           批量缴费确认
-        </el-button>
+        </el-button> -->
       </el-col>
-      <el-col :span="24" style="margin-top:10px;">
+      <!-- <el-col :span="24" style="margin-top:10px;">
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignatures"
           v-hasPermi="['caseManagement:list:signature']"
         >
@@ -79,7 +79,7 @@
         >
           批量用印
         </el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%" :row-class-name="tableRowClassName" class="pendingTrial">
       <el-table-column type="selection">
@@ -876,6 +876,7 @@ export default {
         // console.log(this.caseAttachList,"caseAttachList")
         this.form.requestRule = res.data.requestRule;
         this.form.properPreser = res.data.properPreser;
+        this.form.facts =res.data.facts;
         this.form.applicantIsWrittenHear = 1
       });
     },

src/views/caseManagement/components/caseentryDialog.vue

@@ -512,8 +512,8 @@
                 },
               ]">
                 <el-radio-group v-model="itm.responSex">
-                  <el-radio label="1">男</el-radio>
+                  <el-radio label="0">男</el-radio>
-                  <el-radio label="0">女</el-radio>
+                  <el-radio label="1">女</el-radio>
                 </el-radio-group>
               </el-form-item>
             </el-col>
@@ -525,7 +525,7 @@
                   trigger: 'blur',
                 },
               ]">
-                <el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="datetime"
+                <el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="date"
                   placeholder="被申请人出生年月日">
                 </el-date-picker>
               </el-form-item>
@@ -848,6 +848,7 @@ export default {
           this.applicateArr = [];
           this.quiltArr = [];
           this.formData = this.form;
+          console.log(this.form)
           this.fileList = [];
           if (this.flag == "1" || this.flag == "0") {
             this.form2.paymentArr = this.initpaymentArr;

src/views/paymentManagement/components/batchConfirmationPaymens.vue

@@ -0,0 +1,150 @@
+<template>
+    <div>
+        <!-- 批量确认缴费 -->
+        <el-dialog title="批量确认缴费" :visible="batchVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table v-loading="loading" style="width: 100%" :data="dataList" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" prop="arbitratorName" align="center"  />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" prop="hearDate" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" prop="caseStatusName" align="center">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton"  :disabled="dataList.length == 0 || batchData.length == 0" @click="submitPay"><span>确认缴费</span></el-button>
+            </div>
+            <el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
+                <!-- 案件总金额 -->
+                <h3>案件总金额：{{ form.totalFee / 100 }}</h3>
+                <el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
+                    :key="index" border>
+                    <el-descriptions-item label="案件编号">{{
+                        item.caseNum
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人">{{
+                        item.caseAppName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件标的">{{
+                        item.caseSubjectAmount
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件应缴费用">{{
+                        item.feePayable
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="被申请人">{{
+                        item.caseResName
+                    }}</el-descriptions-item>
+                    <!-- <el-descriptions-item label="申请人仲裁诉求">{{
+                        item.arbitratClaims
+                    }}</el-descriptions-item> -->
+                </el-descriptions>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+                    <el-button type="primary" class="endbutton" @click="submitUpload"><span>确认缴费</span></el-button>
+                </div>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {caseApply} from '@/api/caseAccess/caseEntry'
+import { getPayDetail,confirmPay} from "@/api/pay/pay";
+export default {
+    props:["batchVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 3,
+                pageNum: 1,
+                pageSize: 10,
+            },
+             // 表格数据
+            dataList: [],
+            batchData: [],
+            payVisible: false,
+            form: {},
+            submitForm: {
+                ids:[]
+            },
+        }
+    },
+     watch: {
+        batchVisable(val) {
+            if (val) {
+                this.getBatchComfirmation(this.queryParamsData)
+            }
+        }  
+    },
+    created(){
+        this.getBatchComfirmation(this.queryParamsData)
+    },
+    methods:{
+        // 查询列表
+        getBatchComfirmation(val){
+             this.loading = true;
+            caseApply(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
+              // 批量缴费弹窗
+        submitPay() {
+            this.payVisible = true;
+            this.getPayDetailFn({ caseIds: this.batchData })
+        },
+         // 查询缴费信息
+        getPayDetailFn(params) {
+            getPayDetail(params).then(res => {
+                console.log(res)
+                this.form = res.data;
+            })
+        },
+       payCancel() {
+            this.payVisible = false;
+        },
+        submitUpload() {
+            this.submitForm.ids = this.batchData;
+            console.log(this.submitForm)
+            confirmPay(this.submitForm).then(res => {
+                this.$modal.msgSuccess("成功");
+                this.payCancel();
+                this.getBatchComfirmation(this.queryParamsData);
+            })
+        },
+        cancel() {
+         this.$emit("batchOperate");
+        },
+    }
+}
+</script>

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) {