批量接口联调，查看案件列表跳转

src/views/batchManagement/batchManagList.vue

 <template>
     <div class="app-container">
-            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
-            <el-form-item label="批号:" prop="batchNumber">
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
+            <el-form-item label="案件批号:" prop="batchNumber">
                 <el-input v-model="queryParams.batchNumber" placeholder="请输入批号" clearable @keyup.enter.native="handleQuery" />
             </el-form-item>
              <el-form-item label="申请人" prop="applicantName">
                     }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="案件批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
             <el-table-column label="申请人" align="center" prop="applicantName" :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" class-name="small-padding fixed-width" width="350">
                 <template slot-scope="scope">
                     <el-button size="mini" type="text" icon="el-icon-view" @click="viewingCasesBtn(scope.row)">查看案件列表</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-check" @click="confirmSubmission(scope.row)">提交</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)">立案审查</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)">缴费</el-button>
-                    <el-button size="mini" type="text" @click="paymentConfir(scope.row)">缴费确认</el-button>
-                    <el-button size="mini" type="text" @click="courtReviews(scope.row)">组庭审核</el-button>
-                    <el-button size="mini" type="text" @click="courtConfirmations(scope.row)">组庭确认</el-button>
-                    <el-button size="mini" type="text" @click="reviewArbitrations(scope.row)">审核仲裁方式</el-button>
-                    <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" @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" icon="el-icon-check" @click="confirmSubmission(scope.row)" v-if="scope.row.caseStatusstr == '0' && checkPermi(['batchManagement:list:submit'])">提交</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)" v-if="scope.row.caseStatusstr == '1' && checkPermi(['batchManagement:list:filingReview'])">立案审查</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)" v-if="scope.row.caseStatusstr == '2' && checkPermi(['batchManagement:list:pay'])">缴费</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="paymentConfir(scope.row)" v-if="scope.row.caseStatusstr == '3' && checkPermi(['batchManagement:list:payconfirm'])">缴费确认</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-check" @click="courtReviews(scope.row)" v-if="scope.row.caseStatusstr == '5' && checkPermi(['batchManagement:list:checkgroup'])">组庭审核</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-sort" @click="courtConfirmations(scope.row)" v-if="scope.row.caseStatusstr == '6' && checkPermi(['batchManagement:list:confirmgroup'])">组庭确认</el-button>
+                    <el-button size="mini" type="text" @click="reviewArbitrations(scope.row)" v-if="scope.row.caseStatusstr == '7' && checkPermi(['batchManagement:list:checkarbitrationway'])">审核仲裁方式</el-button>
+                    <!-- <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)" v-if="scope.row.caseStatusstr == '9' && checkPermi(['batchManagement:list:hear'])">书面审理</el-button> -->
+                    <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)">书面审理</el-button>
+                    <el-button size="mini" type="text" @click="secretaryArbitration(scope.row)" v-if="scope.row.caseStatusstr == '11' && checkPermi(['batchManagement:list:secretarycheck'])">秘书确认</el-button>
+                    <el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)" v-if="scope.row.caseStatusstr == '18' && checkPermi(['batchManagement:list:arbitratorConfirm'])">仲裁员确认</el-button>
+                    <el-button size="mini" type="text" @click="departmentDocuments(scope.row)" v-if="scope.row.caseStatusstr == '12' && checkPermi(['batchManagement:list:confirmaward'])">部门长确认</el-button>
+                    <el-button size="mini" type="text" @click="batchSignatures(scope.row)" v-if="scope.row.caseStatusstr == '13' && checkPermi(['batchManagement:list:sign'])">签名</el-button>
+                    <el-button size="mini" type="text" @click="batchPrintings(scope.row)" v-if="scope.row.caseStatusstr == '14' && checkPermi(['batchManagement:list:signprint'])">用印</el-button>
                     <!-- <el-button size="mini" type="text" @click="arbitrationAward(scope.row)">生成裁决书</el-button> -->
