SH-Arbitrate/Arbitrate-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

添加生成裁决书字段,首页角标

Browse Source
This commit is contained in:
fz
2023-10-18 08:50:17 +08:00
parent 08b506c6b2
commit 035a1d6b10
8 changed files with 721 additions and 1124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/trialincourtDialog.vue
+129 -185
View File
@@ -1,64 +1,40 @@
<template>
<div>
<el-dialog
title="开庭审理"
:visible="showtrialincourt"
@close="cancel"
:destroy-on-close="true"
>
<el-form
ref="form"
:model="formData"
label-width="180px"
:disabled="true"
>
<el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="true">
<el-form ref="form" :model="formData" label-width="180px">
<div class="caseInfo">案件信息：</div>
<el-divider></el-divider>
<el-row>
<el-col :span="12">
<el-form-item label="案件编号：" prop="caseNum">
<el-input
v-model="formData.caseNum"
placeholder="请输入案件编号"
/>
<el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人：" prop="applicantName">
<el-input v-model="adjudicatename.applicantName" />
<el-input v-model="adjudicatename.applicantName" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人：" prop="respondentName">
<el-input v-model="adjudicatename.respondentName" />
<el-input v-model="adjudicatename.respondentName" :disabled="true" />
</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 v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期" :disabled="true">
</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 v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" :disabled="true">
</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-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
</el-form-item>
</el-col>
<!-- <el-col :span="12">
@@ -71,18 +47,12 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="仲裁费用：" prop="feePayable">
<el-input
v-model="adjudicatename.feePayable"
placeholder="请输入仲裁费用"
/>
<el-input v-model="adjudicatename.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
<el-input
v-model="formData.claimPrinciOwed"
placeholder="请输入"
/>
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" :disabled="true" />
</el-form-item>
</el-col>
<!-- <el-col :span="12">
@@ -92,28 +62,18 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="案件状态：" prop="caseStatus">
<el-input
v-model="formData.caseStatusName"
placeholder="请输入"
/>
<el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="仲裁员：" prop="arbitratorName">
<el-input
v-model="adjudicatename.arbitratorName"
placeholder="请输入"
/>
<el-input v-model="adjudicatename.arbitratorName" placeholder="请输入" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开庭日期：" prop="hearDate">
<el-date-picker
v-model="adjudicatename.hearDate"
type="datetime"
placeholder="开庭日期"
>
<el-date-picker v-model="adjudicatename.hearDate" type="datetime" placeholder="开庭日期" :disabled="true">
</el-date-picker>
</el-form-item>
</el-col>
@@ -145,11 +105,7 @@
</el-col>
<el-col :span="24" v-if="recordArr.length > 0">
<el-form-item label="庭审笔录：">
<div
v-for="(item, index) in recordArr"
:key="index"
style="color: blue"
>
<div v-for="(item, index) in recordArr" :key="index" style="color: blue">
<a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
</div>
</el-form-item>
@@ -157,144 +113,138 @@
<!-- </el-form> -->
</el-form>
<el-button @click="openmeeting" type="primary">发起会议</el-button>
<el-button
@click="openArbitrationresults"
type="primary"
v-if="this.recordArr.length <= 0"
>生成庭审笔录</el-button
>
<el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">生成庭审笔录</el-button>
<div slot="footer" class="dialog-footer">
<el-button
class="endbutton"
:disabled="showsubmit && recordArr.length == 0"
@click="submitResults"
>提交</el-button
>
<el-button @click="cancel" class="endbutton1"
><span>关 闭</span></el-button
>
<el-button class="endbutton" :disabled="showsubmit && recordArr.length == 0" @click="submitResults">提交</el-button>
<el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
</div>
</el-dialog>
<el-dialog
title="生成庭审笔录"
:visible="showArbitrationresults"
@close="closeArbitrationresults"
center
>
<el-dialog title="生成庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
<el-form ref="form2" :model="form2" label-width="150px">
<el-col :span="24">
<el-form-item
label="经庭审质证，对各方提供的证据认定如下："
prop="evidenDetermi"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入"
v-model="form2.evidenDetermi"
>
<el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.evidenDetermi">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
prop="factDetermi"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入"
v-model="form2.factDetermi"
>
<el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="综上所述："
prop="caseSketch"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.caseSketch"
>
<el-form-item label="综上所述：" prop="caseSketch" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="本庭认为："
prop="arbitrateThink"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.arbitrateThink"
>
<el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="裁决如下："
prop="rulingFollows"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.rulingFollows"
>
<el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
{
required: true,
message: '请输入',
},
]">
<el-radio-group v-model="form2.isAbsence">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
{
required: true,
message: '请输入',
},
]">
<el-radio-group v-model="form2.appliIsAbsen">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]">
<el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="submitForm" class="endbutton">
<span>确定</span></el-button
>
<el-button @click="closeArbitrationresults" class="endbutton1"
><span>取 消</span></el-button
>
<span>确定</span></el-button>
<el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
@@ -410,21 +360,6 @@ export default {
submitForm() {
this.$refs["form2"].validate((valid) => {
if (valid) {
// writtenHear({
// caseAppliId: this.formData.id,
// evidenDetermi: this.form2.evidenDetermi,
// factDetermi: this.form2.factDetermi,
// caseSketch: this.form2.caseSketch,
// arbitrateThink: this.form2.arbitrateThink,
// rulingFollows: this.form2.rulingFollows,
// })
// .then((res) => {
// this.$modal.msgSuccess("提交成功");
// this.cancel();
// this.closeArbitrationresults();
// this.$emit("getcaseApply", this.queryParams);
// })
// .catch((err) => {});
creatTrialRecord({
caseAppliId: this.formData.id,
evidenDetermi: this.form2.evidenDetermi,
@@ -432,6 +367,11 @@ export default {
caseSketch: this.form2.caseSketch,
arbitrateThink: this.form2.arbitrateThink,
rulingFollows: this.form2.rulingFollows,
isAbsence: this.form2.isAbsence,
appliIsAbsen: this.form2.appliIsAbsen,
responCrossOpin: this.form2.responCrossOpin,
applicaCrossOpin: this.form2.applicaCrossOpin,
responDefenOpini: this.form2.responDefenOpini,
})
.then((res) => {
res.data.caseAttachList.forEach((item) => {
@@ -446,7 +386,7 @@ export default {
this.showsubmit = false;
this.closeArbitrationresults();
})
.catch((err) => {});
.catch((err) => { });
}
});
},
@@ -477,12 +417,14 @@ export default {
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 154px;
height: 37px;
background: #488de2;
border-radius: 19px;
color: #ffffff;
span {
width: 96px;
height: 15px;
@@ -492,6 +434,7 @@ export default {
color: #ffffff;
}
}
.endbutton1 {
width: 154px;
height: 37px;
@@ -507,6 +450,7 @@ export default {
color: #959595;
// }
}
.caseInfo {
font-size: 17px;
font-weight: 600;