apply-clients 3.2.38-2 → 3.2.38-4
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.
|
@@ -1,541 +1,645 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="col-sm-12" style="margin: 20px 0px;">
|
|
3
|
-
<criteria-paged :model="model" v-ref:cp>
|
|
4
|
-
<!--criteria无实际意义-->
|
|
5
|
-
<criteria partial='criteria' @condition-changed='search' v-ref:cri v-show="false">
|
|
6
|
-
<div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
|
|
7
|
-
<div class="row">
|
|
8
|
-
<div class="form-group col-sm-4">
|
|
9
|
-
<label class="font_normal_body">地址:</label>
|
|
10
|
-
<input type="text" class="input_search" v-model="model.f_address"
|
|
11
|
-
v-on:keyup.enter="$parent.$parent.search()" condition="ua.f_address like '%{}%'" placeholder='地址'>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
</criteria>
|
|
16
|
-
<data-grid :model="model" v-ref:grid partial='list' class="list_area table_sy" style="padding: 0px">
|
|
17
|
-
<template partial='head'>
|
|
18
|
-
<tr>
|
|
19
|
-
<th style="white-space: nowrap;">序号</th>
|
|
20
|
-
<th style="white-space: nowrap;">客户编号</th>
|
|
21
|
-
<th style="white-space: nowrap;">客户名称</th>
|
|
22
|
-
<th style="white-space: nowrap;">客户电话</th>
|
|
23
|
-
<th style="white-space: nowrap;">地址信息</th>
|
|
24
|
-
<!-- <th style="white-space: nowrap;">表具数量</th>-->
|
|
25
|
-
<th style="white-space: nowrap;" v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.selectdata.f_apply_type === '煤改气报建'">单价（户）</th>
|
|
26
|
-
<th style="white-space: nowrap;" v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.selectdata.f_apply_type === '煤改气报建'">累计缴费</th>
|
|
27
|
-
<th style="white-space: nowrap;">
|
|
28
|
-
<button type="button" class="btn btn-info head-but"
|
|
29
|
-
:disabled="$parent.$parent.$parent.mark === 1"
|
|
30
|
-
@click="$parent.$parent.$parent.showFile = !$parent.$parent.$parent.showFile">导入</button>
|
|
31
|
-
<a v-if="$parent.$parent.$parent.selectdata.f_apply_type === '开发商集体报建'" type="button" class="btn btn-info head-but"
|
|
32
|
-
href="/apply/download/excel/批量导入地址及安装明细.xlsx" download>模板下载</a>
|
|
33
|
-
<a v-else type="button" class="btn btn-info head-but"
|
|
34
|
-
href="/apply/download/excel/安装明细.xlsx" download>模板下载</a>
|
|
35
|
-
</th>
|
|
36
|
-
</tr>
|
|
37
|
-
</template>
|
|
38
|
-
<template partial='body'>
|
|
39
|
-
<tr>
|
|
40
|
-
<td style="text-align: center;">
|
|
41
|
-
<nobr>{{$index+1}}</nobr>
|
|
42
|
-
</td>
|
|
43
|
-
<td style="text-align: center;">
|
|
44
|
-
<nobr>{{row.f_userinfo_code}}</nobr>
|
|
45
|
-
</td>
|
|
46
|
-
<td style="text-align: center;">
|
|
47
|
-
<nobr>{{row.f_user_name}}</nobr>
|
|
48
|
-
</td>
|
|
49
|
-
<td style="text-align: center;">
|
|
50
|
-
<nobr>{{row.f_user_phone}}</nobr>
|
|
51
|
-
</td>
|
|
52
|
-
<td style="text-align: center;">
|
|
53
|
-
<nobr>{{row.f_address}}</nobr>
|
|
54
|
-
</td>
|
|
55
|
-
<!-- <td style="text-align: center;">-->
|
|
56
|
-
<!-- <nobr>{{row.f_userfiles_num === null ? 0 : row.f_userfiles_num}}</nobr>-->
|
|
57
|
-
<!-- </td>-->
|
|
58
|
-
<td style="text-align: center;"
|
|
59
|
-
v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'"
|
|
60
|
-
>
|
|
61
|
-
<nobr>{{$parent.$parent.$parent.selectdata.f_price}}</nobr>
|
|
62
|
-
</td>
|
|
63
|
-
<td style="text-align: center;"
|
|
64
|
-
v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'"
|
|
65
|
-
>
|
|
66
|
-
<nobr>{{row.f_cumulative_payment_money}}</nobr>
|
|
67
|
-
</td>
|
|
68
|
-
<td style="text-align: center;">
|
|
69
|
-
<nobr>
|
|
70
|
-
<button
|
|
71
|
-
type="button"
|
|
72
|
-
name="button"
|
|
73
|
-
class="btn btn-link"
|
|
74
|
-
:disabled="(row.f_cumulative_payment_money < $parent.$parent.$parent.selectdata.f_price && ($parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'))"
|
|
75
|
-
@click="$parent.$parent.$parent.showUserFileModal(row)">
|
|
76
|
-
{{$parent.$parent.$parent.mark===1 ? '查看': row.f_userfiles_num > 0 ? '修正' : '添加'}}
|
|
77
|
-
</button>
|
|
78
|
-
</nobr>
|
|
79
|
-
</td>
|
|
80
|
-
</tr>
|
|
81
|
-
</template>
|
|
82
|
-
</data-grid>
|
|
83
|
-
</criteria-paged>
|
|
84
|
-
</div>
|
|
85
|
-
<modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
|
|
86
|
-
<header slot="modal-header" class="modal-header">
|
|
87
|
-
<button type="button" class="close" @click="closeFile"><span>×</span></button>
|
|
88
|
-
<h4 class="modal-title">选择文件</h4>
|
|
89
|
-
</header>
|
|
90
|
-
<article slot="modal-body" class="modal-body">
|
|
91
|
-
<div class="form-group">
|
|
92
|
-
<file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
|
|
93
|
-
</div>
|
|
94
|
-
</article>
|
|
95
|
-
<footer slot="modal-footer" class="modal-footer"></footer>
|
|
96
|
-
</modal>
|
|
97
|
-
|
|
98
|
-
<modal v-if="showUserFile"
|
|
99
|
-
<header slot="modal-header" class="modal-header">
|
|
100
|
-
<button type="button" class="close" @click="closeUserFile"><span>×</span></button>
|
|
101
|
-
<h4 class="modal-title">安装明细</h4>
|
|
102
|
-
</header>
|
|
103
|
-
<article slot="modal-body" class="modal-body clearfix">
|
|
104
|
-
<div class="form-group col-sm-12">
|
|
105
|
-
<label class="col-sm-2 control-label">地址信息：</label>
|
|
106
|
-
<div class="col-sm-10">
|
|
107
|
-
<input class="form-control input_view" style=""
|
|
108
|
-
v-model="useradders.f_address"
|
|
109
|
-
:value="useradders.f_address"
|
|
110
|
-
:readonly="true"/>
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
|
|
114
|
-
<div v-for="(i, item) in userinfo.userfiles" class="form-group col-sm-12 panel panel-info">
|
|
115
|
-
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">表具{{$index+1}}信息</div>
|
|
116
|
-
<div class="form-group col-sm-6" :class="item.f_gasbrand_id ? '':'has-error'">
|
|
117
|
-
<label class="col-sm-4 control-label">气表品牌：</label>
|
|
118
|
-
<div class="col-sm-8">
|
|
119
|
-
<input-select
|
|
120
|
-
class="select select_list"
|
|
121
|
-
:value.sync="item.gasbrand"
|
|
122
|
-
v-model="item.gasbrand"
|
|
123
|
-
:options="meterbrands"
|
|
124
|
-
:disable="mark===1"
|
|
125
|
-
@change="gasbrandChange(i)"
|
|
126
|
-
:valueSingle="true"></input-select>
|
|
127
|
-
</div>
|
|
128
|
-
</div>
|
|
129
|
-
<div class="form-group col-sm-6" :class="item.f_gasmodel_id ? '':'has-error'">
|
|
130
|
-
<label class="col-sm-4 control-label">气表型号：</label>
|
|
131
|
-
<div class="col-sm-8">
|
|
132
|
-
<input-select
|
|
133
|
-
class="select select_list"
|
|
134
|
-
:value.sync="item.gasmodel"
|
|
135
|
-
v-model="item.gasmodel"
|
|
136
|
-
:options="item.gasbrand.gasmodel"
|
|
137
|
-
:disable="mark===1"
|
|
138
|
-
@change="gasmodelChange(i)"
|
|
139
|
-
:valueSingle="true"></input-select>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
<div class="form-group col-sm-6" :class="item.f_meternumber ? '':'has-error'">
|
|
143
|
-
<label class="col-sm-4 control-label">表号：</label>
|
|
144
|
-
<div class="col-sm-8">
|
|
145
|
-
<input class="form-control input_view" style=""
|
|
146
|
-
placeholder="表号"
|
|
147
|
-
v-model="item.f_meternumber"
|
|
148
|
-
:value="item.f_meternumber"
|
|
149
|
-
:disable="mark===1"
|
|
150
|
-
@change="meternumberValidate(i)"
|
|
151
|
-
:readonly="mark===1"/>
|
|
152
|
-
</div>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="form-group col-sm-6" v-if="selectdata.f_apply_type !== '散户报建' && selectdata.f_apply_type !== '开发商集体报建' ">
|
|
155
|
-
<label class="col-sm-4 control-label">表封号：</label>
|
|
156
|
-
<div class="col-sm-8">
|
|
157
|
-
<input class="form-control input_view" style=""
|
|
158
|
-
placeholder="表封号"
|
|
159
|
-
v-model="item.f_metertitles"
|
|
160
|
-
:value="item.f_metertitles"
|
|
161
|
-
:disable="mark===1"
|
|
162
|
-
:readonly="mark===1"/>
|
|
163
|
-
</div>
|
|
164
|
-
</div>
|
|
165
|
-
<div class="form-group col-sm-6" :class="item.f_before_metertitles? '':'has-error'" v-if="selectdata.f_apply_type === '散户报建' || selectdata.f_apply_type === '开发商集体报建' ">
|
|
166
|
-
<label class="col-sm-4 control-label">表前封号：</label>
|
|
167
|
-
<div class="col-sm-8">
|
|
168
|
-
<input class="form-control input_view" style=""
|
|
169
|
-
placeholder="表前封号"
|
|
170
|
-
v-model="item.f_before_metertitles"
|
|
171
|
-
:value="item.f_before_metertitles"
|
|
172
|
-
:disable="mark===1"
|
|
173
|
-
:readonly="mark===1"/>
|
|
174
|
-
</div>
|
|
175
|
-
</div>
|
|
176
|
-
<div class="form-group col-sm-6" :class="item.f_after_metertitles? '':'has-error'" v-if="selectdata.f_apply_type === '散户报建' || selectdata.f_apply_type === '开发商集体报建' ">
|
|
177
|
-
<label class="col-sm-4 control-label">表后封号：</label>
|
|
178
|
-
<div class="col-sm-8">
|
|
179
|
-
<input class="form-control input_view" style=""
|
|
180
|
-
placeholder="表后封号"
|
|
181
|
-
v-model="item.f_after_metertitles"
|
|
182
|
-
:value="item.f_after_metertitles"
|
|
183
|
-
:disable="mark===1"
|
|
184
|
-
:readonly="mark===1"/>
|
|
185
|
-
</div>
|
|
186
|
-
</div>
|
|
187
|
-
<div class="form-group col-sm-6">
|
|
188
|
-
<label class="col-sm-4 control-label">表读数：</label>
|
|
189
|
-
<div class="col-sm-8">
|
|
190
|
-
<input class="form-control input_view" style=""
|
|
191
|
-
type="number"
|
|
192
|
-
placeholder="表读数"
|
|
193
|
-
v-model="item.f_meter_base"
|
|
194
|
-
:value="item.f_meter_base"
|
|
195
|
-
:disable="mark===1"
|
|
196
|
-
:readonly="mark===1"/>
|
|
197
|
-
</div>
|
|
198
|
-
</div>
|
|
199
|
-
<div class="form-group col-sm-6">
|
|
200
|
-
<label class="col-sm-4 control-label">初始底数：</label>
|
|
201
|
-
<div class="col-sm-8">
|
|
202
|
-
<input class="form-control input_view" style=""
|
|
203
|
-
type="number"
|
|
204
|
-
v-model="item.f_initial_base"
|
|
205
|
-
:value="item.f_initial_base"
|
|
206
|
-
:disable="mark===1"
|
|
207
|
-
placeholder="初始底数"
|
|
208
|
-
:readonly="mark===1"/>
|
|
209
|
-
</div>
|
|
210
|
-
</div>
|
|
211
|
-
<div class="form-group col-sm-6">
|
|
212
|
-
<label class="col-sm-4 control-label">表向：</label>
|
|
213
|
-
<div class="col-sm-8">
|
|
214
|
-
<input-select
|
|
215
|
-
class="select select_list"
|
|
216
|
-
:value.sync="item.f_aroundmeter"
|
|
217
|
-
v-model="item.f_aroundmeter"
|
|
218
|
-
:disable="mark===1"
|
|
219
|
-
:options="aroundmeters"
|
|
220
|
-
:valueSingle="true"></input-select>
|
|
221
|
-
</div>
|
|
222
|
-
</div>
|
|
223
|
-
<div class="form-group col-sm-6">
|
|
224
|
-
<label class="col-sm-4 control-label">安装位置：</label>
|
|
225
|
-
<div class="col-sm-8">
|
|
226
|
-
<input-select
|
|
227
|
-
class="select select_list"
|
|
228
|
-
:value.sync="item.f_position"
|
|
229
|
-
v-model="item.f_position"
|
|
230
|
-
:disable="mark===1"
|
|
231
|
-
:options="positions"
|
|
232
|
-
:valueSingle="true"></input-select>
|
|
233
|
-
</div>
|
|
234
|
-
</div>
|
|
235
|
-
<div class="form-group col-sm-6">
|
|
236
|
-
<label class="col-sm-4 control-label">安装人：</label>
|
|
237
|
-
<div class="col-sm-8">
|
|
238
|
-
<input-select
|
|
239
|
-
class="select select_list"
|
|
240
|
-
:value.sync="item.f_install_person"
|
|
241
|
-
v-model="item.f_install_person"
|
|
242
|
-
:disable="mark===1"
|
|
243
|
-
:options="installperson"
|
|
244
|
-
:valueSingle="true"></input-select>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
<div class="form-group col-sm-6">
|
|
248
|
-
<label class="col-sm-4 control-label">安装日期：</label>
|
|
249
|
-
<div class="col-sm-8">
|
|
250
|
-
<datepicker
|
|
251
|
-
placeholder="安装日期"
|
|
252
|
-
:value.sync="item.f_install_date"
|
|
253
|
-
v-model="item.f_install_date"
|
|
254
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
255
|
-
:disable="mark===1"
|
|
256
|
-
:show-reset-button="reset">
|
|
257
|
-
</datepicker>
|
|
258
|
-
</div>
|
|
259
|
-
</div>
|
|
260
|
-
</div>
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
</
|
|
270
|
-
<
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
this.userinfo.userfiles[i].
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
let
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
this.
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
let
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col-sm-12" style="margin: 20px 0px;">
|
|
3
|
+
<criteria-paged :model="model" v-ref:cp>
|
|
4
|
+
<!--criteria无实际意义-->
|
|
5
|
+
<criteria partial='criteria' @condition-changed='search' v-ref:cri v-show="false">
|
|
6
|
+
<div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="form-group col-sm-4">
|
|
9
|
+
<label class="font_normal_body">地址:</label>
|
|
10
|
+
<input type="text" class="input_search" v-model="model.f_address"
|
|
11
|
+
v-on:keyup.enter="$parent.$parent.search()" condition="ua.f_address like '%{}%'" placeholder='地址'>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</criteria>
|
|
16
|
+
<data-grid :model="model" v-ref:grid partial='list' class="list_area table_sy" style="padding: 0px">
|
|
17
|
+
<template partial='head'>
|
|
18
|
+
<tr>
|
|
19
|
+
<th style="white-space: nowrap;">序号</th>
|
|
20
|
+
<th style="white-space: nowrap;">客户编号</th>
|
|
21
|
+
<th style="white-space: nowrap;">客户名称</th>
|
|
22
|
+
<th style="white-space: nowrap;">客户电话</th>
|
|
23
|
+
<th style="white-space: nowrap;">地址信息</th>
|
|
24
|
+
<!-- <th style="white-space: nowrap;">表具数量</th>-->
|
|
25
|
+
<th style="white-space: nowrap;" v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.selectdata.f_apply_type === '煤改气报建'">单价（户）</th>
|
|
26
|
+
<th style="white-space: nowrap;" v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.selectdata.f_apply_type === '煤改气报建'">累计缴费</th>
|
|
27
|
+
<th style="white-space: nowrap;">
|
|
28
|
+
<button type="button" class="btn btn-info head-but"
|
|
29
|
+
:disabled="$parent.$parent.$parent.mark === 1"
|
|
30
|
+
@click="$parent.$parent.$parent.showFile = !$parent.$parent.$parent.showFile,$parent.$parent.$parent.files = '导入'">导入</button>
|
|
31
|
+
<a v-if="$parent.$parent.$parent.selectdata.f_apply_type === '开发商集体报建'" type="button" class="btn btn-info head-but"
|
|
32
|
+
href="/apply/download/excel/批量导入地址及安装明细.xlsx" download>模板下载</a>
|
|
33
|
+
<a v-else type="button" class="btn btn-info head-but"
|
|
34
|
+
href="/apply/download/excel/安装明细.xlsx" download>模板下载</a>
|
|
35
|
+
</th>
|
|
36
|
+
</tr>
|
|
37
|
+
</template>
|
|
38
|
+
<template partial='body'>
|
|
39
|
+
<tr>
|
|
40
|
+
<td style="text-align: center;">
|
|
41
|
+
<nobr>{{$index+1}}</nobr>
|
|
42
|
+
</td>
|
|
43
|
+
<td style="text-align: center;">
|
|
44
|
+
<nobr>{{row.f_userinfo_code}}</nobr>
|
|
45
|
+
</td>
|
|
46
|
+
<td style="text-align: center;">
|
|
47
|
+
<nobr>{{row.f_user_name}}</nobr>
|
|
48
|
+
</td>
|
|
49
|
+
<td style="text-align: center;">
|
|
50
|
+
<nobr>{{row.f_user_phone}}</nobr>
|
|
51
|
+
</td>
|
|
52
|
+
<td style="text-align: center;">
|
|
53
|
+
<nobr>{{row.f_address}}</nobr>
|
|
54
|
+
</td>
|
|
55
|
+
<!-- <td style="text-align: center;">-->
|
|
56
|
+
<!-- <nobr>{{row.f_userfiles_num === null ? 0 : row.f_userfiles_num}}</nobr>-->
|
|
57
|
+
<!-- </td>-->
|
|
58
|
+
<td style="text-align: center;"
|
|
59
|
+
v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'"
|
|
60
|
+
>
|
|
61
|
+
<nobr>{{$parent.$parent.$parent.selectdata.f_price}}</nobr>
|
|
62
|
+
</td>
|
|
63
|
+
<td style="text-align: center;"
|
|
64
|
+
v-if="$parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'"
|
|
65
|
+
>
|
|
66
|
+
<nobr>{{row.f_cumulative_payment_money}}</nobr>
|
|
67
|
+
</td>
|
|
68
|
+
<td style="text-align: center;">
|
|
69
|
+
<nobr>
|
|
70
|
+
<button
|
|
71
|
+
type="button"
|
|
72
|
+
name="button"
|
|
73
|
+
class="btn btn-link"
|
|
74
|
+
:disabled="(row.f_cumulative_payment_money < $parent.$parent.$parent.selectdata.f_price && ($parent.$parent.$parent.selectdata.f_apply_type === '散户集体报建' || $parent.$parent.$parent.selectdata.f_apply_type === '煤改气报建'))"
|
|
75
|
+
@click="$parent.$parent.$parent.showUserFileModal(row)">
|
|
76
|
+
{{$parent.$parent.$parent.mark===1 ? '查看': row.f_userfiles_num > 0 ? '修正' : '添加'}}
|
|
77
|
+
</button>
|
|
78
|
+
</nobr>
|
|
79
|
+
</td>
|
|
80
|
+
</tr>
|
|
81
|
+
</template>
|
|
82
|
+
</data-grid>
|
|
83
|
+
</criteria-paged>
|
|
84
|
+
</div>
|
|
85
|
+
<modal v-if="showFile" style="z-index: 10000;" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
|
|
86
|
+
<header slot="modal-header" class="modal-header">
|
|
87
|
+
<button type="button" class="close" @click="closeFile"><span>×</span></button>
|
|
88
|
+
<h4 class="modal-title">选择文件</h4>
|
|
89
|
+
</header>
|
|
90
|
+
<article slot="modal-body" class="modal-body">
|
|
91
|
+
<div class="form-group">
|
|
92
|
+
<file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
|
|
93
|
+
</div>
|
|
94
|
+
</article>
|
|
95
|
+
<footer slot="modal-footer" class="modal-footer"></footer>
|
|
96
|
+
</modal>
|
|
97
|
+
|
|
98
|
+
<modal v-if="showUserFile" :show.sync="showUserFile" v-ref:modal :large="true" :backdrop="false" title="安装明细">
|
|
99
|
+
<header slot="modal-header" class="modal-header">
|
|
100
|
+
<button type="button" class="close" @click="closeUserFile"><span>×</span></button>
|
|
101
|
+
<h4 class="modal-title">安装明细</h4>
|
|
102
|
+
</header>
|
|
103
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
104
|
+
<div class="form-group col-sm-12">
|
|
105
|
+
<label class="col-sm-2 control-label">地址信息：</label>
|
|
106
|
+
<div class="col-sm-10">
|
|
107
|
+
<input class="form-control input_view" style=""
|
|
108
|
+
v-model="useradders.f_address"
|
|
109
|
+
:value="useradders.f_address"
|
|
110
|
+
:readonly="true"/>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
<div v-for="(i, item) in userinfo.userfiles" class="form-group col-sm-12 panel panel-info">
|
|
115
|
+
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">表具{{$index+1}}信息</div>
|
|
116
|
+
<div class="form-group col-sm-6" :class="item.f_gasbrand_id ? '':'has-error'">
|
|
117
|
+
<label class="col-sm-4 control-label">气表品牌：</label>
|
|
118
|
+
<div class="col-sm-8">
|
|
119
|
+
<input-select
|
|
120
|
+
class="select select_list"
|
|
121
|
+
:value.sync="item.gasbrand"
|
|
122
|
+
v-model="item.gasbrand"
|
|
123
|
+
:options="meterbrands"
|
|
124
|
+
:disable="mark===1"
|
|
125
|
+
@change="gasbrandChange(i)"
|
|
126
|
+
:valueSingle="true"></input-select>
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
<div class="form-group col-sm-6" :class="item.f_gasmodel_id ? '':'has-error'">
|
|
130
|
+
<label class="col-sm-4 control-label">气表型号：</label>
|
|
131
|
+
<div class="col-sm-8">
|
|
132
|
+
<input-select
|
|
133
|
+
class="select select_list"
|
|
134
|
+
:value.sync="item.gasmodel"
|
|
135
|
+
v-model="item.gasmodel"
|
|
136
|
+
:options="item.gasbrand.gasmodel"
|
|
137
|
+
:disable="mark===1"
|
|
138
|
+
@change="gasmodelChange(i)"
|
|
139
|
+
:valueSingle="true"></input-select>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
<div class="form-group col-sm-6" :class="item.f_meternumber ? '':'has-error'">
|
|
143
|
+
<label class="col-sm-4 control-label">表号：</label>
|
|
144
|
+
<div class="col-sm-8">
|
|
145
|
+
<input class="form-control input_view" style=""
|
|
146
|
+
placeholder="表号"
|
|
147
|
+
v-model="item.f_meternumber"
|
|
148
|
+
:value="item.f_meternumber"
|
|
149
|
+
:disable="mark===1"
|
|
150
|
+
@change="meternumberValidate(i)"
|
|
151
|
+
:readonly="mark===1"/>
|
|
152
|
+
</div>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="form-group col-sm-6" v-if="selectdata.f_apply_type !== '散户报建' && selectdata.f_apply_type !== '开发商集体报建' ">
|
|
155
|
+
<label class="col-sm-4 control-label">表封号：</label>
|
|
156
|
+
<div class="col-sm-8">
|
|
157
|
+
<input class="form-control input_view" style=""
|
|
158
|
+
placeholder="表封号"
|
|
159
|
+
v-model="item.f_metertitles"
|
|
160
|
+
:value="item.f_metertitles"
|
|
161
|
+
:disable="mark===1"
|
|
162
|
+
:readonly="mark===1"/>
|
|
163
|
+
</div>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="form-group col-sm-6" :class="item.f_before_metertitles? '':'has-error'" v-if="selectdata.f_apply_type === '散户报建' || selectdata.f_apply_type === '开发商集体报建' ">
|
|
166
|
+
<label class="col-sm-4 control-label">表前封号：</label>
|
|
167
|
+
<div class="col-sm-8">
|
|
168
|
+
<input class="form-control input_view" style=""
|
|
169
|
+
placeholder="表前封号"
|
|
170
|
+
v-model="item.f_before_metertitles"
|
|
171
|
+
:value="item.f_before_metertitles"
|
|
172
|
+
:disable="mark===1"
|
|
173
|
+
:readonly="mark===1"/>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div class="form-group col-sm-6" :class="item.f_after_metertitles? '':'has-error'" v-if="selectdata.f_apply_type === '散户报建' || selectdata.f_apply_type === '开发商集体报建' ">
|
|
177
|
+
<label class="col-sm-4 control-label">表后封号：</label>
|
|
178
|
+
<div class="col-sm-8">
|
|
179
|
+
<input class="form-control input_view" style=""
|
|
180
|
+
placeholder="表后封号"
|
|
181
|
+
v-model="item.f_after_metertitles"
|
|
182
|
+
:value="item.f_after_metertitles"
|
|
183
|
+
:disable="mark===1"
|
|
184
|
+
:readonly="mark===1"/>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
<div class="form-group col-sm-6">
|
|
188
|
+
<label class="col-sm-4 control-label">表读数：</label>
|
|
189
|
+
<div class="col-sm-8">
|
|
190
|
+
<input class="form-control input_view" style=""
|
|
191
|
+
type="number"
|
|
192
|
+
placeholder="表读数"
|
|
193
|
+
v-model="item.f_meter_base"
|
|
194
|
+
:value="item.f_meter_base"
|
|
195
|
+
:disable="mark===1"
|
|
196
|
+
:readonly="mark===1"/>
|
|
197
|
+
</div>
|
|
198
|
+
</div>
|
|
199
|
+
<div class="form-group col-sm-6">
|
|
200
|
+
<label class="col-sm-4 control-label">初始底数：</label>
|
|
201
|
+
<div class="col-sm-8">
|
|
202
|
+
<input class="form-control input_view" style=""
|
|
203
|
+
type="number"
|
|
204
|
+
v-model="item.f_initial_base"
|
|
205
|
+
:value="item.f_initial_base"
|
|
206
|
+
:disable="mark===1"
|
|
207
|
+
placeholder="初始底数"
|
|
208
|
+
:readonly="mark===1"/>
|
|
209
|
+
</div>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="form-group col-sm-6">
|
|
212
|
+
<label class="col-sm-4 control-label">表向：</label>
|
|
213
|
+
<div class="col-sm-8">
|
|
214
|
+
<input-select
|
|
215
|
+
class="select select_list"
|
|
216
|
+
:value.sync="item.f_aroundmeter"
|
|
217
|
+
v-model="item.f_aroundmeter"
|
|
218
|
+
:disable="mark===1"
|
|
219
|
+
:options="aroundmeters"
|
|
220
|
+
:valueSingle="true"></input-select>
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="form-group col-sm-6">
|
|
224
|
+
<label class="col-sm-4 control-label">安装位置：</label>
|
|
225
|
+
<div class="col-sm-8">
|
|
226
|
+
<input-select
|
|
227
|
+
class="select select_list"
|
|
228
|
+
:value.sync="item.f_position"
|
|
229
|
+
v-model="item.f_position"
|
|
230
|
+
:disable="mark===1"
|
|
231
|
+
:options="positions"
|
|
232
|
+
:valueSingle="true"></input-select>
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
<div class="form-group col-sm-6">
|
|
236
|
+
<label class="col-sm-4 control-label">安装人：</label>
|
|
237
|
+
<div class="col-sm-8">
|
|
238
|
+
<input-select
|
|
239
|
+
class="select select_list"
|
|
240
|
+
:value.sync="item.f_install_person"
|
|
241
|
+
v-model="item.f_install_person"
|
|
242
|
+
:disable="mark===1"
|
|
243
|
+
:options="installperson"
|
|
244
|
+
:valueSingle="true"></input-select>
|
|
245
|
+
</div>
|
|
246
|
+
</div>
|
|
247
|
+
<div class="form-group col-sm-6">
|
|
248
|
+
<label class="col-sm-4 control-label">安装日期：</label>
|
|
249
|
+
<div class="col-sm-8">
|
|
250
|
+
<datepicker
|
|
251
|
+
placeholder="安装日期"
|
|
252
|
+
:value.sync="item.f_install_date"
|
|
253
|
+
v-model="item.f_install_date"
|
|
254
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
255
|
+
:disable="mark===1"
|
|
256
|
+
:show-reset-button="reset">
|
|
257
|
+
</datepicker>
|
|
258
|
+
</div>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
<div class="form-group col-sm-12 panel panel-info">
|
|
262
|
+
<div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
|
|
263
|
+
<div class="col-sm-6 text-left">附件信息</div>
|
|
264
|
+
<div class="col-sm-6 text-right">
|
|
265
|
+
<button type="button" class="btn btn-info head-but"
|
|
266
|
+
:disabled="$parent.$parent.$parent.mark === 1"
|
|
267
|
+
@click="showFile = !showFile,files = '上传'">上传</button>
|
|
268
|
+
</div>
|
|
269
|
+
</div>
|
|
270
|
+
<div class="col-sm-6 showData" v-for="row in user_files">
|
|
271
|
+
<div class="col-sm-12 item">
|
|
272
|
+
<div class="left col-sm-5">
|
|
273
|
+
<a href="#" class="thumbnail" style="width: 100%;height: 100%">
|
|
274
|
+
<img v-if="row.f_filetype === 'jpg'||row.f_filetype === 'png'||row.f_filetype === 'gif'||row.f_filetype === 'bmp'" :src="row.f_downloadURL" alt="..."/>
|
|
275
|
+
<img v-if="row.f_filetype === 'pdf'" src="../../../image/pdf.jpg" alt="" />
|
|
276
|
+
<img v-if="row.f_filetype === 'xls'||row.f_filetype === 'xlsx'" src="../../../image/excel.jpg" alt="" />
|
|
277
|
+
<img v-if="row.f_filetype === 'doc'||row.f_filetype === 'docx'" src="../../../image/doc.jpg" alt="" />
|
|
278
|
+
</a>
|
|
279
|
+
</div>
|
|
280
|
+
<div class="right col-sm-7">
|
|
281
|
+
<p :title="row.f_filename"><strong>文件名：</strong>{{row.f_filename}}</p>
|
|
282
|
+
<p :title="row.f_username" ><strong>操作员：</strong><span>{{row.f_username}}</span></p>
|
|
283
|
+
<p :title="row.fusetype"><strong>使用类型：</strong><span>{{row.fusetype}}</span></p>
|
|
284
|
+
<p :title="row.f_uploaddate"><strong>上传时间：</strong><span>{{row.f_uploaddate}}</span></p>
|
|
285
|
+
<p :title="row.fremarks"><strong>文件说明：</strong>{{row.fremarks}}</p>
|
|
286
|
+
<p>
|
|
287
|
+
<a v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'" :href="row.f_downloadURL" style="background:#6aa6e2" class="btn btn-primary" target="_blank" role="button">预览</a>
|
|
288
|
+
<a v-else @click="downloadfile(row.f_downloadURL)" style="background:#6aa6e2" class="btn btn-primary" role="button">下载</a>
|
|
289
|
+
<a @click="delet($index, row)" href="#" class="btn btn-default" role="button" role="button">删除</a>
|
|
290
|
+
</p>
|
|
291
|
+
</div>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
</article>
|
|
296
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
297
|
+
<!-- 去除一户多表 -->
|
|
298
|
+
<button type="button" class="btn btn-primary" @click="addUserFile" v-if="false">添加表具</button>
|
|
299
|
+
<button type="button" class="btn btn-primary" @click="saveUserFile">确认</button>
|
|
300
|
+
</footer>
|
|
301
|
+
</modal>
|
|
302
|
+
</template>
|
|
303
|
+
<script>
|
|
304
|
+
import Vue from 'vue'
|
|
305
|
+
import {PagedList} from 'vue-client'
|
|
306
|
+
import {HttpResetClass} from 'vue-client'
|
|
307
|
+
import {isEmpty} from '../../../Util'
|
|
308
|
+
|
|
309
|
+
export default {
|
|
310
|
+
title: '安装明细',
|
|
311
|
+
props: {
|
|
312
|
+
selectdata: {
|
|
313
|
+
type: Object
|
|
314
|
+
},
|
|
315
|
+
mark: {
|
|
316
|
+
type: Number,
|
|
317
|
+
default: 0
|
|
318
|
+
}
|
|
319
|
+
},
|
|
320
|
+
data () {
|
|
321
|
+
return {
|
|
322
|
+
showFile: false,
|
|
323
|
+
showUserFile: false,
|
|
324
|
+
model: new PagedList('rs/sql/getAddresAndUserinfoAndUserfilesAmount', 30, {
|
|
325
|
+
data: {
|
|
326
|
+
f_process_id: this.selectdata.f_process_id
|
|
327
|
+
}
|
|
328
|
+
}),
|
|
329
|
+
meterbrands: [], // 气表品牌
|
|
330
|
+
useradders: null,
|
|
331
|
+
userinfo: {},
|
|
332
|
+
files: '导入',
|
|
333
|
+
user_files:[]
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
ready () {
|
|
337
|
+
this.search()
|
|
338
|
+
this.getMeterbrands()
|
|
339
|
+
this.notInstalled()
|
|
340
|
+
},
|
|
341
|
+
methods: {
|
|
342
|
+
async notInstalled () {
|
|
343
|
+
let http = new HttpResetClass()
|
|
344
|
+
let data = {
|
|
345
|
+
condition: null
|
|
346
|
+
}
|
|
347
|
+
if (this.selectdata.f_apply_type === '开发商集体报建') {
|
|
348
|
+
data.condition = `ui.f_process_id = '${this.selectdata.f_process_id}' and uf.f_table_state in ('正常','停用')`
|
|
349
|
+
} else {
|
|
350
|
+
data.condition = `ui.f_process_id = '${this.selectdata.f_process_id}' and uf.f_table_state != '无效'`
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
let res = await http.load('POST', 'rs/sql/notInstalled', {data: data}, {resolveMsg: null, rejectMsg: null})
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
for (const item of this.selectdata.fields) {
|
|
357
|
+
if (item.label === '已安装户数') {
|
|
358
|
+
item.value = res.data[0].num
|
|
359
|
+
}
|
|
360
|
+
if (item.label === '未安装户数') {
|
|
361
|
+
item.value = this.selectdata.f_apply_count - res.data[0].num
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
},
|
|
365
|
+
// 保存档案
|
|
366
|
+
async saveUserFile() {
|
|
367
|
+
if (this.userinfo.userfiles.length > 1) {
|
|
368
|
+
this.$showAlert('该地址下已有表具信息，暂不支持一户多表！！！', 'warning', 3000)
|
|
369
|
+
return
|
|
370
|
+
}
|
|
371
|
+
// 检查必填项
|
|
372
|
+
for (let i = 0; i < this.userinfo.userfiles.length; i++) {
|
|
373
|
+
let userfile = this.userinfo.userfiles[i]
|
|
374
|
+
if (userfile.f_gasbrand_id === null || userfile.f_gasbrand_id === '') {
|
|
375
|
+
this.$showAlert(`表具${i+1}气表品牌没有选择！！！`, 'warning', 3000)
|
|
376
|
+
return
|
|
377
|
+
}
|
|
378
|
+
if (userfile.f_gasmodel_id === null || userfile.f_gasmodel_id === '') {
|
|
379
|
+
this.$showAlert(`表具${i+1}气表型号没有选择！！！`, 'warning', 3000)
|
|
380
|
+
return
|
|
381
|
+
}
|
|
382
|
+
if (userfile.f_before_metertitles=== null || userfile.f_before_metertitles=== '') {
|
|
383
|
+
this.$showAlert(`表具${i+1}表前封号没有填写！！！`, 'warning', 3000)
|
|
384
|
+
return
|
|
385
|
+
}
|
|
386
|
+
if (userfile.f_after_metertitles=== null || userfile.f_after_metertitles=== '') {
|
|
387
|
+
this.$showAlert(`表具${i+1}表后封号没有填写！！！`, 'warning', 3000)
|
|
388
|
+
return
|
|
389
|
+
}
|
|
390
|
+
}
|
|
391
|
+
let data = {
|
|
392
|
+
user: this.$login.f,
|
|
393
|
+
useradders: this.useradders,
|
|
394
|
+
userinfo: this.userinfo,
|
|
395
|
+
selectdata: this.selectdata
|
|
396
|
+
}
|
|
397
|
+
let res = await this.$resetpost('rs/logic/addInstallationDetails', {data:data}, {
|
|
398
|
+
resolveMsg: null,
|
|
399
|
+
rejectMsg: '表具添加失败！！！'
|
|
400
|
+
})
|
|
401
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
402
|
+
},
|
|
403
|
+
// 检查表号是否存在
|
|
404
|
+
async meternumberValidate(i) {
|
|
405
|
+
if (!this.userinfo.userfiles[i].f_gasbrand_id) {
|
|
406
|
+
this.userinfo.userfiles[i].f_meternumber = ''
|
|
407
|
+
this.$showAlert('请先选择气表品牌！！！', 'warning', 3000)
|
|
408
|
+
return
|
|
409
|
+
}
|
|
410
|
+
if (this.userinfo.userfiles[i].f_gasbrand_id && this.userinfo.userfiles[i].f_meternumber) {
|
|
411
|
+
let data = {
|
|
412
|
+
f_meternumber: this.userinfo.userfiles[i].f_meternumber,
|
|
413
|
+
f_gasbrand_id: this.userinfo.userfiles[i].f_gasbrand_id
|
|
414
|
+
}
|
|
415
|
+
if (this.userinfo.userfiles[i].f_userfiles_id) {
|
|
416
|
+
data.f_userfiles_id = this.userinfo.userfiles[i].f_userfiles_id
|
|
417
|
+
}
|
|
418
|
+
let res = await this.$resetpost('rs/logic/meterbrandsNumberValidate', {data:data}, {
|
|
419
|
+
resolveMsg: null,
|
|
420
|
+
rejectMsg: '表号验证失败！！'
|
|
421
|
+
})
|
|
422
|
+
if (res.data) {
|
|
423
|
+
this.userinfo.userfiles[i].f_meternumber = ''
|
|
424
|
+
this.$showAlert('表号已存在！！', 'warning', 3000)
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
},
|
|
428
|
+
// 选择气表型号
|
|
429
|
+
gasmodelChange(i) {
|
|
430
|
+
if (this.userinfo.userfiles[i].gasmodel) {
|
|
431
|
+
this.userinfo.userfiles[i].f_gasmodel_id = this.userinfo.userfiles[i].gasmodel.id
|
|
432
|
+
}
|
|
433
|
+
},
|
|
434
|
+
// 选择气表品牌
|
|
435
|
+
gasbrandChange(i) {
|
|
436
|
+
// 清空已保存的气表型号
|
|
437
|
+
this.userinfo.userfiles[i].f_gasmodel_id = null
|
|
438
|
+
this.userinfo.userfiles[i].gasmodel = null
|
|
439
|
+
if (this.userinfo.userfiles[i].gasbrand) {
|
|
440
|
+
// 气表品牌id
|
|
441
|
+
this.userinfo.userfiles[i].f_gasbrand_id = this.userinfo.userfiles[i].gasbrand.id
|
|
442
|
+
// 气表分类
|
|
443
|
+
this.userinfo.userfiles[i].f_meter_classify = this.userinfo.userfiles[i].gasbrand.f_meter_type
|
|
444
|
+
}
|
|
445
|
+
},
|
|
446
|
+
// 追加表具
|
|
447
|
+
addUserFile() {
|
|
448
|
+
this.userinfo.userfiles.push({})
|
|
449
|
+
},
|
|
450
|
+
// 打开安装明细
|
|
451
|
+
async showUserFileModal (row) {
|
|
452
|
+
this.useradders = row
|
|
453
|
+
|
|
454
|
+
let http = new HttpResetClass()
|
|
455
|
+
let data = {
|
|
456
|
+
condition: `f_userinfo_id='${row.f_userinfo_id}'`
|
|
457
|
+
}
|
|
458
|
+
let res = await http.load('POST', 'rs/logic/getUserinfoAndUserfiles', {data:data}, {
|
|
459
|
+
resolveMsg: null,
|
|
460
|
+
rejectMsg: null
|
|
461
|
+
})
|
|
462
|
+
|
|
463
|
+
this.userinfo = res.data
|
|
464
|
+
|
|
465
|
+
// 已有表具的 气表信息补充
|
|
466
|
+
for (const userfile of this.userinfo.userfiles) {
|
|
467
|
+
for (const item of this.meterbrands) {
|
|
468
|
+
if (item.value.id === userfile.f_gasbrand_id) {
|
|
469
|
+
userfile.gasbrand = item.value
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
if (userfile.gasbrand) {
|
|
473
|
+
for (const item of userfile.gasbrand.gasmodel) {
|
|
474
|
+
if (item.value.id === userfile.f_gasmodel_id) {
|
|
475
|
+
userfile.gasmodel = item.value
|
|
476
|
+
}
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
await this.getfiles()
|
|
481
|
+
this.showUserFile = true
|
|
482
|
+
},
|
|
483
|
+
// 获取气表品牌
|
|
484
|
+
async getMeterbrands() {
|
|
485
|
+
let http = new HttpResetClass()
|
|
486
|
+
let data = {
|
|
487
|
+
f_filialeid: this.$login.f.orgid
|
|
488
|
+
}
|
|
489
|
+
let res = await http.load('POST', 'rs/logic/getMeterbrands', {data:data}, {
|
|
490
|
+
resolveMsg: null,
|
|
491
|
+
rejectMsg: null
|
|
492
|
+
})
|
|
493
|
+
this.meterbrands = res.data
|
|
494
|
+
},
|
|
495
|
+
// 查询
|
|
496
|
+
async search () {
|
|
497
|
+
this.$refs.cp.$refs.cri.search()
|
|
498
|
+
},
|
|
499
|
+
// 关闭安装明细
|
|
500
|
+
closeUserFile() {
|
|
501
|
+
this.showUserFile = false
|
|
502
|
+
this.useradders = null
|
|
503
|
+
this.userinfo = null
|
|
504
|
+
this.search()
|
|
505
|
+
},
|
|
506
|
+
// 关闭文件上传对话框
|
|
507
|
+
closeFile() {
|
|
508
|
+
this.showFile = false
|
|
509
|
+
// 将选的文件清空
|
|
510
|
+
this.$refs.file.$el.querySelector('input').value = ''
|
|
511
|
+
if (this.files === '导入'){
|
|
512
|
+
this.search()
|
|
513
|
+
}
|
|
514
|
+
},
|
|
515
|
+
getfiles(){
|
|
516
|
+
let http = new HttpResetClass()
|
|
517
|
+
let data = {
|
|
518
|
+
tablename: 't_files',
|
|
519
|
+
condition: `f_blobid= '${this.userinfo.f_userinfo_id}' and fusetype = '表具附件'` + ` order by f_uploaddate desc `
|
|
520
|
+
}
|
|
521
|
+
http.load('POST', 'rs/sql/singleTable', {data: data}, {
|
|
522
|
+
warnMsg: null,
|
|
523
|
+
resolveMsg: null
|
|
524
|
+
}).then(res=>{
|
|
525
|
+
const protocol = location.protocol + '//'
|
|
526
|
+
const host = location.host
|
|
527
|
+
this.user_files = res.data.map(item => {
|
|
528
|
+
let temp = item.f_downloadpath
|
|
529
|
+
let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
|
|
530
|
+
return {
|
|
531
|
+
...item,
|
|
532
|
+
f_downloadURL: URL ? `${protocol}${host}/${URL}` : ''
|
|
533
|
+
}
|
|
534
|
+
})
|
|
535
|
+
console.log('this.user_files',this.user_files)
|
|
536
|
+
})
|
|
537
|
+
},
|
|
538
|
+
delet(index, row) {
|
|
539
|
+
this.$resetdelete('rs/entity/t_files', {id: row.id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
|
|
540
|
+
this.getfiles()
|
|
541
|
+
})
|
|
542
|
+
},
|
|
543
|
+
// 下载
|
|
544
|
+
downloadfile(filepath){
|
|
545
|
+
var link = document.createElement('a');
|
|
546
|
+
link.href = filepath;
|
|
547
|
+
link.target='_blank'
|
|
548
|
+
link.dispatchEvent(new MouseEvent('click'));
|
|
549
|
+
},
|
|
550
|
+
},
|
|
551
|
+
events: {
|
|
552
|
+
async 'onFileUpload'(file, result) {
|
|
553
|
+
if (this.files === '导入'){
|
|
554
|
+
let data = {
|
|
555
|
+
selectdata: this.selectdata,
|
|
556
|
+
filepath: result.f_downloadpath,
|
|
557
|
+
user: this.$login.f
|
|
558
|
+
}
|
|
559
|
+
let url = null
|
|
560
|
+
if (this.selectdata.f_apply_type === '开发商集体报建' || this.selectdata.f_apply_type === '散户集体报建') {
|
|
561
|
+
url = 'rs/logic/importAddressUserFiles'
|
|
562
|
+
} else {
|
|
563
|
+
url = 'rs/logic/importAddInstallationDetails'
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
let res = await this.$resetpost(url, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
|
|
567
|
+
if(res.data.type === "success"){
|
|
568
|
+
this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
|
|
569
|
+
}else{
|
|
570
|
+
this.$showMessage(res.data.msg);
|
|
571
|
+
}
|
|
572
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
573
|
+
}
|
|
574
|
+
if (this.files === '上传') {
|
|
575
|
+
await this.$resetpost(
|
|
576
|
+
'rs/entity/t_files', { id: result.id, f_blobid: this.userinfo.f_userinfo_id, fusetype:'表具附件'}
|
|
577
|
+
)
|
|
578
|
+
await this.getfiles()
|
|
579
|
+
await this.closeFile()
|
|
580
|
+
}
|
|
581
|
+
}
|
|
582
|
+
},
|
|
583
|
+
computed: {
|
|
584
|
+
// 安装人
|
|
585
|
+
installperson() {
|
|
586
|
+
return this.$login.f.f_installman.map(item => {
|
|
587
|
+
return {
|
|
588
|
+
label: item.name,
|
|
589
|
+
value: item.name
|
|
590
|
+
}
|
|
591
|
+
})
|
|
592
|
+
},
|
|
593
|
+
// 表向
|
|
594
|
+
aroundmeters() {
|
|
595
|
+
return this.$appdata.getParam('左右表')
|
|
596
|
+
},
|
|
597
|
+
// 安装位置
|
|
598
|
+
positions() {
|
|
599
|
+
return this.$appdata.getParam('安装位置')
|
|
600
|
+
}
|
|
601
|
+
},
|
|
602
|
+
watch: {
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
</script>
|
|
606
|
+
<style scoped>
|
|
607
|
+
p {
|
|
608
|
+
margin: 0;
|
|
609
|
+
}
|
|
610
|
+
.showData {
|
|
611
|
+
padding: 15px 10px 0px 10px;
|
|
612
|
+
box-sizing: border-box;
|
|
613
|
+
height: 230px;
|
|
614
|
+
font-family: "微软雅黑";
|
|
615
|
+
}
|
|
616
|
+
.showData .item{
|
|
617
|
+
padding-bottom: 10px;
|
|
618
|
+
border-bottom: solid 1px #c1c1c1;
|
|
619
|
+
}
|
|
620
|
+
.left {
|
|
621
|
+
padding-right: 10px;
|
|
622
|
+
}
|
|
623
|
+
.left img{
|
|
624
|
+
height: 100%;
|
|
625
|
+
width: 100%;
|
|
626
|
+
}
|
|
627
|
+
.right{
|
|
628
|
+
height: 100%;
|
|
629
|
+
}
|
|
630
|
+
.head-but{
|
|
631
|
+
margin-left: 5px;
|
|
632
|
+
height: 34px;
|
|
633
|
+
/*background-color: #6aa6e2;*/
|
|
634
|
+
border-radius: 4px;
|
|
635
|
+
font-family: PingFang;
|
|
636
|
+
color: #ffffff;
|
|
637
|
+
}
|
|
638
|
+
/*清除model中的浮动*/
|
|
639
|
+
.clearfix:after,.clearfix:before{
|
|
640
|
+
display: table;
|
|
641
|
+
}
|
|
642
|
+
.clearfix:after{
|
|
643
|
+
clear: both;
|
|
644
|
+
}
|
|
645
|
+
</style>
|