-                    <el-button size="mini" type="text" @click="servicearBitration(scope.row)">仲裁文书送达</el-button>
-                    <el-button size="mini" type="text" @click="archive(scope.row)">归档</el-button>
+                    <el-button size="mini" type="text" @click="servicearBitration(scope.row)" v-if="scope.row.caseStatusstr == '15' && checkPermi(['batchManagement:list:sendaward'])">送达裁决书</el-button>
+                    <el-button size="mini" type="text" @click="archive(scope.row)" v-if="scope.row.caseStatusstr == '16' && checkPermi(['batchManagement:list:file'])">案件归档</el-button>
                 </template>
             </el-table-column>
         </el-table>
 </template>
   
 <script>
-import {listBatch,submitCaseApplicationBatch,payListBatch,batchWrittenReview,caseFileBatch,serviceBatch} from '@/api/batchManagement/batchManagement.js'
+import {listBatch,submitCaseApplicationBatch,payListBatch,writtenHearBatch,caseFileBatch,serviceBatch} from '@/api/batchManagement/batchManagement.js'
 import { listDept } from "@/api/system/dept";
 import batchPayment from './components/batchPayment.vue'
 import paymentConfirmation from './components/paymentConfirmation.vue'
         },
            // 机构发生变化
         changeDept(data) {
-        this.queryParams.nameId = data[0];
+            if(data){
+              this.queryParams.nameId = data[0];  
+            }
         },
         // 获取机构数据
         getInstitution() {
                 item.label = item.deptName;
                 });
             this.options = this.handleTree(res.data, "deptId");
+            
         });
         },
         // 查询列表
         },
         // 批量提交
         confirmSubmission(row){
+            console.log(row)
             this.$modal.confirm("您确定要批量提交吗？").then((res) => {
                     this.submitCaseApplicationBatchs({ batchNumber: row.batchNumber })
                 }).catch(() =>{
         },
         // 批量立案审查
         filingFeview(row){
+            console.log(row)
            this.filingFeviewbatchNumber = row.batchNumber
            this.caseVisableReviewF = true
         },
             this.caseVisableReviewl = false
         },
         // 批量书面审理
-        batchWrittenReview(row){
-           this.$modal.confirm("你确定要批量书面审理吗？").then((res) => {
-                    this.batchWrittenReviews({ batchNumber: row.batchNumber })
-                }).catch(() =>{
-                    
-            }) 
-        },
-        //批量书面审理接口
-        batchWrittenReviews(val){
-            batchWrittenReview(val).then(res=>{
+        batchWrittenReviewy(row){
+           this.$modal.confirm("你确定要批量书面审理吗1？").then(res => {
+                 writtenHearBatch({batchNumber: row.batchNumber}).then(res=>{
                 this.$modal.msgSuccess("提交成功！");
                 this.getList(this.queryParams);
             })
+            })
         },
         // 批量归档
         archive(row){

src/views/caseManagement/caseList.vue

 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="98px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
       <el-form-item label="案件编号" prop="caseNum">
-        <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
+        <el-input style="width:180px" v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="案件批号" prop="caseNum">
+        <el-input style="width:180px" v-model="queryParams.batchNumber" placeholder="请输入案件批号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="申请人" prop="applicantName">
         <!-- <el-input
         </template>
       </el-table-column>
       <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column label="案件批号" align="center" prop="batchNumber" :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" />
         caseStatusList: [0, 1, 2, 5, 6, 7, 8, 9, 10, 31],
         // hearDate: "",
         caseStatus: null,
+        batchNumber:null,
         applicantName: "",
         nameId: "",
         pageNum: 1,
       if (params >= 0) {
         this.queryParams.caseStatus = params;
       }
-      // console.log(this.$route.params.batchNumber)
+      this.queryParams.batchNumber = this.$route.params.batchNumber;
+     console.log(this.$route.params.batchNumber)
       this.getcaseApply(this.queryParams);
     })
     // this.getcaseApply(this.queryParams);
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
-      (this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10, 31]),
+        (this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10, 31]),
         (this.queryParams.applicantName = ""),
         (this.queryParams.nameId = ""),
+        (this.queryParams.batchNumber=""),
         this.getcaseApply(this.queryParams);
     },
     // 案件录入