apply-clients 3.4.73 → 3.4.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,675 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col-sm-12" style="margin: 20px 0px;">
|
|
3
|
+
<data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
|
|
4
|
+
<template partial='head'>
|
|
5
|
+
<tr>
|
|
6
|
+
<th class="textNoLineBreak">序号</th>
|
|
7
|
+
<th class="textNoLineBreak" v-if="selectdata.f_apply_type !== '开发商集体报建'">地址</th>
|
|
8
|
+
<th class="textNoLineBreak">缴费编号</th>
|
|
9
|
+
<th class="textNoLineBreak">收款账户</th>
|
|
10
|
+
<th class="textNoLineBreak">收费金额（退款金额）</th>
|
|
11
|
+
<th class="textNoLineBreak">金额大写</th>
|
|
12
|
+
<th class="textNoLineBreak">收费项目</th>
|
|
13
|
+
<th class="textNoLineBreak">付款方式</th>
|
|
14
|
+
<th class="textNoLineBreak">付款方名称</th>
|
|
15
|
+
<th class="textNoLineBreak">付款方账号</th>
|
|
16
|
+
<th class="textNoLineBreak">付款流水号</th>
|
|
17
|
+
<th class="textNoLineBreak">收费人员</th>
|
|
18
|
+
<th class="textNoLineBreak">收费日期</th>
|
|
19
|
+
<th class="textNoLineBreak">实际收费日期</th>
|
|
20
|
+
<th class="textNoLineBreak">备注</th>
|
|
21
|
+
<th class="textNoLineBreak">缴费状态</th>
|
|
22
|
+
<th class="textNoLineBreak">作废人员</th>
|
|
23
|
+
<th class="textNoLineBreak">作废时间</th>
|
|
24
|
+
<th class="textNoLineBreak">作废原因</th>
|
|
25
|
+
<th class="textNoLineBreak">
|
|
26
|
+
<button
|
|
27
|
+
type="button"
|
|
28
|
+
class="btn btn-info head-but"
|
|
29
|
+
@click="$parent.$parent.showChargeModal()"
|
|
30
|
+
:disabled="$parent.$parent.mark === 1 || ($parent.$parent.selectdata.f_cumulative_payment_money >= $parent.$parent.selectdata.f_due_money || $parent.$parent.selectdata.f_surplus_money === 0)"
|
|
31
|
+
>新增收费</button>
|
|
32
|
+
</th>
|
|
33
|
+
</tr>
|
|
34
|
+
</template>
|
|
35
|
+
<template partial='body'>
|
|
36
|
+
<tr>
|
|
37
|
+
<td style="text-align: center;">
|
|
38
|
+
<nobr>{{$index+1}}</nobr>
|
|
39
|
+
</td>
|
|
40
|
+
<td style="text-align: center;" v-if="selectdata.f_apply_type !== '开发商集体报建'">
|
|
41
|
+
<nobr>{{row.f_useraddres}}</nobr>
|
|
42
|
+
</td>
|
|
43
|
+
<td style="text-align: center;">
|
|
44
|
+
<nobr>{{row.f_charge_number}}</nobr>
|
|
45
|
+
</td>
|
|
46
|
+
<td style="text-align: center;">
|
|
47
|
+
<nobr>{{row.f_collection_account}}</nobr>
|
|
48
|
+
</td>
|
|
49
|
+
<td style="text-align: center;">
|
|
50
|
+
<nobr>{{row.f_charge_money}}</nobr>
|
|
51
|
+
</td>
|
|
52
|
+
<td style="text-align: center;">
|
|
53
|
+
<nobr>{{row.f_amount_words}}</nobr>
|
|
54
|
+
</td>
|
|
55
|
+
<td style="text-align: center;">
|
|
56
|
+
<nobr>{{row.f_payment_term}}</nobr>
|
|
57
|
+
</td>
|
|
58
|
+
<td style="text-align: center;">
|
|
59
|
+
<nobr>{{row.f_payment_method}}</nobr>
|
|
60
|
+
</td>
|
|
61
|
+
<td style="text-align: center;">
|
|
62
|
+
<nobr>{{row.f_payer_name}}</nobr>
|
|
63
|
+
</td>
|
|
64
|
+
<td style="text-align: center;">
|
|
65
|
+
<nobr>{{row.f_payer_account}}</nobr>
|
|
66
|
+
</td>
|
|
67
|
+
<td style="text-align: center;">
|
|
68
|
+
<nobr>{{row.f_payer_number}}</nobr>
|
|
69
|
+
</td>
|
|
70
|
+
<td style="text-align: center;">
|
|
71
|
+
<nobr>{{row.f_charge_collectors}}</nobr>
|
|
72
|
+
</td>
|
|
73
|
+
<td style="text-align: center;">
|
|
74
|
+
<nobr>{{row.f_charge_date}}</nobr>
|
|
75
|
+
</td>
|
|
76
|
+
<td style="text-align: center;">
|
|
77
|
+
<nobr>{{row.f_actual_date}}</nobr>
|
|
78
|
+
</td>
|
|
79
|
+
<td style="text-align: center;">
|
|
80
|
+
<nobr>{{row.f_charge_remarks}}</nobr>
|
|
81
|
+
</td>
|
|
82
|
+
<td style="text-align: center;">
|
|
83
|
+
<nobr>{{row.f_charge_status}}</nobr>
|
|
84
|
+
</td>
|
|
85
|
+
<td style="text-align: center;">
|
|
86
|
+
<nobr>{{row.f_void_staff}}</nobr>
|
|
87
|
+
</td>
|
|
88
|
+
<td style="text-align: center;">
|
|
89
|
+
<nobr>{{row.f_void_date}}</nobr>
|
|
90
|
+
</td>
|
|
91
|
+
<td style="text-align: center;">
|
|
92
|
+
<nobr>{{row.f_void_remarks}}</nobr>
|
|
93
|
+
</td>
|
|
94
|
+
<td style="text-align: center;">
|
|
95
|
+
<nobr v-if="row.f_charge_status !== '退款'">
|
|
96
|
+
<button
|
|
97
|
+
type="button"
|
|
98
|
+
name="button"
|
|
99
|
+
class="btn btn-link"
|
|
100
|
+
:disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废'"
|
|
101
|
+
@click="$parent.$parent.showInvalidModal(row)"
|
|
102
|
+
>作废</button>
|
|
103
|
+
|
|
104
|
+
<button
|
|
105
|
+
type="button"
|
|
106
|
+
name="button"
|
|
107
|
+
class="btn btn-link"
|
|
108
|
+
@click="$parent.$parent.showPrintModal(row)"
|
|
109
|
+
>打印预览</button>
|
|
110
|
+
</nobr>
|
|
111
|
+
</td>
|
|
112
|
+
</tr>
|
|
113
|
+
</template>
|
|
114
|
+
</data-grid>
|
|
115
|
+
|
|
116
|
+
<validator name="v">
|
|
117
|
+
<modal v-if="showCharge" :show.sync="showCharge" v-ref:modal :large="true" :backdrop="false" title="收费明细">
|
|
118
|
+
<header slot="modal-header" class="modal-header">
|
|
119
|
+
<button type="button" class="close" @click="closeModal"><span>×</span></button>
|
|
120
|
+
<h4 class="modal-title">收费明细</h4>
|
|
121
|
+
</header>
|
|
122
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
123
|
+
<div class="form-group col-sm-12" v-if="false" :class="[$v.useraddres.required ? 'has-error' : '']">
|
|
124
|
+
<label class="col-sm-2 control-label">缴费地址：</label>
|
|
125
|
+
<div class="col-sm-10">
|
|
126
|
+
<input type="text" v-show="false" v-model="charge.useraddres.id" v-validate:useraddres = "['required']" >
|
|
127
|
+
<input-select width="100%" class="select select_list" placeholder='请选择'
|
|
128
|
+
v-model="charge.useraddres"
|
|
129
|
+
:value.sync="charge.useraddres"
|
|
130
|
+
:options='useraddresList'
|
|
131
|
+
:value-single="true"
|
|
132
|
+
@change="selectAddres()"
|
|
133
|
+
close-on-select ></input-select>
|
|
134
|
+
</div>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="form-group col-sm-12" :class="[$v.f_collection_account.required ? 'has-error' : '']">
|
|
137
|
+
<label class="col-sm-2 control-label">收款账户：</label>
|
|
138
|
+
<div class="col-sm-10">
|
|
139
|
+
<input type="text" v-show="false" v-model="charge.f_collection_account" v-validate:f_collection_account = "['required']" >
|
|
140
|
+
<input-select width="100%" class="select select_list" placeholder='请选择'
|
|
141
|
+
v-model="charge.f_collection_account"
|
|
142
|
+
:value.sync="charge.f_collection_account"
|
|
143
|
+
:options='accounts'
|
|
144
|
+
:value-single="true"
|
|
145
|
+
close-on-select ></input-select>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
<div class="form-group col-sm-12" :class="[$v.f_payment_term.required ? 'has-error' : '']">
|
|
149
|
+
<label class="col-sm-2 control-label">收费项目：</label>
|
|
150
|
+
<div class="col-sm-10">
|
|
151
|
+
<input type="text" v-show="false" v-model="charge.f_payment_term" v-validate:f_payment_term = "['required']" >
|
|
152
|
+
<input-select width="100%" class="select select_list" placeholder='请选择'
|
|
153
|
+
v-model="charge.f_payment_term"
|
|
154
|
+
:value.sync="charge.f_payment_term"
|
|
155
|
+
:options='paymentTerm'
|
|
156
|
+
:value-single="true"
|
|
157
|
+
close-on-select ></input-select>
|
|
158
|
+
</div>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="form-group col-sm-12" :class="[$v.f_charge_money.required ? 'has-error' : '']">
|
|
161
|
+
<label class="col-sm-2 control-label">收费金额：</label>
|
|
162
|
+
<div class="col-sm-10">
|
|
163
|
+
<input type="text"
|
|
164
|
+
class="form-control input_view"
|
|
165
|
+
style="width: 100%"
|
|
166
|
+
placeholder="0.00"
|
|
167
|
+
@keyup="handleInput"
|
|
168
|
+
@change="moneyChange"
|
|
169
|
+
v-validate:f_charge_money = "['required']"
|
|
170
|
+
v-model="charge.f_charge_money" />
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="form-group col-sm-12" :class="[$v.f_payment_method.required ? 'has-error' : '']">
|
|
174
|
+
<label class="col-sm-2 control-label">付款方式：</label>
|
|
175
|
+
<div class="col-sm-10">
|
|
176
|
+
<input type="text" v-show="false" v-model="charge.f_payment_method" v-validate:f_payment_method = "['required']" >
|
|
177
|
+
<input-select
|
|
178
|
+
placeholder='请选择' width="100%"
|
|
179
|
+
v-model="charge.f_payment_method"
|
|
180
|
+
:value.sync="charge.f_payment_method"
|
|
181
|
+
:options='paymentMethod'
|
|
182
|
+
class="select select_list"
|
|
183
|
+
:value-single="true"
|
|
184
|
+
@change="changePaymentMethod()"
|
|
185
|
+
close-on-select ></input-select>
|
|
186
|
+
</div>
|
|
187
|
+
</div>
|
|
188
|
+
<div class="form-group col-sm-12" v-if="charge.f_payment_method === '银行转账'" :class="[$v.f_payer_name.required ? 'has-error' : '']">
|
|
189
|
+
<label class="col-sm-2 control-label">付款方名称：</label>
|
|
190
|
+
<div class="col-sm-10">
|
|
191
|
+
<input type="text"
|
|
192
|
+
class="form-control input_view"
|
|
193
|
+
style="width: 100%"
|
|
194
|
+
v-validate:f_payer_name = "['required']"
|
|
195
|
+
v-model="charge.f_payer_name" value="" />
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
<div class="form-group col-sm-12" v-if="charge.f_payment_method === '银行转账'" :class="[$v.f_payer_account.required ? 'has-error' : '']">
|
|
199
|
+
<label class="col-sm-2 control-label">付款方账号：</label>
|
|
200
|
+
<div class="col-sm-10">
|
|
201
|
+
<input type="text" style="width: 100%" class="form-control input_view"
|
|
202
|
+
v-validate:f_payer_account = "['required']"
|
|
203
|
+
v-model="charge.f_payer_account" value=""/>
|
|
204
|
+
</div>
|
|
205
|
+
</div>
|
|
206
|
+
<div class="form-group col-sm-12" v-if="charge.f_payment_method === '银行转账'" :class="[$v.f_payer_number.required ? 'has-error' : '']">
|
|
207
|
+
<label class="col-sm-2 control-label">付款流水号：</label>
|
|
208
|
+
<div class="col-sm-10">
|
|
209
|
+
<input type="text"
|
|
210
|
+
class="form-control input_view"
|
|
211
|
+
style="width: 100%" @change="payerNumberChange()"
|
|
212
|
+
v-validate:f_payer_number = "['required']"
|
|
213
|
+
v-model="charge.f_payer_number" value="" />
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
<div class="form-group col-sm-12">
|
|
217
|
+
<label class="col-sm-2 control-label">金额大写：</label>
|
|
218
|
+
<div class="col-sm-10">
|
|
219
|
+
<input type="text"
|
|
220
|
+
class="form-control input_view"
|
|
221
|
+
style="width: 100%"
|
|
222
|
+
:value="smalltoBIG(0)"
|
|
223
|
+
readonly
|
|
224
|
+
v-model.sync="charge.f_amount_words" />
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="form-group col-sm-12"
|
|
228
|
+
v-if="selectdata.f_apply_type === '散户集体报建'"
|
|
229
|
+
>
|
|
230
|
+
<label class="col-sm-2 control-label">单价（户）：</label>
|
|
231
|
+
<div class="col-sm-10">
|
|
232
|
+
<input type="text"
|
|
233
|
+
class="form-control input_view"
|
|
234
|
+
style="width: 100%"
|
|
235
|
+
readonly
|
|
236
|
+
v-model="selectdata.f_price" />
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="form-group col-sm-12"
|
|
240
|
+
v-if="selectdata.f_apply_type === '散户集体报建'"
|
|
241
|
+
>
|
|
242
|
+
<label class="col-sm-2 control-label">累计缴费金额：</label>
|
|
243
|
+
<div class="col-sm-10">
|
|
244
|
+
<input type="text"
|
|
245
|
+
class="form-control input_view"
|
|
246
|
+
style="width: 100%"
|
|
247
|
+
readonly
|
|
248
|
+
v-model="charge.f_cumulative_payment_money"
|
|
249
|
+
:value="charge.f_cumulative_payment_money || 0" />
|
|
250
|
+
</div>
|
|
251
|
+
</div>
|
|
252
|
+
<div class="form-group col-sm-12"
|
|
253
|
+
v-if="selectdata.f_apply_type === '散户集体报建'"
|
|
254
|
+
>
|
|
255
|
+
<label class="col-sm-2 control-label">未结金额：</label>
|
|
256
|
+
<div class="col-sm-10">
|
|
257
|
+
<input type="text"
|
|
258
|
+
class="form-control input_view"
|
|
259
|
+
style="width: 100%"
|
|
260
|
+
readonly
|
|
261
|
+
v-model="charge.f_outstanding_amount"
|
|
262
|
+
:value="charge.f_outstanding_amount || 0" />
|
|
263
|
+
</div>
|
|
264
|
+
</div>
|
|
265
|
+
<div class="form-group col-sm-12">
|
|
266
|
+
<label class="col-sm-2 control-label">应交总金额：</label>
|
|
267
|
+
<div class="col-sm-10">
|
|
268
|
+
<input type="text"
|
|
269
|
+
class="form-control input_view"
|
|
270
|
+
style="width: 100%"
|
|
271
|
+
readonly
|
|
272
|
+
v-model="selectdata.f_due_money" />
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
<div class="form-group col-sm-12">
|
|
276
|
+
<label class="col-sm-2 control-label">累计缴费总金额：</label>
|
|
277
|
+
<div class="col-sm-10">
|
|
278
|
+
<input type="text"
|
|
279
|
+
class="form-control input_view"
|
|
280
|
+
style="width: 100%"
|
|
281
|
+
readonly
|
|
282
|
+
v-model="selectdata.f_cumulative_payment_money" />
|
|
283
|
+
</div>
|
|
284
|
+
</div>
|
|
285
|
+
<div class="form-group col-sm-12">
|
|
286
|
+
<label class="col-sm-2 control-label">未结总金额：</label>
|
|
287
|
+
<div class="col-sm-10">
|
|
288
|
+
<input type="text"
|
|
289
|
+
class="form-control input_view"
|
|
290
|
+
style="width: 100%"
|
|
291
|
+
readonly
|
|
292
|
+
v-model="selectdata.f_surplus_money" />
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
<div class="form-group col-sm-12">
|
|
296
|
+
<label class="col-sm-2 control-label">备注：</label>
|
|
297
|
+
<div class="col-sm-10">
|
|
298
|
+
<input type="text"
|
|
299
|
+
class="form-control input_view"
|
|
300
|
+
style="width: 100%"
|
|
301
|
+
v-model="charge.f_charge_remarks" />
|
|
302
|
+
</div>
|
|
303
|
+
</div>
|
|
304
|
+
<div class="form-group col-sm-12">
|
|
305
|
+
<label class="col-sm-2 control-label">实际收款时间：</label>
|
|
306
|
+
<div class="col-sm-10">
|
|
307
|
+
<datepicker id="startDate" placeholder="实际收款时间"
|
|
308
|
+
style="width: 60%!important;"
|
|
309
|
+
v-model="charge.f_actual_date"
|
|
310
|
+
:value.sync="charge.f_actual_date"
|
|
311
|
+
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
312
|
+
:show-reset-button="true"
|
|
313
|
+
>
|
|
314
|
+
</datepicker>
|
|
315
|
+
</div>
|
|
316
|
+
</div>
|
|
317
|
+
</article>
|
|
318
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
319
|
+
<button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="saveCharge()">新增收费</button>
|
|
320
|
+
</footer>
|
|
321
|
+
</modal>
|
|
322
|
+
</validator>
|
|
323
|
+
|
|
324
|
+
<modal v-if="showInvalid" :show.sync="showInvalid" v-ref:modal :backdrop="false" title="作废收费">
|
|
325
|
+
<header slot="modal-header" class="modal-header">
|
|
326
|
+
<button type="button" class="close" @click="closeModal"><span>×</span></button>
|
|
327
|
+
<h4 class="modal-title">作废收费</h4>
|
|
328
|
+
</header>
|
|
329
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
330
|
+
<div class="form-group col-sm-12" v-if="false">
|
|
331
|
+
<label class="col-sm-2 control-label">缴费地址：</label>
|
|
332
|
+
<div class="col-sm-10">
|
|
333
|
+
<input type="text"
|
|
334
|
+
class="form-control input_view"
|
|
335
|
+
style="width: 100%"
|
|
336
|
+
readonly
|
|
337
|
+
v-model="charge.f_useraddres" />
|
|
338
|
+
</div>
|
|
339
|
+
</div>
|
|
340
|
+
<div class="form-group col-sm-12">
|
|
341
|
+
<label class="col-sm-2 control-label">收费金额：</label>
|
|
342
|
+
<div class="col-sm-10">
|
|
343
|
+
<input type="text"
|
|
344
|
+
class="form-control input_view"
|
|
345
|
+
style="width: 100%"
|
|
346
|
+
readonly
|
|
347
|
+
v-model="charge.f_charge_money" />
|
|
348
|
+
</div>
|
|
349
|
+
</div>
|
|
350
|
+
<div class="form-group col-sm-12">
|
|
351
|
+
<label class="col-sm-2 control-label">付款方式：</label>
|
|
352
|
+
<div class="col-sm-10">
|
|
353
|
+
<input type="text"
|
|
354
|
+
class="form-control input_view"
|
|
355
|
+
style="width: 100%"
|
|
356
|
+
readonly
|
|
357
|
+
v-model="charge.f_payment_method" />
|
|
358
|
+
</div>
|
|
359
|
+
</div>
|
|
360
|
+
<div class="form-group col-sm-12">
|
|
361
|
+
<label class="col-sm-2 control-label">金额大写：</label>
|
|
362
|
+
<div class="col-sm-10">
|
|
363
|
+
<input type="text"
|
|
364
|
+
class="form-control input_view"
|
|
365
|
+
style="width: 100%"
|
|
366
|
+
readonly
|
|
367
|
+
v-model="charge.f_amount_words" />
|
|
368
|
+
</div>
|
|
369
|
+
</div>
|
|
370
|
+
<div class="form-group col-sm-12">
|
|
371
|
+
<label class="col-sm-2 control-label">收费人员：</label>
|
|
372
|
+
<div class="col-sm-10">
|
|
373
|
+
<input type="text"
|
|
374
|
+
class="form-control input_view"
|
|
375
|
+
style="width: 100%"
|
|
376
|
+
readonly
|
|
377
|
+
v-model="charge.f_charge_collectors" />
|
|
378
|
+
</div>
|
|
379
|
+
</div>
|
|
380
|
+
<div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
|
|
381
|
+
<label class="col-sm-2 control-label">作废原因：</label>
|
|
382
|
+
<div class="col-sm-10">
|
|
383
|
+
<input type="text"
|
|
384
|
+
class="form-control input_view"
|
|
385
|
+
style="width: 100%"
|
|
386
|
+
v-model="charge.f_void_remarks" />
|
|
387
|
+
</div>
|
|
388
|
+
</div>
|
|
389
|
+
</article>
|
|
390
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
391
|
+
<button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="invalidApplyCharge()">确认作废</button>
|
|
392
|
+
</footer>
|
|
393
|
+
</modal>
|
|
394
|
+
|
|
395
|
+
<modal v-if="showPrint" :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
|
|
396
|
+
<header slot="modal-header" class="modal-header">
|
|
397
|
+
<button type="button" class="close" @click="closeModal"><span>×</span></button>
|
|
398
|
+
<h4 class="modal-title">打印预览</h4>
|
|
399
|
+
</header>
|
|
400
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
401
|
+
<apply-print-chargepc :selectdata="selectdata" :charge="charge" v-ref:print></apply-print-chargepc>
|
|
402
|
+
</article>
|
|
403
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
404
|
+
<button type="button" class="btn btn-primary" @click="print()">打印</button>
|
|
405
|
+
</footer>
|
|
406
|
+
</modal>
|
|
407
|
+
</div>
|
|
408
|
+
</template>
|
|
409
|
+
<script>
|
|
410
|
+
import {getNowDate,isEmpty} from '../../../components/Util'
|
|
411
|
+
import {PagedList} from 'vue-client'
|
|
412
|
+
import {HttpResetClass} from 'vue-client'
|
|
413
|
+
import Vue from 'vue'
|
|
414
|
+
|
|
415
|
+
export default {
|
|
416
|
+
title: '收费管理',
|
|
417
|
+
props: {
|
|
418
|
+
selectdata: {
|
|
419
|
+
type: Object
|
|
420
|
+
},
|
|
421
|
+
mark: {
|
|
422
|
+
type: Number,
|
|
423
|
+
default: 0
|
|
424
|
+
}
|
|
425
|
+
},
|
|
426
|
+
data () {
|
|
427
|
+
return {
|
|
428
|
+
showCharge: false, // 收费明细
|
|
429
|
+
showInvalid: false, // 作废
|
|
430
|
+
showPrint: false, // 打印
|
|
431
|
+
model: {
|
|
432
|
+
data: null
|
|
433
|
+
}, // 记录
|
|
434
|
+
useraddresList: [], // 地址列表
|
|
435
|
+
charge: {
|
|
436
|
+
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
},
|
|
440
|
+
ready () {
|
|
441
|
+
this.search()
|
|
442
|
+
},
|
|
443
|
+
methods: {
|
|
444
|
+
async payerNumberChange () {
|
|
445
|
+
if (isEmpty(this.charge.f_payer_number)) {
|
|
446
|
+
return
|
|
447
|
+
}
|
|
448
|
+
let http = new HttpResetClass()
|
|
449
|
+
let data = {
|
|
450
|
+
tablename: 't_charge_record',
|
|
451
|
+
condition: `f_payer_number = '${this.charge.f_payer_number}'`
|
|
452
|
+
}
|
|
453
|
+
let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
|
|
454
|
+
resolveMsg: null,
|
|
455
|
+
rejectMsg: '流水号查询失败！！！'
|
|
456
|
+
})
|
|
457
|
+
if (res.data.length > 0) {
|
|
458
|
+
this.$showAlert('该流水号已经使用！！！', 'warning', 3000)
|
|
459
|
+
return
|
|
460
|
+
}
|
|
461
|
+
},
|
|
462
|
+
print () {
|
|
463
|
+
this.$refs.print.$refs.print.PrintTable()
|
|
464
|
+
},
|
|
465
|
+
showPrintModal(row) {
|
|
466
|
+
this.charge = row
|
|
467
|
+
this.showPrint = true
|
|
468
|
+
},
|
|
469
|
+
selectAddres () {
|
|
470
|
+
if (this.charge.useraddres) {
|
|
471
|
+
this.charge.f_cumulative_payment_money = this.charge.useraddres.f_cumulative_payment_money
|
|
472
|
+
this.charge.f_outstanding_amount = this.selectdata.f_price - this.charge.useraddres.f_cumulative_payment_money
|
|
473
|
+
} else {
|
|
474
|
+
this.charge.f_cumulative_payment_money = 0
|
|
475
|
+
this.charge.f_outstanding_amount = this.selectdata.f_price
|
|
476
|
+
}
|
|
477
|
+
},
|
|
478
|
+
async invalidApplyCharge() {
|
|
479
|
+
|
|
480
|
+
let http = new HttpResetClass()
|
|
481
|
+
let data = {
|
|
482
|
+
apply: this.selectdata,
|
|
483
|
+
user: this.$login.f,
|
|
484
|
+
charge: this.charge
|
|
485
|
+
}
|
|
486
|
+
let res = await http.load('POST', 'rs/logic/invalidApplyCharge', {data:data}, {
|
|
487
|
+
resolveMsg: null,
|
|
488
|
+
rejectMsg: '作废失败！！！'
|
|
489
|
+
})
|
|
490
|
+
this.selectdata = res.data
|
|
491
|
+
|
|
492
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
493
|
+
},
|
|
494
|
+
|
|
495
|
+
// 打开作废收费
|
|
496
|
+
showInvalidModal(row) {
|
|
497
|
+
this.charge = row
|
|
498
|
+
this.showInvalid = true
|
|
499
|
+
},
|
|
500
|
+
// 新增收费
|
|
501
|
+
async saveCharge() {
|
|
502
|
+
let http = new HttpResetClass()
|
|
503
|
+
let data = {
|
|
504
|
+
apply: this.selectdata,
|
|
505
|
+
user: this.$login.f,
|
|
506
|
+
charge: this.charge
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
let res = await http.load('POST', 'rs/logic/addApplyChargeRecord', {data:data}, {
|
|
510
|
+
resolveMsg: null,
|
|
511
|
+
rejectMsg: '缴费失败！！！'
|
|
512
|
+
})
|
|
513
|
+
this.selectdata = res.data
|
|
514
|
+
|
|
515
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
516
|
+
},
|
|
517
|
+
moneyChange () {
|
|
518
|
+
if (isEmpty(this.charge.f_charge_money) || Number(this.charge.f_charge_money) === 0) {
|
|
519
|
+
this.$showAlert('单笔收费不能为0元！！！', 'warning', 3000)
|
|
520
|
+
this.charge.f_charge_money = null
|
|
521
|
+
return
|
|
522
|
+
}
|
|
523
|
+
if (this.selectdata.f_apply_type === '散户集体报建' && Number(this.charge.f_charge_money) > Number(this.charge.f_outstanding_amount)) {
|
|
524
|
+
this.$showAlert('单笔收费不能超过未交金额！！！', 'warning', 3000)
|
|
525
|
+
this.charge.f_charge_money = null
|
|
526
|
+
return
|
|
527
|
+
}
|
|
528
|
+
if (Number(this.charge.f_charge_money) > Number(this.selectdata.f_surplus_money)) {
|
|
529
|
+
this.$showAlert('单笔收费不能超过未交总金额！！！', 'warning', 3000)
|
|
530
|
+
this.charge.f_charge_money = null
|
|
531
|
+
return
|
|
532
|
+
}
|
|
533
|
+
},
|
|
534
|
+
// 金额转大写
|
|
535
|
+
handleInput(e) {
|
|
536
|
+
// 通过正则过滤小数点后两位
|
|
537
|
+
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
|
|
538
|
+
this.charge.f_amount_words = this.smalltoBIG(e.target.value)
|
|
539
|
+
},
|
|
540
|
+
// 金额转大写
|
|
541
|
+
smalltoBIG(n) {
|
|
542
|
+
let fraction = ['角', '分'];
|
|
543
|
+
let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
|
|
544
|
+
let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
|
|
545
|
+
let head = n < 0 ? '欠' : '';
|
|
546
|
+
n = Math.abs(n);
|
|
547
|
+
|
|
548
|
+
let s = '';
|
|
549
|
+
|
|
550
|
+
for (var i = 0; i < fraction.length; i++) {
|
|
551
|
+
s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
|
|
552
|
+
}
|
|
553
|
+
s = s || '整';
|
|
554
|
+
n = Math.floor(n);
|
|
555
|
+
|
|
556
|
+
for (var i = 0; i < unit[0].length && n > 0; i++) {
|
|
557
|
+
let p = '';
|
|
558
|
+
for (var j = 0; j < unit[1].length && n > 0; j++) {
|
|
559
|
+
p = digit[n % 10] + unit[1][j] + p;
|
|
560
|
+
n = Math.floor(n / 10);
|
|
561
|
+
}
|
|
562
|
+
s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
|
|
563
|
+
}
|
|
564
|
+
return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
|
|
565
|
+
},
|
|
566
|
+
async changePaymentMethod () {
|
|
567
|
+
if (this.charge.f_payment_method === '银行转账' && this.selectdata.f_apply_type === '团购报建') {
|
|
568
|
+
let http = new HttpResetClass()
|
|
569
|
+
let data = {
|
|
570
|
+
tablename: 't_dev_info',
|
|
571
|
+
condition: `f_orgid = '${this.$login.f.orgid}' and id = '${this.selectdata.f_dev_id}'`
|
|
572
|
+
}
|
|
573
|
+
let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
|
|
574
|
+
resolveMsg: null,
|
|
575
|
+
rejectMsg: '开发商档案查询失败！！！'
|
|
576
|
+
})
|
|
577
|
+
|
|
578
|
+
this.charge.f_payer_name = res.data[0].f_dev_name
|
|
579
|
+
this.charge.f_payer_account = res.data[0].f_bank_account
|
|
580
|
+
}
|
|
581
|
+
},
|
|
582
|
+
async getUserAddress() {
|
|
583
|
+
let http = new HttpResetClass()
|
|
584
|
+
let data = {}
|
|
585
|
+
let url = null
|
|
586
|
+
if (this.selectdata.f_apply_type === '改管报建' || this.selectdata.f_apply_type === '增容报建' || this.selectdata.f_apply_type === '报警器报建' || this.selectdata.f_apply_type === '工商业报警器报建') {
|
|
587
|
+
data = {
|
|
588
|
+
condition: `ui.f_userinfo_id = ${this.selectdata.f_userinfo_id}`
|
|
589
|
+
}
|
|
590
|
+
url = 'rs/sql/applyGetUserinfos'
|
|
591
|
+
} else {
|
|
592
|
+
data = {
|
|
593
|
+
condition: this.selectdata.f_apply_type === '散户集体报建' ? `nvl(cr.f_cumulative_payment_money, 0) < ${this.selectdata.f_price}` : '1=1',
|
|
594
|
+
f_process_id: this.selectdata.f_process_id
|
|
595
|
+
}
|
|
596
|
+
url = 'rs/sql/getAddresAndCumulativePayment'
|
|
597
|
+
}
|
|
598
|
+
let res = await http.load('POST', url, {data:data}, {
|
|
599
|
+
resolveMsg: null,
|
|
600
|
+
rejectMsg: '用户获取失败！！！'
|
|
601
|
+
})
|
|
602
|
+
|
|
603
|
+
if (res.data.length <= 0) {
|
|
604
|
+
this.$showAlert('暂无需要缴费用户！！！', 'warning', 3000)
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
this.useraddresList = res.data.map(item => {
|
|
608
|
+
return {
|
|
609
|
+
// 有用户姓名地址后拼接姓名
|
|
610
|
+
label: `${item.f_address} ${isEmpty(item.f_user_name) ? '' : '--- ' + item.f_user_name}`,
|
|
611
|
+
value: item
|
|
612
|
+
}
|
|
613
|
+
})
|
|
614
|
+
|
|
615
|
+
},
|
|
616
|
+
async showChargeModal() {
|
|
617
|
+
this.getUserAddress()
|
|
618
|
+
|
|
619
|
+
if (this.selectdata.f_apply_type === '团购报建') {
|
|
620
|
+
this.charge.f_dev_info_id = this.selectdata.f_dev_id
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
this.showCharge = true
|
|
624
|
+
},
|
|
625
|
+
async search () {
|
|
626
|
+
let http = new HttpResetClass()
|
|
627
|
+
let data = {
|
|
628
|
+
// condition: `cr.f_charge_status != '退款'`,
|
|
629
|
+
f_process_id: this.selectdata.f_process_id
|
|
630
|
+
}
|
|
631
|
+
let res = await http.load('POST', 'rs/sql/getApplyChargeRecord', {data:data}, {
|
|
632
|
+
resolveMsg: null,
|
|
633
|
+
rejectMsg: '收费记录查询失败！！！'
|
|
634
|
+
})
|
|
635
|
+
this.model.data = res.data
|
|
636
|
+
},
|
|
637
|
+
// 关闭对话框
|
|
638
|
+
closeModal() {
|
|
639
|
+
this.showCharge = false
|
|
640
|
+
this.showInvalid = false
|
|
641
|
+
this.showPrint = false
|
|
642
|
+
this.charge = {}
|
|
643
|
+
this.search()
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
events: {
|
|
647
|
+
},
|
|
648
|
+
computed: {
|
|
649
|
+
paymentMethod() {
|
|
650
|
+
return this.$appdata.getParam("付款方式")
|
|
651
|
+
},
|
|
652
|
+
paymentTerm() {
|
|
653
|
+
return this.$appdata.getParam("收费项目")
|
|
654
|
+
},
|
|
655
|
+
accounts(){
|
|
656
|
+
return this.$appdata.getParam("收款账号")
|
|
657
|
+
}
|
|
658
|
+
},
|
|
659
|
+
watch: {
|
|
660
|
+
}
|
|
661
|
+
}
|
|
662
|
+
</script>
|
|
663
|
+
<style scoped>
|
|
664
|
+
.textNoLineBreak {
|
|
665
|
+
white-space: nowrap;
|
|
666
|
+
}
|
|
667
|
+
.head-but{
|
|
668
|
+
margin-left: 5px;
|
|
669
|
+
height: 34px;
|
|
670
|
+
/*background-color: #6aa6e2;*/
|
|
671
|
+
border-radius: 4px;
|
|
672
|
+
font-family: PingFang;
|
|
673
|
+
color: #ffffff;
|
|
674
|
+
}
|
|
675
|
+
</style>
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import Vue from 'vue'
|
|
2
2
|
|
|
3
3
|
let specialComp = {
|
|
4
|
-
'service-control': (resolve) => { require(['./pc/ServiceControl'], resolve) }
|
|
4
|
+
'service-control': (resolve) => { require(['./pc/ServiceControl'], resolve) },
|
|
5
|
+
'apply-charge-management': (resolve) => { require(['./pc/chargeManagement'], resolve) },
|
|
6
|
+
'supervisory-service-control': (resolve) => { require(['./pc/SupervisoryServiceControl.vue'], resolve) }
|
|
5
7
|
}
|
|
6
8
|
exports.specialComp = specialComp
|