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/caseList.vue
+164 -76
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 { 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 {
@@ -170,21 +188,23 @@ export default {
formPayDetail: {},
payId: null,
payForm: {},
openCompressedPackages:false,//压缩包导入弹窗
processVisable:false,//案件详情
showcaseLog:false,//案件日志
openDialog:false,//确认缴费和缴费详情
openCompressedPackages: false,//压缩包导入弹窗
processVisable: false,//案件详情
showcaseLog: false,//案件日志
openDialog: false,//确认缴费和缴费详情
detailform: {}, //缴费详情数据
evidenceVisable: false,//证据修改弹窗
payTitle:"",//缴费标题
paymentConfirma:{},//缴费确认
showAcceptance:false,//案件受理弹框
caseAcceptanceData:{},//案件受理数据
mediatorVisable:false,//选择调解员弹窗
timeVisable:false,//预约时间弹窗
confirmVisable:false,//确认时间/调解员
caseFlowNumber:{},//案件流程数据
mediatorData:{},
payTitle: "",//缴费标题
paymentConfirma: {},//缴费确认
showAcceptance: false,//案件受理弹框
caseAcceptanceData: {},//案件受理数据
mediatorVisable: false,//选择调解员弹窗
timeVisable: false,//预约时间弹窗
confirmVisable: false,//确认时间/调解员
mediationVisable:false,//待调解弹窗
caseFlowNumber: {},//案件流程数据
mediatorData: {},
mediationData:{},
flag: null,
caseData: {},
evidenceData: {},
@@ -193,18 +213,74 @@ export default {
deptList: [],
payTitle: '',
tabFlag: false,
confirmData:{},
departmentVisable:false,
departmentData:{},
timeConfirmVisable:false,
timeConfirmData:{}
confirmData: {},
departmentVisable: false,
departmentData: {},
timeConfirmVisable: false,
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;
@@ -243,7 +319,7 @@ export default {
this.$modal
.confirm("是否提交立案申请？")
.then(function () {
return submitCaseApply({ id: row.id,caseFlowId:row.caseFlowId });
return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
})
.then(() => {
this.getList(this.queryParams);
@@ -252,14 +328,19 @@ export default {
.catch(() => { });
},
/** 选择调解员 */
selectMediator(val){
selectMediator(val) {
this.mediatorVisable = true;
this.mediatorData = val;
},
/** 预约时间 */
selectTime(val){
selectTime(val) {
this.timeVisable = true;
},
/** 调解 */
mediationClick(val){
this.mediationVisable = true;
this.mediationData = val;
},
getDetail(parms) {
caseApplicationSelectById(parms).then((res) => {
this.formPayDetail = res.data;
@@ -268,17 +349,17 @@ export default {
});
},
/** 确认调解员 */
secretaryConfirm(val){
secretaryConfirm(val) {
this.confirmVisable = true;
this.confirmData = val;
},
/** 部门长确认调解员 */
department(val){
department(val) {
this.departmentVisable = true;
this.departmentData = val;
},
/**确认时间 */
timeConfirm(val){
timeConfirm(val) {
this.timeConfirmVisable = true;
this.timeConfirmData = val;
},
@@ -325,20 +406,27 @@ export default {
this.openPay = false;
},
/** 取消调解员弹窗 */
cancelMediator(){
cancelMediator() {
this.mediatorVisable = false;
},
/** 取消预约时间弹窗 */
cancelTime(){
cancelTime() {
this.timeVisable = false;
},
cancelConfirm(){
/**取消调解 */
cancelMediation(){
this.timeConfirmVisable = false;
},
cancelMediation(){
this.mediationVisable = false;
},
cancelConfirm() {
this.confirmVisable = false;
},
cancelDepartment(){
cancelDepartment() {
this.departmentVisable = false;
},
cancelTimeConfirm(){
cancelTimeConfirm() {
this.timeConfirmVisable = false;
},
/** 搜索按钮操作 */
@@ -362,13 +450,13 @@ export default {
},
// 法律顾问用印申请
consultantApplica(row) {
let paramsValue ={
caseId:row.id,
batchNumber:"",
caseFlowId:row.caseFlowId
let paramsValue = {
caseId: row.id,
batchNumber: "",
caseFlowId: row.caseFlowId
}
this.$modal.confirm("你确定要用印申请吗？").then((res) => {
sealApply(paramsValue).then(res=>{
sealApply(paramsValue).then(res => {
this.getList(this.queryParams);
this.$modal.msgSuccess("用印申请成功");
})
@@ -378,49 +466,49 @@ export default {
},
// 部门长用印申请
departmentApplica(row) {
this.$modal.confirm("你确定要用印确认吗？").then((res) => {
let paramsValue ={
caseId:row.id
}
selectSealUrl(paramsValue).then(res=>{
window.open(res.data.sealUrl)
this.$modal.confirm("你确认用印了吗？").then((res) => {
this.getList(this.queryParams);
this.$modal.confirm("你确定要用印确认吗？").then((res) => {
let paramsValue = {
caseId: row.id
}
selectSealUrl(paramsValue).then(res => {
window.open(res.data.sealUrl)
this.$modal.confirm("你确认用印了吗？").then((res) => {
this.getList(this.queryParams);
}).catch(() => {
})
})
})
}).catch(() => {
})
},
// 案件受理
caseAccep(row){
caseAccep(row) {
this.caseAcceptanceData = row
this.showAcceptance = true
},
cancelAcceptance(){
cancelAcceptance() {
this.showAcceptance = false
},
// 缴费确认
paymentconfirmationRow(row){
paymentconfirmationRow(row) {
this.paymentConfirma = row
console.log(this.paymentConfirma)
this.paymentDetails({
id:row.id
id: row.id
})
this.openDialog = true
this.payTitle = "缴费确认"
this.flag = 0;
this.detailform = {}
},
cancelpaymentdetails(){
cancelpaymentdetails() {
this.openDialog = false
},
// 查看缴费确认
viewpaymentformRow(row){
this.paymentDetails({
id:row.id
viewpaymentformRow(row) {
this.paymentDetails({
id: row.id
})
this.payTitle = "缴费单详情"
this.flag = 1;
@@ -428,8 +516,8 @@ export default {
this.openDialog = true
},
// 缴费详情
paymentDetails(val){
selectPaymentDetail(val).then(res=>{
paymentDetails(val) {
selectPaymentDetail(val).then(res => {
this.detailform = res.data;
})
},