apply-clients 3.5.5-10 → 3.5.5-101

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 (92) hide show
  1. package/build/dev-server.js +5 -9
  2. package/package.json +6 -4
  3. package/src/App.vue +25 -25
  4. package/src/components/QXClient.js +333 -0
  5. package/src/components/SignTools.js +65 -0
  6. package/src/components/android/AppTakePic.vue +182 -182
  7. package/src/components/android/Process/AppChargeList.vue +8 -0
  8. package/src/components/android/Process/AppExplorationUser.vue +1 -2
  9. package/src/components/android/Process/AppServiceControl.vue +1760 -1755
  10. package/src/components/product/Function/Service/FunctionServiceControl.vue +497 -497
  11. package/src/components/product/Install/ContractCharge.vue +3 -3
  12. package/src/components/product/Material/MaterialDetailed.vue +268 -268
  13. package/src/components/product/Process/Processes/contractModel.vue +49 -37
  14. package/src/components/product/ServiceView.vue +1028 -1028
  15. package/src/filiale/baiyin/android/ByAddMaterialScience.vue +2 -0
  16. package/src/filiale/fugou/android/AppAddMaterialScience.vue +444 -444
  17. package/src/filiale/fugou/android/AppAddReplacement.vue +512 -341
  18. package/src/filiale/fugou/android/AppDevicesManagement.vue +521 -519
  19. package/src/filiale/fugou/android/AppExplorationUser.vue +3 -3
  20. package/src/filiale/fugou/android/AppInstallationDetails.vue +542 -541
  21. package/src/filiale/fugou/android/AppServiceControl.vue +1894 -1836
  22. package/src/filiale/fugou/android/AppZhihuanManagement.vue +14 -2
  23. package/src/filiale/fugou/android/printCharge.vue +162 -162
  24. package/src/filiale/fugou/android.js +16 -16
  25. package/src/filiale/fugou/pc/AddReplacement.vue +511 -340
  26. package/src/filiale/fugou/pc/ApplyChargeList.vue +554 -480
  27. package/src/filiale/fugou/pc/Applybatchdispatch.vue +754 -0
  28. package/src/filiale/fugou/pc/ExplorationSelect.vue +524 -525
  29. package/src/filiale/fugou/pc/InstallationDetails.vue +646 -646
  30. package/src/filiale/fugou/pc/ServiceControl.vue +47 -20
  31. package/src/filiale/fugou/pc/ServiceView.vue +941 -941
  32. package/src/filiale/fugou/pc/StopApplyList.vue +291 -0
  33. package/src/filiale/fugou/pc/SupervisoryServiceControl.vue +881 -881
  34. package/src/filiale/fugou/pc/addMaterialScience.vue +481 -481
  35. package/src/filiale/fugou/pc/addressAndUserinfoManagement.vue +1 -1
  36. package/src/filiale/fugou/pc/chargeReport.vue +87 -15
  37. package/src/filiale/fugou/pc/devicesManagement.vue +484 -483
  38. package/src/filiale/fugou/pc/printChargepc.vue +148 -148
  39. package/src/filiale/fugou/pc.js +3 -1
  40. package/src/filiale/gongyi/android/AppAddMaterialScience.vue +493 -493
  41. package/src/filiale/gongyi/pc/addressAndUserinfoManagement.vue +187 -0
  42. package/src/filiale/gongyi/pc.js +2 -1
  43. package/src/filiale/hongda/pc/addMaterialScience.vue +2 -2
  44. package/src/filiale/jinhuang/android/AppAddMaterialScience.vue +635 -0
  45. package/src/filiale/jinhuang/android/AppServiceControl.vue +1842 -0
  46. package/src/filiale/jinhuang/android.js +7 -0
  47. package/src/filiale/jinhuang/pc/ContractList.vue +220 -0
  48. package/src/filiale/jinhuang/pc/ExplorationSelect.vue +511 -0
  49. package/src/filiale/jinhuang/pc/ServiceControl.vue +2016 -1925
  50. package/src/filiale/jinhuang/pc/SupervisoryList.vue +459 -0
  51. package/src/filiale/jinhuang/pc/addMaterialScience.vue +638 -0
  52. package/src/filiale/jinhuang/pc/addressAndUserinfoManagement.vue +41 -1
  53. package/src/filiale/jinhuang/pc.js +12 -8
  54. package/src/filiale/qianneng/android/AppChargeManagement.vue +686 -686
  55. package/src/filiale/qianneng/android/AppServiceView.vue +13 -13
  56. package/src/filiale/qianneng/android.js +15 -15
  57. package/src/filiale/qianneng/pc/ApplyMaterialDetailed.vue +261 -261
  58. package/src/filiale/qianneng/pc/Applybatchdispatch.vue +20 -3
  59. package/src/filiale/qianneng/pc/Applydetail.vue +1 -1
  60. package/src/filiale/qianneng/pc/FunctionServiceControl.vue +10 -3
  61. package/src/filiale/qianneng/pc/InstallFunction.vue +188 -188
  62. package/src/filiale/qianneng/pc/ServiceControl.vue +8 -3
  63. package/src/filiale/qianneng/pc.js +29 -29
  64. package/src/filiale/ruihua/pc/ServiceControl.vue +7 -1
  65. package/src/filiale/shexian/android/AppServiceControl.vue +1763 -1763
  66. package/src/filiale/shexian/android/AppSign.vue +152 -152
  67. package/src/filiale/yangchunboneng/android/AppChargeManagement.vue +527 -520
  68. package/src/filiale/yangchunboneng/android/AppContractCharge.vue +3 -3
  69. package/src/filiale/yangchunboneng/android/AppDevicesManagement.vue +645 -645
  70. package/src/filiale/yangchunboneng/android/AppExplorationUser.vue +72 -5
  71. package/src/filiale/yangchunboneng/android/AppInstallationMaterial.vue +37 -4
  72. package/src/filiale/yangchunboneng/android/AppProcessSupervisory.vue +331 -0
  73. package/src/filiale/yangchunboneng/android/AppServiceControl.vue +1879 -1703
  74. package/src/filiale/yangchunboneng/android/MaterIialOne.vue +21 -1
  75. package/src/filiale/yangchunboneng/android.js +2 -1
  76. package/src/filiale/yangchunboneng/pc/ApplyChargeList.vue +32 -4
  77. package/src/filiale/yangchunboneng/pc/ApplyUpload.vue +3 -3
  78. package/src/filiale/yangchunboneng/pc/ExplorationSelect.vue +612 -547
  79. package/src/filiale/yangchunboneng/pc/ServiceControl.vue +2114 -2112
  80. package/src/filiale/yangchunboneng/pc/ServiceView.vue +1007 -1007
  81. package/src/filiale/yangchunboneng/pc/StopApplyList.vue +294 -0
  82. package/src/filiale/yangchunboneng/pc/SupervisoryControl.vue +141 -0
  83. package/src/filiale/yangchunboneng/pc/SupervisoryList.vue +617 -605
  84. package/src/filiale/yangchunboneng/pc/SupervisoryListNew.vue +687 -683
  85. package/src/filiale/yangchunboneng/pc/SupervisoryServiceView.vue +1 -1
  86. package/src/filiale/yangchunboneng/pc/buildOrderList.vue +421 -0
  87. package/src/filiale/yangchunboneng/pc/chargeManagement.vue +1057 -1053
  88. package/src/filiale/yangchunboneng/pc/constructionInfo.vue +84 -0
  89. package/src/filiale/yangchunboneng/pc/devicesManagement.vue +574 -574
  90. package/src/filiale/yangchunboneng/pc/printBuildOrder.vue +175 -0
  91. package/src/filiale/yangchunboneng/pc.js +6 -1
  92. package/src/main.js +3 -3
package/src/filiale/yangchunboneng/pc/chargeManagement.vue CHANGED
@@ -1,1053 +1,1057 @@
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>
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>