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

调解

Browse Source
This commit is contained in:
hanchaobo
2024-01-19 18:02:16 +08:00
parent b9991b5346
commit d2381806dc
6 changed files with 354 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/mediation.vue
+149
View File
@@ -0,0 +1,149 @@
<template>
<div>
<el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true" width="1000px">
<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-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人：" prop="applicationOrganName">
<el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人：" prop="respondentName">
<el-input v-model="mediationData.respondentName" :disabled="true" />
</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-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="调解费用：" prop="feePayable">
<el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="调解员：" prop="mediatorName">
<el-input v-model="formData.mediatorName" placeholder="请输入" :disabled="true" />
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="申请人案件证据：">
<div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
<div v-else v-for="(item, index) in applicateArr" :key="index">
<a href="#" @click="toFile(item, index)" style="color: blue">
{{ item.annexName }}
</a>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="被申请人案件证据：">
<div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
<div v-for="(item, index) in quiltArr" :key="index">
<a href="#" @click="toFile1(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">
<a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="预约会议房间号：">
<div>{{ roomId }}</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="开庭时间：">
<div>{{ formData.hearDate }}</div>
</el-form-item>
</el-col>
<!-- </el-form> -->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
<el-button @click="submitMediation" class="endbutton1"><span>提 交</span></el-button>
</div>
</el-dialog>
</div>
</template>
<!-- hearDate -->
<script>
import { caseApplicationSelectById } from '@/api/caseManagement/caseManagement.js'
import { reserveConferenceList } from '@/api/metting/metting.js'
export default {
props: ["mediationVisable", "mediationData", "queryParams"],
data() {
return {
loanStartDate: "",
title: "开庭调解",
applicateArr:[],
quiltArr:[],
recordArr:[],
roomId:null,
startTime:null,
formData:{}
};
},
watch: {
mediationVisable(val) {
if (val) {
this.caseApplicationSelectByIdFn({
id:this.mediationData.id
})
this.reserveConferenceListFn({
caseId:this.mediationData.id
})
}
},
},
created() {
if(this.mediationData.mediationMethod == '1'){
this.title = '开庭调解'
}else{
this.title = '书面调解'
}
},
methods: {
/** 获取案件详情信息 */
caseApplicationSelectByIdFn(data){
caseApplicationSelectById(data).then(res=>{
this.formData = res.data;
})
},
/** 获取已经预约的会议 */
reserveConferenceListFn(data){
reserveConferenceList(data).then(res=>{
console.log(res,"LLLLLLLLLLLLLLLLLLLLLLLLLLL");
})
},
cancel() {
this.$emit("cancelMediation");
},
submitMediation() {
}
},
};
</script>
<style lang="scss" scoped>
.steps {
display: flex;
flex-wrap: wrap;
}</style>