批量列表开发

src/api/batchManagement/batchManagement.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 批量案件查询
+export function listBatch(data) {
+    return request({
+      url: '/caseApplication/listBatch',
+      method: 'get',
+      params: data
+    })
+  }
+  // 批量提交
+export function submitCaseApplicationBatch(data) {
+    return request({
+        url: '/caseApplication/submitCaseApplicationBatch',
+        method: 'post',
+        data: data
+    })
+}

src/views/batchManagement/batchManagList.vue

@@ -20,13 +20,13 @@
                     }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="批号" align="center" prop="ruleType" :show-overflow-tooltip="true" />
-            <el-table-column label="申请人" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
-            <el-table-column label="仲裁方式" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
-            <el-table-column label="仲裁员" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
-            <el-table-column label="案件状态" align="center" prop="prefixstr">
+            <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
+            <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">
             <template slot-scope="scope">
-            <el-tag type="success">{{ scope.row.prefixstr }}</el-tag>
+            <el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
             </template>
             </el-table-column>  
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="350">
@@ -37,16 +37,16 @@
                     <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">组庭确认</el-button>
-                    <el-button size="mini" type="text">审核仲裁方式</el-button>
-                    <el-button size="mini" type="text">书面审理</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">仲裁员审核仲裁文书</el-button>
                     <el-button size="mini" type="text">核验仲裁文书</el-button>
                     <el-button size="mini" type="text">部门长审核仲裁文书</el-button>
-                    <el-button size="mini" type="text">签名</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">归档</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>
@@ -61,28 +61,49 @@
         <!-- 组庭审核 -->
         <courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview"></courtReview>
         <!-- 查看案件列表 -->
-        <viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases>
+        <!-- <viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases> -->
+        <!-- 组庭确认 -->
+        <courtConfirmation :showcourtReview="showcourtReview" @cancelcourtReview="cancelcourtReview"></courtConfirmation>
+        <!-- 审核仲裁方式 -->
+        <reviewArbitrationMethod :caseVisableReviewl="caseVisableReviewl" @cancelCaseReviewl="cancelCaseReviewl"></reviewArbitrationMethod>
+        <!-- 签名 -->
+        <batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature"></batchSignature>
+        <!-- 用印 -->
+        <batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting"></batchPrinting>
+        
+        
+        
     </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'
 import courtReview from './components/courtReview.vue'
 import viewingCases from './components/viewingCases.vue'
