Arbitrate-Frontend/src/views/batchManagement/components/batchSignature.vue

<template>
    <div>
        <!-- 批量签名 -->
        <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" @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","signatureData"],
    dicts: ["manager_type"],
    data() {
        return {
          courtReviewform: {
            Arbitor: "",     
          }, 
          Arbitor: "", 
          atoDataList:[],
          paramsdata:{
             batchNumber:0,
             psnAccount:""
            },
        };
    },
    watch: {
        caseVisableSignature(val) {
            if (val) {
                
                console.log(this.atoDataList)
            }
        }
    },
    created() {
        this.getarbitrAtor()
    },
    methods: {
        // 获取仲裁员信息
        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");
        },
    },
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
  background: #ffffff;
  border-radius: 20px;
}
</style>