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

修改测试bug

Browse Source
This commit is contained in:
gyj
2024-05-10 17:45:48 +08:00
parent f5d9d37514
commit 27656dc005
9 changed files with 376 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/trialincourtDialog.vue
+344 -109
View File
@@ -1,40 +1,69 @@
<template>
<div>
<el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="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="请输入案件编号" :disabled="true" />
<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" :disabled="true" />
<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" :disabled="true" />
<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="借款开始日期" :disabled="true">
<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="借款结束日期" :disabled="true">
<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="请输入案件标的" :disabled="true" />
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入案件标的"
:disabled="true"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
@@ -47,12 +76,20 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="仲裁费用：" prop="feePayable">
<el-input v-model="adjudicatename.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
<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="请输入" :disabled="true" />
<el-input
v-model="formData.claimPrinciOwed"
placeholder="请输入"
:disabled="true"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
@@ -62,18 +99,31 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="案件状态：" prop="caseStatus">
<el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
<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="请输入" :disabled="true" />
<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="开庭日期" :disabled="true">
<el-date-picker
v-model="adjudicatename.hearDate"
type="datetime"
placeholder="开庭日期"
:disabled="true"
>
</el-date-picker>
</el-form-item>
</el-col>
@@ -103,9 +153,23 @@
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="裁决书:">
<div v-if="awardArr.length == 0">裁决书暂未提供！</div>
<div v-for="(item, index) in awardArr" :key="index">
<a href="#" @click="awardToFile(item, index)" style="color: blue">
{{ item.annexName }}
</a>
</div>
</el-form-item>
</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>
@@ -120,41 +184,87 @@
<div>{{ startTime }}</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="上传裁决书:">
<el-upload
class="upload-demo"
accept=".doc,.docx"
ref="upload"
:action="UploadUrls()"
:headers="headers"
:data="filedatas"
:before-remove="beforeRemoves"
:limit="2"
:on-change="beforeUpload"
:on-success="handlSuccessAw"
:file-list="fileListAw"
:before-upload="beforeAvatarUploads"
>
<el-button slot="trigger" size="small" type="primary"
>选取文件</el-button
>
<!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
<div slot="tip" class="el-upload__tip">
只能上传.doc，docx文件
</div>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="上传庭审笔录:">
<el-upload
class="upload-demo"
ref="fileupload"
accept=".doc,.docx"
:action="UploadUrl()"
:on-success="handlSuccess"
:on-remove="handleRemove"
:on-preview="handlePreview"
:before-remove="beforeRemove"
:headers="headers"
:data="filedata"
multiple
:limit="3"
:on-exceed="handleExceed"
:before-upload="beforeAvatarUpload"
:file-list="fileList"
>
<el-button type="primary" size="small">选择文件</el-button>
<div slot="tip" class="el-upload__tip">
文件支持上传.doc，docx文件
</div>
</el-upload>
</el-form-item>
</el-col>
<!-- </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>
<div style="margin-top:20px;width:250px">
<el-upload
class="upload-demo"
ref="fileupload"
accept=".doc,.docx"
:action="UploadUrl()"
:on-success="handlSuccess"
:on-remove="handleRemove"
:on-preview="handlePreview"
:before-remove="beforeRemove"
:headers="headers"
:data="filedata"
multiple
:limit="3"
:on-exceed="handleExceed"
:before-upload="beforeAvatarUpload"
:file-list="fileList"
>
<el-button type="primary">上传案件笔录</el-button>
<div slot="tip" class="el-upload__tip">
文件支持上传.doc，docx文件
</div>
</el-upload>
</div>
<el-button
@click="openArbitrationresults"
type="primary"
v-if="this.awardArr.length <= 0"
>确认会议结果</el-button>
<div slot="footer" class="dialog-footer">
<el-button class="endbutton" :disabled="(showsubmit && recordArr.length == 0) || form2.isAbsence==1" @click="submitResults">提交</el-button>
<el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
<el-button
class="endbutton"
:disabled="
(showsubmit && recordArr.length == 0) || form2.isAbsence == 1
"
@click="submitResults"
:loading="loadingSub"
>提交</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="12">
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
@@ -170,12 +280,16 @@
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
{
required: true,
message: '请输入',
},
]">
<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>
@@ -183,12 +297,16 @@
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
{
required: true,
message: '请输入',
},
]">
<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>
@@ -196,13 +314,29 @@
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="被申请人对上述材料的质证意见" prop="respondentOpinion">
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.respondentOpinion" placeholder="请输入" />
<el-form-item
label="被申请人对上述材料的质证意见"
prop="respondentOpinion"
>
<el-input
type="textarea"
:autosize="{ minRows: 6 }"
v-model="form2.respondentOpinion"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="申请人对上述材料的质证意见" prop="applicantOpinion">
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.applicantOpinion" placeholder="请输入" />
<el-form-item
label="申请人对上述材料的质证意见"
prop="applicantOpinion"
>
<el-input
type="textarea"
:autosize="{ minRows: 6 }"
v-model="form2.applicantOpinion"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="24">
@@ -310,9 +444,16 @@
</el-col> -->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="submitForm" class="endbutton" :loading="loadingSubmit">
<span>确定</span></el-button>
<el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
<el-button
@click="submitForm"
class="endbutton"
:loading="loadingSubmit"
>
<span>确定</span></el-button
>
<el-button @click="closeArbitrationresults" class="endbutton1"
><span>取 消</span></el-button
>
</div>
</el-dialog>
</div>
@@ -321,57 +462,68 @@
<script>
import { getToken } from "@/utils/auth";
import { getUserProfile } from "@/api/system/user";
import { selectCaseApply } from "@/api/caseAccess/caseEntry";
import {
writtenHear,
creatTrialRecord,
creatTrialRecordnew,
document,
changeCaseStatus
} from "@/api/caseManagement/caseManagement.js";
import { reserveConferenceList } from '@/api/meeting/index.js'
import { reserveConferenceList } from "@/api/meeting/index.js";
export default {
props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
data() {
return {
formData: {},
headers: {
headers: {
Authorization: "Bearer " + getToken(),
},
filedata: {
annexType: 7,
id:0
id: 0,
},
upLife:'',
filedatas: {
annexType: 3,
id:null
},
upLife: "",
user: "",
userId: 1,
showArbitrationresults: false,
form2: {
isAbsence:0,
appliIsAbsen:0
isAbsence: 0,
appliIsAbsen: 0,
},
applicateArr: [], //申请人案件资料
quiltArr: [], //被申请人案件资料
awardArr: [], //裁决书案件资料
recordArr: [], //笔录附件
showsubmit: true, //生成庭审笔录，方可提交
annexName: "", //笔录文件名
annexPath: "", //笔录文件地址
roomId:null,
startTime:"",
fileList:[],
roomId: null,
startTime: "",
fileList: [],
fileListAw:[],
loadingSubmit: false,
loadingSub:false,
};
},
watch: {
showtrialincourt: {
handler(val) {
if (val) {
this.reserveConferenceListFn({caseId:this.form.id});
this.reserveConferenceListFn({ caseId: this.form.id });
this.getUser();
this.formData = this.form;
console.log(this.formData)
console.log(this.formData);
this.applicateArr = [];
this.quiltArr = [];
this.awardArr = [];
this.recordArr = [];
setTimeout(() => {
console.log(this.adjudicatename);
if (this.adjudicatename.caseAttachList.length > 0) {
this.adjudicatename.caseAttachList.forEach((item) => {
// 申请人案件附件
@@ -395,6 +547,13 @@ export default {
annexPath: item.annexPath,
});
}
//裁决书附件
if (item.annexType == 3) {
this.awardArr.push({
annexName: item.annexName,
annexPath: item.annexPath,
});
}
});
}
}, 1000);
@@ -402,16 +561,14 @@ export default {
},
},
},
created() {
},
created() {},
methods: {
// 根据案件id查询会议号
reserveConferenceListFn(data){
reserveConferenceList(data).then(res=>{
reserveConferenceListFn(data) {
reserveConferenceList(data).then((res) => {
this.roomId = res.data[0].roomId;
this.startTime = res.data[0].scheduleStartTime;
})
});
},
// 详情显示，展示申请人案件文件
toFile(item, index) {
@@ -427,6 +584,13 @@ export default {
"_black"
);
},
//裁决书文件
awardToFile(item, index) {
window.open(
window.location.origin + "/API" + this.awardArr[index].annexPath,
"_black"
);
},
// 庭审笔录附件
toFile2(item, index) {
window.open(
@@ -444,12 +608,14 @@ export default {
openmeeting() {
window.open(
// `http://localhost:8081/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}`
`https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}`
// `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}`
`https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}&type=zhongcai&token=${getToken()}`
);
},
// 提交仲裁结果
openArbitrationresults() {
this.showArbitrationresults = true;
},
closeArbitrationresults() {
this.showArbitrationresults = false;
@@ -491,15 +657,32 @@ export default {
this.$modal.msgSuccess("提交成功");
this.showsubmit = false;
this.closeArbitrationresults();
console.log(this.form2)
this.form2.respondentOpinion ="";
console.log(this.form2);
this.form2.respondentOpinion = "";
this.form2.applicantOpinion = "";
this.loadingSubmit = false;
let val = {
id: this.form.id,
version: this.form.version,
};
this.awardArr =[];
selectCaseApply(val).then((res) => {
this.adjudicatename.caseAttachList = res.data.caseAttachList;
this.adjudicatename.caseAttachList.forEach(item=>{
if(item.annexType==3){
this.awardArr.push({
annexName: item.annexName,
annexPath: item.annexPath,
});
}
})
});
})
.catch((err) => {
this.loadingSubmit = false;
});
});
}
});
},
@@ -508,25 +691,28 @@ export default {
},
// 提交开庭审理结果
submitResults() {
if(this.fileList.length==0){
if (this.fileList.length == 0&&this.recordArr.length==0) {
this.$message({
showClose: true,
message: '请先上传案件笔录',
type:'warning'
message: "请先上传案件笔录",
type: "warning",
});
}else{
} else {
this.loadingSub=true;
let id = this.formData.id;
document({
id: id,
}).then((res) => {
if (res.code == 200) {
this.$emit("getcaseApply", this.queryParams);
this.cancel();
this.fileList =[]
}
});
changeCaseStatus({
id: id,
}).then((res) => {
if (res.code == 200) {
this.$emit("getcaseApply", this.queryParams);
this.cancel();
this.loadingSub = false
this.fileList = [];
}
}).catch((err)=>{
this.loadingSub = false
});
}
},
// 上传庭审笔录
UploadUrl() {
@@ -534,28 +720,77 @@ export default {
},
// 文件上传成功
handlSuccess(res, file) {
this.fileList.push(file)
},
// 文件列表移除文件时的钩子
handleRemove(file, fileList) {
// this.fileList.push(file);
let val = {
id: this.form.id,
version: this.form.version,
};
this.recordArr =[];
selectCaseApply(val).then((res) => {
this.adjudicatename.caseAttachList = res.data.caseAttachList;
this.adjudicatename.caseAttachList.forEach(item=>{
if(item.annexType==7){
this.recordArr.push({
annexName: item.annexName,
annexPath: item.annexPath,
});
}
})
});
},
handlePreview(file) {
},
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
// 文件列表移除文件时的钩子
handleRemove(file, fileList) {},
handlePreview(file) {},
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`);
},
// 文件超出个数限制时的钩子
// 文件超出个数限制时的钩子
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
files.length + fileList.length
} 个文件`
);
},
beforeAvatarUpload(file){
this.filedata.id =this.formData.id
beforeAvatarUpload(file) {
this.filedata.id = this.formData.id;
},
// 上传裁决书
UploadUrls() {
return window.location.origin + "/API/evidence/uploadRecord";
},
beforeRemoves(file,fileList){
return this.$confirm(`确定移除 ${file.name}？`);
},
beforeUpload(flie, fileList) {
// this.fileList = fileList;
},
// 上传文件成功
handlSuccessAw(res, file) {
// this.fileListAw.push(file);
let val = {
id: this.form.id,
version: this.form.version,
};
this.awardArr =[];
selectCaseApply(val).then((res) => {
this.adjudicatename.caseAttachList = res.data.caseAttachList;
this.adjudicatename.caseAttachList.forEach(item=>{
if(item.annexType==3){
this.awardArr.push({
annexName: item.annexName,
annexPath: item.annexPath,
});
}
})
});
},
beforeAvatarUploads(){
this.filedatas.id = this.formData.id;
}
},
};