apply-clients 3.5.4-97 → 3.5.4-98

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