apply-clients 3.5.4-83 → 3.5.4-84

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.
Files changed (47) hide show
  1. package/build/dev-server.js +5 -9
  2. package/package.json +1 -1
  3. package/src/App.vue +25 -25
  4. package/src/applyAndroid.js +72 -72
  5. package/src/components/android/AppTakePic.vue +182 -181
  6. package/src/components/android/Process/Processes/AppChargeManagement.vue +635 -635
  7. package/src/components/android/Process/Processes/AppChargeManagementNew.vue +635 -635
  8. package/src/components/product/Material/MaterialDetailed.vue +268 -268
  9. package/src/components/product/Process/ExplorationSelect.vue +497 -497
  10. package/src/components/product/Process/Processes/chargeManagement.vue +656 -656
  11. package/src/filiale/baiyin/android/ByDeviceManagement.vue +916 -916
  12. package/src/filiale/fugou/android/AppAddMaterialScience.vue +448 -448
  13. package/src/filiale/fugou/android/AppDevicesManagement.vue +519 -519
  14. package/src/filiale/fugou/android/AppInstallationDetails.vue +541 -541
  15. package/src/filiale/fugou/android/AppServiceControl.vue +1845 -1843
  16. package/src/filiale/fugou/android/AppZhihuanManagement.vue +197 -191
  17. package/src/filiale/fugou/android/printCharge.vue +162 -0
  18. package/src/filiale/fugou/android.js +16 -15
  19. package/src/filiale/fugou/pc/ExplorationSelect.vue +525 -525
  20. package/src/filiale/fugou/pc/ServiceControl.vue +1705 -1703
  21. package/src/filiale/fugou/pc/ServiceView.vue +941 -941
  22. package/src/filiale/fugou/pc/devicesManagement.vue +483 -483
  23. package/src/filiale/fugou/pc/printChargepc.vue +148 -0
  24. package/src/filiale/fugou/pc.js +14 -13
  25. package/src/filiale/gongyi/android/AppAddMaterialScience.vue +493 -493
  26. package/src/filiale/jinhuang/pc/ServiceControl.vue +1925 -1925
  27. package/src/filiale/jinhuang/pc/addressAndUserinfoManagement.vue +203 -203
  28. package/src/filiale/jinhuang/pc/chargeManagementNew.vue +589 -589
  29. package/src/filiale/jinhuang/pc.js +8 -8
  30. package/src/filiale/qianneng/android/AppChargeManagement.vue +686 -686
  31. package/src/filiale/qianneng/android.js +15 -15
  32. package/src/filiale/qianneng/pc/Applydetail.vue +378 -378
  33. package/src/filiale/qianneng/pc/InstallFunction.vue +188 -188
  34. package/src/filiale/siyangRH/android/AppAddMaterialScience.vue +466 -466
  35. package/src/filiale/yangchunboneng/android/AppChargeManagement.vue +527 -527
  36. package/src/filiale/yangchunboneng/android/AppDevicesManagement.vue +639 -639
  37. package/src/filiale/yangchunboneng/android/AppServiceControl.vue +1681 -1681
  38. package/src/filiale/yangchunboneng/pc/ExplorationSelect.vue +548 -548
  39. package/src/filiale/yangchunboneng/pc/ServiceControl.vue +2075 -2075
  40. package/src/filiale/yangchunboneng/pc/chargeManagement.vue +1059 -1059
  41. package/src/filiale/yongzhouch/pc/ApplyUpload.vue +327 -327
  42. package/src/filiale/yongzhouch/pc/ExplorationSelect.vue +490 -490
  43. package/src/filiale/yongzhouch/pc/InstallationDetails.vue +610 -610
  44. package/src/filiale/yongzhouch/pc/ServiceControl.vue +1943 -1943
  45. package/src/filiale/yongzhouch/pc/devicesManagement.vue +488 -488
  46. package/src/filiale/yongzhouch/pc.js +10 -10
  47. package/src/main.js +3 -3
