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

109 lines
3.6 KiB
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>