批量接口联调，用印，签名

src/views/batchManagement/components/batchSignature.vue

@@ -1,36 +1,101 @@
 <template>
     <div>
         <!-- 批量签名 -->
-        <el-dialog title="批量签名" :visible="caseVisableSignature" destroy-on-close width="30%"  @close="cancel" center>
+        <el-dialog title="批量签名" :visible="caseVisableSignature" destroy-on-close width="30%"  @close="cancel('courtReviewform')" center>
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="仲裁员："
+                     prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '仲裁员不能为空',
+                        trigger: 'change'
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择仲裁员"
+                     @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                    v-for="item in atoDataList"
+                    :key="item.value"
+                    :label="item.nickName"
+                    :value="item.phonenumber+item.deptId"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+            </el-form>
             <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>
+                <el-button type="primary"  class="endbutton" @click="witnessing"><span>确认签名</span></el-button>
+                <el-button  class="endbutton" @click="cancel('courtReviewform')"><span>取 消</span></el-button>
             </div>
         </el-dialog>
     </div>
 </template>
 <script>
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+import {getSignUrlBatch} from '@/api/batchManagement/batchManagement.js'
 export default {
-    props: ["caseVisableSignature","queryParams"],
+    props: ["caseVisableSignature","queryParams","signatureData"],
     dicts: ["manager_type"],
     data() {
         return {
-           
-           
+          courtReviewform: {
+            Arbitor: "",     
+          }, 
+          Arbitor: "", 
+          atoDataList:[],
+          paramsdata:{
+             batchNumber:0,
+             psnAccount:""
+            },
         };
     },
     watch: {
-        caseVisablePayment(val) {
+        caseVisableSignature(val) {
             if (val) {
-                this.ruleForm = {};
+                
+                console.log(this.atoDataList)
             }
         }
     },
     created() {
-
+        this.getarbitrAtor()
     },
     methods: {
-        cancel() {
+        // 获取仲裁员信息
+        getarbitrAtor() {
+            arbitrAtor({}).then((res) => {
+                this.atoDataList = res.rows;
+            });
+        },
+        changeArbitor(val) {
+            this.paramsdata.psnAccount =val.slice(0,11)
+    
+        },
+        // 确认签名提交
+        witnessing(){
+             this.$refs["courtReviewform"].validate((valid) => {
+                 if(valid){
+                    this.paramsdata.batchNumber= this.signatureData.batchNumber
+                    console.log(this.paramsdata)
+                     getSignUrlBatch(this.paramsdata).then(res=>{
+                            this.$modal.msgSuccess("确认成功");
+                            this.cancel();
+                            this.$emit("getList", this.queryParams);
+                            window.open(res.data.signUrl)
+                     }).catch((err) => {
+                         
+                     });
+                 }
+             })
+        },
+        cancel(formName) {
+            this.$refs[formName].resetFields();
             this.$emit("cancelCaseSignature");
         },
     },