apply-clients 4.1.69 → 4.1.72
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.
- package/dist.zip +0 -0
- package/package.json +1 -1
- package/src/apply.js +72 -72
- package/src/components/product/Function/InstallInfoSelect.vue +0 -1
- package/src/components/product/Process/Processes/UserFireInfo.vue +409 -409
- package/src/components/product/Process/Processes/addressAndUserinfoManagement.vue +3 -0
- package/src/components/product/Process/Processes/devicesDetails.vue +834 -834
- package/src/components/product/ServiceView.vue +797 -797
- package/src/components/product/Supervisory/SupervisoryhCart.vue +0 -7
|
@@ -1,834 +1,834 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="col-sm-12" style="margin: 20px 0px;">
|
|
3
|
-
<div class="auto" style="overflow:auto;margin: 15px 0 0 15px;">
|
|
4
|
-
<div class="col-sm-12" style="height: 180px">
|
|
5
|
-
<div class="row col-sm-12">
|
|
6
|
-
<div class="from-group col-sm-3">
|
|
7
|
-
<label class=" control-label" >点火状态</label>
|
|
8
|
-
<v-select :value.sync="query.f_state" v-model="query.f_state"
|
|
9
|
-
:options='firestate' placeholder='请选择'
|
|
10
|
-
close-on-select >
|
|
11
|
-
</v-select>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="form-group col-sm-5" >
|
|
14
|
-
<!-- <button class="button_search button_spacing" @click="search()">查询</button>-->
|
|
15
|
-
<button type="button" class="btn btn-default" @click="search(0)">查询</button>
|
|
16
|
-
<button type="button" class="btn btn-default" @click="clear()">清空</button>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
<data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
|
|
22
|
-
<template partial='head'>
|
|
23
|
-
<tr>
|
|
24
|
-
<th>序号</th>
|
|
25
|
-
<th>客户编号</th>
|
|
26
|
-
<th>客户名称</th>
|
|
27
|
-
<th>客户电话</th>
|
|
28
|
-
<th>地址信息</th>
|
|
29
|
-
<th>设备数量</th>
|
|
30
|
-
<th>点火状态</th>
|
|
31
|
-
<th>
|
|
32
|
-
操作
|
|
33
|
-
<!-- <button type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"-->
|
|
34
|
-
<!-- @click="$parent.$parent.showFile = !$parent.$parent.showFile">导入</button>-->
|
|
35
|
-
<!-- <a type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"-->
|
|
36
|
-
<!-- href="/apply/download/excel/v3报装表具批量导入.xlsx" download>模板下载</a>-->
|
|
37
|
-
<!-- <export-excel :data="$parent.$parent.getCondition"-->
|
|
38
|
-
<!-- :field="$parent.$parent.getfield"-->
|
|
39
|
-
<!-- sqlurl="rs/logic/applyExportfile"-->
|
|
40
|
-
<!-- sql-name="getInstallableAddress"-->
|
|
41
|
-
<!-- template-name='可安装地址'-->
|
|
42
|
-
<!-- btn-name="导出可安装"-->
|
|
43
|
-
<!-- :choose-col="true"></export-excel>-->
|
|
44
|
-
</th>
|
|
45
|
-
</tr>
|
|
46
|
-
</template>
|
|
47
|
-
<template partial='body'>
|
|
48
|
-
<tr>
|
|
49
|
-
<td style="text-align: center;">
|
|
50
|
-
<nobr>{{$index+1}}</nobr>
|
|
51
|
-
</td>
|
|
52
|
-
<td style="text-align: center;">
|
|
53
|
-
<nobr>{{row.f_userinfo_code}}</nobr>
|
|
54
|
-
</td>
|
|
55
|
-
<td style="text-align: center;">
|
|
56
|
-
<nobr>{{row.f_user_name}}</nobr>
|
|
57
|
-
</td>
|
|
58
|
-
<td style="text-align: center;">
|
|
59
|
-
<nobr>{{row.f_user_phone}}</nobr>
|
|
60
|
-
</td>
|
|
61
|
-
<td style="text-align: center;">
|
|
62
|
-
<nobr>{{row.f_address}}</nobr>
|
|
63
|
-
</td>
|
|
64
|
-
<td style="text-align: center;">
|
|
65
|
-
<nobr>{{row.f_devices_num === null ? 0 : row.f_devices_num}}</nobr>
|
|
66
|
-
</td>
|
|
67
|
-
<td style="text-align: center;">
|
|
68
|
-
<nobr>{{row.f_fire_num === null ? "未点火" : "已点火"}}</nobr>
|
|
69
|
-
</td>
|
|
70
|
-
<td style="text-align: center;">
|
|
71
|
-
<nobr>
|
|
72
|
-
<button
|
|
73
|
-
type="button" name="button" class="btn btn-link"
|
|
74
|
-
:disabled="row.f_cumulative_payment_money < $parent.$parent.selectdata.f_price && selectdata.f_apply_type !== '开发商集体报建'"
|
|
75
|
-
@click="$parent.$parent.showUserFileModal(row)">
|
|
76
|
-
{{$parent.$parent.mark === 1 ? '查看' : row.f_devices_num > 0 ? '修正' : '添加'}}
|
|
77
|
-
</button>
|
|
78
|
-
<button
|
|
79
|
-
type="button" name="button" class="btn btn-link"
|
|
80
|
-
@click="$parent.$parent.showFire(row)">
|
|
81
|
-
点火信息
|
|
82
|
-
</button>
|
|
83
|
-
</nobr>
|
|
84
|
-
</td>
|
|
85
|
-
</tr>
|
|
86
|
-
</template>
|
|
87
|
-
</data-grid>
|
|
88
|
-
</div>
|
|
89
|
-
<modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
|
|
90
|
-
<header slot="modal-header" class="modal-header">
|
|
91
|
-
<button type="button" class="close" @click="closeFile"><span>×</span></button>
|
|
92
|
-
<h4 class="modal-title">选择文件</h4>
|
|
93
|
-
</header>
|
|
94
|
-
<article slot="modal-body" class="modal-body">
|
|
95
|
-
<div class="form-group">
|
|
96
|
-
<file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
|
|
97
|
-
</div>
|
|
98
|
-
</article>
|
|
99
|
-
<footer slot="modal-footer" class="modal-footer"></footer>
|
|
100
|
-
</modal>
|
|
101
|
-
|
|
102
|
-
<validator name="v">
|
|
103
|
-
<modal v-if="showUserFile" :show.sync="showUserFile" v-ref:modal :large="true" :backdrop="false" title="设备明细">
|
|
104
|
-
<header slot="modal-header" class="modal-header">
|
|
105
|
-
<button type="button" class="close" @click="closeUserFile"><span>×</span></button>
|
|
106
|
-
<h4 class="modal-title">设备明细</h4>
|
|
107
|
-
</header>
|
|
108
|
-
<article slot="modal-body" class="modal-body clearfix">
|
|
109
|
-
<div class="form-group col-sm-12">
|
|
110
|
-
<label class="col-sm-2 control-label">地址信息：</label>
|
|
111
|
-
<div class="col-sm-10">
|
|
112
|
-
<input class="form-control input_view" style=""
|
|
113
|
-
v-model="useradders.f_address"
|
|
114
|
-
:value="useradders.f_address"
|
|
115
|
-
:readonly="true"/>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
|
|
119
|
-
<div v-for="(i, item) in userinfo.devices" class="form-group col-sm-12 panel panel-info">
|
|
120
|
-
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">设备{{$index+1}}信息</div>
|
|
121
|
-
<div class="form-group col-sm-6">
|
|
122
|
-
<label class="col-sm-4 control-label">设备类型：</label>
|
|
123
|
-
<div class="col-sm-8">
|
|
124
|
-
<input-select
|
|
125
|
-
class="select select_list"
|
|
126
|
-
:value.sync="item.f_devices_type"
|
|
127
|
-
v-model="item.f_devices_type"
|
|
128
|
-
:options="devicestype"
|
|
129
|
-
:disable="mark === 1"
|
|
130
|
-
:valueSingle="true"></input-select>
|
|
131
|
-
</div>
|
|
132
|
-
</div>
|
|
133
|
-
<div class="form-group col-sm-6">
|
|
134
|
-
<label class="col-sm-4 control-label">设备编号：</label>
|
|
135
|
-
<div class="col-sm-8">
|
|
136
|
-
<input class="form-control input_view" style=""
|
|
137
|
-
placeholder="设备编号"
|
|
138
|
-
v-model="item.f_devices_no"
|
|
139
|
-
:value="item.f_devices_no"
|
|
140
|
-
:readonly="mark === 1"/>
|
|
141
|
-
</div>
|
|
142
|
-
</div>
|
|
143
|
-
<div class="form-group col-sm-6">
|
|
144
|
-
<label class="col-sm-4 control-label">设备品牌：</label>
|
|
145
|
-
<div class="col-sm-8">
|
|
146
|
-
<input class="form-control input_view" style=""
|
|
147
|
-
placeholder="设备品牌"
|
|
148
|
-
v-model="item.f_brand"
|
|
149
|
-
:value="item.f_brand"
|
|
150
|
-
:readonly="mark === 1"/>
|
|
151
|
-
</div>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="form-group col-sm-6">
|
|
154
|
-
<label class="col-sm-4 control-label">设备型号：</label>
|
|
155
|
-
<div class="col-sm-8">
|
|
156
|
-
<input class="form-control input_view" style=""
|
|
157
|
-
placeholder="设备型号"
|
|
158
|
-
v-model="item.f_devices_model"
|
|
159
|
-
:value="item.f_devices_model"
|
|
160
|
-
:readonly="mark === 1"/>
|
|
161
|
-
</div>
|
|
162
|
-
</div>
|
|
163
|
-
<div class="form-group col-sm-6">
|
|
164
|
-
<label class="col-sm-4 control-label">安装人：</label>
|
|
165
|
-
<div class="col-sm-8">
|
|
166
|
-
<input class="form-control input_view" style=""
|
|
167
|
-
placeholder="安装人"
|
|
168
|
-
v-model="item.f_input_person"
|
|
169
|
-
:value="item.f_input_person"
|
|
170
|
-
:readonly="mark === 1"/>
|
|
171
|
-
</div>
|
|
172
|
-
</div>
|
|
173
|
-
<div class="form-group col-sm-6">
|
|
174
|
-
<label class="col-sm-4 control-label">安装日期：</label>
|
|
175
|
-
<div class="col-sm-8">
|
|
176
|
-
<datepicker
|
|
177
|
-
placeholder="安装日期"
|
|
178
|
-
:value.sync="item.f_input_date"
|
|
179
|
-
v-model="item.f_input_date"
|
|
180
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
181
|
-
:disabled="mark === 1"
|
|
182
|
-
:show-reset-button="reset">
|
|
183
|
-
</datepicker>
|
|
184
|
-
</div>
|
|
185
|
-
</div>
|
|
186
|
-
<div class="form-group col-sm-6">
|
|
187
|
-
<label class="col-sm-4 control-label">生产日期：</label>
|
|
188
|
-
<div class="col-sm-8">
|
|
189
|
-
<datepicker
|
|
190
|
-
placeholder="生产日期"
|
|
191
|
-
:value.sync="item.f_make_date"
|
|
192
|
-
v-model="item.f_make_date"
|
|
193
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
194
|
-
:disabled="mark === 1"
|
|
195
|
-
:show-reset-button="reset">
|
|
196
|
-
</datepicker>
|
|
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
|
-
placeholder="使用年限"
|
|
205
|
-
v-model="item.f_service_life"
|
|
206
|
-
:value="item.f_service_life"
|
|
207
|
-
:readonly="mark === 1"/>
|
|
208
|
-
</div>
|
|
209
|
-
</div>
|
|
210
|
-
<div class="form-group col-sm-6">
|
|
211
|
-
<label class="col-sm-4 control-label">到期日期：</label>
|
|
212
|
-
<div class="col-sm-8">
|
|
213
|
-
<datepicker
|
|
214
|
-
placeholder="到期日期"
|
|
215
|
-
:value.sync="item.f_expire_date"
|
|
216
|
-
v-model="item.f_expire_date"
|
|
217
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
218
|
-
:disabled="mark === 1"
|
|
219
|
-
:show-reset-button="reset">
|
|
220
|
-
</datepicker>
|
|
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 class="form-control input_view" style=""
|
|
227
|
-
type="number"
|
|
228
|
-
v-model="item.f_devices_num"
|
|
229
|
-
:value="item.f_devices_num"
|
|
230
|
-
placeholder="设备数量"
|
|
231
|
-
:readonly="mark === 1"/>
|
|
232
|
-
</div>
|
|
233
|
-
</div>
|
|
234
|
-
<div class="form-group col-sm-6">
|
|
235
|
-
<label class="col-sm-4 control-label">设备状态：</label>
|
|
236
|
-
<div class="col-sm-8">
|
|
237
|
-
<input-select
|
|
238
|
-
class="select select_list"
|
|
239
|
-
:value.sync="item.f_state"
|
|
240
|
-
v-model="item.f_state"
|
|
241
|
-
:options="aroundmeters"
|
|
242
|
-
:disable="mark === 1"
|
|
243
|
-
:valueSingle="true"></input-select>
|
|
244
|
-
</div>
|
|
245
|
-
</div>
|
|
246
|
-
<div class="form-group col-sm-6">
|
|
247
|
-
<label class="col-sm-4 control-label">购买方式：</label>
|
|
248
|
-
<div class="col-sm-8">
|
|
249
|
-
<input-select
|
|
250
|
-
class="select select_list"
|
|
251
|
-
:value.sync="item.WatchPurchase"
|
|
252
|
-
v-model="item.WatchPurchase"
|
|
253
|
-
:options="positions"
|
|
254
|
-
:disable="mark === 1"
|
|
255
|
-
:valueSingle="true"></input-select>
|
|
256
|
-
</div>
|
|
257
|
-
</div>
|
|
258
|
-
<div class="form-group col-sm-6">
|
|
259
|
-
<label class="col-sm-4 control-label">安装方式：</label>
|
|
260
|
-
<div class="col-sm-8">
|
|
261
|
-
<input-select
|
|
262
|
-
class="select select_list"
|
|
263
|
-
:value.sync="item.f_install_type"
|
|
264
|
-
v-model="item.f_install_type"
|
|
265
|
-
:options="installstyle"
|
|
266
|
-
:disable="mark === 1"
|
|
267
|
-
:valueSingle="true"></input-select>
|
|
268
|
-
</div>
|
|
269
|
-
</div>
|
|
270
|
-
<div class="form-group col-sm-6">
|
|
271
|
-
<label class="col-sm-4 control-label">备注：</label>
|
|
272
|
-
<div class="col-sm-8">
|
|
273
|
-
<input class="form-control input_view" style=""
|
|
274
|
-
placeholder="备注"
|
|
275
|
-
v-model="item.f_comments"
|
|
276
|
-
:value="item.f_comments"
|
|
277
|
-
:readonly="mark === 1"/>
|
|
278
|
-
</div>
|
|
279
|
-
</div>
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
</div>
|
|
284
|
-
|
|
285
|
-
<div v-for="(i, item) in userinfo.devices" class="form-group col-sm-12 panel panel-info">
|
|
286
|
-
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">连接管{{$index+1}}信息</div>
|
|
287
|
-
<div class="form-group col-sm-6">
|
|
288
|
-
<label class="col-sm-4 control-label">管道类型：</label>
|
|
289
|
-
<div class="col-sm-8">
|
|
290
|
-
<input-select
|
|
291
|
-
class="select select_list"
|
|
292
|
-
:value.sync="item.f_pipe_type"
|
|
293
|
-
v-model="item.f_pipe_type"
|
|
294
|
-
:options="pipingtype"
|
|
295
|
-
:disable="mark === 1"
|
|
296
|
-
:valueSingle="true"></input-select>
|
|
297
|
-
</div>
|
|
298
|
-
</div>
|
|
299
|
-
<div class="form-group col-sm-6">
|
|
300
|
-
<label class="col-sm-4 control-label">安装日期：</label>
|
|
301
|
-
<div class="col-sm-8">
|
|
302
|
-
<datepicker
|
|
303
|
-
placeholder="连接管安装日期"
|
|
304
|
-
:value.sync="item.f_pipeinstall_date"
|
|
305
|
-
v-model="item.f_pipeinstall_date"
|
|
306
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
307
|
-
:disabled="mark === 1"
|
|
308
|
-
:show-reset-button="reset">
|
|
309
|
-
</datepicker>
|
|
310
|
-
</div>
|
|
311
|
-
</div>
|
|
312
|
-
<div class="form-group col-sm-6">
|
|
313
|
-
<label class="col-sm-4 control-label">到期日期：</label>
|
|
314
|
-
<div class="col-sm-8">
|
|
315
|
-
<datepicker
|
|
316
|
-
placeholder="连接管到期日期"
|
|
317
|
-
:value.sync="item.f_pipeexpire_date"
|
|
318
|
-
v-model="item.f_pipeexpire_date"
|
|
319
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
320
|
-
:disabled="mark === 1"
|
|
321
|
-
:show-reset-button="reset">
|
|
322
|
-
</datepicker>
|
|
323
|
-
</div>
|
|
324
|
-
</div>
|
|
325
|
-
|
|
326
|
-
</div>
|
|
327
|
-
|
|
328
|
-
</article>
|
|
329
|
-
<footer slot="modal-footer" class="modal-footer">
|
|
330
|
-
<!-- 去除一户多表 -->
|
|
331
|
-
<button type="button" class="btn btn-primary" @click="addUserFile">添加设备</button>
|
|
332
|
-
<button type="button" class="btn btn-primary" @click="saveUserFile" :disabled="!$v.valid">确认</button>
|
|
333
|
-
</footer>
|
|
334
|
-
</modal>
|
|
335
|
-
<modal :show.sync="showFilePage" width="80%" title="点火基本信息" v-ref:modal large backdrop="false">
|
|
336
|
-
<article slot="modal-body" class="modal-body" style="height: auto">
|
|
337
|
-
<div class="flex-row flex-deviceinfo">
|
|
338
|
-
|
|
339
|
-
<div class="panel panel-primary col-sm-12 datapanel" v-if="selectdata.f_apply_type[0]!='工商户报建'">
|
|
340
|
-
<!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
|
|
341
|
-
<form class="form-horizontal select-overspread " style="flex: 1;">
|
|
342
|
-
<div style="margin-top: 2%">
|
|
343
|
-
<img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
|
|
344
|
-
<a style="font-size: 16px;font-weight: 500;">民用点火信息</a> <a style="color: #999999;text-decoration: none"></a>
|
|
345
|
-
</div>
|
|
346
|
-
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
347
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
348
|
-
<label class="font_normal_body">   镀锌管 </label>
|
|
349
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_galvanize_pipe"
|
|
350
|
-
placeholder='镀锌管' >
|
|
351
|
-
</div>
|
|
352
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
353
|
-
<label class="font_normal_body">   三 通 </label>
|
|
354
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_tee"
|
|
355
|
-
placeholder='三通' >
|
|
356
|
-
</div>
|
|
357
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
358
|
-
<label class="font_normal_body">   对 丝 </label>
|
|
359
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_nipple"
|
|
360
|
-
placeholder='对丝' >
|
|
361
|
-
</div>
|
|
362
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
363
|
-
<label class="font_normal_body">   弯 头 </label>
|
|
364
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_elbow"
|
|
365
|
-
placeholder='弯头' >
|
|
366
|
-
</div>
|
|
367
|
-
</div>
|
|
368
|
-
<div class="row auto" style="margin-left: 10px;">
|
|
369
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
370
|
-
<label class="font_normal_body">   管 卡 </label>
|
|
371
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_pipe_strap"
|
|
372
|
-
placeholder='管卡' >
|
|
373
|
-
</div>
|
|
374
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
375
|
-
<label class="font_normal_body">   灶前阀 </label>
|
|
376
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zqf"
|
|
377
|
-
placeholder='灶前阀' >
|
|
378
|
-
</div>
|
|
379
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
380
|
-
<label class="font_normal_body">   胶 管 </label>
|
|
381
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_sebific_duct"
|
|
382
|
-
placeholder='胶管' >
|
|
383
|
-
</div>
|
|
384
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
385
|
-
<label class="font_normal_body">   自闭阀 </label>
|
|
386
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zbf"
|
|
387
|
-
placeholder='自闭阀' >
|
|
388
|
-
</div>
|
|
389
|
-
</div>
|
|
390
|
-
<div class="row auto" style="margin-left: 10px;">
|
|
391
|
-
|
|
392
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
393
|
-
<label class="font_normal_body">   燃气具 </label>
|
|
394
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_gas_appliance"
|
|
395
|
-
placeholder='燃气具' >
|
|
396
|
-
</div>
|
|
397
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
398
|
-
<label class="font_normal_body">   热水器 </label>
|
|
399
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_geyser"
|
|
400
|
-
placeholder='热水器' >
|
|
401
|
-
</div>
|
|
402
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
403
|
-
<label class="font_normal_body">   壁挂锅炉</label>
|
|
404
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl"
|
|
405
|
-
placeholder='壁挂锅炉' >
|
|
406
|
-
</div>
|
|
407
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
408
|
-
<label class="font_normal_body">   型 号 </label>
|
|
409
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl_style"
|
|
410
|
-
placeholder='壁挂锅炉型号' >
|
|
411
|
-
</div>
|
|
412
|
-
</div>
|
|
413
|
-
<div class="row auto" style="margin-left: 10px;">
|
|
414
|
-
<div class="col-sm-3 form-group" >
|
|
415
|
-
<label class="font_normal_body">   交付日期</label>
|
|
416
|
-
<datepicker placeholder="交付日期" style="width: 57%"
|
|
417
|
-
v-model="fireinfo.f_deliver_date"
|
|
418
|
-
:value.sync="fireinfo.f_deliver_date"
|
|
419
|
-
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
420
|
-
</datepicker>
|
|
421
|
-
</div>
|
|
422
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
423
|
-
<label class="font_normal_body">   点火人员</label>
|
|
424
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
|
|
425
|
-
placeholder='点火人员' >
|
|
426
|
-
</div>
|
|
427
|
-
<div class="col-sm-12 form-group" >
|
|
428
|
-
<label class="font_normal_body">   检验结论</label>
|
|
429
|
-
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_fic"
|
|
430
|
-
placeholder='设施检验结论' >
|
|
431
|
-
</div>
|
|
432
|
-
<div class="col-sm-12 form-group" >
|
|
433
|
-
<label class="font_normal_body">   备  注</label>
|
|
434
|
-
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
|
|
435
|
-
placeholder='备注' >
|
|
436
|
-
</div>
|
|
437
|
-
</div>
|
|
438
|
-
</form>
|
|
439
|
-
</div>
|
|
440
|
-
<div class="panel panel-primary col-sm-12 datapanel" v-if="selectdata.f_apply_type[0]=='工商户报建'">
|
|
441
|
-
<!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
|
|
442
|
-
<form class="form-horizontal select-overspread " style="flex: 1;">
|
|
443
|
-
<div style="margin-top: 2%">
|
|
444
|
-
<img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
|
|
445
|
-
<a style="font-size: 16px;font-weight: 500;">非民用点火基本信息</a> <a style="color: #999999;text-decoration: none"></a>
|
|
446
|
-
</div>
|
|
447
|
-
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
448
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
449
|
-
<label class="font_normal_body">  探测器数量</label>
|
|
450
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_detector_number"
|
|
451
|
-
placeholder='探测器数量' >
|
|
452
|
-
</div>
|
|
453
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
454
|
-
<label class="font_normal_body">  气表品牌</label>
|
|
455
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_fire_gasbrand"
|
|
456
|
-
placeholder='气表品牌' >
|
|
457
|
-
</div>
|
|
458
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
459
|
-
<label class="font_normal_body"> 控制器品牌</label>
|
|
460
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_brand"
|
|
461
|
-
placeholder='控制器品牌' >
|
|
462
|
-
</div>
|
|
463
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
464
|
-
<label class="font_normal_body"> 控制器型号</label>
|
|
465
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_model"
|
|
466
|
-
placeholder='控制器型号' >
|
|
467
|
-
</div>
|
|
468
|
-
</div>
|
|
469
|
-
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
470
|
-
|
|
471
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
472
|
-
<label class="font_normal_body">控制器出厂日期</label>
|
|
473
|
-
<datepicker placeholder="控制器出厂日期" style="width: 60%"
|
|
474
|
-
v-model="fireinfo.f_control_date"
|
|
475
|
-
:value.sync="fireinfo.f_control_date"
|
|
476
|
-
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
477
|
-
</datepicker>
|
|
478
|
-
</div>
|
|
479
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
480
|
-
<label class="font_normal_body">控制器表编码</label>
|
|
481
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_code"
|
|
482
|
-
placeholder='控制器表编码' >
|
|
483
|
-
</div>
|
|
484
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
485
|
-
<label class="font_normal_body">控制器表封号</label>
|
|
486
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_number"
|
|
487
|
-
placeholder='控制器表封号' >
|
|
488
|
-
</div>
|
|
489
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
490
|
-
<label class="font_normal_body"> 燃气具类型</label>
|
|
491
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_type"
|
|
492
|
-
placeholder='燃气具类型' >
|
|
493
|
-
</div>
|
|
494
|
-
</div>
|
|
495
|
-
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
496
|
-
|
|
497
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
498
|
-
<label class="font_normal_body">  燃气具品牌</label>
|
|
499
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_brand"
|
|
500
|
-
placeholder='燃气具品牌' >
|
|
501
|
-
</div>
|
|
502
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
503
|
-
<label class="font_normal_body"> 燃气具型号</label>
|
|
504
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_model"
|
|
505
|
-
placeholder='燃气具型号' >
|
|
506
|
-
</div>
|
|
507
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
508
|
-
<label class="font_normal_body"> 报警箱信息</label>
|
|
509
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_alarm_info"
|
|
510
|
-
placeholder='报警控制箱信息' >
|
|
511
|
-
</div>
|
|
512
|
-
<div class="col-sm-3 form-group" >
|
|
513
|
-
<label class="font_normal_body">  交付日期</label>
|
|
514
|
-
<datepicker placeholder="交付日期" style="width: 60%"
|
|
515
|
-
v-model="fireinfo.f_deliver_date"
|
|
516
|
-
:value.sync="fireinfo.f_deliver_date"
|
|
517
|
-
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
518
|
-
</datepicker>
|
|
519
|
-
</div>
|
|
520
|
-
</div>
|
|
521
|
-
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
522
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
523
|
-
<label class="font_normal_body">   通讯方式</label>
|
|
524
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_contact_method"
|
|
525
|
-
placeholder='通讯方式' >
|
|
526
|
-
</div>
|
|
527
|
-
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
528
|
-
<label class="font_normal_body">  点火人员</label>
|
|
529
|
-
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
|
|
530
|
-
placeholder='点火人员' >
|
|
531
|
-
</div>
|
|
532
|
-
<div class="col-sm-12 form-group" >
|
|
533
|
-
<label class="font_normal_body">   检验结论</label>
|
|
534
|
-
<input type="text" class="input_search" style="width:90%" v-model="fireinfo.f_fic"
|
|
535
|
-
placeholder='设施检验结论' >
|
|
536
|
-
</div>
|
|
537
|
-
<div class="col-sm-12 form-group" >
|
|
538
|
-
<label class="font_normal_body">   备  注</label>
|
|
539
|
-
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
|
|
540
|
-
placeholder='备注' >
|
|
541
|
-
</div>
|
|
542
|
-
</div>
|
|
543
|
-
</form>
|
|
544
|
-
</div>
|
|
545
|
-
</div>
|
|
546
|
-
|
|
547
|
-
</article>
|
|
548
|
-
|
|
549
|
-
<footer slot="modal-footer" class="modal-footer">
|
|
550
|
-
<button type="button" class="btn btn-default" @click='cancel()'>取消</button>
|
|
551
|
-
<button type="button" class="btn btn-success" @click='confirm()'>确定</button>
|
|
552
|
-
</footer>
|
|
553
|
-
</modal>
|
|
554
|
-
<!-- <apply-file-user-fire-info v-if="showFilePage" :fireinfo="fireinfo" :showFilePage="showFilePage"></apply-file-user-fire-info>-->
|
|
555
|
-
</validator>
|
|
556
|
-
</template>
|
|
557
|
-
<script>
|
|
558
|
-
import Vue from 'vue'
|
|
559
|
-
import {PagedList} from 'vue-client'
|
|
560
|
-
import {HttpResetClass} from 'vue-client'
|
|
561
|
-
import {isEmpty} from '../../../Util'
|
|
562
|
-
|
|
563
|
-
export default {
|
|
564
|
-
title: '设备信息',
|
|
565
|
-
props: {
|
|
566
|
-
selectdata: {
|
|
567
|
-
type: Object
|
|
568
|
-
},
|
|
569
|
-
mark: {
|
|
570
|
-
type: Number,
|
|
571
|
-
default: 0
|
|
572
|
-
}
|
|
573
|
-
},
|
|
574
|
-
data () {
|
|
575
|
-
return {
|
|
576
|
-
showFile: false,
|
|
577
|
-
showUserFile: false,
|
|
578
|
-
model: {
|
|
579
|
-
data: null
|
|
580
|
-
},
|
|
581
|
-
meterbrands: [], // 气表品牌
|
|
582
|
-
useradders: null,
|
|
583
|
-
userinfo: {},
|
|
584
|
-
getfield: {
|
|
585
|
-
'f_address': '地址',
|
|
586
|
-
'f_meternumber': '表号',
|
|
587
|
-
'f_gasbrand': '气表品牌',
|
|
588
|
-
'f_gasmodel': '气表型号',
|
|
589
|
-
'f_metertitles': '表封号',
|
|
590
|
-
'f_meter_base': '表读数',
|
|
591
|
-
'f_initial_base': '初始底数',
|
|
592
|
-
'f_aroundmeter': '表向',
|
|
593
|
-
'f_position': '安装位置',
|
|
594
|
-
'f_install_person': '安装人',
|
|
595
|
-
'f_install_date': '安装日期'
|
|
596
|
-
},
|
|
597
|
-
showFilePage: false,
|
|
598
|
-
fireinfo: {},
|
|
599
|
-
firestate: [{label:"全部",value:'0'},{label:"未点火",value:'is null'},{label:"已点火",value:'is not null'}],
|
|
600
|
-
query: {},//查询数据
|
|
601
|
-
condition: "1 = 1"
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
ready () {
|
|
605
|
-
this.search()
|
|
606
|
-
},
|
|
607
|
-
methods: {
|
|
608
|
-
// 追加表具
|
|
609
|
-
addUserFile() {
|
|
610
|
-
this.userinfo.devices.push({})
|
|
611
|
-
console.log("数据：" + JSON.stringify(this.userinfo))
|
|
612
|
-
},
|
|
613
|
-
// 保存档案
|
|
614
|
-
async saveUserFile() {
|
|
615
|
-
let data = {
|
|
616
|
-
user: this.$login.f,
|
|
617
|
-
useradders: this.useradders,
|
|
618
|
-
userinfo: this.userinfo,
|
|
619
|
-
selectdata: this.selectdata
|
|
620
|
-
}
|
|
621
|
-
let res = await this.$resetpost('rs/logic/addInstallationDetailsDevices', {data:data}, {
|
|
622
|
-
resolveMsg: null,
|
|
623
|
-
rejectMsg: '设备添加失败！！！'
|
|
624
|
-
})
|
|
625
|
-
this.$dispatch('breakControl', this.selectdata)
|
|
626
|
-
},
|
|
627
|
-
// 打开设备明细
|
|
628
|
-
async showUserFileModal (row) {
|
|
629
|
-
this.useradders = row
|
|
630
|
-
|
|
631
|
-
let http = new HttpResetClass()
|
|
632
|
-
let data = {
|
|
633
|
-
condition: `f_userinfo_id = '${row.f_userinfo_id}'`
|
|
634
|
-
}
|
|
635
|
-
let res = await http.load('POST', 'rs/logic/getUserinfoAndUserfilesDevices', {data:data}, {
|
|
636
|
-
resolveMsg: null,
|
|
637
|
-
rejectMsg: null
|
|
638
|
-
})
|
|
639
|
-
|
|
640
|
-
this.userinfo = res.data
|
|
641
|
-
console.log("获取到的表具信息：" + JSON.stringify(res.data))
|
|
642
|
-
if (res.data.devices.length <= 0) {
|
|
643
|
-
this.userinfo.devices = [
|
|
644
|
-
{
|
|
645
|
-
|
|
646
|
-
}
|
|
647
|
-
]
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
this.showUserFile = true
|
|
651
|
-
},
|
|
652
|
-
// 打开点火信息
|
|
653
|
-
async showFire(row) {
|
|
654
|
-
if (this.$login.f.f_role_name.includes("报装点火权限")) {
|
|
655
|
-
let http = new HttpResetClass()
|
|
656
|
-
let data = {
|
|
657
|
-
condition: `f_userinfo_id = '${row.f_userinfo_id}'`
|
|
658
|
-
}
|
|
659
|
-
let res = await http.load('POST', 'rs/logic/getUserinfoAndUserfilesDevices', {data:data}, {
|
|
660
|
-
resolveMsg: null,
|
|
661
|
-
rejectMsg: null
|
|
662
|
-
})
|
|
663
|
-
|
|
664
|
-
this.userinfo = res.data
|
|
665
|
-
console.log("获取到的表具信息：" + JSON.stringify(res.data))
|
|
666
|
-
if (res.data.fireinfo.length <= 0) {
|
|
667
|
-
this.userinfo.fireinfo = [
|
|
668
|
-
{
|
|
669
|
-
|
|
670
|
-
}
|
|
671
|
-
]
|
|
672
|
-
this.fireinfo = {}
|
|
673
|
-
}else {
|
|
674
|
-
this.fireinfo = this.userinfo.fireinfo[0]
|
|
675
|
-
}
|
|
676
|
-
this.showFilePage = true
|
|
677
|
-
}else {
|
|
678
|
-
this.$showMessage("您没有操作权限！")
|
|
679
|
-
}
|
|
680
|
-
},
|
|
681
|
-
conditionData() {
|
|
682
|
-
if (this.query.f_state == '0') {
|
|
683
|
-
this.condition = "1 = 1"
|
|
684
|
-
}else if (this.query.f_state == 'is null' || this.query.f_state == 'is not null') {
|
|
685
|
-
this.condition = "fi.f_fire_num " + this.query.f_state
|
|
686
|
-
}else {
|
|
687
|
-
this.condition = "1 = 1"
|
|
688
|
-
}
|
|
689
|
-
},
|
|
690
|
-
// 查询
|
|
691
|
-
async search (num) {
|
|
692
|
-
if (num == 0) {
|
|
693
|
-
this.conditionData()
|
|
694
|
-
}
|
|
695
|
-
let http = new HttpResetClass()
|
|
696
|
-
let data = {
|
|
697
|
-
condition: this.condition,
|
|
698
|
-
f_process_id: this.selectdata.f_process_id
|
|
699
|
-
}
|
|
700
|
-
let res = await http.load('POST', 'rs/sql/getAddresAndUserinfoAndUserfilesAmountDevices', {data:data}, {
|
|
701
|
-
resolveMsg: null,
|
|
702
|
-
rejectMsg: null
|
|
703
|
-
})
|
|
704
|
-
this.model.data = res.data
|
|
705
|
-
if (this.selectdata.f_apply_type === '开发商集体报建' || this.selectdata.f_apply_type === '散户集体报建') {
|
|
706
|
-
let f_installed_households = 0
|
|
707
|
-
for (const item of res.data) {
|
|
708
|
-
if (item.f_userfiles_num > 0) {
|
|
709
|
-
f_installed_households++
|
|
710
|
-
}
|
|
711
|
-
}
|
|
712
|
-
let f_uninstalled_households = this.selectdata.f_apply_count - f_installed_households
|
|
713
|
-
for (const item of this.selectdata.fields) {
|
|
714
|
-
if (item.label === '已安装户数') {
|
|
715
|
-
item.value = f_installed_households
|
|
716
|
-
}
|
|
717
|
-
if (item.label === '未安装户数') {
|
|
718
|
-
item.value = f_uninstalled_households
|
|
719
|
-
}
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
},
|
|
723
|
-
// 关闭安装明细
|
|
724
|
-
closeUserFile() {
|
|
725
|
-
this.showUserFile = false
|
|
726
|
-
this.useradders = null
|
|
727
|
-
this.userinfo = {}
|
|
728
|
-
this.search()
|
|
729
|
-
},
|
|
730
|
-
// 关闭文件上传对话框
|
|
731
|
-
closeFile() {
|
|
732
|
-
this.showFile = false
|
|
733
|
-
// 将选的文件清空
|
|
734
|
-
this.$refs.file.$el.querySelector('input').value = ''
|
|
735
|
-
this.search()
|
|
736
|
-
},
|
|
737
|
-
async confirm () {
|
|
738
|
-
console.log('传入数据:')
|
|
739
|
-
// 添加组织信息
|
|
740
|
-
this.fireinfo.f_user_id = this.userinfo.userfiles[0].f_user_id
|
|
741
|
-
this.fireinfo.f_userfiles_id = this.userinfo.userfiles[0].f_userfiles_id
|
|
742
|
-
this.fireinfo.f_operatorid = this.$login.f.id
|
|
743
|
-
this.fireinfo.f_operator = this.$login.f.name
|
|
744
|
-
this.fireinfo.f_state = "有效"
|
|
745
|
-
|
|
746
|
-
let http = new HttpResetClass()
|
|
747
|
-
let data = {
|
|
748
|
-
fireinfo: this.fireinfo
|
|
749
|
-
}
|
|
750
|
-
let res = await http.load('POST', 'rs/logic/addInstallationDetailsFire', {data:data}, {
|
|
751
|
-
resolveMsg: "添加成功",
|
|
752
|
-
rejectMsg: "添加失败"
|
|
753
|
-
}).then((res) => {
|
|
754
|
-
this.cancel()
|
|
755
|
-
})
|
|
756
|
-
},
|
|
757
|
-
cancel () {
|
|
758
|
-
this.showFilePage = false
|
|
759
|
-
},
|
|
760
|
-
async clear() {
|
|
761
|
-
this.query = {}
|
|
762
|
-
this.condition = "1 = 1"
|
|
763
|
-
},
|
|
764
|
-
},
|
|
765
|
-
events: {
|
|
766
|
-
async 'onFileUpload'(file, result) {
|
|
767
|
-
let data = {
|
|
768
|
-
selectdata: this.selectdata,
|
|
769
|
-
filepath: result.f_downloadpath,
|
|
770
|
-
user: this.$login.f
|
|
771
|
-
}
|
|
772
|
-
let res = await this.$resetpost(`rs/logic/importAddInstallationDetails`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败！！！', silent: true}, 0)
|
|
773
|
-
|
|
774
|
-
this.$dispatch('breakControl', this.selectdata)
|
|
775
|
-
}
|
|
776
|
-
},
|
|
777
|
-
computed: {
|
|
778
|
-
getCondition () {
|
|
779
|
-
let data = {
|
|
780
|
-
f_process_id: this.selectdata.f_process_id
|
|
781
|
-
}
|
|
782
|
-
return data
|
|
783
|
-
},
|
|
784
|
-
// 安装人
|
|
785
|
-
installperson() {
|
|
786
|
-
return this.$login.f.f_installman.map(item => {
|
|
787
|
-
return {
|
|
788
|
-
label: item.name,
|
|
789
|
-
value: item.name
|
|
790
|
-
}
|
|
791
|
-
})
|
|
792
|
-
},
|
|
793
|
-
// 表向
|
|
794
|
-
aroundmeters() {
|
|
795
|
-
return this.$appdata.getParam('设备状态')
|
|
796
|
-
},
|
|
797
|
-
// 安装位置
|
|
798
|
-
positions() {
|
|
799
|
-
return this.$appdata.getParam('购买方式')
|
|
800
|
-
},
|
|
801
|
-
// 安装方式
|
|
802
|
-
installstyle() {
|
|
803
|
-
return this.$appdata.getParam('安装方式')
|
|
804
|
-
},
|
|
805
|
-
// 设备类型
|
|
806
|
-
devicestype() {
|
|
807
|
-
return this.$appdata.getParam('设备类型')
|
|
808
|
-
},
|
|
809
|
-
// 管道类型
|
|
810
|
-
pipingtype() {
|
|
811
|
-
return this.$appdata.getParam('管道类型')
|
|
812
|
-
}
|
|
813
|
-
},
|
|
814
|
-
watch: {
|
|
815
|
-
}
|
|
816
|
-
}
|
|
817
|
-
</script>
|
|
818
|
-
<style scoped>
|
|
819
|
-
.head-but{
|
|
820
|
-
margin-left: 5px;
|
|
821
|
-
height: 34px;
|
|
822
|
-
/*background-color: #6aa6e2;*/
|
|
823
|
-
border-radius: 4px;
|
|
824
|
-
font-family: PingFang;
|
|
825
|
-
color: #ffffff;
|
|
826
|
-
}
|
|
827
|
-
/*清除model中的浮动*/
|
|
828
|
-
.clearfix:after,.clearfix:before{
|
|
829
|
-
display: table;
|
|
830
|
-
}
|
|
831
|
-
.clearfix:after{
|
|
832
|
-
clear: both;
|
|
833
|
-
}
|
|
834
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col-sm-12" style="margin: 20px 0px;">
|
|
3
|
+
<div class="auto" style="overflow:auto;margin: 15px 0 0 15px;">
|
|
4
|
+
<div class="col-sm-12" style="height: 180px">
|
|
5
|
+
<div class="row col-sm-12">
|
|
6
|
+
<div class="from-group col-sm-3">
|
|
7
|
+
<label class=" control-label" >点火状态</label>
|
|
8
|
+
<v-select :value.sync="query.f_state" v-model="query.f_state"
|
|
9
|
+
:options='firestate' placeholder='请选择'
|
|
10
|
+
close-on-select >
|
|
11
|
+
</v-select>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="form-group col-sm-5" >
|
|
14
|
+
<!-- <button class="button_search button_spacing" @click="search()">查询</button>-->
|
|
15
|
+
<button type="button" class="btn btn-default" @click="search(0)">查询</button>
|
|
16
|
+
<button type="button" class="btn btn-default" @click="clear()">清空</button>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
|
|
22
|
+
<template partial='head'>
|
|
23
|
+
<tr>
|
|
24
|
+
<th>序号</th>
|
|
25
|
+
<th>客户编号</th>
|
|
26
|
+
<th>客户名称</th>
|
|
27
|
+
<th>客户电话</th>
|
|
28
|
+
<th>地址信息</th>
|
|
29
|
+
<th>设备数量</th>
|
|
30
|
+
<th>点火状态</th>
|
|
31
|
+
<th>
|
|
32
|
+
操作
|
|
33
|
+
<!-- <button type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"-->
|
|
34
|
+
<!-- @click="$parent.$parent.showFile = !$parent.$parent.showFile">导入</button>-->
|
|
35
|
+
<!-- <a type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"-->
|
|
36
|
+
<!-- href="/apply/download/excel/v3报装表具批量导入.xlsx" download>模板下载</a>-->
|
|
37
|
+
<!-- <export-excel :data="$parent.$parent.getCondition"-->
|
|
38
|
+
<!-- :field="$parent.$parent.getfield"-->
|
|
39
|
+
<!-- sqlurl="rs/logic/applyExportfile"-->
|
|
40
|
+
<!-- sql-name="getInstallableAddress"-->
|
|
41
|
+
<!-- template-name='可安装地址'-->
|
|
42
|
+
<!-- btn-name="导出可安装"-->
|
|
43
|
+
<!-- :choose-col="true"></export-excel>-->
|
|
44
|
+
</th>
|
|
45
|
+
</tr>
|
|
46
|
+
</template>
|
|
47
|
+
<template partial='body'>
|
|
48
|
+
<tr>
|
|
49
|
+
<td style="text-align: center;">
|
|
50
|
+
<nobr>{{$index+1}}</nobr>
|
|
51
|
+
</td>
|
|
52
|
+
<td style="text-align: center;">
|
|
53
|
+
<nobr>{{row.f_userinfo_code}}</nobr>
|
|
54
|
+
</td>
|
|
55
|
+
<td style="text-align: center;">
|
|
56
|
+
<nobr>{{row.f_user_name}}</nobr>
|
|
57
|
+
</td>
|
|
58
|
+
<td style="text-align: center;">
|
|
59
|
+
<nobr>{{row.f_user_phone}}</nobr>
|
|
60
|
+
</td>
|
|
61
|
+
<td style="text-align: center;">
|
|
62
|
+
<nobr>{{row.f_address}}</nobr>
|
|
63
|
+
</td>
|
|
64
|
+
<td style="text-align: center;">
|
|
65
|
+
<nobr>{{row.f_devices_num === null ? 0 : row.f_devices_num}}</nobr>
|
|
66
|
+
</td>
|
|
67
|
+
<td style="text-align: center;">
|
|
68
|
+
<nobr>{{row.f_fire_num === null ? "未点火" : "已点火"}}</nobr>
|
|
69
|
+
</td>
|
|
70
|
+
<td style="text-align: center;">
|
|
71
|
+
<nobr>
|
|
72
|
+
<button
|
|
73
|
+
type="button" name="button" class="btn btn-link"
|
|
74
|
+
:disabled="row.f_cumulative_payment_money < $parent.$parent.selectdata.f_price && selectdata.f_apply_type !== '开发商集体报建'"
|
|
75
|
+
@click="$parent.$parent.showUserFileModal(row)">
|
|
76
|
+
{{$parent.$parent.mark === 1 ? '查看' : row.f_devices_num > 0 ? '修正' : '添加'}}
|
|
77
|
+
</button>
|
|
78
|
+
<button
|
|
79
|
+
type="button" name="button" class="btn btn-link"
|
|
80
|
+
@click="$parent.$parent.showFire(row)">
|
|
81
|
+
点火信息
|
|
82
|
+
</button>
|
|
83
|
+
</nobr>
|
|
84
|
+
</td>
|
|
85
|
+
</tr>
|
|
86
|
+
</template>
|
|
87
|
+
</data-grid>
|
|
88
|
+
</div>
|
|
89
|
+
<modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
|
|
90
|
+
<header slot="modal-header" class="modal-header">
|
|
91
|
+
<button type="button" class="close" @click="closeFile"><span>×</span></button>
|
|
92
|
+
<h4 class="modal-title">选择文件</h4>
|
|
93
|
+
</header>
|
|
94
|
+
<article slot="modal-body" class="modal-body">
|
|
95
|
+
<div class="form-group">
|
|
96
|
+
<file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
|
|
97
|
+
</div>
|
|
98
|
+
</article>
|
|
99
|
+
<footer slot="modal-footer" class="modal-footer"></footer>
|
|
100
|
+
</modal>
|
|
101
|
+
|
|
102
|
+
<validator name="v">
|
|
103
|
+
<modal v-if="showUserFile" :show.sync="showUserFile" v-ref:modal :large="true" :backdrop="false" title="设备明细">
|
|
104
|
+
<header slot="modal-header" class="modal-header">
|
|
105
|
+
<button type="button" class="close" @click="closeUserFile"><span>×</span></button>
|
|
106
|
+
<h4 class="modal-title">设备明细</h4>
|
|
107
|
+
</header>
|
|
108
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
109
|
+
<div class="form-group col-sm-12">
|
|
110
|
+
<label class="col-sm-2 control-label">地址信息：</label>
|
|
111
|
+
<div class="col-sm-10">
|
|
112
|
+
<input class="form-control input_view" style=""
|
|
113
|
+
v-model="useradders.f_address"
|
|
114
|
+
:value="useradders.f_address"
|
|
115
|
+
:readonly="true"/>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
|
|
119
|
+
<div v-for="(i, item) in userinfo.devices" class="form-group col-sm-12 panel panel-info">
|
|
120
|
+
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">设备{{$index+1}}信息</div>
|
|
121
|
+
<div class="form-group col-sm-6">
|
|
122
|
+
<label class="col-sm-4 control-label">设备类型：</label>
|
|
123
|
+
<div class="col-sm-8">
|
|
124
|
+
<input-select
|
|
125
|
+
class="select select_list"
|
|
126
|
+
:value.sync="item.f_devices_type"
|
|
127
|
+
v-model="item.f_devices_type"
|
|
128
|
+
:options="devicestype"
|
|
129
|
+
:disable="mark === 1"
|
|
130
|
+
:valueSingle="true"></input-select>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="form-group col-sm-6">
|
|
134
|
+
<label class="col-sm-4 control-label">设备编号：</label>
|
|
135
|
+
<div class="col-sm-8">
|
|
136
|
+
<input class="form-control input_view" style=""
|
|
137
|
+
placeholder="设备编号"
|
|
138
|
+
v-model="item.f_devices_no"
|
|
139
|
+
:value="item.f_devices_no"
|
|
140
|
+
:readonly="mark === 1"/>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
<div class="form-group col-sm-6">
|
|
144
|
+
<label class="col-sm-4 control-label">设备品牌：</label>
|
|
145
|
+
<div class="col-sm-8">
|
|
146
|
+
<input class="form-control input_view" style=""
|
|
147
|
+
placeholder="设备品牌"
|
|
148
|
+
v-model="item.f_brand"
|
|
149
|
+
:value="item.f_brand"
|
|
150
|
+
:readonly="mark === 1"/>
|
|
151
|
+
</div>
|
|
152
|
+
</div>
|
|
153
|
+
<div class="form-group col-sm-6">
|
|
154
|
+
<label class="col-sm-4 control-label">设备型号：</label>
|
|
155
|
+
<div class="col-sm-8">
|
|
156
|
+
<input class="form-control input_view" style=""
|
|
157
|
+
placeholder="设备型号"
|
|
158
|
+
v-model="item.f_devices_model"
|
|
159
|
+
:value="item.f_devices_model"
|
|
160
|
+
:readonly="mark === 1"/>
|
|
161
|
+
</div>
|
|
162
|
+
</div>
|
|
163
|
+
<div class="form-group col-sm-6">
|
|
164
|
+
<label class="col-sm-4 control-label">安装人：</label>
|
|
165
|
+
<div class="col-sm-8">
|
|
166
|
+
<input class="form-control input_view" style=""
|
|
167
|
+
placeholder="安装人"
|
|
168
|
+
v-model="item.f_input_person"
|
|
169
|
+
:value="item.f_input_person"
|
|
170
|
+
:readonly="mark === 1"/>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="form-group col-sm-6">
|
|
174
|
+
<label class="col-sm-4 control-label">安装日期：</label>
|
|
175
|
+
<div class="col-sm-8">
|
|
176
|
+
<datepicker
|
|
177
|
+
placeholder="安装日期"
|
|
178
|
+
:value.sync="item.f_input_date"
|
|
179
|
+
v-model="item.f_input_date"
|
|
180
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
181
|
+
:disabled="mark === 1"
|
|
182
|
+
:show-reset-button="reset">
|
|
183
|
+
</datepicker>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="form-group col-sm-6">
|
|
187
|
+
<label class="col-sm-4 control-label">生产日期：</label>
|
|
188
|
+
<div class="col-sm-8">
|
|
189
|
+
<datepicker
|
|
190
|
+
placeholder="生产日期"
|
|
191
|
+
:value.sync="item.f_make_date"
|
|
192
|
+
v-model="item.f_make_date"
|
|
193
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
194
|
+
:disabled="mark === 1"
|
|
195
|
+
:show-reset-button="reset">
|
|
196
|
+
</datepicker>
|
|
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
|
+
placeholder="使用年限"
|
|
205
|
+
v-model="item.f_service_life"
|
|
206
|
+
:value="item.f_service_life"
|
|
207
|
+
:readonly="mark === 1"/>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="form-group col-sm-6">
|
|
211
|
+
<label class="col-sm-4 control-label">到期日期：</label>
|
|
212
|
+
<div class="col-sm-8">
|
|
213
|
+
<datepicker
|
|
214
|
+
placeholder="到期日期"
|
|
215
|
+
:value.sync="item.f_expire_date"
|
|
216
|
+
v-model="item.f_expire_date"
|
|
217
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
218
|
+
:disabled="mark === 1"
|
|
219
|
+
:show-reset-button="reset">
|
|
220
|
+
</datepicker>
|
|
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 class="form-control input_view" style=""
|
|
227
|
+
type="number"
|
|
228
|
+
v-model="item.f_devices_num"
|
|
229
|
+
:value="item.f_devices_num"
|
|
230
|
+
placeholder="设备数量"
|
|
231
|
+
:readonly="mark === 1"/>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
234
|
+
<div class="form-group col-sm-6">
|
|
235
|
+
<label class="col-sm-4 control-label">设备状态：</label>
|
|
236
|
+
<div class="col-sm-8">
|
|
237
|
+
<input-select
|
|
238
|
+
class="select select_list"
|
|
239
|
+
:value.sync="item.f_state"
|
|
240
|
+
v-model="item.f_state"
|
|
241
|
+
:options="aroundmeters"
|
|
242
|
+
:disable="mark === 1"
|
|
243
|
+
:valueSingle="true"></input-select>
|
|
244
|
+
</div>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="form-group col-sm-6">
|
|
247
|
+
<label class="col-sm-4 control-label">购买方式：</label>
|
|
248
|
+
<div class="col-sm-8">
|
|
249
|
+
<input-select
|
|
250
|
+
class="select select_list"
|
|
251
|
+
:value.sync="item.WatchPurchase"
|
|
252
|
+
v-model="item.WatchPurchase"
|
|
253
|
+
:options="positions"
|
|
254
|
+
:disable="mark === 1"
|
|
255
|
+
:valueSingle="true"></input-select>
|
|
256
|
+
</div>
|
|
257
|
+
</div>
|
|
258
|
+
<div class="form-group col-sm-6">
|
|
259
|
+
<label class="col-sm-4 control-label">安装方式：</label>
|
|
260
|
+
<div class="col-sm-8">
|
|
261
|
+
<input-select
|
|
262
|
+
class="select select_list"
|
|
263
|
+
:value.sync="item.f_install_type"
|
|
264
|
+
v-model="item.f_install_type"
|
|
265
|
+
:options="installstyle"
|
|
266
|
+
:disable="mark === 1"
|
|
267
|
+
:valueSingle="true"></input-select>
|
|
268
|
+
</div>
|
|
269
|
+
</div>
|
|
270
|
+
<div class="form-group col-sm-6">
|
|
271
|
+
<label class="col-sm-4 control-label">备注：</label>
|
|
272
|
+
<div class="col-sm-8">
|
|
273
|
+
<input class="form-control input_view" style=""
|
|
274
|
+
placeholder="备注"
|
|
275
|
+
v-model="item.f_comments"
|
|
276
|
+
:value="item.f_comments"
|
|
277
|
+
:readonly="mark === 1"/>
|
|
278
|
+
</div>
|
|
279
|
+
</div>
|
|
280
|
+
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
</div>
|
|
284
|
+
|
|
285
|
+
<div v-for="(i, item) in userinfo.devices" class="form-group col-sm-12 panel panel-info">
|
|
286
|
+
<div class="panel-heading head" style="background-color: #e8f4ff;margin-bottom: 10px">连接管{{$index+1}}信息</div>
|
|
287
|
+
<div class="form-group col-sm-6">
|
|
288
|
+
<label class="col-sm-4 control-label">管道类型：</label>
|
|
289
|
+
<div class="col-sm-8">
|
|
290
|
+
<input-select
|
|
291
|
+
class="select select_list"
|
|
292
|
+
:value.sync="item.f_pipe_type"
|
|
293
|
+
v-model="item.f_pipe_type"
|
|
294
|
+
:options="pipingtype"
|
|
295
|
+
:disable="mark === 1"
|
|
296
|
+
:valueSingle="true"></input-select>
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
<div class="form-group col-sm-6">
|
|
300
|
+
<label class="col-sm-4 control-label">安装日期：</label>
|
|
301
|
+
<div class="col-sm-8">
|
|
302
|
+
<datepicker
|
|
303
|
+
placeholder="连接管安装日期"
|
|
304
|
+
:value.sync="item.f_pipeinstall_date"
|
|
305
|
+
v-model="item.f_pipeinstall_date"
|
|
306
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
307
|
+
:disabled="mark === 1"
|
|
308
|
+
:show-reset-button="reset">
|
|
309
|
+
</datepicker>
|
|
310
|
+
</div>
|
|
311
|
+
</div>
|
|
312
|
+
<div class="form-group col-sm-6">
|
|
313
|
+
<label class="col-sm-4 control-label">到期日期：</label>
|
|
314
|
+
<div class="col-sm-8">
|
|
315
|
+
<datepicker
|
|
316
|
+
placeholder="连接管到期日期"
|
|
317
|
+
:value.sync="item.f_pipeexpire_date"
|
|
318
|
+
v-model="item.f_pipeexpire_date"
|
|
319
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
320
|
+
:disabled="mark === 1"
|
|
321
|
+
:show-reset-button="reset">
|
|
322
|
+
</datepicker>
|
|
323
|
+
</div>
|
|
324
|
+
</div>
|
|
325
|
+
|
|
326
|
+
</div>
|
|
327
|
+
|
|
328
|
+
</article>
|
|
329
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
330
|
+
<!-- 去除一户多表 -->
|
|
331
|
+
<button type="button" class="btn btn-primary" @click="addUserFile">添加设备</button>
|
|
332
|
+
<button type="button" class="btn btn-primary" @click="saveUserFile" :disabled="!$v.valid">确认</button>
|
|
333
|
+
</footer>
|
|
334
|
+
</modal>
|
|
335
|
+
<modal :show.sync="showFilePage" width="80%" title="点火基本信息" v-ref:modal large backdrop="false">
|
|
336
|
+
<article slot="modal-body" class="modal-body" style="height: auto">
|
|
337
|
+
<div class="flex-row flex-deviceinfo">
|
|
338
|
+
|
|
339
|
+
<div class="panel panel-primary col-sm-12 datapanel" v-if="selectdata.f_apply_type[0]!='工商户报建'">
|
|
340
|
+
<!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
|
|
341
|
+
<form class="form-horizontal select-overspread " style="flex: 1;">
|
|
342
|
+
<div style="margin-top: 2%">
|
|
343
|
+
<img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
|
|
344
|
+
<a style="font-size: 16px;font-weight: 500;">民用点火信息</a> <a style="color: #999999;text-decoration: none"></a>
|
|
345
|
+
</div>
|
|
346
|
+
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
347
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
348
|
+
<label class="font_normal_body">   镀锌管 </label>
|
|
349
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_galvanize_pipe"
|
|
350
|
+
placeholder='镀锌管' >
|
|
351
|
+
</div>
|
|
352
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
353
|
+
<label class="font_normal_body">   三 通 </label>
|
|
354
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_tee"
|
|
355
|
+
placeholder='三通' >
|
|
356
|
+
</div>
|
|
357
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
358
|
+
<label class="font_normal_body">   对 丝 </label>
|
|
359
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_nipple"
|
|
360
|
+
placeholder='对丝' >
|
|
361
|
+
</div>
|
|
362
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
363
|
+
<label class="font_normal_body">   弯 头 </label>
|
|
364
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_elbow"
|
|
365
|
+
placeholder='弯头' >
|
|
366
|
+
</div>
|
|
367
|
+
</div>
|
|
368
|
+
<div class="row auto" style="margin-left: 10px;">
|
|
369
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
370
|
+
<label class="font_normal_body">   管 卡 </label>
|
|
371
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_pipe_strap"
|
|
372
|
+
placeholder='管卡' >
|
|
373
|
+
</div>
|
|
374
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
375
|
+
<label class="font_normal_body">   灶前阀 </label>
|
|
376
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zqf"
|
|
377
|
+
placeholder='灶前阀' >
|
|
378
|
+
</div>
|
|
379
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
380
|
+
<label class="font_normal_body">   胶 管 </label>
|
|
381
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_sebific_duct"
|
|
382
|
+
placeholder='胶管' >
|
|
383
|
+
</div>
|
|
384
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
385
|
+
<label class="font_normal_body">   自闭阀 </label>
|
|
386
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zbf"
|
|
387
|
+
placeholder='自闭阀' >
|
|
388
|
+
</div>
|
|
389
|
+
</div>
|
|
390
|
+
<div class="row auto" style="margin-left: 10px;">
|
|
391
|
+
|
|
392
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
393
|
+
<label class="font_normal_body">   燃气具 </label>
|
|
394
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_gas_appliance"
|
|
395
|
+
placeholder='燃气具' >
|
|
396
|
+
</div>
|
|
397
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
398
|
+
<label class="font_normal_body">   热水器 </label>
|
|
399
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_geyser"
|
|
400
|
+
placeholder='热水器' >
|
|
401
|
+
</div>
|
|
402
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
403
|
+
<label class="font_normal_body">   壁挂锅炉</label>
|
|
404
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl"
|
|
405
|
+
placeholder='壁挂锅炉' >
|
|
406
|
+
</div>
|
|
407
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
408
|
+
<label class="font_normal_body">   型 号 </label>
|
|
409
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl_style"
|
|
410
|
+
placeholder='壁挂锅炉型号' >
|
|
411
|
+
</div>
|
|
412
|
+
</div>
|
|
413
|
+
<div class="row auto" style="margin-left: 10px;">
|
|
414
|
+
<div class="col-sm-3 form-group" >
|
|
415
|
+
<label class="font_normal_body">   交付日期</label>
|
|
416
|
+
<datepicker placeholder="交付日期" style="width: 57%"
|
|
417
|
+
v-model="fireinfo.f_deliver_date"
|
|
418
|
+
:value.sync="fireinfo.f_deliver_date"
|
|
419
|
+
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
420
|
+
</datepicker>
|
|
421
|
+
</div>
|
|
422
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
423
|
+
<label class="font_normal_body">   点火人员</label>
|
|
424
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
|
|
425
|
+
placeholder='点火人员' >
|
|
426
|
+
</div>
|
|
427
|
+
<div class="col-sm-12 form-group" >
|
|
428
|
+
<label class="font_normal_body">   检验结论</label>
|
|
429
|
+
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_fic"
|
|
430
|
+
placeholder='设施检验结论' >
|
|
431
|
+
</div>
|
|
432
|
+
<div class="col-sm-12 form-group" >
|
|
433
|
+
<label class="font_normal_body">   备  注</label>
|
|
434
|
+
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
|
|
435
|
+
placeholder='备注' >
|
|
436
|
+
</div>
|
|
437
|
+
</div>
|
|
438
|
+
</form>
|
|
439
|
+
</div>
|
|
440
|
+
<div class="panel panel-primary col-sm-12 datapanel" v-if="selectdata.f_apply_type[0]=='工商户报建'">
|
|
441
|
+
<!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
|
|
442
|
+
<form class="form-horizontal select-overspread " style="flex: 1;">
|
|
443
|
+
<div style="margin-top: 2%">
|
|
444
|
+
<img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
|
|
445
|
+
<a style="font-size: 16px;font-weight: 500;">非民用点火基本信息</a> <a style="color: #999999;text-decoration: none"></a>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
448
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
449
|
+
<label class="font_normal_body">  探测器数量</label>
|
|
450
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_detector_number"
|
|
451
|
+
placeholder='探测器数量' >
|
|
452
|
+
</div>
|
|
453
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
454
|
+
<label class="font_normal_body">  气表品牌</label>
|
|
455
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_fire_gasbrand"
|
|
456
|
+
placeholder='气表品牌' >
|
|
457
|
+
</div>
|
|
458
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
459
|
+
<label class="font_normal_body"> 控制器品牌</label>
|
|
460
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_brand"
|
|
461
|
+
placeholder='控制器品牌' >
|
|
462
|
+
</div>
|
|
463
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
464
|
+
<label class="font_normal_body"> 控制器型号</label>
|
|
465
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_model"
|
|
466
|
+
placeholder='控制器型号' >
|
|
467
|
+
</div>
|
|
468
|
+
</div>
|
|
469
|
+
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
470
|
+
|
|
471
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
472
|
+
<label class="font_normal_body">控制器出厂日期</label>
|
|
473
|
+
<datepicker placeholder="控制器出厂日期" style="width: 60%"
|
|
474
|
+
v-model="fireinfo.f_control_date"
|
|
475
|
+
:value.sync="fireinfo.f_control_date"
|
|
476
|
+
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
477
|
+
</datepicker>
|
|
478
|
+
</div>
|
|
479
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
480
|
+
<label class="font_normal_body">控制器表编码</label>
|
|
481
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_code"
|
|
482
|
+
placeholder='控制器表编码' >
|
|
483
|
+
</div>
|
|
484
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
485
|
+
<label class="font_normal_body">控制器表封号</label>
|
|
486
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_number"
|
|
487
|
+
placeholder='控制器表封号' >
|
|
488
|
+
</div>
|
|
489
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
490
|
+
<label class="font_normal_body"> 燃气具类型</label>
|
|
491
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_type"
|
|
492
|
+
placeholder='燃气具类型' >
|
|
493
|
+
</div>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
496
|
+
|
|
497
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
498
|
+
<label class="font_normal_body">  燃气具品牌</label>
|
|
499
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_brand"
|
|
500
|
+
placeholder='燃气具品牌' >
|
|
501
|
+
</div>
|
|
502
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
503
|
+
<label class="font_normal_body"> 燃气具型号</label>
|
|
504
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_model"
|
|
505
|
+
placeholder='燃气具型号' >
|
|
506
|
+
</div>
|
|
507
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
508
|
+
<label class="font_normal_body"> 报警箱信息</label>
|
|
509
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_alarm_info"
|
|
510
|
+
placeholder='报警控制箱信息' >
|
|
511
|
+
</div>
|
|
512
|
+
<div class="col-sm-3 form-group" >
|
|
513
|
+
<label class="font_normal_body">  交付日期</label>
|
|
514
|
+
<datepicker placeholder="交付日期" style="width: 60%"
|
|
515
|
+
v-model="fireinfo.f_deliver_date"
|
|
516
|
+
:value.sync="fireinfo.f_deliver_date"
|
|
517
|
+
:format="'yyyy-MM-dd HH:mm:ss'">
|
|
518
|
+
</datepicker>
|
|
519
|
+
</div>
|
|
520
|
+
</div>
|
|
521
|
+
<div class="row auto" style="margin-top: 10px;margin-left: 10px;">
|
|
522
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
523
|
+
<label class="font_normal_body">   通讯方式</label>
|
|
524
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_contact_method"
|
|
525
|
+
placeholder='通讯方式' >
|
|
526
|
+
</div>
|
|
527
|
+
<div class="col-sm-3 form-group" style="padding-right: 5px;">
|
|
528
|
+
<label class="font_normal_body">  点火人员</label>
|
|
529
|
+
<input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
|
|
530
|
+
placeholder='点火人员' >
|
|
531
|
+
</div>
|
|
532
|
+
<div class="col-sm-12 form-group" >
|
|
533
|
+
<label class="font_normal_body">   检验结论</label>
|
|
534
|
+
<input type="text" class="input_search" style="width:90%" v-model="fireinfo.f_fic"
|
|
535
|
+
placeholder='设施检验结论' >
|
|
536
|
+
</div>
|
|
537
|
+
<div class="col-sm-12 form-group" >
|
|
538
|
+
<label class="font_normal_body">   备  注</label>
|
|
539
|
+
<input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
|
|
540
|
+
placeholder='备注' >
|
|
541
|
+
</div>
|
|
542
|
+
</div>
|
|
543
|
+
</form>
|
|
544
|
+
</div>
|
|
545
|
+
</div>
|
|
546
|
+
|
|
547
|
+
</article>
|
|
548
|
+
|
|
549
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
550
|
+
<button type="button" class="btn btn-default" @click='cancel()'>取消</button>
|
|
551
|
+
<button type="button" class="btn btn-success" @click='confirm()'>确定</button>
|
|
552
|
+
</footer>
|
|
553
|
+
</modal>
|
|
554
|
+
<!-- <apply-file-user-fire-info v-if="showFilePage" :fireinfo="fireinfo" :showFilePage="showFilePage"></apply-file-user-fire-info>-->
|
|
555
|
+
</validator>
|
|
556
|
+
</template>
|
|
557
|
+
<script>
|
|
558
|
+
import Vue from 'vue'
|
|
559
|
+
import {PagedList} from 'vue-client'
|
|
560
|
+
import {HttpResetClass} from 'vue-client'
|
|
561
|
+
import {isEmpty} from '../../../Util'
|
|
562
|
+
|
|
563
|
+
export default {
|
|
564
|
+
title: '设备信息',
|
|
565
|
+
props: {
|
|
566
|
+
selectdata: {
|
|
567
|
+
type: Object
|
|
568
|
+
},
|
|
569
|
+
mark: {
|
|
570
|
+
type: Number,
|
|
571
|
+
default: 0
|
|
572
|
+
}
|
|
573
|
+
},
|
|
574
|
+
data () {
|
|
575
|
+
return {
|
|
576
|
+
showFile: false,
|
|
577
|
+
showUserFile: false,
|
|
578
|
+
model: {
|
|
579
|
+
data: null
|
|
580
|
+
},
|
|
581
|
+
meterbrands: [], // 气表品牌
|
|
582
|
+
useradders: null,
|
|
583
|
+
userinfo: {},
|
|
584
|
+
getfield: {
|
|
585
|
+
'f_address': '地址',
|
|
586
|
+
'f_meternumber': '表号',
|
|
587
|
+
'f_gasbrand': '气表品牌',
|
|
588
|
+
'f_gasmodel': '气表型号',
|
|
589
|
+
'f_metertitles': '表封号',
|
|
590
|
+
'f_meter_base': '表读数',
|
|
591
|
+
'f_initial_base': '初始底数',
|
|
592
|
+
'f_aroundmeter': '表向',
|
|
593
|
+
'f_position': '安装位置',
|
|
594
|
+
'f_install_person': '安装人',
|
|
595
|
+
'f_install_date': '安装日期'
|
|
596
|
+
},
|
|
597
|
+
showFilePage: false,
|
|
598
|
+
fireinfo: {},
|
|
599
|
+
firestate: [{label:"全部",value:'0'},{label:"未点火",value:'is null'},{label:"已点火",value:'is not null'}],
|
|
600
|
+
query: {},//查询数据
|
|
601
|
+
condition: "1 = 1"
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
ready () {
|
|
605
|
+
this.search()
|
|
606
|
+
},
|
|
607
|
+
methods: {
|
|
608
|
+
// 追加表具
|
|
609
|
+
addUserFile() {
|
|
610
|
+
this.userinfo.devices.push({})
|
|
611
|
+
console.log("数据：" + JSON.stringify(this.userinfo))
|
|
612
|
+
},
|
|
613
|
+
// 保存档案
|
|
614
|
+
async saveUserFile() {
|
|
615
|
+
let data = {
|
|
616
|
+
user: this.$login.f,
|
|
617
|
+
useradders: this.useradders,
|
|
618
|
+
userinfo: this.userinfo,
|
|
619
|
+
selectdata: this.selectdata
|
|
620
|
+
}
|
|
621
|
+
let res = await this.$resetpost('rs/logic/addInstallationDetailsDevices', {data:data}, {
|
|
622
|
+
resolveMsg: null,
|
|
623
|
+
rejectMsg: '设备添加失败！！！'
|
|
624
|
+
})
|
|
625
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
626
|
+
},
|
|
627
|
+
// 打开设备明细
|
|
628
|
+
async showUserFileModal (row) {
|
|
629
|
+
this.useradders = row
|
|
630
|
+
|
|
631
|
+
let http = new HttpResetClass()
|
|
632
|
+
let data = {
|
|
633
|
+
condition: `f_userinfo_id = '${row.f_userinfo_id}'`
|
|
634
|
+
}
|
|
635
|
+
let res = await http.load('POST', 'rs/logic/getUserinfoAndUserfilesDevices', {data:data}, {
|
|
636
|
+
resolveMsg: null,
|
|
637
|
+
rejectMsg: null
|
|
638
|
+
})
|
|
639
|
+
|
|
640
|
+
this.userinfo = res.data
|
|
641
|
+
console.log("获取到的表具信息：" + JSON.stringify(res.data))
|
|
642
|
+
if (res.data.devices.length <= 0) {
|
|
643
|
+
this.userinfo.devices = [
|
|
644
|
+
{
|
|
645
|
+
|
|
646
|
+
}
|
|
647
|
+
]
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
this.showUserFile = true
|
|
651
|
+
},
|
|
652
|
+
// 打开点火信息
|
|
653
|
+
async showFire(row) {
|
|
654
|
+
if (this.$login.f.f_role_name.includes("报装点火权限")) {
|
|
655
|
+
let http = new HttpResetClass()
|
|
656
|
+
let data = {
|
|
657
|
+
condition: `f_userinfo_id = '${row.f_userinfo_id}'`
|
|
658
|
+
}
|
|
659
|
+
let res = await http.load('POST', 'rs/logic/getUserinfoAndUserfilesDevices', {data:data}, {
|
|
660
|
+
resolveMsg: null,
|
|
661
|
+
rejectMsg: null
|
|
662
|
+
})
|
|
663
|
+
|
|
664
|
+
this.userinfo = res.data
|
|
665
|
+
console.log("获取到的表具信息：" + JSON.stringify(res.data))
|
|
666
|
+
if (res.data.fireinfo.length <= 0) {
|
|
667
|
+
this.userinfo.fireinfo = [
|
|
668
|
+
{
|
|
669
|
+
|
|
670
|
+
}
|
|
671
|
+
]
|
|
672
|
+
this.fireinfo = {}
|
|
673
|
+
}else {
|
|
674
|
+
this.fireinfo = this.userinfo.fireinfo[0]
|
|
675
|
+
}
|
|
676
|
+
this.showFilePage = true
|
|
677
|
+
}else {
|
|
678
|
+
this.$showMessage("您没有操作权限！")
|
|
679
|
+
}
|
|
680
|
+
},
|
|
681
|
+
conditionData() {
|
|
682
|
+
if (this.query.f_state == '0') {
|
|
683
|
+
this.condition = "1 = 1"
|
|
684
|
+
}else if (this.query.f_state == 'is null' || this.query.f_state == 'is not null') {
|
|
685
|
+
this.condition = "fi.f_fire_num " + this.query.f_state
|
|
686
|
+
}else {
|
|
687
|
+
this.condition = "1 = 1"
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
// 查询
|
|
691
|
+
async search (num) {
|
|
692
|
+
if (num == 0) {
|
|
693
|
+
this.conditionData()
|
|
694
|
+
}
|
|
695
|
+
let http = new HttpResetClass()
|
|
696
|
+
let data = {
|
|
697
|
+
condition: this.condition,
|
|
698
|
+
f_process_id: this.selectdata.f_process_id
|
|
699
|
+
}
|
|
700
|
+
let res = await http.load('POST', 'rs/sql/getAddresAndUserinfoAndUserfilesAmountDevices', {data:data}, {
|
|
701
|
+
resolveMsg: null,
|
|
702
|
+
rejectMsg: null
|
|
703
|
+
})
|
|
704
|
+
this.model.data = res.data
|
|
705
|
+
if (this.selectdata.f_apply_type === '开发商集体报建' || this.selectdata.f_apply_type === '散户集体报建') {
|
|
706
|
+
let f_installed_households = 0
|
|
707
|
+
for (const item of res.data) {
|
|
708
|
+
if (item.f_userfiles_num > 0) {
|
|
709
|
+
f_installed_households++
|
|
710
|
+
}
|
|
711
|
+
}
|
|
712
|
+
let f_uninstalled_households = this.selectdata.f_apply_count - f_installed_households
|
|
713
|
+
for (const item of this.selectdata.fields) {
|
|
714
|
+
if (item.label === '已安装户数') {
|
|
715
|
+
item.value = f_installed_households
|
|
716
|
+
}
|
|
717
|
+
if (item.label === '未安装户数') {
|
|
718
|
+
item.value = f_uninstalled_households
|
|
719
|
+
}
|
|
720
|
+
}
|
|
721
|
+
}
|
|
722
|
+
},
|
|
723
|
+
// 关闭安装明细
|
|
724
|
+
closeUserFile() {
|
|
725
|
+
this.showUserFile = false
|
|
726
|
+
this.useradders = null
|
|
727
|
+
this.userinfo = {}
|
|
728
|
+
this.search()
|
|
729
|
+
},
|
|
730
|
+
// 关闭文件上传对话框
|
|
731
|
+
closeFile() {
|
|
732
|
+
this.showFile = false
|
|
733
|
+
// 将选的文件清空
|
|
734
|
+
this.$refs.file.$el.querySelector('input').value = ''
|
|
735
|
+
this.search()
|
|
736
|
+
},
|
|
737
|
+
async confirm () {
|
|
738
|
+
console.log('传入数据:')
|
|
739
|
+
// 添加组织信息
|
|
740
|
+
this.fireinfo.f_user_id = this.userinfo.userfiles[0].f_user_id
|
|
741
|
+
this.fireinfo.f_userfiles_id = this.userinfo.userfiles[0].f_userfiles_id
|
|
742
|
+
this.fireinfo.f_operatorid = this.$login.f.id
|
|
743
|
+
this.fireinfo.f_operator = this.$login.f.name
|
|
744
|
+
this.fireinfo.f_state = "有效"
|
|
745
|
+
|
|
746
|
+
let http = new HttpResetClass()
|
|
747
|
+
let data = {
|
|
748
|
+
fireinfo: this.fireinfo
|
|
749
|
+
}
|
|
750
|
+
let res = await http.load('POST', 'rs/logic/addInstallationDetailsFire', {data:data}, {
|
|
751
|
+
resolveMsg: "添加成功",
|
|
752
|
+
rejectMsg: "添加失败"
|
|
753
|
+
}).then((res) => {
|
|
754
|
+
this.cancel()
|
|
755
|
+
})
|
|
756
|
+
},
|
|
757
|
+
cancel () {
|
|
758
|
+
this.showFilePage = false
|
|
759
|
+
},
|
|
760
|
+
async clear() {
|
|
761
|
+
this.query = {}
|
|
762
|
+
this.condition = "1 = 1"
|
|
763
|
+
},
|
|
764
|
+
},
|
|
765
|
+
events: {
|
|
766
|
+
async 'onFileUpload'(file, result) {
|
|
767
|
+
let data = {
|
|
768
|
+
selectdata: this.selectdata,
|
|
769
|
+
filepath: result.f_downloadpath,
|
|
770
|
+
user: this.$login.f
|
|
771
|
+
}
|
|
772
|
+
let res = await this.$resetpost(`rs/logic/importAddInstallationDetails`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败！！！', silent: true}, 0)
|
|
773
|
+
|
|
774
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
775
|
+
}
|
|
776
|
+
},
|
|
777
|
+
computed: {
|
|
778
|
+
getCondition () {
|
|
779
|
+
let data = {
|
|
780
|
+
f_process_id: this.selectdata.f_process_id
|
|
781
|
+
}
|
|
782
|
+
return data
|
|
783
|
+
},
|
|
784
|
+
// 安装人
|
|
785
|
+
installperson() {
|
|
786
|
+
return this.$login.f.f_installman.map(item => {
|
|
787
|
+
return {
|
|
788
|
+
label: item.name,
|
|
789
|
+
value: item.name
|
|
790
|
+
}
|
|
791
|
+
})
|
|
792
|
+
},
|
|
793
|
+
// 表向
|
|
794
|
+
aroundmeters() {
|
|
795
|
+
return this.$appdata.getParam('设备状态')
|
|
796
|
+
},
|
|
797
|
+
// 安装位置
|
|
798
|
+
positions() {
|
|
799
|
+
return this.$appdata.getParam('购买方式')
|
|
800
|
+
},
|
|
801
|
+
// 安装方式
|
|
802
|
+
installstyle() {
|
|
803
|
+
return this.$appdata.getParam('安装方式')
|
|
804
|
+
},
|
|
805
|
+
// 设备类型
|
|
806
|
+
devicestype() {
|
|
807
|
+
return this.$appdata.getParam('设备类型')
|
|
808
|
+
},
|
|
809
|
+
// 管道类型
|
|
810
|
+
pipingtype() {
|
|
811
|
+
return this.$appdata.getParam('管道类型')
|
|
812
|
+
}
|
|
813
|
+
},
|
|
814
|
+
watch: {
|
|
815
|
+
}
|
|
816
|
+
}
|
|
817
|
+
</script>
|
|
818
|
+
<style scoped>
|
|
819
|
+
.head-but{
|
|
820
|
+
margin-left: 5px;
|
|
821
|
+
height: 34px;
|
|
822
|
+
/*background-color: #6aa6e2;*/
|
|
823
|
+
border-radius: 4px;
|
|
824
|
+
font-family: PingFang;
|
|
825
|
+
color: #ffffff;
|
|
826
|
+
}
|
|
827
|
+
/*清除model中的浮动*/
|
|
828
|
+
.clearfix:after,.clearfix:before{
|
|
829
|
+
display: table;
|
|
830
|
+
}
|
|
831
|
+
.clearfix:after{
|
|
832
|
+
clear: both;
|
|
833
|
+
}
|
|
834
|
+
</style>
|