仲裁员批量审核页面开发，和接口联调

src/api/batchManagement/batchManagement.js

       method: 'post',
       data: data
   })
+}
+//批量缴费总金额
+export function payListBatch(data) {
+  return request({
+      url: '/pay/listBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 缴费支付二维码
+export function casePayBatch(data) {
+  return request({
+      url: '/pay/casePayBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 批量缴费确认
+export function confirmBatch(data) {
+  return request({
+      url: '/pay/confirmBatch',
+      method: 'post',
+      data: data
+  })
 }

src/views/batchManagement/batchManagList.vue

             <el-table-column label="申请人" align="center" prop="name" :show-overflow-tooltip="true" />
             <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
             <el-table-column label="仲裁员" align="center" prop="arbitratorName" :show-overflow-tooltip="true" />
-            <el-table-column label="案件状态" align="center" prop="caseStatusName">
+            <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true">
             <template slot-scope="scope">
             <el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
             </template>
                     <el-button size="mini" type="text" @click="batchWrittenReview(scope.row)">书面审理</el-button>
                     <el-button size="mini" type="text" @click="secretaryArbitration(scope.row)">秘书审核仲裁文书</el-button>
                     <el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)">仲裁员核验仲裁文书</el-button>
-                    <el-button size="mini" type="text">部门长审核仲裁文书</el-button>
+                    <el-button size="mini" type="text" @click="departmentDocuments(scope.row)">部门长审核仲裁文书</el-button>
                     <el-button size="mini" type="text" @click="batchSignatures(scope.row)">签名</el-button>
                     <el-button size="mini" type="text" @click="batchPrintings(scope.row)">用印</el-button>
                     <el-button size="mini" type="text" @click="arbitrationAward(scope.row)">生成裁决书</el-button>
         @pagination="getList(queryParams)"
              />
         <!-- 缴费 -->
-        <batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue"></batchPayment>
+        <batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue" :totalFees="totalFees" :queryParams="queryParams" @getList="getList"></batchPayment>
         <!-- 缴费确认 -->
-        <paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment"></paymentConfirmation>
+        <paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment" :confirmPaymen="confirmPaymen" :queryParams="queryParams" @getList="getList" :totalFeeConfir="totalFeeConfir"></paymentConfirmation>
         <!-- 组庭审核 -->
         <courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview"></courtReview>
         <!-- 查看案件列表 -->
         <arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary"></arbitratorsDocuments>
         <!-- 仲裁员审核仲裁文书 -->
         <arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration"></arbitratorsvVerify>
+        <!-- 部门长审核仲裁文书 -->
+        <departmentReviews :caseVisablearHead="caseVisablearHead" @cancelCaseHead="cancelCaseHead"></departmentReviews>
     </div>    
 </template>
   
 <script>
-import {listBatch,submitCaseApplicationBatch} from '@/api/batchManagement/batchManagement.js'
+import {listBatch,submitCaseApplicationBatch,payListBatch} from '@/api/batchManagement/batchManagement.js'
+import { caseApplicationDetail } from "@/api/pay/pay";
 import batchPayment from './components/batchPayment.vue'
 import paymentConfirmation from './components/paymentConfirmation.vue'
 import courtReview from './components/courtReview.vue'
 import filingReview from './components/filingReview.vue'
 import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
 import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
+import departmentReviews from './components/departmentReviews.vue'
 export default {
     components: {
         batchPayment,
         batchPrinting,
         filingReview,
         arbitratorsDocuments,
-        arbitratorsvVerify
+        arbitratorsvVerify,
+        departmentReviews
         
     },
     data() {
             total: 0,
             filingFeviewbatchNumber:'',
             batchPaymentValue:{},
+            confirmPaymen:{},//批量确认缴费
+            totalFees:{},//缴费总金额
+            totalFeeConfir:{},//确认缴费总金额
             caseVisablePay: false,//批量缴费弹窗
             caseVisablePayment:false,//批量缴费确认
             caseVisableReview:false,//批量组庭审核
             caseVisableReviewF:false, //批量立案审查
             caseVisableSecretary:false,//秘书审核文书
             caseVisablearBitration:false,//仲裁员核查文书
+            caseVisablearHead:false,//部门长审核文书
             dataList: [],
             editData:{}
         };
         // 批量缴费
         batchPayments(row){
             this.batchPaymentValue = row
-            console.log(row)
+            let batchNumber = row.batchNumber.toString()
+            payListBatch({batchNumber:batchNumber}).then(res=>{
+                this.totalFees = res.data
+            })
             this.caseVisablePay = true
         },
         cancelCasePay(){
             this.caseVisablePay = false
         },
         // 批量缴费确认
-        paymentConfir(){
+        paymentConfir(row){
+            this.confirmPaymen = row
+            let batchNumber = row.batchNumber.toString()
+            payListBatch({batchNumber:batchNumber}).then(res=>{
+                this.totalFeeConfir = res.data
+            })
             this.caseVisablePayment = true
         },
         cancelCasePayment(){
         },
         cancelCaseBitration(){
             this.caseVisablearBitration = false
+        },
+        // 部门长审核仲裁文书
+        departmentDocuments(){
+            this.caseVisablearHead = true
+        },
+        cancelCaseHead(){
+             this.caseVisablearHead = false
         }
-        
     },
 };
 </script>

src/views/batchManagement/components/arbitratorsvVerify.vue

         <!-- 仲裁员批量审核 -->
         <el-dialog title="仲裁员批量审核" :visible="caseVisablearBitration" destroy-on-close width="30%"  @close="cancel" center>
             <div slot="footer" class="dialog-footer">
-                <el-button type="primary"  class="endbutton"><span>确认</span></el-button>
+                <el-button type="primary"  class="endbutton"><span>同 意</span></el-button>
+                <el-button type="danger"  class="endbutton"><span>驳 回</span></el-button>
                 <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
             </div>
         </el-dialog>

src/views/batchManagement/components/batchPayment.vue

     <el-dialog title="批量确认缴费" :visible="caseVisablePay" @close="payCancel" width="800px" append-to-body
       :destroy-on-close="true" center>
       <el-descriptions>
-        <el-descriptions-item label="案件总金额">1000</el-descriptions-item>
+        <el-descriptions-item label="案件总金额">{{totalFees.totalFee}}元</el-descriptions-item>
         <el-descriptions-item label="申请人">{{batchPaymentValue.name}}</el-descriptions-item>
       </el-descriptions>
       <div class="paySelectType">
 
 <script>
 import { casePay, confirmPayDig } from "@/api/pay/pay";
-import {confirmPayBatch} from '@/api/batchManagement/batchManagement.js'
+import {confirmPayBatch,casePayBatch} from '@/api/batchManagement/batchManagement.js'
 import QRCode from "qrcodejs2";
 import { getToken } from "@/utils/auth";
 export default {
-  props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue"],
+  props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue","totalFees"],
   data() {
     return {
       // key: value
       }
       let batchNumber = this.batchPaymentValue.batchNumber.toString()
       let submitForm =  Object.assign(this.submitForm,{batchNumber:batchNumber})
-      console.log(submitForm)
       confirmPayBatch(submitForm).then(res=>{
-        this.$modal.msgSuccess("成功");
+        this.$modal.msgSuccess("缴费成功");
         this.payCancel()
-        this.$emit("getcaseApply", this.queryParams);
+        this.$emit("getList", this.queryParams);
       })
     },
     handleRemove(file, fileList) {
     },
     // 支付
     pay(val) {
-      if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
+      if (this.totalFees.totalFee == 0 || !this.totalFees.totalFee) {
         this.$message({
           message: "此案件无需缴费",
           type: "error",
         payType = "alipay";
         this.payMain = "请使用支付宝扫二维码支付";
       }
-      casePay({
-        totalFee: this.payForm.feePayable * 100,
-        caseIds: [this.payForm.caseId],
+      let batchNumber = this.batchPaymentValue.batchNumber.toString()
+      casePayBatch({
+        totalFee: this.totalFees.totalFee*100,
+        batchNumber:batchNumber,
         tradeType: "native",
         platform: payType,
       }).then((res) => {
+        console.log(res)
         this.paySrc = res.data.code_url;
         this.qrcode(this.paySrc);
       });

src/views/batchManagement/components/courtReview.vue

   <div>
     <!-- 组庭界面 -->
     <el-dialog
-      title="组庭建议"
+      title="批量组庭审核"
       :visible="caseVisableReview"
       v-if="caseVisableReview"
       @close="cancel"
   },
   watch: {
     caseVisableReview(val){
-      console.log(this.formateCourtData)
       this.Arbitor = ""
       if(val){
         this.isAgreePendTral = 1;

src/views/batchManagement/components/departmentReviews.vue

+<template>
+    <div>
+        <!-- 部门长批量审核 -->
+        <el-dialog title="部门长批量审核" :visible="caseVisablearHead" destroy-on-close width="30%"  @close="cancel" center>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton"><span>同 意</span></el-button>
+                <el-button type="danger"  class="endbutton"><span>驳 回</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisablearHead","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablearHead(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseHead");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/paymentConfirmation.vue

         <!-- 批量缴费确认 -->
         <el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
             <el-descriptions>
-                <el-descriptions-item label="案件总金额">1000</el-descriptions-item>
-                <el-descriptions-item label="申请人">xx</el-descriptions-item>
+                <el-descriptions-item label="案件总金额">{{totalFeeConfir.totalFee}}</el-descriptions-item>
+                <el-descriptions-item label="申请人">{{confirmPaymen.name}}</el-descriptions-item>
             </el-descriptions>
             <div slot="footer" class="dialog-footer">
-                <el-button type="primary"  class="endbutton"><span>确认</span></el-button>
+                <el-button type="primary"  class="endbutton" @click="confirmPayment"><span>缴费确认</span></el-button>
                 <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
             </div>
         </el-dialog>
     </div>
 </template>
 <script>
+import {confirmBatch} from '@/api/batchManagement/batchManagement.js'
 export default {
-    props: ["caseVisablePayment","queryParams"],
+    props: ["caseVisablePayment","queryParams","confirmPaymen","totalFeeConfir"],
     dicts: ["manager_type"],
     data() {
         return {
 
     },
     methods: {
+        confirmPayment(){
+            confirmBatch({batchNumber:this.confirmPaymen.batchNumber}).then(res=>{
+                this.$modal.msgSuccess("缴费确认成功");
+                this.cancel()
+                this.$emit("getList", this.queryParams);
+            })
+        },
         cancel() {
             this.$emit("cancelCasePayment");
         },