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/api/caseManagement/caseManagement.js
+2
View File
@@ -123,6 +123,8 @@ export function verifyMediator(data) {
export function confirmDate(data) {
return request({
url: "/caseApplication/confirmDate",
method: "post",
data: data,
})
}
// 查看案件流程
src/api/metting/metting.js
+19
View File
@@ -0,0 +1,19 @@
import request from '@/utils/request'
// 生成会议号
export function createRoomId(data) {
return request({
url: 'video/createRoomId',
method: 'get',
params: data
})
}
// 根据案件id查询房间号
export function reserveConferenceList(data) {
return request({
url: 'video/reserveConferenceList',
method: 'get',
params: data
})
}
src/views/caseManagement/caseList.vue
+111 -23
View File
@@ -59,26 +59,30 @@
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button>
<!-- <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button> -->
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
icon="el-icon-edit">修改</el-button>
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
<el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button>
<el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button>
<!-- <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button> -->
<!-- <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button> -->
<el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
<el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
<el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button>
<el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button>
<el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit">查看缴费单</el-button>
<el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
<el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>
<el-button size="mini" @click="caseLog(scope.row)" type="text"
icon="el-icon-edit-outline">案件日志</el-button>
<!-- <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button> -->
<!-- <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button> -->
<el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
icon="el-icon-edit">查看缴费单</el-button>
<!-- <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button> -->
<!-- <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button> -->
<el-button size="mini" type="text" icon="el-icon-edit"
@click="evidenceUpload(scope.row)">证据修改</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button>
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button> -->
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button> -->
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button> -->
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button> -->
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button> -->
<el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
@click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag])">{{ item.nodeName }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -92,7 +96,8 @@
@cancelCompreess="cancelCompreess" :getList="getList">
</caseCompressionPackage>
<!-- 案件详情 -->
<mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
<mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
:caseFlowNumber="caseFlowNumber">
</mediationCaseDetails>
<!-- 案件日志 -->
<mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
@@ -103,23 +108,34 @@
<payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
:queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"></payDialog>
<!-- 缴费确认查看详情 -->
<paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle" :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" :getList="getList"></paymentdetailsDialog>
<paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
:detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" @getList="getList">
</paymentdetailsDialog>
<!-- 案件受理 -->
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance" :caseAcceptanceData="caseAcceptanceData" :getList="getList"></caseAcceptance>
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
:caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
<!-- 调解员弹窗 -->
<selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData" @getList="getList" :queryParams="queryParams"></selectMediator>
<selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
@getList="getList" :queryParams="queryParams"></selectMediator>
<!-- 秘书确认 -->
<confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData" @getList="getList" :queryParams="queryParams"></confirmMediator>
<confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
@getList="getList" :queryParams="queryParams"></confirmMediator>
<!-- 部门长确认 -->
<departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable" :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
<departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
:departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
<!-- 秘书确认时间 -->
<timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable" :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
<timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
:timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
<!-- 待调解 -->
<mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
:mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
</div>
</template>
<script>
import { caseApplicationList, caseApplicationSelectById, submitCaseApply, selectPaymentDetail, sealApply, selectSealUrl } from '@/api/caseManagement/caseManagement.js'
import { listDept } from '@/api/system/dept.js'
import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
import moment from "moment";
import addCase from './components/addCase.vue'
import evidenceDialog from './components/evidenceDialog.vue';
@@ -133,6 +149,7 @@ import selectMediator from './components/selectMediator.vue'
import confirmMediator from './components/confirmMediator.vue'
import departmentMediator from './components/departmentMediator.vue'
import timeConfirm from './components/timeConfirm.vue'
import mediation from './components/mediation.vue'
export default {
name: "caseList",
dicts: ["case_flow_node"],
@@ -148,7 +165,8 @@ export default {
selectMediator,//调解员弹窗
confirmMediator,
departmentMediator,
timeConfirm
timeConfirm,
mediation
},
data() {
return {
@@ -183,8 +201,10 @@ export default {
mediatorVisable: false,//选择调解员弹窗
timeVisable: false,//预约时间弹窗
confirmVisable: false,//确认时间/调解员
mediationVisable:false,//待调解弹窗
caseFlowNumber: {},//案件流程数据
mediatorData: {},
mediationData:{},
flag: null,
caseData: {},
evidenceData: {},
@@ -197,14 +217,70 @@ export default {
departmentVisable: false,
departmentData: {},
timeConfirmVisable: false,
timeConfirmData:{}
timeConfirmData: {},
buttonList: []
};
},
created() {
this.getList(this.queryParams);
this.listDeptFn()
this.getButtonList()
},
methods: {
/**所有按钮事件 */
caseClick(val,type){
if(type == 1){
// 提交案件
this.onsubmitRow(val);
}else if(type == 2){
// 缴费
this.payStatus(val);
}else if(type == 3){
// 确认缴费
this.paymentconfirmationRow(val);
}else if(type == 4){
// 受理分配
this.caseAccep(val);
}else if(type == 5){
// 选择调解员
this.selectMediator(val);
}else if(type == 6){
// 核实调解员
this.secretaryConfirm(val);
}else if(type == 7){
// 确认调解员
this.department(val);
}else if(type == 8){
// 确定调解时间
this.timeConfirm(val);
}else if(type == 9){
// 调解
this.mediationClick(val)
}else if(type == 10){
// 确认调解书
}else if(type == 11){
// 签名
}else if(type == 12){
// 用印申请
}else if(type == 13){
// 用印
}else if(type == 14){
// 归档
}else if(type == 15){
// 签收
}else if(type == 16){
// 结束
}
},
/**查询按钮列表 */
getButtonList() {
queryCaseFlowInfo({
pageNum: 1,
pageSize: 100000
}).then(res => {
this.buttonList = res.rows;
})
},
/** 新增案件 */
addCase() {
this.addVisable = true;
@@ -260,6 +336,11 @@ export default {
selectTime(val) {
this.timeVisable = true;
},
/** 调解 */
mediationClick(val){
this.mediationVisable = true;
this.mediationData = val;
},
getDetail(parms) {
caseApplicationSelectById(parms).then((res) => {
this.formPayDetail = res.data;
@@ -332,6 +413,13 @@ export default {
cancelTime() {
this.timeVisable = false;
},
/**取消调解 */
cancelMediation(){
this.timeConfirmVisable = false;
},
cancelMediation(){
this.mediationVisable = false;
},
cancelConfirm() {
this.confirmVisable = false;
},
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>
src/views/caseManagement/components/selectMediator.vue
+10
View File
@@ -48,6 +48,7 @@
<script>
import { Message } from 'element-ui'
import { listMediator,updateBooking } from '@/api/caseManagement/caseManagement.js'
import { createRoomId } from '@/api/metting/metting.js'
import moment from "moment";
export default {
props: ["mediatorVisable", "mediatorData","queryParams"],
@@ -104,6 +105,9 @@ export default {
userName:item.mediatorName
})
})
await this.createRoomIdFn({
caseId:this.mediatorData.id
})
await this.updateBookingFn({
id:this.mediatorData.id,
caseFlowId:this.mediatorData.caseFlowId,
@@ -118,6 +122,12 @@ export default {
this.$emit('getList', this.queryParams);
})
},
// 生成会议房间号
async createRoomIdFn(data){
await createRoomId(data).then(res=>{
console.log(res,"房间号");
})
},
handleSelectionChange(val) {
this.multipleSelection = val;
// console.log(this.multipleSelection,"LLLLLLLLLLLLLLLLL");
src/views/caseManagement/components/timeConfirm.vue
+10 -11
View File
@@ -13,7 +13,7 @@
<div style="margin-top: 20px;margin-bottom: 20px;">时间</div>
<el-form label-position="right" label-width="80px" :model="formLabelAlign" :disabled="confirmShow">
<el-form-item label="时间">
<el-date-picker v-if="!confirmShow" v-model="formLabelAlign.time[0]" type="datetime" placeholder="选择日期时间">
<el-date-picker v-if="!confirmShow" v-model="formLabelAlign.name" type="datetime" placeholder="选择日期时间">
</el-date-picker>
<el-input v-else v-model="formLabelAlign.name"></el-input>
</el-form-item>
@@ -103,16 +103,16 @@ export default {
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,
// userList: userArr,
herDates: this.formLabelAlign.time
herDates: [this.formLabelAlign.name]
})
} else {
if (this.multipleSelection.length > 1) {
Message.error('最多选择一名调解员');
return
} else if (this.multipleSelection.length < 1) {
Message.error('至少选择一名调解员');
return
}
// if (this.multipleSelection.length > 1) {
// Message.error('最多选择一名调解员');
// return
// } else if (this.multipleSelection.length < 1) {
// Message.error('至少选择一名调解员');
// return
// }
if (this.formLabelAlign.time.length < 1) {
Message.error('至少选择一个时间');
return
@@ -132,8 +132,7 @@ export default {
this.verifyMediatorFn({
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,
// userList: this.mediatorArr,
herDates: this.formLabelAlign.time
herDates: [this.formLabelAlign.name]
})
}
},