package/src/filiale/yangchunboneng/pc/chargeManagement.vue CHANGED
@@ -1,1059 +1,1059 @@
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">
7
- <button
8
- type="button"
9
- class="btn btn-info head-but"
10
- @click="$parent.$parent.showChargeModal()"
11
- v-show="$parent.$parent.selectdata.f_apply_type !== '启封通气'"
12
- >新增收费</button>
13
- </th>
14
- <th class="textNoLineBreak">序号</th>
15
- <th class="textNoLineBreak" v-if="selectdata.f_apply_type !== '开发商集体报建'">地址</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">收费日期</th>
26
- <th class="textNoLineBreak">实际收费日期</th>
27
- <th class="textNoLineBreak">备注</th>
28
- <th class="textNoLineBreak">缴费状态</th>
29
- <th class="textNoLineBreak">作废人员</th>
30
- <th class="textNoLineBreak">作废时间</th>
31
- <th class="textNoLineBreak">作废原因</th>
32
- <th class="textNoLineBreak">确认人</th>
33
- <th class="textNoLineBreak">确认时间</th>
34
- <th class="textNoLineBreak">审核人</th>
35
- <th class="textNoLineBreak">审核时间</th>
36
- </tr>
37
- </template>
38
- <template partial='body'>
39
- <tr>
40
- <td style="text-align: center;">
41
- <nobr v-if="row.f_charge_status !== '退款'&& row.f_charge_status !== '作废' && row.f_confirm_person==null">
42
- <button
43
- type="button"
44
- name="button"
45
- class="btn btn-link"
46
- :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费' "
47
- @click="$parent.$parent.showConfirmModal(row,'确认收款')"
48
- >确认收款</button>
49
- </nobr>
50
- <nobr v-if="row.f_charge_status !== '退款'">
51
- <button
52
- type="button"
53
- name="button"
54
- class="btn btn-link"
55
- :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费'"
56
- @click="$parent.$parent.showInvalidModal(row)"
57
- >作废</button>
58
- <button
59
- type="button"
60
- name="button"
61
- class="btn btn-link"
62
- :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费'"
63
- @click="$parent.$parent.showBackdModal(row)"
64
- >退费</button>
65
- <button
66
- type="button"
67
- name="button"
68
- class="btn btn-link"
69
- @click="$parent.$parent.showPrintModal(row)"
70
- >打印预览</button>
71
- </nobr>
72
- </td>
73
- <td style="text-align: center;">
74
- <nobr>{{$index+1}}</nobr>
75
- </td>
76
- <td style="text-align: center;" v-if="selectdata.f_apply_type !== '开发商集体报建'">
77
- <nobr>{{row.f_useraddres}}</nobr>
78
- </td>
79
- <td style="text-align: center;">
80
- <nobr>{{row.f_charge_number}}</nobr>
81
- </td>
82
- <td style="text-align: center;">
83
- <nobr>{{row.f_charge_money}}</nobr>
84
- </td>
85
- <td style="text-align: center;">
86
- <nobr>{{row.f_amount_words}}</nobr>
87
- </td>
88
- <td style="text-align: center;">
89
- <nobr>{{row.f_payment_term}}</nobr>
90
- </td>
91
- <td style="text-align: center;">
92
- <nobr>{{row.f_payment_method}}</nobr>
93
- </td>
94
- <td style="text-align: center;">
95
- <nobr>{{row.f_payer_name}}</nobr>
96
- </td>
97
- <td style="text-align: center;">
98
- <nobr>{{row.f_payer_account}}</nobr>
99
- </td>
100
- <td style="text-align: center;">
101
- <nobr>{{row.f_payer_number}}</nobr>
102
- </td>
103
- <td style="text-align: center;">
104
- <nobr>{{row.f_charge_collectors}}</nobr>
105
- </td>
106
- <td style="text-align: center;">
107
- <nobr>{{row.f_charge_date}}</nobr>
108
- </td>
109
- <td style="text-align: center;">
110
- <nobr>{{row.f_actual_date}}</nobr>
111
- </td>
112
- <td style="text-align: center;">
113
- <nobr>{{row.f_charge_remarks}}</nobr>
114
- </td>
115
- <td style="text-align: center;">
116
- <nobr>{{row.f_charge_status}}</nobr>
117
- </td>
118
- <td style="text-align: center;">
119
- <nobr>{{row.f_void_staff}}</nobr>
120
- </td>
121
- <td style="text-align: center;">
122
- <nobr>{{row.f_void_date}}</nobr>
123
- </td>
124
- <td style="text-align: center;">
125
- <nobr>{{row.f_void_remarks}}</nobr>
126
- </td>
127
- <td style="text-align: center;">
128
- <nobr>{{row.f_confirm_person}}</nobr>
129
- </td>
130
- <td style="text-align: center;">
131
- <nobr>{{row.f_confirm_date}}</nobr>
132
- </td>
133
- <td style="text-align: center;">
134
- <nobr>{{row.f_auditor_person}}</nobr>
135
- </td>
136
- <td style="text-align: center;">
137
- <nobr>{{row.f_auditor_date}}</nobr>
138
- </td>
139
- </tr>
140
- </template>
141
- </data-grid>
142
-
143
- <validator name="v">
144
- <modal v-if="showCharge" :show.sync="showCharge" v-ref:modal :large="true" :backdrop="false" title="收费明细">
145
- <header slot="modal-header" class="modal-header">
146
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
147
- <h4 class="modal-title">收费明细</h4>
148
- </header>
149
- <article slot="modal-body" class="modal-body clearfix">
150
- <div class="form-group col-sm-12" v-if="false" :class="[$v.useraddres.required ? 'has-error' : '']">
151
- <label class="col-sm-2 control-label">缴费地址：</label>
152
- <div class="col-sm-10">
153
- <input type="text" v-show="false" v-model="charge.useraddres.id" v-validate:useraddres = "['required']" >
154
- <input-select width="100%" class="select select_list" placeholder='请选择'
155
- v-model="charge.useraddres"
156
- :value.sync="charge.useraddres"
157
- :options='useraddresList'
158
- :value-single="true"
159
- @change="selectAddres()"
160
- close-on-select ></input-select>
161
- </div>
162
- </div>
163
- <div v-for="(i, item) in charge.charges" class="form-group col-sm-12 panel panel-info">
164
- <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
165
- <div class="col-sm-6 text-left">收费项目{{$index+1}}信息</div>
166
- <div class="col-sm-6 text-right"><button
167
- class="button_delete button_spacing"
168
- v-if="!item.f_userfiles_id"
169
- @click.prevent="deleteUserFile(i)"
170
- >删除</button></div>
171
- </div>
172
- <div class="form-group col-sm-12" :class="[$v.item.f_payment_term.required ? 'has-error' : '']">
173
- <label class="col-sm-2 control-label">收费项目：</label>
174
- <div class="col-sm-10">
175
- <input type="text" v-show="false" v-model="item.f_payment_term" v-validate:f_payment_term = "['required']" >
176
- <input-select width="100%" class="select select_list" placeholder='请选择'
177
- v-model="item.f_payment_term"
178
- :value.sync="item.f_payment_term"
179
- :options='paymentTerm'
180
- :value-single="true"
181
- close-on-select ></input-select>
182
- </div>
183
- </div>
184
- <div class="form-group col-sm-12" :class="[$v.item.f_charge_money.required ? 'has-error' : '']">
185
- <label class="col-sm-2 control-label">收费金额：</label>
186
- <div class="col-sm-10">
187
- <input type="text"
188
- class="form-control input_view"
189
- style="width: 100%"
190
- placeholder="0.00"
191
- @change="moneyChange(i)"
192
- v-validate:f_charge_money = "['required']"
193
- v-model="item.f_charge_money" />
194
- </div>
195
- </div>
196
- <div class="form-group col-sm-12" :class="[$v.item.f_payment_method.required ? 'has-error' : '']">
197
- <label class="col-sm-2 control-label">付款方式：</label>
198
- <div class="col-sm-10">
199
- <input type="text" v-show="false" v-model="item.f_payment_method" v-validate:f_payment_method = "['required']" >
200
- <input-select
201
- placeholder='请选择' width="100%"
202
- v-model="item.f_payment_method"
203
- :value.sync="item.f_payment_method"
204
- :options='paymentMethod'
205
- class="select select_list"
206
- :value-single="true"
207
- @change="changePaymentMethod()"
208
- close-on-select ></input-select>
209
- </div>
210
- </div>
211
- <div class="form-group col-sm-12">
212
- <label class="col-sm-2 control-label">金额大写：</label>
213
- <div class="col-sm-10">
214
- <input type="text"
215
- class="form-control input_view"
216
- style="width: 100%"
217
- :value="smalltoBIG(0)"
218
- readonly
219
- v-model.sync="item.f_amount_words" />
220
- </div>
221
- </div>
222
- <div class="form-group col-sm-12">
223
- <label class="col-sm-2 control-label">备注：</label>
224
- <div class="col-sm-10">
225
- <input type="text"
226
- class="form-control input_view"
227
- style="width: 100%"
228
- v-model="item.f_charge_remarks" />
229
- </div>
230
- </div>
231
- <div class="form-group col-sm-12">
232
- <label class="col-sm-2 control-label">实际收款时间：</label>
233
- <div class="col-sm-10">
234
- <datepicker id="startDate" placeholder="实际收款时间"
235
- style="width: 60%!important;"
236
- v-model="item.f_actual_date"
237
- :value.sync="item.f_actual_date"
238
- :format="'yyyy-MM-dd HH:mm:ss'"
239
- :show-reset-button="true"
240
- >
241
- </datepicker>
242
- </div>
243
- </div>
244
- </div>
245
- <div class="form-group col-sm-12">
246
- <label class="col-sm-2 control-label">应交总金额：</label>
247
- <div class="col-sm-10">
248
- <input type="text"
249
- class="form-control input_view"
250
- style="width: 100%"
251
- readonly
252
- v-model="selectdata.f_due_money" />
253
- </div>
254
- </div>
255
- <div class="form-group col-sm-12">
256
- <label class="col-sm-2 control-label">累计缴费总金额：</label>
257
- <div class="col-sm-10">
258
- <input type="text"
259
- class="form-control input_view"
260
- style="width: 100%"
261
- readonly
262
- v-model="selectdata.f_cumulative_payment_money" />
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_surplus_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-select width="100%" class="select select_list" placeholder='请选择'
279
- v-model="charge.defname"
280
- :value.sync="charge.defname"
281
- :options='defnames'
282
- :value-single="true"
283
- close-on-select ></input-select>
284
- </div>
285
- </div>
286
-
287
- </article>
288
- <footer slot="modal-footer" class="modal-footer">
289
- <button type="button" class="btn btn-primary" @click="addcharges" >添加收费项目</button>
290
- <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="saveCharge()">新增收费</button>
291
- </footer>
292
- </modal>
293
- </validator>
294
-
295
- <modal v-if="showInvalid" :show.sync="showInvalid" v-ref:modal :backdrop="false" title="作废收费">
296
- <header slot="modal-header" class="modal-header">
297
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
298
- <h4 class="modal-title">作废收费</h4>
299
- </header>
300
- <article slot="modal-body" class="modal-body clearfix">
301
- <div class="form-group col-sm-12" v-if="false">
302
- <label class="col-sm-2 control-label">缴费地址：</label>
303
- <div class="col-sm-10">
304
- <input type="text"
305
- class="form-control input_view"
306
- style="width: 100%"
307
- readonly
308
- v-model="charge.f_useraddres" />
309
- </div>
310
- </div>
311
- <div class="form-group col-sm-12">
312
- <label class="col-sm-2 control-label">收费金额：</label>
313
- <div class="col-sm-10">
314
- <input type="text"
315
- class="form-control input_view"
316
- style="width: 100%"
317
- readonly
318
- v-model="charge.f_charge_money" />
319
- </div>
320
- </div>
321
- <div class="form-group col-sm-12">
322
- <label class="col-sm-2 control-label">付款方式：</label>
323
- <div class="col-sm-10">
324
- <input type="text"
325
- class="form-control input_view"
326
- style="width: 100%"
327
- readonly
328
- v-model="charge.f_payment_method" />
329
- </div>
330
- </div>
331
- <div class="form-group col-sm-12">
332
- <label class="col-sm-2 control-label">金额大写：</label>
333
- <div class="col-sm-10">
334
- <input type="text"
335
- class="form-control input_view"
336
- style="width: 100%"
337
- readonly
338
- v-model="charge.f_amount_words" />
339
- </div>
340
- </div>
341
- <div class="form-group col-sm-12">
342
- <label class="col-sm-2 control-label">收费人员：</label>
343
- <div class="col-sm-10">
344
- <input type="text"
345
- class="form-control input_view"
346
- style="width: 100%"
347
- readonly
348
- v-model="charge.f_charge_collectors" />
349
- </div>
350
- </div>
351
- <div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
352
- <label class="col-sm-2 control-label">作废原因：</label>
353
- <div class="col-sm-10">
354
- <input type="text"
355
- class="form-control input_view"
356
- style="width: 100%"
357
- v-model="charge.f_void_remarks" />
358
- </div>
359
- </div>
360
- </article>
361
- <footer slot="modal-footer" class="modal-footer">
362
- <button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="invalidApplyCharge()">确认作废</button>
363
- </footer>
364
- </modal>
365
- <modal v-if="showConfirm" :show.sync="showConfirm" v-ref:modal :backdrop="false" title="确认收款">
366
- <header slot="modal-header" class="modal-header">
367
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
368
- <h4 class="modal-title">确认收款</h4>
369
- </header>
370
- <article slot="modal-body" class="modal-body clearfix">
371
- <div class="form-group col-sm-12" v-if="false">
372
- <label class="col-sm-2 control-label">缴费地址：</label>
373
- <div class="col-sm-10">
374
- <input type="text"
375
- class="form-control input_view"
376
- style="width: 100%"
377
- readonly
378
- v-model="charge.f_useraddres" />
379
- </div>
380
- </div>
381
- <div class="form-group col-sm-12">
382
- <label class="col-sm-2 control-label">收费金额：</label>
383
- <div class="col-sm-10">
384
- <input type="text"
385
- class="form-control input_view"
386
- style="width: 100%"
387
- readonly
388
- v-model="charge.f_charge_money" />
389
- </div>
390
- </div>
391
- <div class="form-group col-sm-12">
392
- <label class="col-sm-2 control-label">付款方式：</label>
393
- <div class="col-sm-10">
394
- <input type="text"
395
- class="form-control input_view"
396
- style="width: 100%"
397
- readonly
398
- v-model="charge.f_payment_method" />
399
- </div>
400
- </div>
401
- <div class="form-group col-sm-12">
402
- <label class="col-sm-2 control-label">金额大写：</label>
403
- <div class="col-sm-10">
404
- <input type="text"
405
- class="form-control input_view"
406
- style="width: 100%"
407
- readonly
408
- v-model="charge.f_amount_words" />
409
- </div>
410
- </div>
411
- <div class="form-group col-sm-12">
412
- <label class="col-sm-2 control-label">收费人员：</label>
413
- <div class="col-sm-10">
414
- <input type="text"
415
- class="form-control input_view"
416
- style="width: 100%"
417
- readonly
418
- v-model="charge.f_charge_collectors" />
419
- </div>
420
- </div>
421
- <div class="form-group col-sm-12">
422
- <label class="col-sm-2 control-label">确认人：</label>
423
- <div class="col-sm-10">
424
- <input type="text"
425
- class="form-control input_view"
426
- style="width: 100%"
427
- v-model="charge.f_confirm_person" />
428
- </div>
429
- </div>
430
- <div class="form-group col-sm-12">
431
- <label class="col-sm-2 control-label">确认时间：</label>
432
- <div class="col-sm-10">
433
- <datepicker id="startDate" placeholder="确认时间"
434
- style="width: 60%!important;"
435
- v-model="charge.f_confirm_date"
436
- :value.sync="charge.f_confirm_date"
437
- :default="true"
438
- :format="'yyyy-MM-dd HH:mm:ss'"
439
- :show-reset-button="true"
440
- >
441
- </datepicker>
442
- </div>
443
- </div>
444
- <div class="form-group col-sm-12">
445
- <label class="col-sm-2 control-label">备注：</label>
446
- <div class="col-sm-10">
447
- <input type="text"
448
- class="form-control input_view"
449
- style="width: 100%"
450
- v-model="charge.f_charge_remarks" />
451
- </div>
452
- </div>
453
- </article>
454
- <footer slot="modal-footer" class="modal-footer">
455
- <button type="button" class="btn btn-primary" @click="ConfirmPayment()">确认收款</button>
456
- </footer>
457
- </modal>
458
- <!-- <modal v-if="showauditor" :show.sync="showauditor" v-ref:modal :backdrop="false" title="确认审核">
459
- <header slot="modal-header" class="modal-header">
460
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
461
- <h4 class="modal-title">确认审核</h4>
462
- </header>
463
- <article slot="modal-body" class="modal-body clearfix">
464
- <div class="form-group col-sm-12" v-if="false">
465
- <label class="col-sm-2 control-label">缴费地址：</label>
466
- <div class="col-sm-10">
467
- <input type="text"
468
- class="form-control input_view"
469
- style="width: 100%"
470
- readonly
471
- v-model="charge.f_useraddres" />
472
- </div>
473
- </div>
474
- <div class="form-group col-sm-12">
475
- <label class="col-sm-2 control-label">收费金额：</label>
476
- <div class="col-sm-10">
477
- <input type="text"
478
- class="form-control input_view"
479
- style="width: 100%"
480
- readonly
481
- v-model="charge.f_charge_money" />
482
- </div>
483
- </div>
484
- <div class="form-group col-sm-12">
485
- <label class="col-sm-2 control-label">付款方式：</label>
486
- <div class="col-sm-10">
487
- <input type="text"
488
- class="form-control input_view"
489
- style="width: 100%"
490
- readonly
491
- v-model="charge.f_payment_method" />
492
- </div>
493
- </div>
494
- <div class="form-group col-sm-12">
495
- <label class="col-sm-2 control-label">金额大写：</label>
496
- <div class="col-sm-10">
497
- <input type="text"
498
- class="form-control input_view"
499
- style="width: 100%"
500
- readonly
501
- v-model="charge.f_amount_words" />
502
- </div>
503
- </div>
504
- <div class="form-group col-sm-12">
505
- <label class="col-sm-2 control-label">收费人员：</label>
506
- <div class="col-sm-10">
507
- <input type="text"
508
- class="form-control input_view"
509
- style="width: 100%"
510
- readonly
511
- v-model="charge.f_charge_collectors" />
512
- </div>
513
- </div>
514
- <div class="form-group col-sm-12">
515
- <label class="col-sm-2 control-label">确认人：</label>
516
- <div class="col-sm-10">
517
- <input type="text"
518
- class="form-control input_view"
519
- style="width: 100%"
520
- readonly
521
- v-model="charge.f_confirm_person" />
522
- </div>
523
- </div>
524
- <div class="form-group col-sm-12">
525
- <label class="col-sm-2 control-label">确认时间：</label>
526
- <div class="col-sm-10">
527
- <datepicker id="startDate" placeholder="确认时间"
528
- style="width: 60%!important;"
529
- v-model="charge.f_confirm_date"
530
- :value.sync="charge.f_confirm_date"
531
- readonly
532
- disabled
533
- :format="'yyyy-MM-dd HH:mm:ss'"
534
- :show-reset-button="true"
535
- >
536
- </datepicker>
537
- </div>
538
- </div>
539
- <div class="form-group col-sm-12">
540
- <label class="col-sm-2 control-label">审核人：</label>
541
- <div class="col-sm-10">
542
- <input type="text"
543
- class="form-control input_view"
544
- style="width: 100%"
545
- v-model="charge.f_auditor_person" />
546
- </div>
547
- </div>
548
- <div class="form-group col-sm-12">
549
- <label class="col-sm-2 control-label">审核时间：</label>
550
- <div class="col-sm-10">
551
- <datepicker id="startDate" placeholder="确认时间"
552
- style="width: 60%!important;"
553
- v-model="charge.f_auditor_date"
554
- :value.sync="charge.f_auditor_date"
555
- :default="true"
556
- :format="'yyyy-MM-dd HH:mm:ss'"
557
- :show-reset-button="true"
558
- >
559
- </datepicker>
560
- </div>
561
- </div>
562
- <div class="form-group col-sm-12">
563
- <label class="col-sm-2 control-label">备注：</label>
564
- <div class="col-sm-10">
565
- <input type="text"
566
- class="form-control input_view"
567
- style="width: 100%"
568
- v-model="charge.f_charge_remarks" />
569
- </div>
570
- </div>
571
- </article>
572
- <footer slot="modal-footer" class="modal-footer">
573
- <button type="button" class="btn btn-primary" @click="ConfirmPayment()">确认收款</button>
574
- </footer>
575
- </modal>-->
576
- <modal v-if="showPrint" :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
577
- <header slot="modal-header" class="modal-header">
578
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
579
- <h4 class="modal-title">打印预览</h4>
580
- </header>
581
- <article slot="modal-body" class="modal-body clearfix">
582
- <apply-print-chargepc :selectdata="selectdata" :charge="charge" v-ref:print></apply-print-chargepc>
583
- </article>
584
- <footer slot="modal-footer" class="modal-footer">
585
- <button type="button" class="btn btn-primary" @click="print()">打印</button>
586
- </footer>
587
- </modal>
588
- <modal v-if="showback" :show.sync="showback" v-ref:modal :backdrop="false" title="收费退费">
589
- <header slot="modal-header" class="modal-header">
590
- <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
591
- <h4 class="modal-title">收费退费</h4>
592
- </header>
593
- <article slot="modal-body" class="modal-body clearfix">
594
- <div class="form-group col-sm-12" v-if="false">
595
- <label class="col-sm-2 control-label">缴费地址：</label>
596
- <div class="col-sm-10">
597
- <input type="text"
598
- class="form-control input_view"
599
- style="width: 100%"
600
- readonly
601
- v-model="charge.f_useraddres" />
602
- </div>
603
- </div>
604
- <div class="form-group col-sm-12">
605
- <label class="col-sm-2 control-label">收费金额：</label>
606
- <div class="col-sm-10">
607
- <input type="text"
608
- class="form-control input_view"
609
- style="width: 100%"
610
- readonly
611
- v-model="charge.f_charge_money" />
612
- </div>
613
- </div>
614
- <div class="form-group col-sm-12">
615
- <label class="col-sm-2 control-label">付款方式：</label>
616
- <div class="col-sm-10">
617
- <input type="text"
618
- class="form-control input_view"
619
- style="width: 100%"
620
- readonly
621
- v-model="charge.f_payment_method" />
622
- </div>
623
- </div>
624
- <div class="form-group col-sm-12">
625
- <label class="col-sm-2 control-label">金额大写：</label>
626
- <div class="col-sm-10">
627
- <input type="text"
628
- class="form-control input_view"
629
- style="width: 100%"
630
- readonly
631
- v-model="charge.f_amount_words" />
632
- </div>
633
- </div>
634
- <div class="form-group col-sm-12">
635
- <label class="col-sm-2 control-label">收费人员：</label>
636
- <div class="col-sm-10">
637
- <input type="text"
638
- class="form-control input_view"
639
- style="width: 100%"
640
- readonly
641
- v-model="charge.f_charge_collectors" />
642
- </div>
643
- </div>
644
- <div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
645
- <label class="col-sm-2 control-label">退费原因：</label>
646
- <div class="col-sm-10">
647
- <input type="text"
648
- class="form-control input_view"
649
- style="width: 100%"
650
- v-model="charge.f_void_remarks" />
651
- </div>
652
- </div>
653
- </article>
654
- <footer slot="modal-footer" class="modal-footer">
655
- <button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="backApplyCharge()">确认退费</button>
656
- </footer>
657
- </modal>
658
- </div>
659
- </template>
660
- <script>
661
- import {getNowDate,isEmpty} from '../../../components/Util'
662
- import {PagedList} from 'vue-client'
663
- import {HttpResetClass} from 'vue-client'
664
- import Vue from 'vue'
665
-
666
- export default {
667
- title: '收费管理',
668
- props: {
669
- selectdata: {
670
- type: Object
671
- },
672
- mark: {
673
- type: Number,
674
- default: 0
675
- }
676
- },
677
- data () {
678
- return {
679
- showback: false,
680
- showCharge: false, // 收费明细
681
- showInvalid: false, // 作废
682
- showPrint: false, // 打印
683
- showConfirm: false, // 确认收款
684
- showauditor: false, // 确认审核
685
- person:this.$login.f.name,
686
- model: {
687
- data: null
688
- }, // 记录
689
- useraddresList: [], // 地址列表
690
- charge: {
691
- charges:[]
692
- },
693
- defnames: this.$appdata.getParam(this.selectdata.f_apply_type + '付款预设')
694
- }
695
- },
696
- ready () {
697
- this.search()
698
- },
699
- methods: {
700
- addcharges(){
701
- this.charge.charges.push({})
702
- },
703
- deleteUserFile (index) {
704
- this.charge.charges.splice(index, 1)
705
- },
706
- async payerNumberChange () {
707
- if (isEmpty(this.charge.f_payer_number)) {
708
- return
709
- }
710
- let http = new HttpResetClass()
711
- let data = {
712
- tablename: 't_charge_record',
713
- condition: `f_payer_number = '${this.charge.f_payer_number}'`
714
- }
715
- let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
716
- resolveMsg: null,
717
- rejectMsg: '流水号查询失败！！！'
718
- })
719
- if (res.data.length > 0) {
720
- this.$showAlert('该流水号已经使用！！！', 'warning', 3000)
721
- return
722
- }
723
- },
724
- print () {
725
- this.$refs.print.$refs.print.PrintTable()
726
- },
727
- showPrintModal(row) {
728
- this.charge = row
729
- this.showPrint = true
730
- },
731
- selectAddres () {
732
- if (this.charge.useraddres) {
733
- this.charge.f_cumulative_payment_money = this.charge.useraddres.f_cumulative_payment_money
734
- this.charge.f_outstanding_amount = this.selectdata.f_price - this.charge.useraddres.f_cumulative_payment_money
735
- } else {
736
- this.charge.f_cumulative_payment_money = 0
737
- this.charge.f_outstanding_amount = this.selectdata.f_price
738
- }
739
- },
740
- async backApplyCharge() {
741
- let http = new HttpResetClass()
742
- let data = {
743
- apply: this.selectdata,
744
- user: this.$login.f,
745
- charge: this.charge
746
- }
747
- let res = await http.load('POST', 'rs/logic/backApplyCharge', {data: data}, {
748
- resolveMsg: null,
749
- rejectMsg: '退费失败！！！'
750
- })
751
- this.selectdata = res.data
752
- this.$dispatch('breakControl', this.selectdata)
753
- },
754
- async invalidApplyCharge() {
755
-
756
- let http = new HttpResetClass()
757
- let data = {
758
- apply: this.selectdata,
759
- user: this.$login.f,
760
- charge: this.charge
761
- }
762
- let res = await http.load('POST', 'rs/logic/invalidApplyCharge', {data:data}, {
763
- resolveMsg: null,
764
- rejectMsg: '作废失败！！！'
765
- })
766
- this.selectdata = res.data
767
-
768
- this.$dispatch('breakControl', this.selectdata)
769
- },
770
- async ConfirmPayment() {
771
- let http = new HttpResetClass()
772
- let data = {
773
- apply: this.selectdata,
774
- user: this.$login.f,
775
- charge: this.charge
776
- }
777
- let res = await http.load('POST', 'rs/logic/confirmCharge', {data: data}, {
778
- resolveMsg: null,
779
- rejectMsg: '提交失败！！！'
780
- })
781
- if(res.data==200){
782
- this.$showAlert('提交成功！！！', 'success', 3000)
783
- //延时1s
784
- setTimeout(() => {
785
- this.showConfirm= false
786
- this.showauditor= false
787
- }, 1000)
788
- }
789
- //重新查询
790
- this.search()
791
- if (
792
- (this.selectdata.defname == '合同审批' && !isEmpty(this.selectdata.f_is_have) ) ||
793
- (this.selectdata.defname == '方案设计' && !isEmpty(this.selectdata.f_designer_people) ) ||
794
- (this.selectdata.defname == '方案审批' && !isEmpty(this.selectdata.f_position)) ||
795
- (this.selectdata.defname == '工程审批' && !isEmpty(this.selectdata.f_survey_opinion)) ||
796
- (this.selectdata.defname == '工程派工' && !isEmpty(this.selectdata.f_budget_peoples)) ||
797
- (this.selectdata.defname == '工程验收' && !isEmpty(this.selectdata.f_acceptor)) ||
798
- (this.selectdata.defname == '验收审批' && !isEmpty(this.selectdata.f_prospecting_result)) ||
799
- (this.selectdata.defname == '工程决算' && !isEmpty(this.selectdata.f_price_other)) ||
800
- (this.selectdata.defname == '收费确认' )
801
- ){
802
- this.getbutton()
803
- }
804
- },
805
- async getbutton(){
806
- var defname = this.selectdata.defname
807
- var processId = this.selectdata.f_process_id
808
- let data = {
809
- condition: `tc.f_process_id = '${processId}' and tc.defname = '${defname}'`
810
- }
811
- let http = new HttpResetClass()
812
- let res = await http.load(
813
- 'POST',
814
- `rs/sql/getPaymentRatio`,
815
- {data: data},
816
- {resolveMsg: null, rejectMsg: '查询失败！！！'}
817
- )
818
- if(res.data.length!==0){
819
- var f_due_money= res.data[0].f_due_money
820
- var cumulative= res.data[0].f_charge_money
821
- if (Number(f_due_money) == Number(cumulative)) {
822
- let flag = true
823
- let res1 = await http.load(
824
- 'POST',
825
- `rs/sql/getfeeconfirmation`,
826
- {data: data},
827
- {resolveMsg: null, rejectMsg: '查询失败！！！'}
828
- )
829
- for (let i =0;i<res1.data.length;i++){
830
- if (isEmpty(res1.data[i].f_confirm_person)){
831
- flag = false
832
- }
833
- }
834
- if (flag){
835
- let show_data = this.selectdata
836
- show_data.user = this.$login.f
837
- show_data.start_activity ='报装申请'
838
- show_data.xmlfilename =this.selectdata.f_apply_type
839
- show_data.button = {button_name:'提交'}
840
- await this.$resetpost(
841
- `rs/logic/ApplyProductService`,
842
- {data: show_data},
843
- {resolveMsg: null, rejectMsg: '数据保存失败'}
844
- )
845
- }
846
- }
847
- }
848
- },
849
- // 打开作废收费
850
- showInvalidModal(row) {
851
- this.charge = row
852
- this.showInvalid = true
853
- },
854
- showBackdModal(row) {
855
- this.charge = row
856
- this.showback= true
857
- },
858
- showConfirmModal(row,type){
859
- this.charge = row
860
- if (type == '确认收款'){
861
- this.charge.f_confirm_person=this.person
862
- this.showConfirm= true
863
- }
864
- if (type == '确认审核'){
865
- this.charge.f_auditor_person=this.person
866
- this.showauditor= true
867
- }
868
- },
869
- // 新增收费
870
- async saveCharge() {
871
- if(this.charge.charges.length <= 0){
872
- return this.$showMessage('收费项目不能为空，请添加收费项目！！')
873
- }
874
- if(isEmpty(this.charge.defname )){
875
- return this.$showMessage('收费环节不能为空！！')
876
- }
877
- let http = new HttpResetClass()
878
- let data = {
879
- apply: this.selectdata,
880
- user: this.$login.f,
881
- charge: this.charge
882
- }
883
-
884
- let res = await http.load('POST', 'rs/logic/addApplyChargeRecord', {data:data}, {
885
- resolveMsg: null,
886
- rejectMsg: '缴费失败！！！'
887
- })
888
- this.selectdata = res.data
889
-
890
- this.$dispatch('breakControl', this.selectdata)
891
- },
892
- moneyChange (i) {
893
- if (isEmpty(this.charge.charges[i].f_charge_money) || Number(this.charge.charges[i].f_charge_money) === 0) {
894
- this.$showAlert('单笔收费不能为0元！！！', 'warning', 3000)
895
- this.charge.charges[i].f_charge_money = null
896
- return
897
- }
898
- if (this.selectdata.f_apply_type === '散户集体报建' && Number(this.charge.charges[i].f_charge_money) > Number(this.charge.charges[i].f_outstanding_amount)) {
899
- this.$showAlert('单笔收费不能超过未交金额！！！', 'warning', 3000)
900
- this.charge.charges[i].f_charge_money = null
901
- return
902
- }
903
- if (Number(this.charge.charges[i].f_charge_money) > Number(this.selectdata.f_surplus_money)) {
904
- this.$showAlert('单笔收费不能超过未交总金额！！！', 'warning', 3000)
905
- this.charge.charges[i].f_charge_money = null
906
- return
907
- }
908
- this.charge.charges[i].f_charge_money = (this.charge.charges[i].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
909
- this.charge.charges[i].f_amount_words = this.smalltoBIG(this.charge.charges[i].f_charge_money)
910
- },
911
- // 金额转大写
912
- handleInput(e) {
913
- // 通过正则过滤小数点后两位
914
- e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
915
- this.charge.f_amount_words = this.smalltoBIG(e.target.value)
916
- },
917
- // 金额转大写
918
- smalltoBIG(n) {
919
- let fraction = ['角', '分'];
920
- let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
921
- let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
922
- let head = n < 0 ? '欠' : '';
923
- n = Math.abs(n);
924
-
925
- let s = '';
926
-
927
- for (var i = 0; i < fraction.length; i++) {
928
- s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
929
- }
930
- s = s || '整';
931
- n = Math.floor(n);
932
-
933
- for (var i = 0; i < unit[0].length && n > 0; i++) {
934
- let p = '';
935
- for (var j = 0; j < unit[1].length && n > 0; j++) {
936
- p = digit[n % 10] + unit[1][j] + p;
937
- n = Math.floor(n / 10);
938
- }
939
- s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
940
- }
941
- return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
942
- },
943
- async changePaymentMethod () {
944
- if (this.charge.f_payment_method === '银行转账' && this.selectdata.f_apply_type === '团购报建') {
945
- let http = new HttpResetClass()
946
- let data = {
947
- tablename: 't_dev_info',
948
- condition: `f_orgid = '${this.$login.f.orgid}' and id = '${this.selectdata.f_dev_id}'`
949
- }
950
- let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
951
- resolveMsg: null,
952
- rejectMsg: '开发商档案查询失败！！！'
953
- })
954
-
955
- this.charge.f_payer_name = res.data[0].f_dev_name
956
- this.charge.f_payer_account = res.data[0].f_bank_account
957
- }
958
- },
959
- async getUserAddress() {
960
- let http = new HttpResetClass()
961
- let data = {}
962
- let url = null
963
- if (this.selectdata.f_apply_type === '改管报建' || this.selectdata.f_apply_type === '增容报建' || this.selectdata.f_apply_type === '报警器报建' || this.selectdata.f_apply_type === '工商业报警器报建') {
964
- data = {
965
- condition: `ui.f_userinfo_id = ${this.selectdata.f_userinfo_id}`
966
- }
967
- url = 'rs/sql/applyGetUserinfos'
968
- } else {
969
- data = {
970
- condition: this.selectdata.f_apply_type === '散户集体报建' ? `nvl(cr.f_cumulative_payment_money, 0) < ${this.selectdata.f_price}` : '1=1',
971
- f_process_id: this.selectdata.f_process_id
972
- }
973
- url = 'rs/sql/getAddresAndCumulativePayment'
974
- }
975
- let res = await http.load('POST', url, {data:data}, {
976
- resolveMsg: null,
977
- rejectMsg: '用户获取失败！！！'
978
- })
979
-
980
- if (res.data.length <= 0) {
981
- this.$showAlert('暂无需要缴费用户！！！', 'warning', 3000)
982
- }
983
-
984
- this.useraddresList = res.data.map(item => {
985
- return {
986
- // 有用户姓名地址后拼接姓名
987
- label: `${item.f_address} ${isEmpty(item.f_user_name) ? '' : '--- ' + item.f_user_name}`,
988
- value: item
989
- }
990
- })
991
-
992
- },
993
- async showChargeModal() {
994
- // this.getUserAddress()
995
-
996
- if (this.selectdata.f_apply_type === '团购报建') {
997
- this.charge.f_dev_info_id = this.selectdata.f_dev_id
998
- }
999
-
1000
- this.showCharge = true
1001
- },
1002
- async search () {
1003
- let http = new HttpResetClass()
1004
- let data = {
1005
- // condition: `cr.f_charge_status != '退款'`,
1006
- f_process_id: this.selectdata.f_process_id
1007
- }
1008
- if (this.selectdata.f_apply_type === '启封通气' && this.selectdata.f_apply_type !== '线下发起'){
1009
- data = {
1010
- f_process_id: this.selectdata.f_parent_process_id
1011
- }
1012
- }
1013
- let res = await http.load('POST', 'rs/sql/getApplyChargeRecord', {data:data}, {
1014
- resolveMsg: null,
1015
- rejectMsg: '收费记录查询失败！！！'
1016
- })
1017
- this.model.data = res.data
1018
- },
1019
- // 关闭对话框
1020
- closeModal() {
1021
- this.showback = false
1022
- this.showCharge = false
1023
- this.showInvalid = false
1024
- this.showPrint = false
1025
- this.showConfirm = false
1026
- this.showauditor = false
1027
- this.charge = {
1028
- charges:[]
1029
- }
1030
- this.search()
1031
- }
1032
- },
1033
- events: {
1034
- },
1035
- computed: {
1036
- paymentMethod() {
1037
- return this.$appdata.getParam("付款方式")
1038
- },
1039
- paymentTerm() {
1040
- return this.$appdata.getParam("收费项目")
1041
- }
1042
- },
1043
- watch: {
1044
- }
1045
- }
1046
- </script>
1047
- <style scoped>
1048
- .textNoLineBreak {
1049
- white-space: nowrap;
1050
- }
1051
- .head-but{
1052
- margin-left: 5px;
1053
- height: 34px;
1054
- /*background-color: #6aa6e2;*/
1055
- border-radius: 4px;
1056
- font-family: PingFang;
1057
- color: #ffffff;
1058
- }
1059
- </style>
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">
7
+ <button
8
+ type="button"
9
+ class="btn btn-info head-but"
10
+ @click="$parent.$parent.showChargeModal()"
11
+ v-show="$parent.$parent.selectdata.f_apply_type !== '启封通气'"
12
+ >新增收费</button>
13
+ </th>
14
+ <th class="textNoLineBreak">序号</th>
15
+ <th class="textNoLineBreak" v-if="selectdata.f_apply_type !== '开发商集体报建'">地址</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">收费日期</th>
26
+ <th class="textNoLineBreak">实际收费日期</th>
27
+ <th class="textNoLineBreak">备注</th>
28
+ <th class="textNoLineBreak">缴费状态</th>
29
+ <th class="textNoLineBreak">作废人员</th>
30
+ <th class="textNoLineBreak">作废时间</th>
31
+ <th class="textNoLineBreak">作废原因</th>
32
+ <th class="textNoLineBreak">确认人</th>
33
+ <th class="textNoLineBreak">确认时间</th>
34
+ <th class="textNoLineBreak">审核人</th>
35
+ <th class="textNoLineBreak">审核时间</th>
36
+ </tr>
37
+ </template>
38
+ <template partial='body'>
39
+ <tr>
40
+ <td style="text-align: center;">
41
+ <nobr v-if="row.f_charge_status !== '退款'&& row.f_charge_status !== '作废' && row.f_confirm_person==null">
42
+ <button
43
+ type="button"
44
+ name="button"
45
+ class="btn btn-link"
46
+ :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费' "
47
+ @click="$parent.$parent.showConfirmModal(row,'确认收款')"
48
+ >确认收款</button>
49
+ </nobr>
50
+ <nobr v-if="row.f_charge_status !== '退款'">
51
+ <button
52
+ type="button"
53
+ name="button"
54
+ class="btn btn-link"
55
+ :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费'"
56
+ @click="$parent.$parent.showInvalidModal(row)"
57
+ >作废</button>
58
+ <button
59
+ type="button"
60
+ name="button"
61
+ class="btn btn-link"
62
+ :disabled="$parent.$parent.mark === 1 || row.f_charge_status === '作废' || row.f_back_state==='已退费'"
63
+ @click="$parent.$parent.showBackdModal(row)"
64
+ >退费</button>
65
+ <button
66
+ type="button"
67
+ name="button"
68
+ class="btn btn-link"
69
+ @click="$parent.$parent.showPrintModal(row)"
70
+ >打印预览</button>
71
+ </nobr>
72
+ </td>
73
+ <td style="text-align: center;">
74
+ <nobr>{{$index+1}}</nobr>
75
+ </td>
76
+ <td style="text-align: center;" v-if="selectdata.f_apply_type !== '开发商集体报建'">
77
+ <nobr>{{row.f_useraddres}}</nobr>
78
+ </td>
79
+ <td style="text-align: center;">
80
+ <nobr>{{row.f_charge_number}}</nobr>
81
+ </td>
82
+ <td style="text-align: center;">
83
+ <nobr>{{row.f_charge_money}}</nobr>
84
+ </td>
85
+ <td style="text-align: center;">
86
+ <nobr>{{row.f_amount_words}}</nobr>
87
+ </td>
88
+ <td style="text-align: center;">
89
+ <nobr>{{row.f_payment_term}}</nobr>
90
+ </td>
91
+ <td style="text-align: center;">
92
+ <nobr>{{row.f_payment_method}}</nobr>
93
+ </td>
94
+ <td style="text-align: center;">
95
+ <nobr>{{row.f_payer_name}}</nobr>
96
+ </td>
97
+ <td style="text-align: center;">
98
+ <nobr>{{row.f_payer_account}}</nobr>
99
+ </td>
100
+ <td style="text-align: center;">
101
+ <nobr>{{row.f_payer_number}}</nobr>
102
+ </td>
103
+ <td style="text-align: center;">
104
+ <nobr>{{row.f_charge_collectors}}</nobr>
105
+ </td>
106
+ <td style="text-align: center;">
107
+ <nobr>{{row.f_charge_date}}</nobr>
108
+ </td>
109
+ <td style="text-align: center;">
110
+ <nobr>{{row.f_actual_date}}</nobr>
111
+ </td>
112
+ <td style="text-align: center;">
113
+ <nobr>{{row.f_charge_remarks}}</nobr>
114
+ </td>
115
+ <td style="text-align: center;">
116
+ <nobr>{{row.f_charge_status}}</nobr>
117
+ </td>
118
+ <td style="text-align: center;">
119
+ <nobr>{{row.f_void_staff}}</nobr>
120
+ </td>
121
+ <td style="text-align: center;">
122
+ <nobr>{{row.f_void_date}}</nobr>
123
+ </td>
124
+ <td style="text-align: center;">
125
+ <nobr>{{row.f_void_remarks}}</nobr>
126
+ </td>
127
+ <td style="text-align: center;">
128
+ <nobr>{{row.f_confirm_person}}</nobr>
129
+ </td>
130
+ <td style="text-align: center;">
131
+ <nobr>{{row.f_confirm_date}}</nobr>
132
+ </td>
133
+ <td style="text-align: center;">
134
+ <nobr>{{row.f_auditor_person}}</nobr>
135
+ </td>
136
+ <td style="text-align: center;">
137
+ <nobr>{{row.f_auditor_date}}</nobr>
138
+ </td>
139
+ </tr>
140
+ </template>
141
+ </data-grid>
142
+
143
+ <validator name="v">
144
+ <modal v-if="showCharge" :show.sync="showCharge" v-ref:modal :large="true" :backdrop="false" title="收费明细">
145
+ <header slot="modal-header" class="modal-header">
146
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
147
+ <h4 class="modal-title">收费明细</h4>
148
+ </header>
149
+ <article slot="modal-body" class="modal-body clearfix">
150
+ <div class="form-group col-sm-12" v-if="false" :class="[$v.useraddres.required ? 'has-error' : '']">
151
+ <label class="col-sm-2 control-label">缴费地址：</label>
152
+ <div class="col-sm-10">
153
+ <input type="text" v-show="false" v-model="charge.useraddres.id" v-validate:useraddres = "['required']" >
154
+ <input-select width="100%" class="select select_list" placeholder='请选择'
155
+ v-model="charge.useraddres"
156
+ :value.sync="charge.useraddres"
157
+ :options='useraddresList'
158
+ :value-single="true"
159
+ @change="selectAddres()"
160
+ close-on-select ></input-select>
161
+ </div>
162
+ </div>
163
+ <div v-for="(i, item) in charge.charges" class="form-group col-sm-12 panel panel-info">
164
+ <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
165
+ <div class="col-sm-6 text-left">收费项目{{$index+1}}信息</div>
166
+ <div class="col-sm-6 text-right"><button
167
+ class="button_delete button_spacing"
168
+ v-if="!item.f_userfiles_id"
169
+ @click.prevent="deleteUserFile(i)"
170
+ >删除</button></div>
171
+ </div>
172
+ <div class="form-group col-sm-12" :class="[$v.item.f_payment_term.required ? 'has-error' : '']">
173
+ <label class="col-sm-2 control-label">收费项目：</label>
174
+ <div class="col-sm-10">
175
+ <input type="text" v-show="false" v-model="item.f_payment_term" v-validate:f_payment_term = "['required']" >
176
+ <input-select width="100%" class="select select_list" placeholder='请选择'
177
+ v-model="item.f_payment_term"
178
+ :value.sync="item.f_payment_term"
179
+ :options='paymentTerm'
180
+ :value-single="true"
181
+ close-on-select ></input-select>
182
+ </div>
183
+ </div>
184
+ <div class="form-group col-sm-12" :class="[$v.item.f_charge_money.required ? 'has-error' : '']">
185
+ <label class="col-sm-2 control-label">收费金额：</label>
186
+ <div class="col-sm-10">
187
+ <input type="text"
188
+ class="form-control input_view"
189
+ style="width: 100%"
190
+ placeholder="0.00"
191
+ @change="moneyChange(i)"
192
+ v-validate:f_charge_money = "['required']"
193
+ v-model="item.f_charge_money" />
194
+ </div>
195
+ </div>
196
+ <div class="form-group col-sm-12" :class="[$v.item.f_payment_method.required ? 'has-error' : '']">
197
+ <label class="col-sm-2 control-label">付款方式：</label>
198
+ <div class="col-sm-10">
199
+ <input type="text" v-show="false" v-model="item.f_payment_method" v-validate:f_payment_method = "['required']" >
200
+ <input-select
201
+ placeholder='请选择' width="100%"
202
+ v-model="item.f_payment_method"
203
+ :value.sync="item.f_payment_method"
204
+ :options='paymentMethod'
205
+ class="select select_list"
206
+ :value-single="true"
207
+ @change="changePaymentMethod()"
208
+ close-on-select ></input-select>
209
+ </div>
210
+ </div>
211
+ <div class="form-group col-sm-12">
212
+ <label class="col-sm-2 control-label">金额大写：</label>
213
+ <div class="col-sm-10">
214
+ <input type="text"
215
+ class="form-control input_view"
216
+ style="width: 100%"
217
+ :value="smalltoBIG(0)"
218
+ readonly
219
+ v-model.sync="item.f_amount_words" />
220
+ </div>
221
+ </div>
222
+ <div class="form-group col-sm-12">
223
+ <label class="col-sm-2 control-label">备注：</label>
224
+ <div class="col-sm-10">
225
+ <input type="text"
226
+ class="form-control input_view"
227
+ style="width: 100%"
228
+ v-model="item.f_charge_remarks" />
229
+ </div>
230
+ </div>
231
+ <div class="form-group col-sm-12">
232
+ <label class="col-sm-2 control-label">实际收款时间：</label>
233
+ <div class="col-sm-10">
234
+ <datepicker id="startDate" placeholder="实际收款时间"
235
+ style="width: 60%!important;"
236
+ v-model="item.f_actual_date"
237
+ :value.sync="item.f_actual_date"
238
+ :format="'yyyy-MM-dd HH:mm:ss'"
239
+ :show-reset-button="true"
240
+ >
241
+ </datepicker>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ <div class="form-group col-sm-12">
246
+ <label class="col-sm-2 control-label">应交总金额：</label>
247
+ <div class="col-sm-10">
248
+ <input type="text"
249
+ class="form-control input_view"
250
+ style="width: 100%"
251
+ readonly
252
+ v-model="selectdata.f_due_money" />
253
+ </div>
254
+ </div>
255
+ <div class="form-group col-sm-12">
256
+ <label class="col-sm-2 control-label">累计缴费总金额：</label>
257
+ <div class="col-sm-10">
258
+ <input type="text"
259
+ class="form-control input_view"
260
+ style="width: 100%"
261
+ readonly
262
+ v-model="selectdata.f_cumulative_payment_money" />
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_surplus_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-select width="100%" class="select select_list" placeholder='请选择'
279
+ v-model="charge.defname"
280
+ :value.sync="charge.defname"
281
+ :options='defnames'
282
+ :value-single="true"
283
+ close-on-select ></input-select>
284
+ </div>
285
+ </div>
286
+
287
+ </article>
288
+ <footer slot="modal-footer" class="modal-footer">
289
+ <button type="button" class="btn btn-primary" @click="addcharges" >添加收费项目</button>
290
+ <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="saveCharge()">新增收费</button>
291
+ </footer>
292
+ </modal>
293
+ </validator>
294
+
295
+ <modal v-if="showInvalid" :show.sync="showInvalid" v-ref:modal :backdrop="false" title="作废收费">
296
+ <header slot="modal-header" class="modal-header">
297
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
298
+ <h4 class="modal-title">作废收费</h4>
299
+ </header>
300
+ <article slot="modal-body" class="modal-body clearfix">
301
+ <div class="form-group col-sm-12" v-if="false">
302
+ <label class="col-sm-2 control-label">缴费地址：</label>
303
+ <div class="col-sm-10">
304
+ <input type="text"
305
+ class="form-control input_view"
306
+ style="width: 100%"
307
+ readonly
308
+ v-model="charge.f_useraddres" />
309
+ </div>
310
+ </div>
311
+ <div class="form-group col-sm-12">
312
+ <label class="col-sm-2 control-label">收费金额：</label>
313
+ <div class="col-sm-10">
314
+ <input type="text"
315
+ class="form-control input_view"
316
+ style="width: 100%"
317
+ readonly
318
+ v-model="charge.f_charge_money" />
319
+ </div>
320
+ </div>
321
+ <div class="form-group col-sm-12">
322
+ <label class="col-sm-2 control-label">付款方式：</label>
323
+ <div class="col-sm-10">
324
+ <input type="text"
325
+ class="form-control input_view"
326
+ style="width: 100%"
327
+ readonly
328
+ v-model="charge.f_payment_method" />
329
+ </div>
330
+ </div>
331
+ <div class="form-group col-sm-12">
332
+ <label class="col-sm-2 control-label">金额大写：</label>
333
+ <div class="col-sm-10">
334
+ <input type="text"
335
+ class="form-control input_view"
336
+ style="width: 100%"
337
+ readonly
338
+ v-model="charge.f_amount_words" />
339
+ </div>
340
+ </div>
341
+ <div class="form-group col-sm-12">
342
+ <label class="col-sm-2 control-label">收费人员：</label>
343
+ <div class="col-sm-10">
344
+ <input type="text"
345
+ class="form-control input_view"
346
+ style="width: 100%"
347
+ readonly
348
+ v-model="charge.f_charge_collectors" />
349
+ </div>
350
+ </div>
351
+ <div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
352
+ <label class="col-sm-2 control-label">作废原因：</label>
353
+ <div class="col-sm-10">
354
+ <input type="text"
355
+ class="form-control input_view"
356
+ style="width: 100%"
357
+ v-model="charge.f_void_remarks" />
358
+ </div>
359
+ </div>
360
+ </article>
361
+ <footer slot="modal-footer" class="modal-footer">
362
+ <button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="invalidApplyCharge()">确认作废</button>
363
+ </footer>
364
+ </modal>
365
+ <modal v-if="showConfirm" :show.sync="showConfirm" v-ref:modal :backdrop="false" title="确认收款">
366
+ <header slot="modal-header" class="modal-header">
367
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
368
+ <h4 class="modal-title">确认收款</h4>
369
+ </header>
370
+ <article slot="modal-body" class="modal-body clearfix">
371
+ <div class="form-group col-sm-12" v-if="false">
372
+ <label class="col-sm-2 control-label">缴费地址：</label>
373
+ <div class="col-sm-10">
374
+ <input type="text"
375
+ class="form-control input_view"
376
+ style="width: 100%"
377
+ readonly
378
+ v-model="charge.f_useraddres" />
379
+ </div>
380
+ </div>
381
+ <div class="form-group col-sm-12">
382
+ <label class="col-sm-2 control-label">收费金额：</label>
383
+ <div class="col-sm-10">
384
+ <input type="text"
385
+ class="form-control input_view"
386
+ style="width: 100%"
387
+ readonly
388
+ v-model="charge.f_charge_money" />
389
+ </div>
390
+ </div>
391
+ <div class="form-group col-sm-12">
392
+ <label class="col-sm-2 control-label">付款方式：</label>
393
+ <div class="col-sm-10">
394
+ <input type="text"
395
+ class="form-control input_view"
396
+ style="width: 100%"
397
+ readonly
398
+ v-model="charge.f_payment_method" />
399
+ </div>
400
+ </div>
401
+ <div class="form-group col-sm-12">
402
+ <label class="col-sm-2 control-label">金额大写：</label>
403
+ <div class="col-sm-10">
404
+ <input type="text"
405
+ class="form-control input_view"
406
+ style="width: 100%"
407
+ readonly
408
+ v-model="charge.f_amount_words" />
409
+ </div>
410
+ </div>
411
+ <div class="form-group col-sm-12">
412
+ <label class="col-sm-2 control-label">收费人员：</label>
413
+ <div class="col-sm-10">
414
+ <input type="text"
415
+ class="form-control input_view"
416
+ style="width: 100%"
417
+ readonly
418
+ v-model="charge.f_charge_collectors" />
419
+ </div>
420
+ </div>
421
+ <div class="form-group col-sm-12">
422
+ <label class="col-sm-2 control-label">确认人：</label>
423
+ <div class="col-sm-10">
424
+ <input type="text"
425
+ class="form-control input_view"
426
+ style="width: 100%"
427
+ v-model="charge.f_confirm_person" />
428
+ </div>
429
+ </div>
430
+ <div class="form-group col-sm-12">
431
+ <label class="col-sm-2 control-label">确认时间：</label>
432
+ <div class="col-sm-10">
433
+ <datepicker id="startDate" placeholder="确认时间"
434
+ style="width: 60%!important;"
435
+ v-model="charge.f_confirm_date"
436
+ :value.sync="charge.f_confirm_date"
437
+ :default="true"
438
+ :format="'yyyy-MM-dd HH:mm:ss'"
439
+ :show-reset-button="true"
440
+ >
441
+ </datepicker>
442
+ </div>
443
+ </div>
444
+ <div class="form-group col-sm-12">
445
+ <label class="col-sm-2 control-label">备注：</label>
446
+ <div class="col-sm-10">
447
+ <input type="text"
448
+ class="form-control input_view"
449
+ style="width: 100%"
450
+ v-model="charge.f_charge_remarks" />
451
+ </div>
452
+ </div>
453
+ </article>
454
+ <footer slot="modal-footer" class="modal-footer">
455
+ <button type="button" class="btn btn-primary" @click="ConfirmPayment()">确认收款</button>
456
+ </footer>
457
+ </modal>
458
+ <!-- <modal v-if="showauditor" :show.sync="showauditor" v-ref:modal :backdrop="false" title="确认审核">
459
+ <header slot="modal-header" class="modal-header">
460
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
461
+ <h4 class="modal-title">确认审核</h4>
462
+ </header>
463
+ <article slot="modal-body" class="modal-body clearfix">
464
+ <div class="form-group col-sm-12" v-if="false">
465
+ <label class="col-sm-2 control-label">缴费地址：</label>
466
+ <div class="col-sm-10">
467
+ <input type="text"
468
+ class="form-control input_view"
469
+ style="width: 100%"
470
+ readonly
471
+ v-model="charge.f_useraddres" />
472
+ </div>
473
+ </div>
474
+ <div class="form-group col-sm-12">
475
+ <label class="col-sm-2 control-label">收费金额：</label>
476
+ <div class="col-sm-10">
477
+ <input type="text"
478
+ class="form-control input_view"
479
+ style="width: 100%"
480
+ readonly
481
+ v-model="charge.f_charge_money" />
482
+ </div>
483
+ </div>
484
+ <div class="form-group col-sm-12">
485
+ <label class="col-sm-2 control-label">付款方式：</label>
486
+ <div class="col-sm-10">
487
+ <input type="text"
488
+ class="form-control input_view"
489
+ style="width: 100%"
490
+ readonly
491
+ v-model="charge.f_payment_method" />
492
+ </div>
493
+ </div>
494
+ <div class="form-group col-sm-12">
495
+ <label class="col-sm-2 control-label">金额大写：</label>
496
+ <div class="col-sm-10">
497
+ <input type="text"
498
+ class="form-control input_view"
499
+ style="width: 100%"
500
+ readonly
501
+ v-model="charge.f_amount_words" />
502
+ </div>
503
+ </div>
504
+ <div class="form-group col-sm-12">
505
+ <label class="col-sm-2 control-label">收费人员：</label>
506
+ <div class="col-sm-10">
507
+ <input type="text"
508
+ class="form-control input_view"
509
+ style="width: 100%"
510
+ readonly
511
+ v-model="charge.f_charge_collectors" />
512
+ </div>
513
+ </div>
514
+ <div class="form-group col-sm-12">
515
+ <label class="col-sm-2 control-label">确认人：</label>
516
+ <div class="col-sm-10">
517
+ <input type="text"
518
+ class="form-control input_view"
519
+ style="width: 100%"
520
+ readonly
521
+ v-model="charge.f_confirm_person" />
522
+ </div>
523
+ </div>
524
+ <div class="form-group col-sm-12">
525
+ <label class="col-sm-2 control-label">确认时间：</label>
526
+ <div class="col-sm-10">
527
+ <datepicker id="startDate" placeholder="确认时间"
528
+ style="width: 60%!important;"
529
+ v-model="charge.f_confirm_date"
530
+ :value.sync="charge.f_confirm_date"
531
+ readonly
532
+ disabled
533
+ :format="'yyyy-MM-dd HH:mm:ss'"
534
+ :show-reset-button="true"
535
+ >
536
+ </datepicker>
537
+ </div>
538
+ </div>
539
+ <div class="form-group col-sm-12">
540
+ <label class="col-sm-2 control-label">审核人：</label>
541
+ <div class="col-sm-10">
542
+ <input type="text"
543
+ class="form-control input_view"
544
+ style="width: 100%"
545
+ v-model="charge.f_auditor_person" />
546
+ </div>
547
+ </div>
548
+ <div class="form-group col-sm-12">
549
+ <label class="col-sm-2 control-label">审核时间：</label>
550
+ <div class="col-sm-10">
551
+ <datepicker id="startDate" placeholder="确认时间"
552
+ style="width: 60%!important;"
553
+ v-model="charge.f_auditor_date"
554
+ :value.sync="charge.f_auditor_date"
555
+ :default="true"
556
+ :format="'yyyy-MM-dd HH:mm:ss'"
557
+ :show-reset-button="true"
558
+ >
559
+ </datepicker>
560
+ </div>
561
+ </div>
562
+ <div class="form-group col-sm-12">
563
+ <label class="col-sm-2 control-label">备注：</label>
564
+ <div class="col-sm-10">
565
+ <input type="text"
566
+ class="form-control input_view"
567
+ style="width: 100%"
568
+ v-model="charge.f_charge_remarks" />
569
+ </div>
570
+ </div>
571
+ </article>
572
+ <footer slot="modal-footer" class="modal-footer">
573
+ <button type="button" class="btn btn-primary" @click="ConfirmPayment()">确认收款</button>
574
+ </footer>
575
+ </modal>-->
576
+ <modal v-if="showPrint" :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
577
+ <header slot="modal-header" class="modal-header">
578
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
579
+ <h4 class="modal-title">打印预览</h4>
580
+ </header>
581
+ <article slot="modal-body" class="modal-body clearfix">
582
+ <apply-print-chargepc :selectdata="selectdata" :charge="charge" v-ref:print></apply-print-chargepc>
583
+ </article>
584
+ <footer slot="modal-footer" class="modal-footer">
585
+ <button type="button" class="btn btn-primary" @click="print()">打印</button>
586
+ </footer>
587
+ </modal>
588
+ <modal v-if="showback" :show.sync="showback" v-ref:modal :backdrop="false" title="收费退费">
589
+ <header slot="modal-header" class="modal-header">
590
+ <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
591
+ <h4 class="modal-title">收费退费</h4>
592
+ </header>
593
+ <article slot="modal-body" class="modal-body clearfix">
594
+ <div class="form-group col-sm-12" v-if="false">
595
+ <label class="col-sm-2 control-label">缴费地址：</label>
596
+ <div class="col-sm-10">
597
+ <input type="text"
598
+ class="form-control input_view"
599
+ style="width: 100%"
600
+ readonly
601
+ v-model="charge.f_useraddres" />
602
+ </div>
603
+ </div>
604
+ <div class="form-group col-sm-12">
605
+ <label class="col-sm-2 control-label">收费金额：</label>
606
+ <div class="col-sm-10">
607
+ <input type="text"
608
+ class="form-control input_view"
609
+ style="width: 100%"
610
+ readonly
611
+ v-model="charge.f_charge_money" />
612
+ </div>
613
+ </div>
614
+ <div class="form-group col-sm-12">
615
+ <label class="col-sm-2 control-label">付款方式：</label>
616
+ <div class="col-sm-10">
617
+ <input type="text"
618
+ class="form-control input_view"
619
+ style="width: 100%"
620
+ readonly
621
+ v-model="charge.f_payment_method" />
622
+ </div>
623
+ </div>
624
+ <div class="form-group col-sm-12">
625
+ <label class="col-sm-2 control-label">金额大写：</label>
626
+ <div class="col-sm-10">
627
+ <input type="text"
628
+ class="form-control input_view"
629
+ style="width: 100%"
630
+ readonly
631
+ v-model="charge.f_amount_words" />
632
+ </div>
633
+ </div>
634
+ <div class="form-group col-sm-12">
635
+ <label class="col-sm-2 control-label">收费人员：</label>
636
+ <div class="col-sm-10">
637
+ <input type="text"
638
+ class="form-control input_view"
639
+ style="width: 100%"
640
+ readonly
641
+ v-model="charge.f_charge_collectors" />
642
+ </div>
643
+ </div>
644
+ <div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
645
+ <label class="col-sm-2 control-label">退费原因：</label>
646
+ <div class="col-sm-10">
647
+ <input type="text"
648
+ class="form-control input_view"
649
+ style="width: 100%"
650
+ v-model="charge.f_void_remarks" />
651
+ </div>
652
+ </div>
653
+ </article>
654
+ <footer slot="modal-footer" class="modal-footer">
655
+ <button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="backApplyCharge()">确认退费</button>
656
+ </footer>
657
+ </modal>
658
+ </div>
659
+ </template>
660
+ <script>
661
+ import {getNowDate,isEmpty} from '../../../components/Util'
662
+ import {PagedList} from 'vue-client'
663
+ import {HttpResetClass} from 'vue-client'
664
+ import Vue from 'vue'
665
+
666
+ export default {
667
+ title: '收费管理',
668
+ props: {
669
+ selectdata: {
670
+ type: Object
671
+ },
672
+ mark: {
673
+ type: Number,
674
+ default: 0
675
+ }
676
+ },
677
+ data () {
678
+ return {
679
+ showback: false,
680
+ showCharge: false, // 收费明细
681
+ showInvalid: false, // 作废
682
+ showPrint: false, // 打印
683
+ showConfirm: false, // 确认收款
684
+ showauditor: false, // 确认审核
685
+ person:this.$login.f.name,
686
+ model: {
687
+ data: null
688
+ }, // 记录
689
+ useraddresList: [], // 地址列表
690
+ charge: {
691
+ charges:[]
692
+ },
693
+ defnames: this.$appdata.getParam(this.selectdata.f_apply_type + '付款预设')
694
+ }
695
+ },
696
+ ready () {
697
+ this.search()
698
+ },
699
+ methods: {
700
+ addcharges(){
701
+ this.charge.charges.push({})
702
+ },
703
+ deleteUserFile (index) {
704
+ this.charge.charges.splice(index, 1)
705
+ },
706
+ async payerNumberChange () {
707
+ if (isEmpty(this.charge.f_payer_number)) {
708
+ return
709
+ }
710
+ let http = new HttpResetClass()
711
+ let data = {
712
+ tablename: 't_charge_record',
713
+ condition: `f_payer_number = '${this.charge.f_payer_number}'`
714
+ }
715
+ let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
716
+ resolveMsg: null,
717
+ rejectMsg: '流水号查询失败！！！'
718
+ })
719
+ if (res.data.length > 0) {
720
+ this.$showAlert('该流水号已经使用！！！', 'warning', 3000)
721
+ return
722
+ }
723
+ },
724
+ print () {
725
+ this.$refs.print.$refs.print.PrintTable()
726
+ },
727
+ showPrintModal(row) {
728
+ this.charge = row
729
+ this.showPrint = true
730
+ },
731
+ selectAddres () {
732
+ if (this.charge.useraddres) {
733
+ this.charge.f_cumulative_payment_money = this.charge.useraddres.f_cumulative_payment_money
734
+ this.charge.f_outstanding_amount = this.selectdata.f_price - this.charge.useraddres.f_cumulative_payment_money
735
+ } else {
736
+ this.charge.f_cumulative_payment_money = 0
737
+ this.charge.f_outstanding_amount = this.selectdata.f_price
738
+ }
739
+ },
740
+ async backApplyCharge() {
741
+ let http = new HttpResetClass()
742
+ let data = {
743
+ apply: this.selectdata,
744
+ user: this.$login.f,
745
+ charge: this.charge
746
+ }
747
+ let res = await http.load('POST', 'rs/logic/backApplyCharge', {data: data}, {
748
+ resolveMsg: null,
749
+ rejectMsg: '退费失败！！！'
750
+ })
751
+ this.selectdata = res.data
752
+ this.$dispatch('breakControl', this.selectdata)
753
+ },
754
+ async invalidApplyCharge() {
755
+
756
+ let http = new HttpResetClass()
757
+ let data = {
758
+ apply: this.selectdata,
759
+ user: this.$login.f,
760
+ charge: this.charge
761
+ }
762
+ let res = await http.load('POST', 'rs/logic/invalidApplyCharge', {data:data}, {
763
+ resolveMsg: null,
764
+ rejectMsg: '作废失败！！！'
765
+ })
766
+ this.selectdata = res.data
767
+
768
+ this.$dispatch('breakControl', this.selectdata)
769
+ },
770
+ async ConfirmPayment() {
771
+ let http = new HttpResetClass()
772
+ let data = {
773
+ apply: this.selectdata,
774
+ user: this.$login.f,
775
+ charge: this.charge
776
+ }
777
+ let res = await http.load('POST', 'rs/logic/confirmCharge', {data: data}, {
778
+ resolveMsg: null,
779
+ rejectMsg: '提交失败！！！'
780
+ })
781
+ if(res.data==200){
782
+ this.$showAlert('提交成功！！！', 'success', 3000)
783
+ //延时1s
784
+ setTimeout(() => {
785
+ this.showConfirm= false
786
+ this.showauditor= false
787
+ }, 1000)
788
+ }
789
+ //重新查询
790
+ this.search()
791
+ if (
792
+ (this.selectdata.defname == '合同审批' && !isEmpty(this.selectdata.f_is_have) ) ||
793
+ (this.selectdata.defname == '方案设计' && !isEmpty(this.selectdata.f_designer_people) ) ||
794
+ (this.selectdata.defname == '方案审批' && !isEmpty(this.selectdata.f_position)) ||
795
+ (this.selectdata.defname == '工程审批' && !isEmpty(this.selectdata.f_survey_opinion)) ||
796
+ (this.selectdata.defname == '工程派工' && !isEmpty(this.selectdata.f_budget_peoples)) ||
797
+ (this.selectdata.defname == '工程验收' && !isEmpty(this.selectdata.f_acceptor)) ||
798
+ (this.selectdata.defname == '验收审批' && !isEmpty(this.selectdata.f_prospecting_result)) ||
799
+ (this.selectdata.defname == '工程决算' && !isEmpty(this.selectdata.f_price_other)) ||
800
+ (this.selectdata.defname == '收费确认' )
801
+ ){
802
+ this.getbutton()
803
+ }
804
+ },
805
+ async getbutton(){
806
+ var defname = this.selectdata.defname
807
+ var processId = this.selectdata.f_process_id
808
+ let data = {
809
+ condition: `tc.f_process_id = '${processId}' and tc.defname = '${defname}'`
810
+ }
811
+ let http = new HttpResetClass()
812
+ let res = await http.load(
813
+ 'POST',
814
+ `rs/sql/getPaymentRatio`,
815
+ {data: data},
816
+ {resolveMsg: null, rejectMsg: '查询失败！！！'}
817
+ )
818
+ if(res.data.length!==0){
819
+ var f_due_money= res.data[0].f_due_money
820
+ var cumulative= res.data[0].f_charge_money
821
+ if (Number(f_due_money) == Number(cumulative)) {
822
+ let flag = true
823
+ let res1 = await http.load(
824
+ 'POST',
825
+ `rs/sql/getfeeconfirmation`,
826
+ {data: data},
827
+ {resolveMsg: null, rejectMsg: '查询失败！！！'}
828
+ )
829
+ for (let i =0;i<res1.data.length;i++){
830
+ if (isEmpty(res1.data[i].f_confirm_person)){
831
+ flag = false
832
+ }
833
+ }
834
+ if (flag){
835
+ let show_data = this.selectdata
836
+ show_data.user = this.$login.f
837
+ show_data.start_activity ='报装申请'
838
+ show_data.xmlfilename =this.selectdata.f_apply_type
839
+ show_data.button = {button_name:'提交'}
840
+ await this.$resetpost(
841
+ `rs/logic/ApplyProductService`,
842
+ {data: show_data},
843
+ {resolveMsg: null, rejectMsg: '数据保存失败'}
844
+ )
845
+ }
846
+ }
847
+ }
848
+ },
849
+ // 打开作废收费
850
+ showInvalidModal(row) {
851
+ this.charge = row
852
+ this.showInvalid = true
853
+ },
854
+ showBackdModal(row) {
855
+ this.charge = row
856
+ this.showback= true
857
+ },
858
+ showConfirmModal(row,type){
859
+ this.charge = row
860
+ if (type == '确认收款'){
861
+ this.charge.f_confirm_person=this.person
862
+ this.showConfirm= true
863
+ }
864
+ if (type == '确认审核'){
865
+ this.charge.f_auditor_person=this.person
866
+ this.showauditor= true
867
+ }
868
+ },
869
+ // 新增收费
870
+ async saveCharge() {
871
+ if(this.charge.charges.length <= 0){
872
+ return this.$showMessage('收费项目不能为空，请添加收费项目！！')
873
+ }
874
+ if(isEmpty(this.charge.defname )){
875
+ return this.$showMessage('收费环节不能为空！！')
876
+ }
877
+ let http = new HttpResetClass()
878
+ let data = {
879
+ apply: this.selectdata,
880
+ user: this.$login.f,
881
+ charge: this.charge
882
+ }
883
+
884
+ let res = await http.load('POST', 'rs/logic/addApplyChargeRecord', {data:data}, {
885
+ resolveMsg: null,
886
+ rejectMsg: '缴费失败！！！'
887
+ })
888
+ this.selectdata = res.data
889
+
890
+ this.$dispatch('breakControl', this.selectdata)
891
+ },
892
+ moneyChange (i) {
893
+ if (isEmpty(this.charge.charges[i].f_charge_money) || Number(this.charge.charges[i].f_charge_money) === 0) {
894
+ this.$showAlert('单笔收费不能为0元！！！', 'warning', 3000)
895
+ this.charge.charges[i].f_charge_money = null
896
+ return
897
+ }
898
+ if (this.selectdata.f_apply_type === '散户集体报建' && Number(this.charge.charges[i].f_charge_money) > Number(this.charge.charges[i].f_outstanding_amount)) {
899
+ this.$showAlert('单笔收费不能超过未交金额！！！', 'warning', 3000)
900
+ this.charge.charges[i].f_charge_money = null
901
+ return
902
+ }
903
+ if (Number(this.charge.charges[i].f_charge_money) > Number(this.selectdata.f_surplus_money)) {
904
+ this.$showAlert('单笔收费不能超过未交总金额！！！', 'warning', 3000)
905
+ this.charge.charges[i].f_charge_money = null
906
+ return
907
+ }
908
+ this.charge.charges[i].f_charge_money = (this.charge.charges[i].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
909
+ this.charge.charges[i].f_amount_words = this.smalltoBIG(this.charge.charges[i].f_charge_money)
910
+ },
911
+ // 金额转大写
912
+ handleInput(e) {
913
+ // 通过正则过滤小数点后两位
914
+ e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
915
+ this.charge.f_amount_words = this.smalltoBIG(e.target.value)
916
+ },
917
+ // 金额转大写
918
+ smalltoBIG(n) {
919
+ let fraction = ['角', '分'];
920
+ let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
921
+ let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
922
+ let head = n < 0 ? '欠' : '';
923
+ n = Math.abs(n);
924
+
925
+ let s = '';
926
+
927
+ for (var i = 0; i < fraction.length; i++) {
928
+ s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
929
+ }
930
+ s = s || '整';
931
+ n = Math.floor(n);
932
+
933
+ for (var i = 0; i < unit[0].length && n > 0; i++) {
934
+ let p = '';
935
+ for (var j = 0; j < unit[1].length && n > 0; j++) {
936
+ p = digit[n % 10] + unit[1][j] + p;
937
+ n = Math.floor(n / 10);
938
+ }
939
+ s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
940
+ }
941
+ return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
942
+ },
943
+ async changePaymentMethod () {
944
+ if (this.charge.f_payment_method === '银行转账' && this.selectdata.f_apply_type === '团购报建') {
945
+ let http = new HttpResetClass()
946
+ let data = {
947
+ tablename: 't_dev_info',
948
+ condition: `f_orgid = '${this.$login.f.orgid}' and id = '${this.selectdata.f_dev_id}'`
949
+ }
950
+ let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
951
+ resolveMsg: null,
952
+ rejectMsg: '开发商档案查询失败！！！'
953
+ })
954
+
955
+ this.charge.f_payer_name = res.data[0].f_dev_name
956
+ this.charge.f_payer_account = res.data[0].f_bank_account
957
+ }
958
+ },
959
+ async getUserAddress() {
960
+ let http = new HttpResetClass()
961
+ let data = {}
962
+ let url = null
963
+ if (this.selectdata.f_apply_type === '改管报建' || this.selectdata.f_apply_type === '增容报建' || this.selectdata.f_apply_type === '报警器报建' || this.selectdata.f_apply_type === '工商业报警器报建') {
964
+ data = {
965
+ condition: `ui.f_userinfo_id = ${this.selectdata.f_userinfo_id}`
966
+ }
967
+ url = 'rs/sql/applyGetUserinfos'
968
+ } else {
969
+ data = {
970
+ condition: this.selectdata.f_apply_type === '散户集体报建' ? `nvl(cr.f_cumulative_payment_money, 0) < ${this.selectdata.f_price}` : '1=1',
971
+ f_process_id: this.selectdata.f_process_id
972
+ }
973
+ url = 'rs/sql/getAddresAndCumulativePayment'
974
+ }
975
+ let res = await http.load('POST', url, {data:data}, {
976
+ resolveMsg: null,
977
+ rejectMsg: '用户获取失败！！！'
978
+ })
979
+
980
+ if (res.data.length <= 0) {
981
+ this.$showAlert('暂无需要缴费用户！！！', 'warning', 3000)
982
+ }
983
+
984
+ this.useraddresList = res.data.map(item => {
985
+ return {
986
+ // 有用户姓名地址后拼接姓名
987
+ label: `${item.f_address} ${isEmpty(item.f_user_name) ? '' : '--- ' + item.f_user_name}`,
988
+ value: item
989
+ }
990
+ })
991
+
992
+ },
993
+ async showChargeModal() {
994
+ // this.getUserAddress()
995
+
996
+ if (this.selectdata.f_apply_type === '团购报建') {
997
+ this.charge.f_dev_info_id = this.selectdata.f_dev_id
998
+ }
999
+
1000
+ this.showCharge = true
1001
+ },
1002
+ async search () {
1003
+ let http = new HttpResetClass()
1004
+ let data = {
1005
+ // condition: `cr.f_charge_status != '退款'`,
1006
+ f_process_id: this.selectdata.f_process_id
1007
+ }
1008
+ if (this.selectdata.f_apply_type === '启封通气' && this.selectdata.f_apply_type !== '线下发起'){
1009
+ data = {
1010
+ f_process_id: this.selectdata.f_parent_process_id
1011
+ }
1012
+ }
1013
+ let res = await http.load('POST', 'rs/sql/getApplyChargeRecord', {data:data}, {
1014
+ resolveMsg: null,
1015
+ rejectMsg: '收费记录查询失败！！！'
1016
+ })
1017
+ this.model.data = res.data
1018
+ },
1019
+ // 关闭对话框
1020
+ closeModal() {
1021
+ this.showback = false
1022
+ this.showCharge = false
1023
+ this.showInvalid = false
1024
+ this.showPrint = false
1025
+ this.showConfirm = false
1026
+ this.showauditor = false
1027
+ this.charge = {
1028
+ charges:[]
1029
+ }
1030
+ this.search()
1031
+ }
1032
+ },
1033
+ events: {
1034
+ },
1035
+ computed: {
1036
+ paymentMethod() {
1037
+ return this.$appdata.getParam("付款方式")
1038
+ },
1039
+ paymentTerm() {
1040
+ return this.$appdata.getParam("收费项目")
1041
+ }
1042
+ },
1043
+ watch: {
1044
+ }
1045
+ }
1046
+ </script>
1047
+ <style scoped>
1048
+ .textNoLineBreak {
1049
+ white-space: nowrap;
1050
+ }
1051
+ .head-but{
1052
+ margin-left: 5px;
1053
+ height: 34px;
1054
+ /*background-color: #6aa6e2;*/
1055
+ border-radius: 4px;
1056
+ font-family: PingFang;
1057
+ color: #ffffff;
1058
+ }
1059
+ </style>