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

合并

Browse Source
This commit is contained in:
hanchaobo
2024-02-29 09:39:26 +08:00
parent b577f650f5 b89f7272b8
commit 53ca46a5f5
11 changed files with 336 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+203 -177
View File
@@ -72,13 +72,16 @@
icon="el-icon-edit">查看缴费单</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="evidenceUpload(scope.row)"
v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
<el-button size="mini" type="text" icon="el-icon-edit"
v-if="scope.row.caseFlowId == 15 || scope.row.caseFlowId == 16 || scope.row.caseFlowId == 17"
@click="caseFilingDetails(scope.row)">归档详情</el-button>
<div class="btnList" v-for="(item) in buttonList" :key="item.id">
<el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 ||
scope.row.caseFlowId == 16 ||
scope.row.caseFlowId == 17
" @click="caseFilingDetails(scope.row)">归档详情</el-button>
<div class="btnList" v-for="item in buttonList" :key="item.id">
<el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{
item.nodeName }}</el-button>
v-if="item.id == scope.row.caseFlowId &&
checkPermi([item.buttonAuthFlag]) &&
scope.row.signButtonFlag != 1
">{{ item.nodeName }}</el-button>
</div>
</template>
</el-table-column>
@@ -143,26 +146,38 @@
</template>
<script>
import { caseApplicationList, caseApplicationSelectById, submitCaseApply, selectPaymentDetail, sealApply, selectSealUrl, listCaseLogRecord, msCaseFile, msCaseSign, listDeptApplied, msCaseSignUrlApplyPC } from '@/api/caseManagement/caseManagement.js'
import { listDept } from '@/api/system/dept.js'
import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
import {
caseApplicationList,
caseApplicationSelectById,
submitCaseApply,
selectPaymentDetail,
sealApply,
selectSealUrl,
listCaseLogRecord,
msCaseFile,
msCaseSign,
listDeptApplied,
msCaseSignUrlApplyPC,
} 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';
import caseCompressionPackage from './components/caseCompressionPackage.vue';
import mediationCaseDetails from './components/mediationCaseDetails.vue'
import mediationCaseLog from './components/mediationCaseLog.vue'
import addCase from "./components/addCase.vue";
import evidenceDialog from "./components/evidenceDialog.vue";
import caseCompressionPackage from "./components/caseCompressionPackage.vue";
import mediationCaseDetails from "./components/mediationCaseDetails.vue";
import mediationCaseLog from "./components/mediationCaseLog.vue";
import payDialog from "./components/payDialog.vue";
import respondentPay from "./components/respondentPay.vue"
import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
import caseAcceptance from './components/caseAcceptance.vue'
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'
import confirmMediation from './components/confirmMediation.vue'
import caseFilingDetailsPage from './components/caseFilingDetailsPage.vue'
import respondentPay from "./components/respondentPay.vue";
import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
import caseAcceptance from "./components/caseAcceptance.vue";
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";
import confirmMediation from "./components/confirmMediation.vue";
import caseFilingDetailsPage from "./components/caseFilingDetailsPage.vue";
export default {
name: "caseList",
dicts: ["case_flow_node"],
@@ -175,14 +190,14 @@ export default {
payDialog,
paymentdetailsDialog,
caseAcceptance,
selectMediator,//调解员弹窗
selectMediator, //调解员弹窗
confirmMediator,
departmentMediator,
timeConfirm,
mediation,
confirmMediation,
caseFilingDetailsPage,
respondentPay
respondentPay,
},
data() {
return {
@@ -199,37 +214,37 @@ export default {
// 校验表单
rules: {},
dataList: [],
addVisable: false,//新增弹窗
addVisable: false, //新增弹窗
openPay: false, //缴费弹框
openResPay: false,//被申请人缴费弹窗
openResPay: false, //被申请人缴费弹窗
formPayDetail: {},
formResPayDetail: {},
payId: null,
resPayId: null,
payForm: {},
resPayForm: {},
openCompressedPackages: false,//压缩包导入弹窗
processVisable: false,//案件详情
showcaseLog: false,//案件日志
openDialog: false,//确认缴费和缴费详情
openCompressedPackages: false, //压缩包导入弹窗
processVisable: false, //案件详情
showcaseLog: false, //案件日志
openDialog: false, //确认缴费和缴费详情
detailform: {}, //缴费详情数据
evidenceVisable: false,//证据修改弹窗
mediationVisable: false,//待调解弹窗
evidenceVisable: false, //证据修改弹窗
mediationVisable: false, //待调解弹窗
mediationData: {},
payTitle: "",//缴费标题
resPayTitle: '',//被申请人缴费标题
paymentConfirma: {},//缴费确认
showAcceptance: false,//案件受理弹框
caseAcceptanceData: {},//案件受理数据
mediatorVisable: false,//选择调解员弹窗
timeVisable: false,//预约时间弹窗
confirmVisable: false,//确认时间/调解员
caseFlowNumber: {},//案件流程数据
caselogDataArr: [],//案件日志数据
payTitle: "", //缴费标题
resPayTitle: "", //被申请人缴费标题
paymentConfirma: {}, //缴费确认
showAcceptance: false, //案件受理弹框
caseAcceptanceData: {}, //案件受理数据
mediatorVisable: false, //选择调解员弹窗
timeVisable: false, //预约时间弹窗
confirmVisable: false, //确认时间/调解员
caseFlowNumber: {}, //案件流程数据
caselogDataArr: [], //案件日志数据
flagLoading: true, //案件日志弹框loading
confirmTionVisable: false,//确认调解书弹窗
addModifyData: null,//新增修改传的参数
showarchiveDetails: false,//归档详情弹窗
confirmTionVisable: false, //确认调解书弹窗
addModifyData: null, //新增修改传的参数
showarchiveDetails: false, //归档详情弹窗
detailsAwardNum: {},
flagLoadingS: true,
formPayDetailAffiliate: {},
@@ -239,9 +254,9 @@ export default {
caseData: {},
evidenceData: {},
caseDisabled: false,
caseTime: '',
caseTime: "",
deptList: [],
payTitle: '',
payTitle: "",
tabFlag: false,
confirmData: {},
departmentVisable: false,
@@ -250,15 +265,33 @@ export default {
timeConfirmData: {},
confirmTionData: {},
buttonList: [],
caseStausArr: [],//案件状态
caseStausArr: [], //案件状态
isapplicant: true, //判断角色申请人或非申请人
caseFilingData: {}
caseFilingData: {},
};
},
created() {
this.getList(this.queryParams);
this.listDeptFn()
this.getButtonList()
// this.getList(this.queryParams);
this.listDeptFn();
// this.getButtonList()
queryCaseFlowInfo({
pageNum: 1,
pageSize: 100000,
}).then((res) => {
res.rows.forEach((item) => {
if (item.id != 17) {
this.buttonList.push(item);
}
this.caseStausArr.push(item);
});
if (this.$route.query.caseFlowId) {
let querydata = Number(this.$route.query.caseFlowId);
if (querydata > 0) {
this.$set(this.queryParams, 'caseFlowId', querydata)
}
}
this.getList(this.queryParams);
});
},
methods: {
/**所有按钮事件 */
@@ -289,50 +322,37 @@ export default {
this.timeConfirm(val);
} else if (type == 9) {
// 调解
this.mediationClick(val)
this.mediationClick(val);
} else if (type == 10) {
// 确认调解书
this.confirmMediation(val)
this.confirmMediation(val);
} else if (type == 11) {
// 签名
this.msCaseSignUrlApplyPCFn(val)
this.msCaseSignUrlApplyPCFn(val);
} else if (type == 12) {
// 用印申请
this.consultantApplica(val)
this.consultantApplica(val);
} else if (type == 13) {
// 用印
this.departmentApplica(val)
this.departmentApplica(val);
} else if (type == 14) {
// 归档
this.caseFiling(val);
} else if (type == 15) {
// 申请人签收
this.signMediation(val)
this.signMediation(val);
} else if (type == 16) {
// 被申请人签收
this.receivedMediation(val)
this.receivedMediation(val);
} else if (type == 17) {
//结束
} else if (type == 44) {
// 被申请人缴费
this.resPayStatus(val)
this.resPayStatus(val);
}
},
/**查询按钮列表 */
getButtonList() {
queryCaseFlowInfo({
pageNum: 1,
pageSize: 100000
}).then(res => {
console.log(res)
res.rows.forEach(item => {
if (item.id != 17) {
this.buttonList.push(item)
}
this.caseStausArr.push(item)
});
})
},
getButtonList() { },
/** 新增案件 */
addCase() {
this.addModifyData = 1;
@@ -351,10 +371,10 @@ export default {
},
/** 修改案件 */
eidtNodeprocess(row) {
this.addModifyData = 3
this.addModifyData = 3;
this.addVisable = true;
this.caseData = row;
this.$set(this.caseData, 'flag', 2)
this.$set(this.caseData, "flag", 2);
this.caseDisabled = false;
this.tabFlag = false;
},
@@ -401,10 +421,10 @@ export default {
// this.$modal.msgSuccess("立案申请成功");
// })
// .catch(() => { });
msCaseSignUrlApplyPC({ caseId: row.id }).then(res => {
msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
console.log(res, "PPPPPPPPPPPPPPPPPPPP");
window.open(res.data.sealUrl);
})
});
},
/** 选择调解员 */
selectMediator(val) {
@@ -459,23 +479,22 @@ export default {
/** 时间改变处理 */
caseTimeChange() {
if (this.caseTime) {
this.queryParams.startTime = moment(
this.caseTime[0]
).format("YYYY-MM-DD HH:mm:ss");
this.queryParams.endTime = moment(
this.caseTime[1]
).format("YYYY-MM-DD HH:mm:ss");
this.queryParams.startTime = moment(this.caseTime[0]).format(
"YYYY-MM-DD HH:mm:ss"
);
this.queryParams.endTime = moment(this.caseTime[1]).format(
"YYYY-MM-DD HH:mm:ss"
);
} else {
this.queryParams.startTime = '';
this.queryParams.endTime = '';
this.queryParams.startTime = "";
this.queryParams.endTime = "";
}
},
/** 获取所有部门 */
listDeptFn() {
listDeptApplied().then(res => {
listDeptApplied().then((res) => {
this.deptList = res.data;
})
});
},
/** 修改证据 */
evidenceUpload(row) {
@@ -547,163 +566,170 @@ export default {
this.dataList = response.rows;
this.total = response.total;
this.loading = false;
})
});
},
// 法律顾问用印申请
consultantApplica(row) {
let paramsValue = {
caseId: row.id,
batchNumber: "",
caseFlowId: row.caseFlowId
}
this.$modal.confirm("你确定要用印申请吗？").then((res) => {
sealApply(paramsValue).then(res => {
this.getList(this.queryParams);
this.$modal.msgSuccess("用印申请成功");
caseFlowId: row.caseFlowId,
};
this.$modal
.confirm("你确定要用印申请吗？")
.then((res) => {
sealApply(paramsValue).then((res) => {
this.getList(this.queryParams);
this.$modal.msgSuccess("用印申请成功");
});
})
}).catch(() => {
})
.catch(() => { });
},
// 部门长用印申请
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);
}).catch(() => {
})
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(() => {
})
.catch(() => { });
},
// 案件受理
caseAccep(row) {
this.caseAcceptanceData = row
this.showAcceptance = true
this.caseAcceptanceData = row;
this.showAcceptance = true;
},
cancelAcceptance() {
this.showAcceptance = false
this.showAcceptance = false;
},
// 缴费确认
paymentconfirmationRow(row, type) {
this.paymentConfirma = row
console.log(this.paymentConfirma)
this.paymentConfirma = row;
console.log(this.paymentConfirma);
this.paymentDetails({
id: row.id
})
this.openDialog = true
this.payTitle = "缴费确认"
id: row.id,
});
this.openDialog = true;
this.payTitle = "缴费确认";
this.flag = 0;
this.detailform = {}
this.detailform = {};
if (type == 3) {
// 申请人
this.isapplicant = true
this.isapplicant = true;
} else {
this.isapplicant = false
this.isapplicant = false;
}
},
cancelpaymentdetails() {
this.openDialog = false
this.openDialog = false;
},
// 查看缴费确认
viewpaymentformRow(row) {
this.paymentDetails({
id: row.id
})
this.payTitle = "缴费单详情"
id: row.id,
});
this.payTitle = "缴费单详情";
this.flag = 1;
this.detailform = {}
this.openDialog = true
this.detailform = {};
this.openDialog = true;
},
// 缴费详情
paymentDetails(val) {
selectPaymentDetail(val).then(res => {
selectPaymentDetail(val).then((res) => {
this.detailform = res.data;
})
});
},
//案件流程
caseFlow(row) {
this.caseFlowNumber = row
this.processVisable = true
this.caseFlowNumber = row;
this.processVisable = true;
},
cancelViewProcess() {
this.processVisable = false
this.processVisable = false;
},
//案件日志
caseLog(row) {
this.caseLogNumber = row
this.showcaseLog = true
this.caseLogNumber = row;
this.showcaseLog = true;
this.flagLoading = true;
listCaseLogRecord({ caseId: row.id }).then(res => {
this.caselogDataArr = res.data
listCaseLogRecord({ caseId: row.id }).then((res) => {
this.caselogDataArr = res.data;
this.flagLoading = false;
})
});
},
cancelcaseLog() {
this.showcaseLog = false
this.showcaseLog = false;
},
// 案件送达
caseFiling(row) {
console.log(row.id)
console.log(row.id);
let paramValues = {
ids: [row.id]
}
this.$modal.confirm("你确定要案件送达吗？").then((res) => {
msCaseFile(paramValues).then(res => {
this.$modal.msgSuccess("案件送达成功");
this.getList(this.queryParams);
ids: [row.id],
};
this.$modal
.confirm("你确定要案件送达吗？")
.then((res) => {
msCaseFile(paramValues).then((res) => {
this.$modal.msgSuccess("案件送达成功");
this.getList(this.queryParams);
});
})
}).catch(() => {
})
.catch(() => { });
},
//申请人签收调解书
signMediation(row) {
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 })
}).catch(() => {
})
this.$modal
.confirm("你确定要签收调解书吗？")
.then((res) => {
this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 });
})
.catch(() => { });
},
//被申请人签收调解书
receivedMediation(row) {
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 })
}).catch(() => {
})
this.$modal
.confirm("你确定要签收调解书吗？")
.then((res) => {
this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
})
.catch(() => { });
},
// 申请人和被申请人签收调解书接口
signingMediationAgreement(val) {
console.log(val)
msCaseSign(val).then(res => {
console.log(val);
msCaseSign(val).then((res) => {
this.$modal.msgSuccess("签收成功");
this.getList(this.queryParams);
})
});
},
//归档详情
caseFilingDetails(val) {
this.showarchiveDetails = true;
this.caseFilingData = val;
let vals = { id: val.id }
caseApplicationSelectById(vals).then(res => {
res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
this.detailsAwardNum = res.data
console.log(this.detailsAwardNum)
this.flagLoadingS = false
})
let vals = { id: val.id };
caseApplicationSelectById(vals).then((res) => {
res.data.affiliate.respondentSex = Number(
res.data.affiliate.respondentSex
);
this.detailsAwardNum = res.data;
console.log(this.detailsAwardNum);
this.flagLoadingS = false;
});
},
cancelDetail() {
this.showarchiveDetails = false
}
this.showarchiveDetails = false;
},
},
};
</script>