apply-clients 3.5.5-4 → 3.5.5-40

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