+import courtConfirmation from './components/courtConfirmation.vue'
+import reviewArbitrationMethod from './components/reviewArbitrationMethod.vue'
+import batchSignature from './components/batchSignature.vue'
+import batchPrinting from './components/batchPrinting.vue'
 export default {
     components: {
         batchPayment,
         paymentConfirmation,
         courtReview,
-        viewingCases
+        viewingCases,
+        courtConfirmation,
+        reviewArbitrationMethod,
+        batchSignature,
+        batchPrinting
+        
     },
     data() {
         return {
             queryParams: {
                 pageNum: 1,
-                pageSize: 10,
+                pageSize: 10
             },
             // 遮罩层
             loading: false,
@@ -92,6 +113,10 @@ export default {
             caseVisablePayment:false,//批量缴费确认
             caseVisableReview:false,//批量组庭审核
             caseVisableViewing:false,//查看案件列表
+            showcourtReview:false,//批量组庭确认
+            caseVisableReviewl:false,//批量审核仲裁方式
+            caseVisableSignature:false,//批量签名
+            caseVisablePrinting:false,//批量用印
             dataList: [],
             editData:{}
         };
@@ -113,7 +138,8 @@ export default {
         // 查询列表
         getList(parm){
             this.loading = true;
-            caseNumRuleList(parm).then(res=>{           
+            listBatch(parm).then(res=>{   
+                console.log(res)        
                 this.dataList = res.rows;
                 this.total = res.total
                 this.loading = false;
@@ -122,17 +148,17 @@ export default {
         // 批量提交
         confirmSubmission(row){
             this.$modal.confirm("您确定要批量提交吗？").then((res) => {
-                    // this.deleteSealFn({ id: row.id })
+                    this.submitCaseApplicationBatchs({ batchNumber: row.batchNumber })
                 }).catch(() =>{
                     
                 })
         },
         // 批量提交接口
-        confirmSubmissionFn(data) {
-            // deleteCaseNumRule(data).then(res => {
-            //     this.$modal.msgSuccess("删除成功！");
-            //     this.getList(this.queryParams);
-            // })
+        submitCaseApplicationBatchs(data) {
+            submitCaseApplicationBatch(data).then(res => {
+                this.$modal.msgSuccess("提交成功！");
+                this.getList(this.queryParams);
+            })
         },
         // 批量立案审查
         filingFeview(){
@@ -164,11 +190,55 @@ export default {
            this.caseVisableReview = false 
         },
         // 查看案件列表
-        viewingCasesBtn(){
-            this.caseVisableViewing = true
+        viewingCasesBtn(row){
+            let batchNumber = row.batchNumber
+           if(batchNumber){
+               this.$router.push({ name: 'CaseManagement/caseList', params: { batchNumber: batchNumber + '' } })
+           }
+        },
+        // 批量组庭确认
+        courtConfirmations(){
+            this.showcourtReview = true
+        },
+        cancelcourtReview(){
+            this.showcourtReview = false
+        },
+        // 批量审核仲裁方式
+        reviewArbitrations(){
+            this.caseVisableReviewl = true
+        },
+        cancelCaseReviewl(){
+            this.caseVisableReviewl = false
+        },
+        // 批量书面审理
+        batchWrittenReview(){
+           this.$modal.confirm("你确定要批量书面审理吗？").then((res) => {
+                    // this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+            }) 
+        },
+        // 批量归档
+        archive(){
+            this.$modal.confirm("你确定要批量归档吗？").then((res) => {
+                    // this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+            }) 
+        },
+        // 批量签名
+        batchSignatures(){
+            this.caseVisableSignature = true
+        },
+        cancelCaseSignature(){
+            this.caseVisableSignature = false
+        },
+        // 批量签名
+        batchPrintings(){
+            this.caseVisablePrinting = true
         },
-        cancelCaseViewing(){
-            this.caseVisableViewing = false
+        cancelCasePrinting(){
+            this.caseVisablePrinting = false
         }
     },
 };

src/views/batchManagement/components/batchPayment.vue

@@ -1,49 +1,234 @@
 <template>
-    <div>
-        <!-- 批量缴费 -->
-        <el-dialog title="批量缴费" :visible="caseVisablePay" @close="cancel" width="600px" center>
-           <el-descriptions>
-                <el-descriptions-item label="案件总金额">1000</el-descriptions-item>
-                </el-descriptions-item>
-            </el-descriptions>
-            <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>
+  <div>
+    <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="申请人">xx</el-descriptions-item>
+      </el-descriptions>
+      <div class="paySelectType">
+        <el-radio-group v-model="paySelect" @input="changPayType">
+          <el-radio :label="0">线上支付</el-radio>
+          <el-radio :label="1">线下支付</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="payupload">
+        <span>上传支付凭证：</span>
+        <div class="uploadBtn">
+          <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
+            :on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload"  :on-success="handlSuccess" :file-list="fileList"
+           >
+            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+            <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+          </el-upload>
+        </div>
+      </div>
+      <div class="payType" v-if="paySelect == 0">
+        <span>请选择支付方式：</span>
+        <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+        <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+      </div>
+      <div class="payImg">
+        <div id="qrcodeImg"></div>
+      </div>
+      <div class="payTitle">{{ payMain }}</div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="payCancel" class="endbutton"><span style="color:black">取 消</span></el-button>
+        <el-button @click="submitUpload" type="primary" class="endbutton"><span>确认缴费</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
+
 <script>
-export default { 
-    props: ["caseVisablePay","queryParams"],
-    dicts: ["manager_type"],
-    data() {
-        return {
-           
-           
-        };
-    },
-    watch: {
-        caseVisablePay(val) {
-            if (val) {
-                this.ruleForm = {};
-            }
-        }
-    },
-    created() {
-
-    },
-    methods: {
-        cancel() {
-            this.$emit("cancelCasePay");
-        },
-        // 新增模板 
+import { casePay, confirmPayDig } from "@/api/pay/pay";
+import QRCode from "qrcodejs2";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["caseVisablePay", "payTitle", "form", "payForm", "queryParams","payId"],
+  data() {
+    return {
+      // key: value
+      // 支付文字
+      payMain: "",
+      timer: null,
+      paySelect: 1,//支付线上/线下
+      fileList: [],
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 8,
+      },
+      submitForm:{
+        payType:1,
+        payOrderList:[],
+        caseId:null
+      }
+    };
+  },
+  methods: {
+    UploadUrl() {
+      return window.location.origin + "/API/evidence/upload";
+    },
+    //选择支付方式(线上,线下)
+    changPayType(data) {
+      if(data == 1){
+        document.getElementById("qrcodeImg").innerHTML = "";
+        this.payMain = ""
+      }
+      this.submitForm.payType = data;
+    },
+    beforeUpload(flie, fileList) {
+      this.fileList = fileList;
+    },
+    // 文件上传成功
+    handlSuccess(res, file) {
+      this.submitForm.payOrderList.push({
+        annexId: res.data.annexId,
+        annexName:res.data.annexName
+      });
+    },
+    submitUpload() {
+      if (this.fileList.length < 1) {
+        this.$modal.msgError("请上传缴费凭证");
+        return
+      }
+      confirmPayDig(this.submitForm).then(res=>{
+        this.$modal.msgSuccess("成功");
+        this.payCancel()
+        this.$emit("getcaseApply", this.queryParams);
+      })
+    },
+    handleRemove(file, fileList) {
+      (this.submitForm.payOrderList = []),
+      fileList.forEach((item) => {
+        console.log(item.response.data,"item");
+          this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
+        });
     },
+    handlePreview(file) {
+      console.log(file);
+    },
+    // 生成二维码
+    qrcode(url) {
+      // 前端根据 URL 生成微信支付二维码
+      document.getElementById("qrcodeImg").innerHTML = "";
+      return new QRCode("qrcodeImg", {
+        width: 200,
+        height: 200,
+        text: url,
+        colorDark: "#000",
+        colorLight: "#fff",
+      });
+    },
+    // 支付
+    pay(val) {
+      if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
+        this.$message({
+          message: "此案件无需缴费",
+          type: "error",
+        });
+        return;
+      }
+      let payType = "";
+      if (val == 0) {
+        payType = "wxpay";
+        this.payMain = "请使用微信扫二维码支付";
+      } else if (val == 1) {
+        payType = "alipay";
+        this.payMain = "请使用支付宝扫二维码支付";
+      }
+      casePay({
+        totalFee: this.payForm.feePayable * 100,
+        caseIds: [this.payForm.caseId],
+        tradeType: "native",
+        platform: payType,
+      }).then((res) => {
+        this.paySrc = res.data.code_url;
+        this.qrcode(this.paySrc);
+      });
+    },
+    payCancel() {
+      this.$emit("cancelCasePay");
+      this.payMain = "";
+    },
+  },
+  watch:{
+    openPay(val){
+      if(val){
+      this.submitForm.payOrderList = []
+      this.paySelect = 1;
+      this.fileList = [];
+      this.filedata.id = this.payId;
+      this.submitForm.caseIds = [this.payId];
+      }
+    }
+  }
 };
 </script>
-  
+
 <style lang="scss" scoped>
+.payType {
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+
+  .icon-weixinzhifu {
+    font-size: 24px;
+    color: #27a56f;
+    margin-right: 15px;
+  }
+
+  .icon-zhifubao {
+    font-size: 24px;
+    color: #1d76cc;
+  }
+}
+
+.paySelectType {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.payupload {
+  display: flex;
+
+  .uploadBtn {}
+}
+
+.payImg {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.payTitle {
+  margin-top: 20px;
+  width: 100%;
+  text-align: center;
+}
+
 ::v-deep .el-dialog {
+  width: 800px;
   background: #ffffff;
   border-radius: 20px;
-}</style>
+}
+
+.endbutton {
+  width: 154px;
+  height: 37px;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+</style>

src/views/batchManagement/components/batchPrinting.vue

@@ -0,0 +1,44 @@
+<template>
+    <div>
+        <!-- 批量用印 -->
+        <el-dialog title="批量用印" :visible="caseVisablePrinting" 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: ["caseVisablePrinting","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablePayment(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCasePrinting");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/batchSignature.vue

@@ -0,0 +1,44 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog title="批量签名" :visible="caseVisableSignature" 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: ["caseVisableSignature","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablePayment(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseSignature");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/courtConfirmation.vue

@@ -0,0 +1,223 @@
+<template>
+  <div>
+    <!-- 批量组庭确认页面 -->
+    <el-dialog
+      title="批量组庭确认"
+      :visible="showcourtReview"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- </el-form> -->
+        <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        >
+        <div style="display: inline-flex; margin: 1% 9%">
+          <div v-if="isAgreePendTral == 0">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div v-if="isAgreePendTral == 1" class="nowarbitrator">
+          <el-tag size="medium">
+            <!-- {{ form.arbitratorName }} -->
+          </el-tag>
+        </div>
+        <!-- <div v-if="noArbitrator || isAgreePendTral == 0"> -->
+        <el-form-item
+          label="仲裁员："
+          prop="Arbitor"
+          v-if="noArbitrator || isAgreePendTral == 0"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+              trigger: 'blur',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="courtReviewform.Arbitor"
+            clearable
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <!-- </div> -->
+      </el-form>
+      <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 { pendTralSure } from "@/api/caseManagement/caseManagement.js";
+import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
+import moment from "moment";
+export default {
+  name: "courtReviewDialog",
+  props: ["showcourtReview", "form", "queryParams"],
+  data() {
+    return {
+      dataList: [],
+      hearDate: "",
+      courtReviewform: {
+        hearDate: null,
+      },
+      noArbitrator: false,
+      isAgreePendTral: 1,
+      paramsdata: {},
+      Arbitor: "",
+    };
+  },
+  created() {
+    this.getarbitrAtor();
+  },
+  watch: {
+    showcourtReview(val) {
+      if (val) {
+        this.isAgreePendTral = 1;
+        this.courtReviewform.hearDate = null;
+      }
+    },
+    // form: {
+    //   handler(val) {
+    //     if (val.arbitratorName == null) {
+    //       this.noArbitrator = true;
+    //     } else {
+    //       this.noArbitrator = false;
+    //     }
+    //   },
+    // },
+  },
+  methods: {
+    // 获取仲裁员信息
+    getarbitrAtor() {
+      arbitrAtor({}).then((res) => {
+        this.dataList = res.rows;
+        this.total = res.total;
+      });
+    },
+    changeArbitor(val) {
+      this.arbitrators = [];
+      this.dataList.forEach((item) => {
+        if (item.userId == val) {
+          this.arbitrators.push({
+            id: item.userId,
+            arbitratorName: item.nickName,
+          });
+        }
+      });
+    },
+    submitForm() {
+      if (this.noArbitrator) {
+        this.paramsdata = {
+          id: this.form.id,
+          arbitrators: this.arbitrators,
+        };
+      } else {
+        if (this.isAgreePendTral == 0) {
+          this.paramsdata = {
+            isAgreePendTral: 0,
+            id: this.form.id,
+            arbitrators: this.arbitrators,
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            id: this.form.id,
+          };
+        }
+      }
+      this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+          pendTralSure(this.paramsdata)
+            .then((res) => {
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelcourtReview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.el-form-item {
+  margin-left: 10%;
+}
+
+.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;
+    // line-height: 48px;
+  }
+}
+.nowarbitrator {
+  margin-left: 10%;
+}
+
+::v-deep .el-form-item__error {
+  left: 90px;
+}
+</style>

src/views/batchManagement/components/courtReview.vue

@@ -1,44 +1,229 @@
 <template>
-    <div>
-        <!-- 批量组庭审核 -->
-        <el-dialog title="批量组庭审核" :visible="caseVisableReview" destroy-on-close @close="cancel" width="600px" 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>
+  <div>
+    <!-- 组庭界面 -->
+    <el-dialog
+      title="组庭建议"
+      :visible="caseVisableReview"
+      v-if="caseVisableReview"
+      @close="cancel"
+      destroy-on-close
+      center
+    >
+      <el-form
+        ref="formateCourtform"
+        :model="formateCourtform"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral" @change="radioValue">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        >
+        <p></p>
+        <!-- <el-form ref="form"> -->
+        <!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
+        <div style="display: inline-flex; margin-bottom: 8px">
+          <div v-if="isAgreePendTral !== 1">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div
+          v-if="isAgreePendTral == 1"
+          class="nowarbitrator"
+        >
+          <el-tag size="medium">
+            <!-- {{ formateCourtData.arbitratorName }} -->
+          </el-tag>
+        </div>
+        <el-form-item
+          label="仲裁员："
+          prop="Arbitor"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="formateCourtform.Arbitor"
+            clearable
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <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 { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
 export default {
-    props: ["caseVisableReview","queryParams"],
-    dicts: ["manager_type"],
-    data() {
-        return {
-           
-           
-        };
+  props: ["caseVisableReview", "formateCourtData", "queryParams"],
+  data() {
+    return {
+      dataList: [],
+      formateCourtform: {},
+      arbitrators: [],
+      isAgreePendTral: 1,
+      paramsdata: {},
+      noArbitrator: false,
+      Arbitor: "",
+    };
+  },
+  created() {
+    this.getarbitrAtor();
+  },
+  watch: {
+    caseVisableReview(val){
+      console.log(this.formateCourtData)
+      this.Arbitor = ""
+      if(val){
+        this.isAgreePendTral = 1;
+      }
     },
-    watch: {
-        caseVisablePayment(val) {
-            if (val) {
-                this.ruleForm = {};
-            }
+    // formateCourtData: {
+    //   handler(val) {
+    //     if (val.arbitratorName == null) {
+    //       this.noArbitrator = true;
+    //     } else {
+    //       this.noArbitrator = false;
+    //     }
+    //   },
+    // },
+  },
+  methods: {
+    // 获取仲裁员信息
+    getarbitrAtor() {
+      arbitrAtor({}).then((res) => {
+        this.dataList = res.rows;
+        // console.log(this.dataList, "this.dataList");
+      });
+    },
+    changeArbitor(val) {
+      this.arbitrators = [];
+      this.dataList.forEach((item) => {
+        if (item.userId == val) {
+          this.arbitrators.push({
+            id: item.userId,
+            arbitratorName: item.nickName,
+          });
         }
+      });
     },
-    created() {
-
+    // 确认
+    submitForm() {
+      if (this.noArbitrator) {
+        this.paramsdata = {
+          id: this.formateCourtData.id,
+          arbitrators: this.arbitrators,
+        };
+      } else {
+        if (this.isAgreePendTral == 0) {
+          this.paramsdata = {
+            isAgreePendTral: 0,
+            id: this.formateCourtData.id,
+            arbitrators: this.arbitrators,
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            id: this.formateCourtData.id,
+          };
+        }
+      }
+      this.$refs["formateCourtform"].validate((valid) => {
+        if (valid) {
+          pendTralCheck(this.paramsdata).then((res) => {
+            
+            this.cancel();
+            this.$modal.msgSuccess("组庭成功");
+            this.$emit("getcaseApply", this.queryParams);
+            // 初始化页面
+            this.formateCourtform={}
+          });
+        }
+      });
     },
-    methods: {
-        cancel() {
-            this.$emit("cancelCaseReview");
-        },
+    // 取消
+    cancel() {
+      this.$emit("cancelCaseReview");
+      this.arbitrators = [];
     },
-}
+    radioValue(val){
+      if(val==1){
+        this.formateCourtform={}
+      }else if(val==0){
+        this.formateCourtform={}
+      }
+    }
+  },
+};
 </script>
+
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
   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;
+  }
+}
+.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;
+  }
+}
+.infoIcon {
+  width: 4px;
+  // height: 17px;
+  background-color: #0072ff;
+  margin-right: 5px;
+}
+.nowarbitrator {
+  margin-left: 4%;
+}
 </style>

src/views/batchManagement/components/paymentConfirmation.vue

@@ -4,7 +4,7 @@
         <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>
+                <el-descriptions-item label="申请人">xx</el-descriptions-item>
             </el-descriptions>
             <div slot="footer" class="dialog-footer">
                 <el-button type="primary"  class="endbutton"><span>确认</span></el-button>

src/views/batchManagement/components/reviewArbitrationMethod.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <!-- 批量审核仲裁方式 -->
+        <el-dialog title="批量审核仲裁方式" :visible="caseVisableReviewl" @close="cancel" width="600px" 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: ["caseVisableReviewl","queryParams"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisableReviewl(val) {
+            if (val) {
+                
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseReviewl");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}</style>

src/views/caseManagement/components/formateCourtDialog.vue

@@ -103,7 +103,7 @@ export default {
   },
   watch: {
     showformateCourt(val){
-      console.log(this.dataList)
+      console.log(this.formateCourtData)
       this.Arbitor = ""
       if(val){
         this.isAgreePendTral = 1;