apply-clients 3.5.6-2 → 3.5.6-22

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 (55) hide show
  1. package/build/dev-server.js +5 -5
  2. package/package.json +1 -1
  3. package/src/components/android/Process/AppServiceControl.vue +1760 -1760
  4. package/src/components/product/Function/Service/FunctionServiceControl.vue +497 -497
  5. package/src/components/product/Install/ContractCharge.vue +210 -210
  6. package/src/filiale/dingcheng/android/AppInstallationDetails.vue +0 -1
  7. package/src/filiale/dingcheng/pc/InstallationDetails.vue +0 -1
  8. package/src/filiale/fugou/android/AppAddMaterialScience.vue +444 -444
  9. package/src/filiale/fugou/android/AppAddReplacement.vue +512 -512
  10. package/src/filiale/fugou/android/AppDevicesManagement.vue +6 -11
  11. package/src/filiale/fugou/android/AppInstallationDetails.vue +32 -33
  12. package/src/filiale/fugou/android/AppZhihuanManagement.vue +242 -242
  13. package/src/filiale/fugou/pc/AddReplacement.vue +511 -511
  14. package/src/filiale/fugou/pc/ApplyChargeList.vue +554 -554
  15. package/src/filiale/fugou/pc/Applybatchdispatch.vue +754 -754
  16. package/src/filiale/fugou/pc/InstallationDetails.vue +646 -646
  17. package/src/filiale/fugou/pc/ServiceControl.vue +1741 -1732
  18. package/src/filiale/fugou/pc/addMaterialScience.vue +481 -481
  19. package/src/filiale/fugou/pc.js +19 -19
  20. package/src/filiale/gongyi/pc/addressAndUserinfoManagement.vue +187 -187
  21. package/src/filiale/gongyi/pc/chargeManagement.vue +2 -2
  22. package/src/filiale/gongyi/pc.js +25 -25
  23. package/src/filiale/hongda/pc/addMaterialScience.vue +723 -723
  24. package/src/filiale/jinhuang/android/AppAddMaterialScience.vue +635 -635
  25. package/src/filiale/jinhuang/android/AppServiceControl.vue +1842 -1842
  26. package/src/filiale/jinhuang/android.js +7 -7
  27. package/src/filiale/jinhuang/pc/Applybatchdispatch.vue +770 -0
  28. package/src/filiale/jinhuang/pc/ContractList.vue +5 -3
  29. package/src/filiale/jinhuang/pc/ExplorationSelect.vue +511 -511
  30. package/src/filiale/jinhuang/pc/ServiceControl.vue +1 -1
  31. package/src/filiale/jinhuang/pc/SupervisoryList.vue +19 -0
  32. package/src/filiale/jinhuang/pc/addMaterialScience.vue +638 -638
  33. package/src/filiale/jinhuang/pc.js +13 -12
  34. package/src/filiale/qianneng/pc/Applybatchdispatch.vue +786 -786
  35. package/src/filiale/qianneng/pc/ServiceControl.vue +1387 -1387
  36. package/src/filiale/ruihua/pc/ServiceControl.vue +1973 -1973
  37. package/src/filiale/shexian/android/AppServiceControl.vue +1786 -1769
  38. package/src/filiale/shexian/android/AppSign.vue +152 -152
  39. package/src/filiale/yangchunboneng/android/AppChargeManagement.vue +527 -527
  40. package/src/filiale/yangchunboneng/android/AppContractCharge.vue +222 -222
  41. package/src/filiale/yangchunboneng/android/AppInstallationMaterial.vue +1144 -1144
  42. package/src/filiale/yangchunboneng/android/AppOtherChargeList.vue +281 -0
  43. package/src/filiale/yangchunboneng/android/AppServiceControl.vue +1883 -1879
  44. package/src/filiale/yangchunboneng/android.js +22 -21
  45. package/src/filiale/yangchunboneng/pc/ApplyUpload.vue +392 -392
  46. package/src/filiale/yangchunboneng/pc/ExplorationSelect.vue +10 -0
  47. package/src/filiale/yangchunboneng/pc/InstallInfoSelect.vue +36 -1
  48. package/src/filiale/yangchunboneng/pc/ServiceControl.vue +2118 -2114
  49. package/src/filiale/yangchunboneng/pc/SupervisoryControl.vue +141 -141
  50. package/src/filiale/yangchunboneng/pc/SupervisoryList.vue +652 -617
  51. package/src/filiale/yangchunboneng/pc/buildOrderList.vue +421 -421
  52. package/src/filiale/yangchunboneng/pc/chargeManagement.vue +1060 -1057
  53. package/src/filiale/yangchunboneng/pc/printBuildOrder.vue +175 -175
  54. package/src/filiale/yangchunboneng/pc.js +29 -29
  55. package/src/main.js +3 -3
