批量页面开发，接口联调

src/api/batchManagement/batchManagement.js

@@ -15,4 +15,20 @@ export function submitCaseApplicationBatch(data) {
         method: 'post',
         data: data
     })
+}
+// 批量立案审查
+export function submitCaseApplicationCheckBatch(data) {
+  return request({
+      url: '/caseApplication/submitCaseApplicationCheckBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 批量缴费
+export function confirmPayBatch(data) {
+  return request({
+      url: '/pay/confirmPayBatch',
+      method: 'post',
+      data: data
+  })
 }

src/views/batchManagement/batchManagList.vue

@@ -40,14 +40,14 @@
                     <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">仲裁员审核仲裁文书</el-button>
+                    <el-button size="mini" type="text" @click="secretaryArbitration(scope.row)">秘书审核仲裁文书</el-button>
-                    <el-button size="mini" type="text">核验仲裁文书</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="batchSignatures(scope.row)">签名</el-button>
                     <el-button size="mini" type="text" @click="batchPrintings(scope.row)">用印</el-button>
-                    <el-button size="mini" type="text">生成裁决书</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">仲裁文书送达</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -55,7 +55,7 @@
         @pagination="getList(queryParams)"
              />
         <!-- 缴费 -->
-        <batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay"></batchPayment>
+        <batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue"></batchPayment>
         <!-- 缴费确认 -->
         <paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment"></paymentConfirmation>
         <!-- 组庭审核 -->
@@ -70,14 +70,16 @@
         <batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature"></batchSignature>
         <!-- 用印 -->
         <batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting"></batchPrinting>
-        
+        <!-- 立案审查 -->
-        
+        <filingReview :caseVisableReviewF="caseVisableReviewF" @cancelCaseReviewF="cancelCaseReviewF" :filingFeviewbatchNumber="filingFeviewbatchNumber" :queryParams="queryParams" @getList="getList"></filingReview>
-        
+        <!-- 秘书审核仲裁文书 -->
+        <arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary"></arbitratorsDocuments>
+        <!-- 仲裁员审核仲裁文书 -->
+        <arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration"></arbitratorsvVerify>
     </div>    
 </template>
   
 <script>
-import {caseNumRuleList,deleteCaseNumRule} from '@/api/officialSeal/officialSeal.js'
 import {listBatch,submitCaseApplicationBatch} from '@/api/batchManagement/batchManagement.js'
 import batchPayment from './components/batchPayment.vue'
 import paymentConfirmation from './components/paymentConfirmation.vue'
@@ -87,6 +89,9 @@ import courtConfirmation from './components/courtConfirmation.vue'
 import reviewArbitrationMethod from './components/reviewArbitrationMethod.vue'
 import batchSignature from './components/batchSignature.vue'
 import batchPrinting from './components/batchPrinting.vue'
+import filingReview from './components/filingReview.vue'
+import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
+import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
 export default {
     components: {
         batchPayment,
@@ -96,7 +101,10 @@ export default {
         courtConfirmation,
         reviewArbitrationMethod,
         batchSignature,
-        batchPrinting
+        batchPrinting,
+        filingReview,
+        arbitratorsDocuments,
+        arbitratorsvVerify
         
     },
     data() {
@@ -109,6 +117,8 @@ export default {
             loading: false,
             // 总条数
             total: 0,
+            filingFeviewbatchNumber:'',
+            batchPaymentValue:{},
             caseVisablePay: false,//批量缴费弹窗
             caseVisablePayment:false,//批量缴费确认
             caseVisableReview:false,//批量组庭审核
@@ -117,6 +127,9 @@ export default {
             caseVisableReviewl:false,//批量审核仲裁方式
             caseVisableSignature:false,//批量签名
             caseVisablePrinting:false,//批量用印
+            caseVisableReviewF:false, //批量立案审查
+            caseVisableSecretary:false,//秘书审核文书
+            caseVisablearBitration:false,//仲裁员核查文书
             dataList: [],
             editData:{}
         };
@@ -161,15 +174,17 @@ export default {
             })
         },
         // 批量立案审查
-        filingFeview(){
+        filingFeview(row){
-           this.$modal.confirm("你确定要批量立案审查吗？").then((res) => {
+           this.filingFeviewbatchNumber = row.batchNumber
-                    // this.deleteSealFn({ id: row.id })
+           this.caseVisableReviewF = true
-                }).catch(() =>{
+        },
-                    
+        cancelCaseReviewF(){
-            }) 
+            this.caseVisableReviewF = false
         },
         // 批量缴费
-        batchPayments(){
+        batchPayments(row){
+            this.batchPaymentValue = row
+            console.log(row)
             this.caseVisablePay = true
         },
         cancelCasePay(){
@@ -239,7 +254,38 @@ export default {
         },
         cancelCasePrinting(){
             this.caseVisablePrinting = false
+        },
+        // 生成裁决书
+        arbitrationAward(){
+             this.$modal.confirm("你确定要批量生成裁决书吗？").then((res) => {
+                    // this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+            }) 
+        },
+        //仲裁文书送达
+        servicearBitration(){
+             this.$modal.confirm("你确定要批量仲裁文书批量送达吗？").then((res) => {
+                    // this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+            }) 
+        },
+        // 秘书审核仲裁文书
+        secretaryArbitration(){
+            this.caseVisableSecretary = true
+        },
+        cancelCaseSecretary(){
+            this.caseVisableSecretary = false
+        },
+        // 仲裁员审核文书
+        arbitratorsVerify(){
+            this.caseVisablearBitration = true
+        },
+        cancelCaseBitration(){
+            this.caseVisablearBitration = false
         }
+        
     },
 };
 </script>

src/views/batchManagement/components/arbitratorsDocuments.vue

@@ -0,0 +1,44 @@
+<template>
+    <div>
+        <!-- 秘书批量审核 -->
+        <el-dialog title="秘书批量审核" :visible="caseVisableSecretary" 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  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisableSecretary","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisableSecretary(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseSecretary");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/arbitratorsvVerify.vue

@@ -0,0 +1,44 @@
+<template>
+    <div>
+        <!-- 仲裁员批量审核 -->
+        <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  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisablearBitration","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablearBitration(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseBitration");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/batchPayment.vue

@@ -4,7 +4,7 @@
       :destroy-on-close="true" center>
       <el-descriptions>
         <el-descriptions-item label="案件总金额">1000</el-descriptions-item>
-        <el-descriptions-item label="申请人">xx</el-descriptions-item>
+        <el-descriptions-item label="申请人">{{batchPaymentValue.name}}</el-descriptions-item>
       </el-descriptions>
       <div class="paySelectType">
         <el-radio-group v-model="paySelect" @input="changPayType">
@@ -43,10 +43,11 @@
 
 <script>
 import { casePay, confirmPayDig } from "@/api/pay/pay";
+import {confirmPayBatch} from '@/api/batchManagement/batchManagement.js'
 import QRCode from "qrcodejs2";
 import { getToken } from "@/utils/auth";
 export default {
-  props: ["caseVisablePay", "payTitle", "form", "payForm", "queryParams","payId"],
+  props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue"],
   data() {
     return {
       // key: value
@@ -64,7 +65,7 @@ export default {
       submitForm:{
         payType:1,
         payOrderList:[],
-        caseId:null
+        caseId:null,
       }
     };
   },
@@ -95,7 +96,10 @@ export default {
         this.$modal.msgError("请上传缴费凭证");
         return
       }
-      confirmPayDig(this.submitForm).then(res=>{
+      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.payCancel()
         this.$emit("getcaseApply", this.queryParams);

src/views/batchManagement/components/filingReview.vue

@@ -0,0 +1,116 @@
+<template>
+  <div>
+    <!-- 批量立案审查 -->
+    <el-dialog title="批量立案审查" :visible="caseVisableReviewF" width="500px" @close="cancel" :destroy-on-close="true">
+      <div class="radiobox">
+        <el-radio-group v-model="radio" style="margin-bottom: 20px;">
+          <el-radio :label="1">同意</el-radio>
+          <el-radio :label="2">拒绝</el-radio>
+        </el-radio-group>
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+          <!-- TODO -->
+          <el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
+            <el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"><span>提 交</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {submitCaseApplicationCheckBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+  name: "filingReview",
+  props: ["caseVisableReviewF", "filingreviewdata", "filingFeviewbatchNumber","queryParams"],
+  data() {
+    return {
+      radio: 1,
+      ruleForm: {},
+      rules: {
+        caseCheckReject: [
+          {
+            required: true,
+            message: "拒绝原因不能为空",
+            trigger: "blur",
+          },
+        ],
+      }
+    };
+  },
+  methods: {
+    submitForm() {
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          let batchNumber = this.filingFeviewbatchNumber
+          let paramsdata = {
+            agreeOrNotCheck: this.radio,
+            batchNumber:batchNumber.toString(),
+            caseCheckReject:this.ruleForm.caseCheckReject
+          };
+          submitCaseApplicationCheckBatch(paramsdata)
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            })
+            .catch((err) => { });
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelCaseReviewF");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.radiobox {
+  margin-left: 5%;
+}
+
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>