|
|
@@ -1,18 +1,18 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div>
|
|
3
|
3
|
<el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
|
|
4
|
|
- <el-form ref="form" :model="form" label-width="90px" :disabled="true">
|
|
|
4
|
+ <el-form ref="form" :model="form" label-width="140px">
|
|
5
|
5
|
<el-form-item label="案件编号:" prop="caseNum">
|
|
6
|
|
- <el-input v-model="form.caseNum" placeholder="" />
|
|
|
6
|
+ <el-input v-model="form.caseNum" placeholder="" :disabled="true"/>
|
|
7
|
7
|
</el-form-item>
|
|
8
|
8
|
<el-form-item label="案件标的:" prop="caseSubjectAmount">
|
|
9
|
|
- <el-input v-model="form.caseSubjectAmount" />
|
|
|
9
|
+ <el-input v-model="form.caseSubjectAmount" :disabled="true"/>
|
|
10
|
10
|
</el-form-item>
|
|
11
|
11
|
<!-- <el-form-item label="缴费人:" prop="applicantName">
|
|
12
|
12
|
<el-input v-model="form.applicationName" placeholder="" />
|
|
13
|
13
|
</el-form-item> -->
|
|
14
|
14
|
<el-form-item label="缴费金额:" prop="feePayable">
|
|
15
|
|
- <el-input v-model="form.feePayable" />
|
|
|
15
|
+ <el-input v-model="form.feePayable" :disabled="true"/>
|
|
16
|
16
|
</el-form-item>
|
|
17
|
17
|
<el-form-item label="申请人缴费凭证:" v-if="form.caseAttachList.length > 0">
|
|
18
|
18
|
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
|
|
|
@@ -26,9 +26,21 @@
|
|
26
|
26
|
{{ item.annexName }}
|
|
27
|
27
|
</div>
|
|
28
|
28
|
</el-form-item>
|
|
|
29
|
+ <!-- 判断缴费是否通过 -->
|
|
|
30
|
+ <el-form-item label="是否缴费通过:" v-if="flag == 0">
|
|
|
31
|
+ <el-radio-group v-model="yesOrNo">
|
|
|
32
|
+ <el-radio :label="1">通过</el-radio>
|
|
|
33
|
+ <el-radio :label="0">驳回</el-radio>
|
|
|
34
|
+ </el-radio-group>
|
|
|
35
|
+ </el-form-item>
|
|
|
36
|
+ <!-- 缴费驳回原因-->
|
|
|
37
|
+ <el-form-item label="驳回原因:" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
|
|
|
38
|
+ <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></el-input>
|
|
|
39
|
+ </el-form-item>
|
|
29
|
40
|
</el-form>
|
|
30
|
41
|
<div slot="footer" class="dialog-footer">
|
|
31
|
|
- <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button>
|
|
|
42
|
+ <!-- <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button> -->
|
|
|
43
|
+ <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确 认</el-button>
|
|
32
|
44
|
<el-button @click="cancel" class="endbutton1">取 消</el-button>
|
|
33
|
45
|
</div>
|
|
34
|
46
|
</el-dialog>
|
|
|
@@ -36,13 +48,16 @@
|
|
36
|
48
|
</template>
|
|
37
|
49
|
|
|
38
|
50
|
<script>
|
|
39
|
|
-import { confirmPaid } from '@/api/caseManagement/caseManagement.js'
|
|
|
51
|
+import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
|
|
40
|
52
|
export default {
|
|
41
|
|
- props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams"],
|
|
|
53
|
+ props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
|
|
42
|
54
|
data() {
|
|
43
|
55
|
return {
|
|
44
|
|
- form: {},
|
|
45
|
|
- srcList: []
|
|
|
56
|
+ form: {
|
|
|
57
|
+ reason: '',//驳回原因
|
|
|
58
|
+ },
|
|
|
59
|
+ yesOrNo: 1,
|
|
|
60
|
+ srcList: [],
|
|
46
|
61
|
};
|
|
47
|
62
|
},
|
|
48
|
63
|
watch: {
|
|
|
@@ -53,6 +68,13 @@ export default {
|
|
53
|
68
|
}
|
|
54
|
69
|
},
|
|
55
|
70
|
},
|
|
|
71
|
+ openDialog: {
|
|
|
72
|
+ handler(val) {
|
|
|
73
|
+ if (val) {
|
|
|
74
|
+ this.yesOrNo = 1
|
|
|
75
|
+ }
|
|
|
76
|
+ }
|
|
|
77
|
+ }
|
|
56
|
78
|
},
|
|
57
|
79
|
methods: {
|
|
58
|
80
|
preview(data) {
|
|
|
@@ -66,16 +88,34 @@ export default {
|
|
66
|
88
|
let paramsVal = {
|
|
67
|
89
|
caseId: this.paymentConfirma.id,
|
|
68
|
90
|
batchNumber: "",
|
|
69
|
|
- caseFlowId: this.paymentConfirma.caseFlowId
|
|
|
91
|
+ caseFlowId: this.paymentConfirma.caseFlowId,
|
|
|
92
|
+ yesOrNo: this.yesOrNo,
|
|
|
93
|
+ reason: this.form.reason
|
|
|
94
|
+ }
|
|
|
95
|
+ this.$refs["form"].validate((valid) => {
|
|
|
96
|
+ if (valid) {
|
|
|
97
|
+ if (this.isapplicant) {
|
|
|
98
|
+ confirmPaid(paramsVal).then((res) => {
|
|
|
99
|
+ this.$message({
|
|
|
100
|
+ message: "确认成功",
|
|
|
101
|
+ type: "success",
|
|
|
102
|
+ });
|
|
|
103
|
+ })
|
|
|
104
|
+ console.log('申请人');
|
|
|
105
|
+ } else {
|
|
|
106
|
+ // 被申请人 resConfirmPaid
|
|
|
107
|
+ resConfirmPaid(paramsVal).then((res) => {
|
|
|
108
|
+ this.$message({
|
|
|
109
|
+ message: "确认成功",
|
|
|
110
|
+ type: "success",
|
|
|
111
|
+ });
|
|
|
112
|
+ })
|
|
|
113
|
+ console.log('被申请人');
|
|
|
114
|
+ }
|
|
|
115
|
+ this.cancel();
|
|
|
116
|
+ this.$emit("getList", this.queryParams);
|
|
70
|
117
|
}
|
|
71
|
|
- confirmPaid(paramsVal).then((res) => {
|
|
72
|
|
- this.$message({
|
|
73
|
|
- message: "确认成功",
|
|
74
|
|
- type: "success",
|
|
75
|
|
- });
|
|
76
|
|
- this.cancel();
|
|
77
|
|
- this.$emit("getList", this.queryParams);
|
|
78
|
|
- });
|
|
|
118
|
+ })
|
|
79
|
119
|
},
|
|
80
|
120
|
cancel() {
|
|
81
|
121
|
this.$emit("cancelpaymentdetails");
|