package/src/filiale/yangchunboneng/pc/chargeManagement.vue CHANGED
@@ -1,1057 +1,1060 @@
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
- if (((show_data.f_apply_type == '民用散户报建流程' || show_data.f_apply_type == '民用预留户报建流程') && show_data.defname == '工程审批') || this.show_data.defname === '工程决算'){
835
- show_data.button = {button_name:'跳过'}
836
- }else {
837
- show_data.button = {button_name:'提交'}
838
- }
839
- await this.$resetpost(
840
- `rs/logic/ApplyProductService`,
841
- {data: show_data},
842
- {resolveMsg: null, rejectMsg: '数据保存失败'}
843
- )
844
- }
845
- }
846
- },
847
- // 打开作废收费
848
- showInvalidModal(row) {
849
- this.charge = row
850
- this.showInvalid = true
851
- },
852
- showBackdModal(row) {
853
- this.charge = row
854
- this.showback= true
855
- },
856
- showConfirmModal(row,type){
857
- this.charge = row
858
- if (type == '确认收款'){
859
- this.charge.f_confirm_person=this.person
860
- this.showConfirm= true
861
- }
862
- if (type == '确认审核'){
863
- this.charge.f_auditor_person=this.person
864
- this.showauditor= true
865
- }
866
- },
867
- // 新增收费
868
- async saveCharge() {
869
- if(this.charge.charges.length <= 0){
870
- return this.$showMessage('收费项目不能为空，请添加收费项目！！')
871
- }
872
- if(isEmpty(this.charge.defname )){
873
- return this.$showMessage('收费环节不能为空！！')
874
- }
875
- let http = new HttpResetClass()
876
- let data = {
877
- apply: this.selectdata,
878
- user: this.$login.f,
879
- charge: this.charge
880
- }
881
-
882
- let res = await http.load('POST', 'rs/logic/addApplyChargeRecord', {data:data}, {
883
- resolveMsg: null,
884
- rejectMsg: '缴费失败！！！'
885
- })
886
- this.selectdata = res.data
887
-
888
- this.$dispatch('breakControl', this.selectdata)
889
- },
890
- moneyChange (i) {
891
- if (isEmpty(this.charge.charges[i].f_charge_money) || Number(this.charge.charges[i].f_charge_money) === 0) {
892
- this.$showAlert('单笔收费不能为0元！！！', 'warning', 3000)
893
- this.charge.charges[i].f_charge_money = null
894
- return
895
- }
896
- if (this.selectdata.f_apply_type === '散户集体报建' && Number(this.charge.charges[i].f_charge_money) > Number(this.charge.charges[i].f_outstanding_amount)) {
897
- this.$showAlert('单笔收费不能超过未交金额！！！', 'warning', 3000)
898
- this.charge.charges[i].f_charge_money = null
899
- return
900
- }
901
- if (Number(this.charge.charges[i].f_charge_money) > Number(this.selectdata.f_surplus_money)) {
902
- this.$showAlert('单笔收费不能超过未交总金额！！！', 'warning', 3000)
903
- this.charge.charges[i].f_charge_money = null
904
- return
905
- }
906
- this.charge.charges[i].f_charge_money = (this.charge.charges[i].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
907
- this.charge.charges[i].f_amount_words = this.smalltoBIG(this.charge.charges[i].f_charge_money)
908
- },
909
- // 金额转大写
910
- handleInput(e) {
911
- // 通过正则过滤小数点后两位
912
- e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
913
- this.charge.f_amount_words = this.smalltoBIG(e.target.value)
914
- },
915
- // 金额转大写
916
- smalltoBIG(n) {
917
- let fraction = ['角', '分'];
918
- let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
919
- let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
920
- let head = n < 0 ? '欠' : '';
921
- n = Math.abs(n);
922
-
923
- let s = '';
924
-
925
- for (var i = 0; i < fraction.length; i++) {
926
- s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
927
- }
928
- s = s || '整';
929
- n = Math.floor(n);
930
-
931
- for (var i = 0; i < unit[0].length && n > 0; i++) {
932
- let p = '';
933
- for (var j = 0; j < unit[1].length && n > 0; j++) {
934
- p = digit[n % 10] + unit[1][j] + p;
935
- n = Math.floor(n / 10);
936
- }
937
- s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
938
- }
939
- return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
940
- },
941
- async changePaymentMethod () {
942
- if (this.charge.f_payment_method === '银行转账' && this.selectdata.f_apply_type === '团购报建') {
943
- let http = new HttpResetClass()
944
- let data = {
945
- tablename: 't_dev_info',
946
- condition: `f_orgid = '${this.$login.f.orgid}' and id = '${this.selectdata.f_dev_id}'`
947
- }
948
- let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
949
- resolveMsg: null,
950
- rejectMsg: '开发商档案查询失败！！！'
951
- })
952
-
953
- this.charge.f_payer_name = res.data[0].f_dev_name
954
- this.charge.f_payer_account = res.data[0].f_bank_account
955
- }
956
- },
957
- async getUserAddress() {
958
- let http = new HttpResetClass()
959
- let data = {}
960
- let url = null
961
- if (this.selectdata.f_apply_type === '改管报建' || this.selectdata.f_apply_type === '增容报建' || this.selectdata.f_apply_type === '报警器报建' || this.selectdata.f_apply_type === '工商业报警器报建') {
962
- data = {
963
- condition: `ui.f_userinfo_id = ${this.selectdata.f_userinfo_id}`
964
- }
965
- url = 'rs/sql/applyGetUserinfos'
966
- } else {
967
- data = {
968
- condition: this.selectdata.f_apply_type === '散户集体报建' ? `nvl(cr.f_cumulative_payment_money, 0) < ${this.selectdata.f_price}` : '1=1',
969
- f_process_id: this.selectdata.f_process_id
970
- }
971
- url = 'rs/sql/getAddresAndCumulativePayment'
972
- }
973
- let res = await http.load('POST', url, {data:data}, {
974
- resolveMsg: null,
975
- rejectMsg: '用户获取失败！！！'
976
- })
977
-
978
- if (res.data.length <= 0) {
979
- this.$showAlert('暂无需要缴费用户！！！', 'warning', 3000)
980
- }
981
-
982
- this.useraddresList = res.data.map(item => {
983
- return {
984
- // 有用户姓名地址后拼接姓名
985
- label: `${item.f_address} ${isEmpty(item.f_user_name) ? '' : '--- ' + item.f_user_name}`,
986
- value: item
987
- }
988
- })
989
-
990
- },
991
- async showChargeModal() {
992
- // this.getUserAddress()
993
-
994
- if (this.selectdata.f_apply_type === '团购报建') {
995
- this.charge.f_dev_info_id = this.selectdata.f_dev_id
996
- }
997
-
998
- this.showCharge = true
999
- },
1000
- async search () {
1001
- let http = new HttpResetClass()
1002
- let data = {
1003
- // condition: `cr.f_charge_status != '退款'`,
1004
- f_process_id: this.selectdata.f_process_id
1005
- }
1006
- if (this.selectdata.f_apply_type === '启封通气' && this.selectdata.f_apply_type !== '线下发起'){
1007
- data = {
1008
- f_process_id: this.selectdata.f_parent_process_id
1009
- }
1010
- }
1011
- let res = await http.load('POST', 'rs/sql/getApplyChargeRecord', {data:data}, {
1012
- resolveMsg: null,
1013
- rejectMsg: '收费记录查询失败！！！'
1014
- })
1015
- this.model.data = res.data
1016
- },
1017
- // 关闭对话框
1018
- closeModal() {
1019
- this.showback = false
1020
- this.showCharge = false
1021
- this.showInvalid = false
1022
- this.showPrint = false
1023
- this.showConfirm = false
1024
- this.showauditor = false
1025
- this.charge = {
1026
- charges:[]
1027
- }
1028
- this.search()
1029
- }
1030
- },
1031
- events: {
1032
- },
1033
- computed: {
1034
- paymentMethod() {
1035
- return this.$appdata.getParam("付款方式")
1036
- },
1037
- paymentTerm() {
1038
- return this.$appdata.getParam("收费项目")
1039
- }
1040
- },
1041
- watch: {
1042
- }
1043
- }
1044
- </script>
1045
- <style scoped>
1046
- .textNoLineBreak {
1047
- white-space: nowrap;
1048
- }
1049
- .head-but{
1050
- margin-left: 5px;
1051
- height: 34px;
1052
- /*background-color: #6aa6e2;*/
1053
- border-radius: 4px;
1054
- font-family: PingFang;
1055
- color: #ffffff;
1056
- }
1057
- </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-select
623
+ placeholder='请选择' width="100%"
624
+ v-model="charge.f_payment_method"
625
+ :value.sync="charge.f_payment_method"
626
+ :options='paymentMethod'
627
+ class="select select_list"
628
+ :value-single="true"
629
+ close-on-select ></input-select>
630
+ </div>
631
+ </div>
632
+ <div class="form-group col-sm-12">
633
+ <label class="col-sm-2 control-label">金额大写：</label>
634
+ <div class="col-sm-10">
635
+ <input type="text"
636
+ class="form-control input_view"
637
+ style="width: 100%"
638
+ readonly
639
+ v-model="charge.f_amount_words" />
640
+ </div>
641
+ </div>
642
+ <div class="form-group col-sm-12">
643
+ <label class="col-sm-2 control-label">收费人员：</label>
644
+ <div class="col-sm-10">
645
+ <input type="text"
646
+ class="form-control input_view"
647
+ style="width: 100%"
648
+ readonly
649
+ v-model="charge.f_charge_collectors" />
650
+ </div>
651
+ </div>
652
+ <div class="form-group col-sm-12" :class="charge.f_void_remarks ? '':'has-error'">
653
+ <label class="col-sm-2 control-label">退费原因：</label>
654
+ <div class="col-sm-10">
655
+ <input type="text"
656
+ class="form-control input_view"
657
+ style="width: 100%"
658
+ v-model="charge.f_void_remarks" />
659
+ </div>
660
+ </div>
661
+ </article>
662
+ <footer slot="modal-footer" class="modal-footer">
663
+ <button type="button" class="btn btn-primary" :disabled="!charge.f_void_remarks" @click="backApplyCharge()">确认退费</button>
664
+ </footer>
665
+ </modal>
666
+ </div>
667
+ </template>
668
+ <script>
669
+ import {getNowDate,isEmpty} from '../../../components/Util'
670
+ import {PagedList} from 'vue-client'
671
+ import {HttpResetClass} from 'vue-client'
672
+ import Vue from 'vue'
673
+
674
+ export default {
675
+ title: '收费管理',
676
+ props: {
677
+ selectdata: {
678
+ type: Object
679
+ },
680
+ mark: {
681
+ type: Number,
682
+ default: 0
683
+ }
684
+ },
685
+ data () {
686
+ return {
687
+ showback: false,
688
+ showCharge: false, // 收费明细
689
+ showInvalid: false, // 作废
690
+ showPrint: false, // 打印
691
+ showConfirm: false, // 确认收款
692
+ showauditor: false, // 确认审核
693
+ person:this.$login.f.name,
694
+ model: {
695
+ data: null
696
+ }, // 记录
697
+ useraddresList: [], // 地址列表
698
+ charge: {
699
+ charges:[]
700
+ },
701
+ defnames: this.$appdata.getParam(this.selectdata.f_apply_type + '付款预设')
702
+ }
703
+ },
704
+ ready () {
705
+ this.search()
706
+ },
707
+ methods: {
708
+ addcharges(){
709
+ this.charge.charges.push({})
710
+ },
711
+ deleteUserFile (index) {
712
+ this.charge.charges.splice(index, 1)
713
+ },
714
+ async payerNumberChange () {
715
+ if (isEmpty(this.charge.f_payer_number)) {
716
+ return
717
+ }
718
+ let http = new HttpResetClass()
719
+ let data = {
720
+ tablename: 't_charge_record',
721
+ condition: `f_payer_number = '${this.charge.f_payer_number}'`
722
+ }
723
+ let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
724
+ resolveMsg: null,
725
+ rejectMsg: '流水号查询失败！！！'
726
+ })
727
+ if (res.data.length > 0) {
728
+ this.$showAlert('该流水号已经使用！！！', 'warning', 3000)
729
+ return
730
+ }
731
+ },
732
+ print () {
733
+ this.$refs.print.$refs.print.PrintTable()
734
+ },
735
+ showPrintModal(row) {
736
+ this.charge = row
737
+ this.showPrint = true
738
+ },
739
+ selectAddres () {
740
+ if (this.charge.useraddres) {
741
+ this.charge.f_cumulative_payment_money = this.charge.useraddres.f_cumulative_payment_money
742
+ this.charge.f_outstanding_amount = this.selectdata.f_price - this.charge.useraddres.f_cumulative_payment_money
743
+ } else {
744
+ this.charge.f_cumulative_payment_money = 0
745
+ this.charge.f_outstanding_amount = this.selectdata.f_price
746
+ }
747
+ },
748
+ async backApplyCharge() {
749
+ let http = new HttpResetClass()
750
+ let data = {
751
+ apply: this.selectdata,
752
+ user: this.$login.f,
753
+ charge: this.charge
754
+ }
755
+ let res = await http.load('POST', 'rs/logic/backApplyCharge', {data: data}, {
756
+ resolveMsg: null,
757
+ rejectMsg: '退费失败！！！'
758
+ })
759
+ this.selectdata = res.data
760
+ this.$dispatch('breakControl', this.selectdata)
761
+ },
762
+ async invalidApplyCharge() {
763
+
764
+ let http = new HttpResetClass()
765
+ let data = {
766
+ apply: this.selectdata,
767
+ user: this.$login.f,
768
+ charge: this.charge
769
+ }
770
+ let res = await http.load('POST', 'rs/logic/invalidApplyCharge', {data:data}, {
771
+ resolveMsg: null,
772
+ rejectMsg: '作废失败！！！'
773
+ })
774
+ this.selectdata = res.data
775
+
776
+ this.$dispatch('breakControl', this.selectdata)
777
+ },
778
+ async ConfirmPayment() {
779
+ let http = new HttpResetClass()
780
+ let data = {
781
+ apply: this.selectdata,
782
+ user: this.$login.f,
783
+ charge: this.charge
784
+ }
785
+ let res = await http.load('POST', 'rs/logic/confirmCharge', {data: data}, {
786
+ resolveMsg: null,
787
+ rejectMsg: '提交失败！！！'
788
+ })
789
+ if(res.data==200){
790
+ this.$showAlert('提交成功！！！', 'success', 3000)
791
+ //延时1s
792
+ setTimeout(() => {
793
+ this.showConfirm= false
794
+ this.showauditor= false
795
+ }, 1000)
796
+ }
797
+ //重新查询
798
+ this.search()
799
+ if (
800
+ (this.selectdata.defname == '合同审批' && !isEmpty(this.selectdata.f_is_have) ) ||
801
+ (this.selectdata.defname == '方案设计' && !isEmpty(this.selectdata.f_designer_people) ) ||
802
+ (this.selectdata.defname == '方案审批' && !isEmpty(this.selectdata.f_position)) ||
803
+ (this.selectdata.defname == '工程审批' && !isEmpty(this.selectdata.f_survey_opinion)) ||
804
+ (this.selectdata.defname == '工程派工' && !isEmpty(this.selectdata.f_budget_peoples)) ||
805
+ (this.selectdata.defname == '工程验收' && !isEmpty(this.selectdata.f_acceptor)) ||
806
+ (this.selectdata.defname == '验收审批' && !isEmpty(this.selectdata.f_prospecting_result)) ||
807
+ (this.selectdata.defname == '工程决算' && !isEmpty(this.selectdata.f_price_other)) ||
808
+ (this.selectdata.defname == '收费确认' )
809
+ ){
810
+ this.getbutton()
811
+ }
812
+ },
813
+ async getbutton(){
814
+ if (this.selectdata.f_payment_ratio == "100%") {
815
+ let http = new HttpResetClass()
816
+ let data = {
817
+ tablename: 't_charge_record',
818
+ condition: `f_process_id = '${this.selectdata.f_process_id}' and f_charge_status = '有效'`
819
+ }
820
+ let flag = true
821
+ let res1 = await http.load(
822
+ 'POST',
823
+ `rs/sql/apply_singleTable`,
824
+ {data: data},
825
+ {resolveMsg: null, rejectMsg: '查询失败！！！'}
826
+ )
827
+ for (let i =0;i<res1.data.length;i++){
828
+ if (isEmpty(res1.data[i].f_confirm_person)){
829
+ flag = false
830
+ }
831
+ }
832
+ if (flag){
833
+ let show_data = this.selectdata
834
+ show_data.user = this.$login.f
835
+ show_data.start_activity ='报装申请'
836
+ show_data.xmlfilename =this.selectdata.f_apply_type
837
+ if (((show_data.f_apply_type == '民用散户报建流程' || show_data.f_apply_type == '民用预留户报建流程') && show_data.defname == '工程审批') || show_data.defname === '工程决算'){
838
+ show_data.button = {button_name:'跳过'}
839
+ }else {
840
+ show_data.button = {button_name:'提交'}
841
+ }
842
+ await this.$resetpost(
843
+ `rs/logic/ApplyProductService`,
844
+ {data: show_data},
845
+ {resolveMsg: null, rejectMsg: '数据保存失败'}
846
+ )
847
+ }
848
+ }
849
+ },
850
+ // 打开作废收费
851
+ showInvalidModal(row) {
852
+ this.charge = row
853
+ this.showInvalid = true
854
+ },
855
+ showBackdModal(row) {
856
+ this.charge = row
857
+ this.showback= true
858
+ },
859
+ showConfirmModal(row,type){
860
+ this.charge = row
861
+ if (type == '确认收款'){
862
+ this.charge.f_confirm_person=this.person
863
+ this.showConfirm= true
864
+ }
865
+ if (type == '确认审核'){
866
+ this.charge.f_auditor_person=this.person
867
+ this.showauditor= true
868
+ }
869
+ },
870
+ // 新增收费
871
+ async saveCharge() {
872
+ if(this.charge.charges.length <= 0){
873
+ return this.$showMessage('收费项目不能为空，请添加收费项目！！')
874
+ }
875
+ if(isEmpty(this.charge.defname )){
876
+ return this.$showMessage('收费环节不能为空！！')
877
+ }
878
+ let http = new HttpResetClass()
879
+ let data = {
880
+ apply: this.selectdata,
881
+ user: this.$login.f,
882
+ charge: this.charge
883
+ }
884
+
885
+ let res = await http.load('POST', 'rs/logic/addApplyChargeRecord', {data:data}, {
886
+ resolveMsg: null,
887
+ rejectMsg: '缴费失败！！！'
888
+ })
889
+ this.selectdata = res.data
890
+
891
+ this.$dispatch('breakControl', this.selectdata)
892
+ },
893
+ moneyChange (i) {
894
+ if (isEmpty(this.charge.charges[i].f_charge_money) || Number(this.charge.charges[i].f_charge_money) === 0) {
895
+ this.$showAlert('单笔收费不能为0元！！！', 'warning', 3000)
896
+ this.charge.charges[i].f_charge_money = null
897
+ return
898
+ }
899
+ if (this.selectdata.f_apply_type === '散户集体报建' && Number(this.charge.charges[i].f_charge_money) > Number(this.charge.charges[i].f_outstanding_amount)) {
900
+ this.$showAlert('单笔收费不能超过未交金额！！！', 'warning', 3000)
901
+ this.charge.charges[i].f_charge_money = null
902
+ return
903
+ }
904
+ if (Number(this.charge.charges[i].f_charge_money) > Number(this.selectdata.f_surplus_money)) {
905
+ this.$showAlert('单笔收费不能超过未交总金额！！！', 'warning', 3000)
906
+ this.charge.charges[i].f_charge_money = null
907
+ return
908
+ }
909
+ this.charge.charges[i].f_charge_money = (this.charge.charges[i].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
910
+ this.charge.charges[i].f_amount_words = this.smalltoBIG(this.charge.charges[i].f_charge_money)
911
+ },
912
+ // 金额转大写
913
+ handleInput(e) {
914
+ // 通过正则过滤小数点后两位
915
+ e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
916
+ this.charge.f_amount_words = this.smalltoBIG(e.target.value)
917
+ },
918
+ // 金额转大写
919
+ smalltoBIG(n) {
920
+ let fraction = ['角', '分'];
921
+ let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
922
+ let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
923
+ let head = n < 0 ? '欠' : '';
924
+ n = Math.abs(n);
925
+
926
+ let s = '';
927
+
928
+ for (var i = 0; i < fraction.length; i++) {
929
+ s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
930
+ }
931
+ s = s || '整';
932
+ n = Math.floor(n);
933
+
934
+ for (var i = 0; i < unit[0].length && n > 0; i++) {
935
+ let p = '';
936
+ for (var j = 0; j < unit[1].length && n > 0; j++) {
937
+ p = digit[n % 10] + unit[1][j] + p;
938
+ n = Math.floor(n / 10);
939
+ }
940
+ s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
941
+ }
942
+ return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
943
+ },
944
+ async changePaymentMethod () {
945
+ if (this.charge.f_payment_method === '银行转账' && this.selectdata.f_apply_type === '团购报建') {
946
+ let http = new HttpResetClass()
947
+ let data = {
948
+ tablename: 't_dev_info',
949
+ condition: `f_orgid = '${this.$login.f.orgid}' and id = '${this.selectdata.f_dev_id}'`
950
+ }
951
+ let res = await http.load('POST', 'rs/sql/apply_singleTable', {data:data}, {
952
+ resolveMsg: null,
953
+ rejectMsg: '开发商档案查询失败！！！'
954
+ })
955
+
956
+ this.charge.f_payer_name = res.data[0].f_dev_name
957
+ this.charge.f_payer_account = res.data[0].f_bank_account
958
+ }
959
+ },
960
+ async getUserAddress() {
961
+ let http = new HttpResetClass()
962
+ let data = {}
963
+ let url = null
964
+ if (this.selectdata.f_apply_type === '改管报建' || this.selectdata.f_apply_type === '增容报建' || this.selectdata.f_apply_type === '报警器报建' || this.selectdata.f_apply_type === '工商业报警器报建') {
965
+ data = {
966
+ condition: `ui.f_userinfo_id = ${this.selectdata.f_userinfo_id}`
967
+ }
968
+ url = 'rs/sql/applyGetUserinfos'
969
+ } else {
970
+ data = {
971
+ condition: this.selectdata.f_apply_type === '散户集体报建' ? `nvl(cr.f_cumulative_payment_money, 0) < ${this.selectdata.f_price}` : '1=1',
972
+ f_process_id: this.selectdata.f_process_id
973
+ }
974
+ url = 'rs/sql/getAddresAndCumulativePayment'
975
+ }
976
+ let res = await http.load('POST', url, {data:data}, {
977
+ resolveMsg: null,
978
+ rejectMsg: '用户获取失败！！！'
979
+ })
980
+
981
+ if (res.data.length <= 0) {
982
+ this.$showAlert('暂无需要缴费用户！！！', 'warning', 3000)
983
+ }
984
+
985
+ this.useraddresList = res.data.map(item => {
986
+ return {
987
+ // 有用户姓名地址后拼接姓名
988
+ label: `${item.f_address} ${isEmpty(item.f_user_name) ? '' : '--- ' + item.f_user_name}`,
989
+ value: item
990
+ }
991
+ })
992
+
993
+ },
994
+ async showChargeModal() {
995
+ // this.getUserAddress()
996
+
997
+ if (this.selectdata.f_apply_type === '团购报建') {
998
+ this.charge.f_dev_info_id = this.selectdata.f_dev_id
999
+ }
1000
+
1001
+ this.showCharge = true
1002
+ },
1003
+ async search () {
1004
+ let http = new HttpResetClass()
1005
+ let data = {
1006
+ // condition: `cr.f_charge_status != '退款'`,
1007
+ f_process_id: this.selectdata.f_process_id
1008
+ }
1009
+ if (this.selectdata.f_apply_type === '启封通气' && this.selectdata.f_apply_type !== '线下发起'){
1010
+ data = {
1011
+ f_process_id: this.selectdata.f_parent_process_id
1012
+ }
1013
+ }
1014
+ let res = await http.load('POST', 'rs/sql/getApplyChargeRecord', {data:data}, {
1015
+ resolveMsg: null,
1016
+ rejectMsg: '收费记录查询失败！！！'
1017
+ })
1018
+ this.model.data = res.data
1019
+ },
1020
+ // 关闭对话框
1021
+ closeModal() {
1022
+ this.showback = false
1023
+ this.showCharge = false
1024
+ this.showInvalid = false
1025
+ this.showPrint = false
1026
+ this.showConfirm = false
1027
+ this.showauditor = false
1028
+ this.charge = {
1029
+ charges:[]
1030
+ }
1031
+ this.search()
1032
+ }
1033
+ },
1034
+ events: {
1035
+ },
1036
+ computed: {
1037
+ paymentMethod() {
1038
+ return this.$appdata.getParam("付款方式")
1039
+ },
1040
+ paymentTerm() {
1041
+ return this.$appdata.getParam("收费项目")
1042
+ }
1043
+ },
1044
+ watch: {
1045
+ }
1046
+ }
1047
+ </script>
1048
+ <style scoped>
1049
+ .textNoLineBreak {
1050
+ white-space: nowrap;
1051
+ }
1052
+ .head-but{
1053
+ margin-left: 5px;
1054
+ height: 34px;
1055
+ /*background-color: #6aa6e2;*/
1056
+ border-radius: 4px;
1057
+ font-family: PingFang;
1058
+ color: #ffffff;
1059
+ }
1060
+ </style>