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

src/views/batchManagement/batchManagList.vue

@@ -24,7 +24,7 @@
             <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>
@@ -42,7 +42,7 @@
                     <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>
@@ -55,9 +55,9 @@
         @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>
         <!-- 查看案件列表 -->
@@ -76,11 +76,14 @@
         <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'
@@ -92,6 +95,7 @@ import batchPrinting from './components/batchPrinting.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,
@@ -104,7 +108,8 @@ export default {
         batchPrinting,
         filingReview,
         arbitratorsDocuments,
-        arbitratorsvVerify
+        arbitratorsvVerify,
+        departmentReviews
         
     },
     data() {
@@ -119,6 +124,9 @@ export default {
             total: 0,
             filingFeviewbatchNumber:'',
             batchPaymentValue:{},
+            confirmPaymen:{},//批量确认缴费
+            totalFees:{},//缴费总金额
+            totalFeeConfir:{},//确认缴费总金额
             caseVisablePay: false,//批量缴费弹窗
             caseVisablePayment:false,//批量缴费确认
             caseVisableReview:false,//批量组庭审核
@@ -130,6 +138,7 @@ export default {
             caseVisableReviewF:false, //批量立案审查
             caseVisableSecretary:false,//秘书审核文书
             caseVisablearBitration:false,//仲裁员核查文书
+            caseVisablearHead:false,//部门长审核文书
             dataList: [],
             editData:{}
         };
@@ -184,14 +193,22 @@ export default {
         // 批量缴费
         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(){
@@ -284,8 +301,14 @@ export default {
         },
         cancelCaseBitration(){
             this.caseVisablearBitration = false
+        },
+        // 部门长审核仲裁文书
+        departmentDocuments(){
+            this.caseVisablearHead = true
+        },
+        cancelCaseHead(){
+             this.caseVisablearHead = false
         }
-        
     },
 };
 </script>