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

合并

Browse Source
This commit is contained in:
Your Name
2024-01-15 17:58:43 +08:00
parent 0ca62df2fa b793ad3263
commit 22cfffa3e8
4 changed files with 352 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+67 -15
View File
@@ -63,17 +63,15 @@
<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="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>
@@ -100,11 +98,15 @@
<!-- 缴费 -->
<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>
<!-- 案件受理 -->
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance" :caseAcceptanceData="caseAcceptanceData" :getList="getList"></caseAcceptance>
</div>
</template>
<script>
import { caseApplicationList, caseApplicationSelectById,submitCaseApply } from '@/api/caseManagement/caseManagement.js'
import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail } from '@/api/caseManagement/caseManagement.js'
import { listDept } from '@/api/system/dept.js'
import moment from "moment";
import addCase from './components/addCase.vue'
@@ -113,6 +115,8 @@ 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 paymentdetailsDialog from './components/paymentdetailsDialog.vue'
import caseAcceptance from './components/caseAcceptance.vue'
export default {
name: "caseList",
dicts: ["case_flow_node"],
@@ -123,6 +127,8 @@ export default {
mediationCaseLog,
evidenceDialog,
payDialog,
paymentdetailsDialog,
caseAcceptance
},
data() {
return {
@@ -140,14 +146,21 @@ export default {
rules: {},
dataList: [],
addVisable: false,//新增弹窗
openCompressedPackages: false,//压缩包导入弹窗
processVisable: false,//案件详情
showcaseLog: false,//案件日志
evidenceVisable: false,//证据修改弹窗
openPay: false, //缴费弹框
formPayDetail: {},
payId: null,
payForm: {},
openCompressedPackages:false,//压缩包导入弹窗
processVisable:false,//案件详情
showcaseLog:false,//案件日志
openDialog:false,//确认缴费和缴费详情
detailform: {}, //缴费详情数据
evidenceVisable: false,//证据修改弹窗
payTitle:"",//缴费标题
paymentConfirma:{},//缴费确认
showAcceptance:false,//案件受理弹框
caseAcceptanceData:{},//案件受理数据
flag: null,
caseData: {},
evidenceData: {},
caseDisabled: false,
@@ -287,6 +300,45 @@ export default {
// 部门长用印申请
departmentApplica() {
},
// 案件受理
caseAccep(row){
this.caseAcceptanceData = row
this.showAcceptance = true
},
cancelAcceptance(){
this.showAcceptance = false
},
// 缴费确认
paymentconfirmationRow(row){
this.paymentConfirma = row
console.log(this.paymentConfirma)
this.paymentDetails({
id:row.id
})
this.openDialog = true
this.payTitle = "缴费确认"
this.flag = 0;
this.detailform = {}
},
cancelpaymentdetails(){
this.openDialog = false
},
// 查看缴费确认
viewpaymentformRow(row){
this.paymentDetails({
id:row.id
})
this.payTitle = "缴费单详情"
this.flag = 1;
this.detailform = {}
this.openDialog = true
},
// 缴费详情
paymentDetails(val){
selectPaymentDetail(val).then(res=>{
this.detailform = res.data;
})
},
//案件流程
caseFlow(row) {
src/views/caseManagement/components/caseAcceptance.vue
+139
View File
@@ -0,0 +1,139 @@
<template>
<div>
<!-- 案件受理 -->
<el-dialog
title="案件受理"
:visible="showAcceptance"
@close="cancel"
:destroy-on-close="true"
center
>
<el-form ref="courtReviewform" :model="courtReviewform">
<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-group>
</el-form-item>
<el-form-item label="是否纸质送达:">
<el-radio-group v-model="courtReviewform.paperFlag">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否仲裁确认:">
<el-radio-group v-model="courtReviewform.arbitrateConfirm">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {accept} from '@/api/caseManagement/caseManagement.js'
export default {
name: "caseAcceptance",
props: ["showAcceptance", "caseAcceptanceData", "getList"],
data() {
return {
courtReviewform: {
mediationMethod:2,
paperFlag:0,
arbitrateConfirm:0
},
};
},
watch: {
showAcceptance(val) {
if (val) {
console.log(this.caseAcceptanceData)
}
},
},
methods: {
submitForm() {
this.$refs["courtReviewform"].validate((valid) => {
if (valid) {
let paramsdata ={
id:this.caseAcceptanceData.id,
caseFlowId:this.caseAcceptanceData.caseFlowId,
batchNumber:""
}
let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
accept(mergeValue).then((res) => {
this.$modal.msgSuccess("确认成功");
if (res.code == 200) {
this.getList();
}
this.cancel();
})
.catch((err) => {});
}
});
},
cancel() {
this.$emit("cancelAcceptance");
},
},
};
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
.el-form-item {
margin-left: 10%;
}
.endbutton {
width: 124px;
height: 37px;
background: #0072ff;
border-radius: 19px;
span {
width: 32px;
height: 15px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
// line-height: 48px;
}
}
.endbutton1 {
width: 124px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
// line-height: 48px;
}
}
.nowarbitrator {
margin-left: 10%;
}
::v-deep .el-form-item__error {
left: 90px;
}
</style>
src/views/caseManagement/components/paymentdetailsDialog.vue
+122
View File
@@ -0,0 +1,122 @@
<template>
<div>
<el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
<el-form ref="form" :model="form" label-width="90px" :disabled="true">
<el-form-item label="案件编号：" prop="caseNum">
<el-input v-model="form.caseNum" placeholder="" />
</el-form-item>
<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="feePayable">
<el-input v-model="form.feePayable" />
</el-form-item>
<el-form-item label="缴费凭证：" prop="caseStatusName">
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index" @click="preview(item.annexPath)">
{{ item.annexName }}
</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button>
<el-button @click="cancel" class="endbutton1">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {confirmPaid} from '@/api/caseManagement/caseManagement.js'
export default {
props: ["openDialog", "title", "flag", "detailform", "getList","paymentConfirma"],
data() {
return {
form: {},
srcList: []
};
},
watch: {
detailform: {
handler(val) {
if (val) {
this.form = val;
}
},
},
},
methods: {
preview(data) {
window.open(
window.location.origin + "/API" + data,
"_blank"
);
},
// 确认缴费
submitForm() {
let paramsVal = {
caseId:this.paymentConfirma.id,
batchNumber:"",
caseFlowId:this.paymentConfirma.caseFlowId
}
confirmPaid(paramsVal).then((res) => {
this.$message({
message: "确认成功",
type: "success",
});
if (res.code == 200) {
this.getList();
}
});
this.cancel();
},
cancel() {
this.$emit("cancelpaymentdetails");
},
},
};
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
width: 50%;
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 124px;
height: 37px;
background: #0072ff;
border-radius: 19px;
span {
width: 32px;
height: 15px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
// line-height: 48px;
}
}
.endbutton1 {
width: 124px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
}
}
</style>