Files
Arbitrate-Frontend/src/views/caseManagement/components/adjudicaterecordDialog.vue
T

339 lines
9.7 KiB
Vue
Raw Normal View History

2023-09-18 21:55:43 +08:00
<template>
<div>
<el-dialog
title="书面审理"
:visible="showadjudicaterecord"
@close="cancel"
:destroy-on-close="true"
2023-09-19 18:31:05 +08:00
center
2023-09-18 21:55:43 +08:00
>
<el-form
ref="form"
:model="formData"
label-width="150px"
:disabled="true"
>
<p>案件信息:</p>
<el-divider></el-divider>
2023-09-19 18:31:05 +08:00
<el-row>
<el-col :span="12">
<el-form-item label="案件编号:" prop="caseNum">
<el-input
v-model="formData.caseNum"
placeholder="请输入案件编号"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人:" prop="applicantName">
<el-input v-model="adjudicatename.applicantName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人:" prop="respondentName">
<el-input v-model="adjudicatename.respondentName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="借款开始日期:" prop="loanStartDate">
<el-date-picker
v-model="formData.loanStartDate"
type="datetime"
placeholder="借款开始日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="借款结束日期:" prop="loanEndDate">
<el-date-picker
v-model="formData.loanEndDate"
type="datetime"
placeholder="借款结束日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件标的:" prop="caseSubjectAmount">
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入案件标的"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="逾期天数:" prop="caseSubjectAmount">
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入逾期天数"
/>
</el-form-item>
2023-09-19 18:31:05 +08:00
</el-col> -->
<el-col :span="12">
<el-form-item label="仲裁费用:" prop="feePayable">
<el-input
v-model="adjudicatename.feePayable"
placeholder="请输入仲裁费用"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人主张欠本金:" prop="claimPrinciOwed">
<el-input
v-model="formData.claimPrinciOwed"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="案件顾问:" prop="claimPrinciOwed">
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
</el-form-item>
2023-09-19 15:42:21 +08:00
</el-col> -->
2023-09-19 18:31:05 +08:00
<el-col :span="12">
<el-form-item label="案件状态:" prop="caseStatus">
2023-09-20 14:55:09 +08:00
<el-input
v-model="formData.caseStatusName"
placeholder="请输入"
/>
2023-09-19 18:31:05 +08:00
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="仲裁员:" prop="arbitratorName">
<el-input
v-model="formData.arbitratorName"
placeholder="请输入"
/>
</el-form-item>
</el-col>
2023-09-19 15:42:21 +08:00
2023-09-19 18:31:05 +08:00
<el-col :span="12">
<el-form-item label="开庭日期:" prop="hearDate">
<el-date-picker
v-model="adjudicatename.hearDate"
type="datetime"
placeholder="开庭日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
2023-09-19 15:42:21 +08:00
<el-form-item label="案件资料:" prop="claimPrinciOwed">
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form>
<el-form ref="form2" :model="form2" label-width="150px">
2023-09-20 14:55:09 +08:00
<!-- <el-col :span="24">
2023-09-19 15:42:21 +08:00
<el-form-item
label="案情描述:"
prop="accidentDescription"
:rules="[
{
required: true,
message: '请进行案情描述',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请进行案情描述"
2023-09-19 15:42:21 +08:00
v-model="form2.accidentDescription"
>
</el-input>
</el-form-item>
2023-09-20 14:55:09 +08:00
</el-col>
<el-col :span="24">
2023-09-19 15:42:21 +08:00
<el-form-item
label="仲裁结果:"
prop="arbitrationResult"
:rules="[
{
required: true,
message: '请输入仲裁结果',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入仲裁结果"
2023-09-19 15:42:21 +08:00
v-model="form2.arbitrationResult"
>
</el-input>
</el-form-item>
2023-09-20 14:55:09 +08:00
</el-col>-->
<el-col :span="24">
<el-form-item
label="经庭审质证,对各方提供的证据认定如下:"
2023-09-20 18:40:49 +08:00
prop="evidenDetermi"
2023-09-20 14:55:09 +08:00
:rules="[
{
required: true,
message: '请输入仲裁结果',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4}"
placeholder="请输入仲裁结果"
2023-09-20 18:40:49 +08:00
v-model="form2.evidenDetermi"
2023-09-20 14:55:09 +08:00
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="仲裁庭经审理查明(写明仲裁庭认定的事实):"
2023-09-20 18:40:49 +08:00
prop="factDetermi"
2023-09-20 14:55:09 +08:00
:rules="[
{
required: true,
2023-09-20 18:40:49 +08:00
message: '请输入',
2023-09-20 14:55:09 +08:00
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4}"
2023-09-20 18:40:49 +08:00
placeholder="请输入"
v-model="form2.factDetermi"
2023-09-20 14:55:09 +08:00
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="综上所述:"
2023-09-20 18:40:49 +08:00
prop="caseSketch"
2023-09-20 14:55:09 +08:00
:rules="[
{
required: true,
2023-09-20 18:40:49 +08:00
message: '请输入',
2023-09-20 14:55:09 +08:00
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
2023-09-20 18:40:49 +08:00
placeholder="请输入"
v-model="form2.caseSketch"
2023-09-20 14:55:09 +08:00
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="本庭认为:"
2023-09-20 18:40:49 +08:00
prop="arbitrateThink"
2023-09-20 14:55:09 +08:00
:rules="[
{
required: true,
2023-09-20 18:40:49 +08:00
message: '请输入',
2023-09-20 14:55:09 +08:00
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
2023-09-20 18:40:49 +08:00
placeholder="请输入"
v-model="form2.arbitrateThink"
2023-09-20 14:55:09 +08:00
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="裁决如下:"
2023-09-20 18:40:49 +08:00
prop="rulingFollows"
2023-09-20 14:55:09 +08:00
:rules="[
{
required: true,
2023-09-20 18:40:49 +08:00
message: '请输入',
2023-09-20 14:55:09 +08:00
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
2023-09-20 18:40:49 +08:00
placeholder="请输入"
v-model="form2.rulingFollows"
2023-09-20 14:55:09 +08:00
>
</el-input>
</el-form-item>
</el-col>
</el-form>
2023-09-18 21:55:43 +08:00
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">提交仲裁结果</el-button>
2023-09-18 21:55:43 +08:00
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
2023-09-19 15:42:21 +08:00
import { writtenHear } from "@/api/caseManagement/caseManagement.js";
2023-09-18 21:55:43 +08:00
export default {
2023-09-19 18:31:05 +08:00
props: ["showadjudicaterecord", "form", "adjudicatename"],
2023-09-18 21:55:43 +08:00
data() {
return {
formData: {},
2023-09-19 15:42:21 +08:00
form2: {},
2023-09-18 21:55:43 +08:00
};
},
2023-09-19 15:42:21 +08:00
watch: {
showadjudicaterecord: {
handler(val) {
if (val) {
this.formData = this.form;
this.form2 = {};
}
},
},
},
2023-09-18 21:55:43 +08:00
methods: {
2023-09-19 15:42:21 +08:00
submitForm() {
this.$refs["form2"].validate((valid) => {
if (valid) {
writtenHear(
{
accidentDescription: this.form2.accidentDescription,
arbitrationResult: this.form2.arbitrationResult,
},
{ id: this.formData.id }
)
.then((res) => {
this.$modal.msgSuccess("提交成功");
this.cancel();
this.$emit("getcaseApply");
})
.catch((err) => {});
}
});
},
2023-09-18 21:55:43 +08:00
cancel() {
this.$emit("canceladjudicaterecord");
},
},
};
</script>
<style lang="scss" scoped>
2023-09-19 18:31:05 +08:00
::v-deep .el-dialog {
width: 800px;
background: #ffffff;
border-radius: 20px;
}
2023-09-18 21:55:43 +08:00
</style>