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-30 17:20:29 +08:00
parent 9a738ad294
commit 6c65f4a4e3
13 changed files with 195 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+1 -1
View File
@@ -50,7 +50,7 @@
</el-table-column>
<el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
<el-table-column label="申请机构名称" align="center" prop="applicationOrganName" :show-overflow-tooltip="true" />
<el-table-column label="申请人" align="center" prop="applicationName" :show-overflow-tooltip="true" />
<el-table-column label="被申请人" align="center" prop="respondentName" :show-overflow-tooltip="true" />
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" />
<el-table-column label="调解员" align="center" prop="mediatorName" :show-overflow-tooltip="true" />
src/views/caseManagement/components/addCase.vue
+2 -2
View File
@@ -115,14 +115,14 @@
<el-divider></el-divider>
</el-col>
<el-col :span="12">
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
<el-form-item label="申请机构名称" prop="affiliate.applicationName" :rules="[
{
required: true,
message: '申请机构名称不能为空',
trigger: 'blur',
},
]">
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
<el-input v-model="formData.affiliate.applicationName" placeholder="请输入申请机构名称" />
</el-form-item>
</el-col>
<el-col :span="12">
src/views/caseManagement/components/caseAcceptance.vue
+1 -1
View File
@@ -12,7 +12,7 @@
<el-form-item label="调解方式:">
<el-radio-group v-model="courtReviewform.mediationMethod">
<el-radio :label="1">开庭调解</el-radio>
<el-radio :label="2">书面调解</el-radio>
<el-radio :label="2">线下调解</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否纸质送达:">
src/views/caseManagement/components/confirmMediation.vue
+2 -2
View File
@@ -19,8 +19,8 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人：" prop="affiliate.applicationOrganName">
<el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
<el-form-item label="申请人：" prop="affiliate.applicationName">
<el-input v-model="formData.affiliate.applicationName" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
src/views/caseManagement/components/confirmMediator.vue
+5 -4
View File
@@ -80,7 +80,7 @@ export default {
applicantTable: [],
respondentTable: [],
multipleSelection: [],
tableDataFlag: false,
tableDataFlag: true,
formLabelAlign: {
time: []
},
@@ -107,7 +107,8 @@ export default {
this.applicantTable = res.data.mediatorList;
this.respondentTable = res.data.resMediatorList;
this.tableDataNow = [{ mediatorId: res.data.mediatorId, mediatorName: res.data.mediatorName }];
if (this.tableDataNow.length > 0) {
if (this.tableDataNow[0].mediatorId) {
this.tableDataFlag = false;
} else {
this.tableDataFlag = true;
@@ -131,14 +132,14 @@ export default {
mediatorId: this.tableDataNow[0].mediatorId,
mediatorName: this.tableDataNow[0].mediatorName,
})
} else if (this.multipleSelection.length > 0 && this.tableDataNow.length == 0) {
} else if (this.multipleSelection.length > 0 && !this.tableDataNow[0].mediatorId) {
this.verifyMediatorFn({
id: this.confirmData.id,
caseFlowId: this.confirmData.caseFlowId,
mediatorId: this.multipleSelection[0].mediatorId,
mediatorName: this.multipleSelection[0].mediatorName,
})
} else if (this.multipleSelection.length > 1 && this.tableDataNow.length == 0) {
} else if (this.multipleSelection.length > 1 && !this.tableDataNow[0].mediatorId) {
Message.error('最多选择一名调解员');
return
}
src/views/caseManagement/components/evidenceDialog.vue
+1 -1
View File
@@ -3,7 +3,7 @@
<el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
<el-descriptions title="案件内容" :column="2" border>
<el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
<el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
<el-descriptions-item label="申请人">{{ evidenceData.applicationName }}</el-descriptions-item>
<el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
<el-descriptions-item label="案件状态">
<el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
src/views/caseManagement/components/mediation.vue
+54 -32
View File
@@ -1,13 +1,6 @@
<template>
<div>
<el-dialog
:title="title"
:visible="mediationVisable"
@close="cancel"
center
:distroy-on-close="true"
width="1000px"
>
<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>
@@ -18,8 +11,8 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人：" prop="affiliate.applicationOrganName">
<el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
<el-form-item label="申请人：" prop="affiliate.applicationName">
<el-input v-model="formData.affiliate.applicationName" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
@@ -29,11 +22,7 @@
</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">
@@ -50,7 +39,7 @@
<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" v-if="item.annexType==2">
<div v-else v-for="(item, index) in applicateArr" :key="index" v-if="item.annexType == 2">
<a href="#" @click="toFile(item, index)" style="color: blue">{{ item.annexName }}</a>
</div>
</el-form-item>
@@ -80,25 +69,28 @@
<div>{{ formData.hearDate }}</div>
</el-form-item>
</el-col>
<el-col :span="24" v-if="!mediationType">
<el-form-item label="上传调解书">
<el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
:on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess"
:file-list="fileList">
<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">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
</el-form-item>
</el-col>
<!-- </el-form> -->
</el-form>
<el-button @click="openmeeting" type="primary" v-if="mediationType">发起会议</el-button>
<el-button
@click="openArbitrationresults"
type="primary"
v-if="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
>确认会议结果</el-button>
<el-button @click="openArbitrationresults" type="primary"
v-if="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'">确认会议结果</el-button>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel" class="endbutton1" round>
<span>取 消</span>
</el-button>
<el-button
@click="submitMediation"
:disabled="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
class="endbutton1"
type="primary"
round
>
<el-button @click="submitMediation" :disabled="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
class="endbutton1" type="primary" round>
<span>提 交</span>
</el-button>
</div>
@@ -113,6 +105,7 @@ import {
} from "@/api/caseManagement/caseManagement.js";
import { getUserProfile } from "@/api/system/user";
import { reserveConferenceList } from "@/api/metting/metting.js";
import { getToken } from "@/utils/auth";
export default {
props: ["mediationVisable", "mediationData", "queryParams"],
data() {
@@ -130,7 +123,15 @@ export default {
user: "",
userId: null,
flieList: [],
mediationType: true
mediationType: true,
headers: {
Authorization: "Bearer " + getToken(),
},
filedata: {
annexType: 7,
},
fileList:[],
attachList:[],
};
},
watch: {
@@ -140,7 +141,7 @@ export default {
this.title = "开庭调解";
this.mediationType = true;
} else if (this.mediationData.mediationMethod == "2") {
this.title = "书面调解";
this.title = "线下调解";
this.mediationType = false;
}
if (val) {
@@ -151,8 +152,24 @@ export default {
}
}
},
created() {},
created() { },
methods: {
/**上传地址*/
UploadUrl() {
return window.location.origin + "/API/common/upload";
},
handlePreview(file) {
},
handleRemove(file, fileList) {
},
beforeUpload(flie, fileList) {
this.fileList = fileList;
},
handlSuccess(res, file) {
this.attachList = [{annexId:res.annexId}];
// this.$set(this.mediationData, "attachList", {annexId:res.annexId});
},
/** 获取案件详情信息 */
caseApplicationSelectByIdFn(data) {
caseApplicationSelectById(data).then(res => {
@@ -207,9 +224,14 @@ export default {
this.$emit("cancelMediation");
},
submitMediation() {
if (this.fileList.length < 1 && !this.mediationType) {
this.$modal.msgError("请上传调解书");
return
}
this.mediationFn({
id: this.mediationData.id,
caseFlowId: this.mediationData.caseFlowId
caseFlowId: this.mediationData.caseFlowId,
attachList: this.attachList
});
}
}
src/views/caseManagement/components/payDialog.vue
+1 -1
View File
@@ -7,7 +7,7 @@
formPayDetail.caseNum
}}</el-descriptions-item>
<el-descriptions-item label="申请人">{{
formPayDetailAffiliate.applicationOrganName || ''
formPayDetailAffiliate.applicationName || ''
}}</el-descriptions-item>
<el-descriptions-item label="案件标的">{{
formPayDetail.caseSubjectAmount
src/views/caseManagement/components/paymentdetailsDialog.vue
+3 -3
View File
@@ -8,9 +8,9 @@
<el-form-item label="案件标的：" prop="caseSubjectAmount">
<el-input v-model="form.caseSubjectAmount" />
</el-form-item>
<el-form-item label="缴费人：" prop="applicantName">
<el-input v-model="form.applicationOrganName" placeholder="" />
</el-form-item>
<!-- <el-form-item label="缴费人：" prop="applicantName">
<el-input v-model="form.applicationName" placeholder="" />
</el-form-item> -->
<el-form-item label="缴费金额：" prop="feePayable">
<el-input v-model="form.feePayable" />
</el-form-item>
src/views/caseManagement/components/timeConfirm.vue
+27 -78
View File
@@ -2,27 +2,27 @@
<div>
<el-dialog title="秘书确认时间" :visible="timeConfirmVisable" v-if="timeConfirmVisable" @close="cancel" center
:distroy-on-close="true">
<div style="margin-bottom: 20px;">
<!-- <div style="margin-bottom: 20px;">
<el-radio-group v-model="confirmFlag">
<el-radio :label="1">同意</el-radio>
<el-radio :label="2">拒绝</el-radio>
</el-radio-group>
</div>
</div> -->
<div>
<div>
<div style="margin-top: 20px;margin-bottom: 20px;">时间</div>
<el-form label-position="right" label-width="80px" :model="formLabelAlign" :disabled="confirmShow">
<!-- <div style="margin-top: 20px;margin-bottom: 20px;">时间</div> -->
<el-form label-position="right" label-width="80px" :model="formLabelAlign">
<el-form-item label="时间">
<el-date-picker v-if="!confirmShow" v-model="formLabelAlign.name" type="datetime" placeholder="选择日期时间">
<el-date-picker v-model="formLabelAlign.name" type="datetime" placeholder="选择日期时间">
</el-date-picker>
<el-input v-else v-model="formLabelAlign.name"></el-input>
<!-- <el-input v-else v-model="formLabelAlign.name"></el-input> -->
</el-form-item>
</el-form>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
<el-button @click="submitMediator" class="endbutton1" type="primary" round><span>确 认</span></el-button>
<el-button @click="submitMediator" class="endbutton1" type="primary" round><span>确 认</span></el-button>
</div>
</el-dialog>
</div>
@@ -30,7 +30,7 @@
<script>
import { Message } from 'element-ui'
import { listMediator, selectReservation,confirmDate } from '@/api/caseManagement/caseManagement.js'
import { listMediator, selectReservation, confirmDate } from '@/api/caseManagement/caseManagement.js'
import { createRoomId } from '@/api/metting/metting.js'
import moment from "moment";
export default {
@@ -41,35 +41,17 @@ export default {
multipleSelection: [],
formLabelAlign: {
time: [],
name:""
name: ""
},
formTimeArr: [],
mediatorArr: [],
confirmFlag: 1,
confirmShow: true,
};
},
watch: {
timeConfirmVisable(val) {
if (val) {
this.confirmFlag = 1;
this.mediatorArr = [];
this.formTimeArr = [];
this.selectReservationFn({ id: this.timeConfirmData.id })
}
},
confirmFlag(val) {
if (val == 1) {
this.confirmShow = true;
console.log(this.timeConfirmData.id);
this.selectReservationFn({ id: this.timeConfirmData.id })
} else {
this.confirmShow = false;
listMediator().then(res => {
this.tableData = res.data;
})
}
}
},
methods: {
cancel() {
@@ -78,7 +60,6 @@ export default {
selectReservationFn(data) {
selectReservation(data).then(res => {
this.tableData = res.data.mediatorList;
// this.formLabelAlign.time[0] = res.data.herDates[0];
this.formLabelAlign.name = res.data.herDates[0]
})
},
@@ -91,64 +72,32 @@ export default {
})
},
// 生成会议房间号
createRoomIdFn(data){
createRoomId(data).then(res=>{
console.log(res,"房间号");
createRoomIdFn(data) {
createRoomId(data).then(res => {
console.log(res, "房间号");
})
},
/**提交选择结果*/
async submitMediator() {
this.createRoomIdFn({
caseId:this.timeConfirmData.id
caseId: this.timeConfirmData.id
})
if (this.confirmFlag == 1) {
let userArr = [];
this.tableData.forEach(item => {
userArr.push({
userId: item.mediatorId,
userName: item.mediatorName
})
})
this.verifyMediatorFn({
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,
// userList: userArr,
herDates: [this.formLabelAlign.name]
})
} else {
// if (this.multipleSelection.length > 1) {
// Message.error('最多选择一名调解员');
// return
// } else if (this.multipleSelection.length < 1) {
// Message.error('至少选择一名调解员');
// return
// }
if (this.formLabelAlign.name == '') {
Message.error('至少选择一个时间');
return
}
this.formLabelAlign.time.forEach(item => {
item = moment(
item
).format("YYYY-MM-DD HH:mm:ss");
this.formTimeArr.push(item)
})
this.multipleSelection.forEach(item => {
this.mediatorArr.push({
userId: item.mediatorId,
userName: item.mediatorName
})
})
this.verifyMediatorFn({
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,
herDates: [this.formLabelAlign.name]
})
if (this.formLabelAlign.name == '') {
Message.error('请选择时间');
return
}
this.formLabelAlign.time.forEach(item => {
item = moment(
item
).format("YYYY-MM-DD HH:mm:ss");
this.formTimeArr.push(item)
})
this.verifyMediatorFn({
id: this.timeConfirmData.id,
caseFlowId: this.timeConfirmData.caseFlowId,
herDates: [this.formLabelAlign.name]
})
},
handleSelectionChange(val) {
this.multipleSelection = val;
}
},
};
</script>