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.
@@ -1,409 +1,409 @@
1
- <template>
2
- <div class="auto">
3
- <modal :show.sync="show_fire" width="80%" title="点火基本信息" v-ref:modal large backdrop="false">
4
- <article slot="modal-body" class="modal-body" style="height: auto">
5
- <div class="flex-row flex-deviceinfo">
6
- <div class="panel panel-primary col-sm-12 datapanel" >
7
- <div style="margin-top: 2%">
8
- <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
9
- <a style="font-size: 16px;font-weight: 500;">档案信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
10
- </div>
11
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
12
- <div class="col-sm-3 form-group" >
13
- <label class="font_normal_body">&emsp;&emsp;&emsp;客户姓名</label>
14
- <input type="text" class="input-underline" style="width:60%" v-model="baseinfo.f_user_name" readonly
15
- placeholder='客户姓名' >
16
- </div>
17
- <div class="col-sm-3 form-group" >
18
- <label class="font_normal_body">&emsp;&emsp;&emsp;客户电话</label>
19
- <input type="text" class="input-underline" style="width:60%" v-model="baseinfo.f_user_phone" readonly
20
- placeholder='客户电话' >
21
- </div>
22
- <div class="col-sm-6 form-group" >
23
- <label class="font_normal_body">&emsp;&emsp;&emsp;客户地址</label>
24
- <input type="text" class="input-underline" style="width:60%" v-model="addressinfo.f_address" readonly
25
- placeholder='客户地址' >
26
- </div>
27
- </div>
28
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
29
- <div class="col-sm-3 form-group" >
30
- <label class="font_normal_body">&emsp;&emsp;&emsp;表&emsp;&emsp;号</label>
31
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_meternumber" readonly
32
- placeholder='表号' >
33
- </div>
34
- <div class="col-sm-3 form-group" >
35
- <label class="font_normal_body">&emsp;&emsp;&emsp;卡&emsp;&emsp;号</label>
36
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_card_id" readonly
37
- placeholder='卡号' >
38
- </div>
39
- <div class="col-sm-3 form-group" >
40
- <label class="font_normal_body">&emsp;&emsp;&emsp;表&nbsp;封&nbsp;号&nbsp;</label>
41
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_metertitles" readonly
42
- placeholder='表封号' >
43
- </div>
44
- <div class="col-sm-3 form-group" >
45
- <label class="font_normal_body">&emsp;&emsp;&emsp;气表品牌</label>
46
- <input type="text" class="input-underline" style="width:60%"
47
- v-model="meter.gasbrand.length>0?meter.gasbrand[0].f_meter_brand:null" readonly
48
- placeholder='气表品牌' >
49
- </div>
50
- </div>
51
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
52
- <div class="col-sm-3 form-group" >
53
- <label class="font_normal_body">&emsp;&emsp;&emsp;气表型号</label>
54
- <input type="text" class="input-underline" style="width:60%"
55
- readonly
56
- v-model="meter.gasmodel.length>0?(meter.gasmodel[0].f_meter_style+meter.gasmodel[0].f_type):null"
57
- placeholder='气表型号' >
58
- </div>
59
- <div class="col-sm-3 form-group" >
60
- <label class="font_normal_body">&emsp;&emsp;&emsp;表&emsp;&emsp;向</label>
61
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_aroundmeter" readonly
62
- placeholder='表向' >
63
- </div>
64
- <div class="col-sm-3 form-group" >
65
- <label class="font_normal_body">&emsp;&emsp;&emsp;表&nbsp;前&nbsp;阀&nbsp;</label>
66
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_bqf_type" readonly
67
- placeholder='表前阀' >
68
- </div>
69
- <div class="col-sm-3 form-group" >
70
- <label class="font_normal_body">&emsp;&emsp;&emsp;报&nbsp;警&nbsp;器&nbsp;</label>
71
- <input type="text" class="input-underline" style="width:60%" v-model="meter.f_alarm_code" readonly
72
- placeholder='报警器' >
73
- </div>
74
- </div>
75
-
76
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
77
- <div class="col-sm-3 form-group" >
78
- <label class="font_normal_body">&emsp;&emsp;流量计品牌</label>
79
- <input type="text" class="input-underline" style="width:60%"
80
- readonly
81
- v-model="meter.f_flowmeter_brand"
82
- placeholder='流量计品牌' >
83
- </div>
84
- <div class="col-sm-3 form-group" >
85
- <label class="font_normal_body">&emsp;&emsp;流量计型号</label>
86
- <input type="text" class="input-underline" style="width:60%"
87
- readonly
88
- v-model="meter.f_flowmeter_model"
89
- placeholder='流量计型号' >
90
- </div>
91
- <div class="col-sm-3 form-group" >
92
- <label class="font_normal_body">流量计出厂编号</label>
93
- <input type="text" class="input-underline" style="width:60%"
94
- readonly
95
- v-model="meter.f_flowmeter_factory_num"
96
- placeholder='流量计出厂编号' >
97
- </div>
98
- <div class="col-sm-3 form-group" >
99
- <label class="font_normal_body">&emsp;流量计表封号</label>
100
- <input type="text" class="input-underline" style="width:60%"
101
- readonly
102
- v-model="meter.f_llj_metertitles"
103
- placeholder='流量计表封号' >
104
- </div>
105
- </div>
106
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
107
- <div class="col-sm-3 form-group" >
108
- <label class="font_normal_body">&emsp;&emsp;流量计类型</label>
109
- <input type="text" class="input-underline" style="width:60%"
110
- readonly
111
- v-model="meter.f_llj_type"
112
- placeholder='流量计类型' >
113
- </div>
114
- </div>
115
- </div>
116
- <!-- </div>-->
117
-
118
-
119
- <div class="panel panel-primary col-sm-12 datapanel" v-if="meter.f_user_type[0]=='民用'">
120
- <!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
121
- <form class="form-horizontal select-overspread " style="flex: 1;">
122
- <div style="margin-top: 2%">
123
- <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
124
- <a style="font-size: 16px;font-weight: 500;">民用点火信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
125
- </div>
126
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
127
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
128
- <label class="font_normal_body">&emsp;&emsp;&emsp;镀锌管&nbsp;&nbsp;&nbsp;</label>
129
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_galvanize_pipe"
130
- placeholder='镀锌管' >
131
- </div>
132
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
133
- <label class="font_normal_body">&emsp;&emsp;&emsp;三&emsp;通&emsp;</label>
134
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_tee"
135
- placeholder='三通' >
136
- </div>
137
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
138
- <label class="font_normal_body">&emsp;&emsp;&emsp;对&emsp;丝&emsp;</label>
139
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_nipple"
140
- placeholder='对丝' >
141
- </div>
142
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
143
- <label class="font_normal_body">&emsp;&emsp;&emsp;弯&emsp;头&emsp;</label>
144
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_elbow"
145
- placeholder='弯头' >
146
- </div>
147
- </div>
148
- <div class="row auto" style="margin-left: 10px;">
149
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
150
- <label class="font_normal_body">&emsp;&emsp;&emsp;管&emsp;卡&emsp;</label>
151
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_pipe_strap"
152
- placeholder='管卡' >
153
- </div>
154
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
155
- <label class="font_normal_body">&emsp;&emsp;&emsp;灶前阀&emsp;</label>
156
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zqf"
157
- placeholder='灶前阀' >
158
- </div>
159
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
160
- <label class="font_normal_body">&emsp;&emsp;&emsp;胶&emsp;管&emsp;</label>
161
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_sebific_duct"
162
- placeholder='胶管' >
163
- </div>
164
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
165
- <label class="font_normal_body">&emsp;&emsp;&emsp;自闭阀&emsp;</label>
166
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zbf"
167
- placeholder='自闭阀' >
168
- </div>
169
- </div>
170
- <div class="row auto" style="margin-left: 10px;">
171
-
172
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
173
- <label class="font_normal_body">&emsp;&emsp;&emsp;燃气具&emsp;</label>
174
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_gas_appliance"
175
- placeholder='燃气具' >
176
- </div>
177
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
178
- <label class="font_normal_body">&emsp;&emsp;&emsp;热水器&emsp;</label>
179
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_geyser"
180
- placeholder='热水器' >
181
- </div>
182
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
183
- <label class="font_normal_body">&emsp;&emsp;&emsp;壁挂锅炉</label>
184
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl"
185
- placeholder='壁挂锅炉' >
186
- </div>
187
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
188
- <label class="font_normal_body">&emsp;&emsp;&emsp;型&emsp;号&emsp;</label>
189
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl_style"
190
- placeholder='壁挂锅炉型号' >
191
- </div>
192
- </div>
193
- <div class="row auto" style="margin-left: 10px;">
194
- <div class="col-sm-3 form-group" >
195
- <label class="font_normal_body">&emsp;&emsp;&emsp;交付日期</label>
196
- <datepicker placeholder="交付日期" style="width: 57%"
197
- v-model="fireinfo.f_deliver_date"
198
- :value.sync="fireinfo.f_deliver_date"
199
- :format="'yyyy-MM-dd HH:mm:ss'">
200
- </datepicker>
201
- </div>
202
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
203
- <label class="font_normal_body">&emsp;&emsp;&emsp;点火人员</label>
204
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
205
- placeholder='点火人员' >
206
- </div>
207
- <div class="col-sm-12 form-group" >
208
- <label class="font_normal_body">&emsp;&emsp;&emsp;检验结论</label>
209
- <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_fic"
210
- placeholder='设施检验结论' >
211
- </div>
212
- <div class="col-sm-12 form-group" >
213
- <label class="font_normal_body">&emsp;&emsp;&emsp;备&emsp;&emsp;注</label>
214
- <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
215
- placeholder='备注' >
216
- </div>
217
- </div>
218
- </form>
219
- </div>
220
- <div class="panel panel-primary col-sm-12 datapanel" v-if="meter.f_user_type[0]!='民用'">
221
- <!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
222
- <form class="form-horizontal select-overspread " style="flex: 1;">
223
- <div style="margin-top: 2%">
224
- <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
225
- <a style="font-size: 16px;font-weight: 500;">非民用点火基本信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
226
- </div>
227
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
228
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
229
- <label class="font_normal_body">&emsp;&emsp;探测器数量</label>
230
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_detector_number"
231
- placeholder='探测器数量' >
232
- </div>
233
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
234
- <label class="font_normal_body">&emsp;&emsp;气表品牌</label>
235
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_fire_gasbrand"
236
- placeholder='气表品牌' >
237
- </div>
238
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
239
- <label class="font_normal_body">&emsp;控制器品牌</label>
240
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_brand"
241
- placeholder='控制器品牌' >
242
- </div>
243
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
244
- <label class="font_normal_body">&emsp;控制器型号</label>
245
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_model"
246
- placeholder='控制器型号' >
247
- </div>
248
- </div>
249
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
250
-
251
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
252
- <label class="font_normal_body">控制器出厂日期</label>
253
- <datepicker placeholder="控制器出厂日期" style="width: 60%"
254
- v-model="fireinfo.f_control_date"
255
- :value.sync="fireinfo.f_control_date"
256
- :format="'yyyy-MM-dd HH:mm:ss'">
257
- </datepicker>
258
- </div>
259
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
260
- <label class="font_normal_body">控制器表编码</label>
261
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_code"
262
- placeholder='控制器表编码' >
263
- </div>
264
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
265
- <label class="font_normal_body">控制器表封号</label>
266
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_number"
267
- placeholder='控制器表封号' >
268
- </div>
269
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
270
- <label class="font_normal_body">&emsp;燃气具类型</label>
271
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_type"
272
- placeholder='燃气具类型' >
273
- </div>
274
- </div>
275
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
276
-
277
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
278
- <label class="font_normal_body">&emsp;&emsp;燃气具品牌</label>
279
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_brand"
280
- placeholder='燃气具品牌' >
281
- </div>
282
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
283
- <label class="font_normal_body">&emsp;燃气具型号</label>
284
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_model"
285
- placeholder='燃气具型号' >
286
- </div>
287
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
288
- <label class="font_normal_body">&emsp;报警箱信息</label>
289
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_alarm_info"
290
- placeholder='报警控制箱信息' >
291
- </div>
292
- <div class="col-sm-3 form-group" >
293
- <label class="font_normal_body">&emsp;&emsp;交付日期</label>
294
- <datepicker placeholder="交付日期" style="width: 60%"
295
- v-model="fireinfo.f_deliver_date"
296
- :value.sync="fireinfo.f_deliver_date"
297
- :format="'yyyy-MM-dd HH:mm:ss'">
298
- </datepicker>
299
- </div>
300
- </div>
301
- <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
302
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
303
- <label class="font_normal_body">&emsp;&emsp;&emsp;通讯方式</label>
304
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_contact_method"
305
- placeholder='通讯方式' >
306
- </div>
307
- <div class="col-sm-3 form-group" style="padding-right: 5px;">
308
- <label class="font_normal_body">&emsp;&emsp;点火人员</label>
309
- <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
310
- placeholder='点火人员' >
311
- </div>
312
- <div class="col-sm-12 form-group" >
313
- <label class="font_normal_body">&emsp;&emsp;&emsp;检验结论</label>
314
- <input type="text" class="input_search" style="width:90%" v-model="fireinfo.f_fic"
315
- placeholder='设施检验结论' >
316
- </div>
317
- <div class="col-sm-12 form-group" >
318
- <label class="font_normal_body">&emsp;&emsp;&emsp;备&emsp;&emsp;注</label>
319
- <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
320
- placeholder='备注' >
321
- </div>
322
- </div>
323
- </form>
324
- </div>
325
- </div>
326
-
327
- </article>
328
-
329
- <footer slot="modal-footer" class="modal-footer">
330
- <button type="button" class="btn btn-success" @click='confirm()'>确定</button>
331
- <button type="button" class="btn btn-default" @click='cancel()'>取消</button>
332
- </footer>
333
- </modal>
334
- </div>
335
-
336
- </template>
337
-
338
- <script>
339
- // import moment from 'moment'
340
- // import * as Util from '../../Util'
341
- export default {
342
- title: '表具设备信息',
343
- data () {
344
- return {
345
- showTable: false,
346
- // imgdelete: '/images/mainicon/deletedevice.png',
347
- // imgadd: '/images/mainicon/adddevice.png',
348
- f_service_life: 0,
349
- fireinfoShow: true,
350
- show_fire: true
351
- }
352
- },
353
- props: ['fireinfo', 'baseinfo', 'addressinfo', 'meter', 'showFilePage'],
354
- // props: {
355
- // fireinfo: {
356
- // type: Object
357
- // },
358
- // baseinfo: {},
359
- // addressinfo: {},
360
- // meter: {},
361
- // show_fire: {
362
- // type: Boolean,
363
- // default: false
364
- // },
365
- // showFilePage: {
366
- // type: Boolean,
367
- // default: false
368
- // }
369
- // },
370
- computed: {
371
- },
372
- methods: {
373
- showTableBtn () {
374
- this.showTable = !this.showTable
375
- console.log('点火信息???', this.fireinfo)
376
- },
377
- confirm () {
378
- console.log('传入数据:')
379
- },
380
- cancel () {
381
- // this.show_fire = false
382
- this.showFilePage = false
383
- }
384
- },
385
- watch: {
386
- 'fireinfo' (val) {
387
- }
388
- }
389
- }
390
- </script>
391
- <style lang="less">
392
- .flex-deviceinfo {
393
- padding: 0px 20px;
394
- justify-content: space-between;
395
- height: auto;
396
- flex-wrap: wrap;
397
- }
398
- .input-underline {
399
- border-bottom: 1px solid #dbdbdb;
400
- border-top: 0px;
401
- border-left: 0px;
402
- border-right: 0px;
403
- }
404
- .flex-two-info {
405
- margin-bottom: 10px;
406
- align-items: center;
407
- width: 48%;
408
- }
409
- </style>
1
+ <template>
2
+ <div class="auto">
3
+ <modal :show.sync="show_fire" width="80%" title="点火基本信息" v-ref:modal large backdrop="false">
4
+ <article slot="modal-body" class="modal-body" style="height: auto">
5
+ <div class="flex-row flex-deviceinfo">
6
+ <div class="panel panel-primary col-sm-12 datapanel" >
7
+ <div style="margin-top: 2%">
8
+ <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
9
+ <a style="font-size: 16px;font-weight: 500;">档案信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
10
+ </div>
11
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
12
+ <div class="col-sm-3 form-group" >
13
+ <label class="font_normal_body">&emsp;&emsp;&emsp;客户姓名</label>
14
+ <input type="text" class="input-underline" style="width:60%" v-model="baseinfo.f_user_name" readonly
15
+ placeholder='客户姓名' >
16
+ </div>
17
+ <div class="col-sm-3 form-group" >
18
+ <label class="font_normal_body">&emsp;&emsp;&emsp;客户电话</label>
19
+ <input type="text" class="input-underline" style="width:60%" v-model="baseinfo.f_user_phone" readonly
20
+ placeholder='客户电话' >
21
+ </div>
22
+ <div class="col-sm-6 form-group" >
23
+ <label class="font_normal_body">&emsp;&emsp;&emsp;客户地址</label>
24
+ <input type="text" class="input-underline" style="width:60%" v-model="addressinfo.f_address" readonly
25
+ placeholder='客户地址' >
26
+ </div>
27
+ </div>
28
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
29
+ <div class="col-sm-3 form-group" >
30
+ <label class="font_normal_body">&emsp;&emsp;&emsp;表&emsp;&emsp;号</label>
31
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_meternumber" readonly
32
+ placeholder='表号' >
33
+ </div>
34
+ <div class="col-sm-3 form-group" >
35
+ <label class="font_normal_body">&emsp;&emsp;&emsp;卡&emsp;&emsp;号</label>
36
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_card_id" readonly
37
+ placeholder='卡号' >
38
+ </div>
39
+ <div class="col-sm-3 form-group" >
40
+ <label class="font_normal_body">&emsp;&emsp;&emsp;表&nbsp;封&nbsp;号&nbsp;</label>
41
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_metertitles" readonly
42
+ placeholder='表封号' >
43
+ </div>
44
+ <div class="col-sm-3 form-group" >
45
+ <label class="font_normal_body">&emsp;&emsp;&emsp;气表品牌</label>
46
+ <input type="text" class="input-underline" style="width:60%"
47
+ v-model="meter.gasbrand.length>0?meter.gasbrand[0].f_meter_brand:null" readonly
48
+ placeholder='气表品牌' >
49
+ </div>
50
+ </div>
51
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
52
+ <div class="col-sm-3 form-group" >
53
+ <label class="font_normal_body">&emsp;&emsp;&emsp;气表型号</label>
54
+ <input type="text" class="input-underline" style="width:60%"
55
+ readonly
56
+ v-model="meter.gasmodel.length>0?(meter.gasmodel[0].f_meter_style+meter.gasmodel[0].f_type):null"
57
+ placeholder='气表型号' >
58
+ </div>
59
+ <div class="col-sm-3 form-group" >
60
+ <label class="font_normal_body">&emsp;&emsp;&emsp;表&emsp;&emsp;向</label>
61
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_aroundmeter" readonly
62
+ placeholder='表向' >
63
+ </div>
64
+ <div class="col-sm-3 form-group" >
65
+ <label class="font_normal_body">&emsp;&emsp;&emsp;表&nbsp;前&nbsp;阀&nbsp;</label>
66
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_bqf_type" readonly
67
+ placeholder='表前阀' >
68
+ </div>
69
+ <div class="col-sm-3 form-group" >
70
+ <label class="font_normal_body">&emsp;&emsp;&emsp;报&nbsp;警&nbsp;器&nbsp;</label>
71
+ <input type="text" class="input-underline" style="width:60%" v-model="meter.f_alarm_code" readonly
72
+ placeholder='报警器' >
73
+ </div>
74
+ </div>
75
+
76
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
77
+ <div class="col-sm-3 form-group" >
78
+ <label class="font_normal_body">&emsp;&emsp;流量计品牌</label>
79
+ <input type="text" class="input-underline" style="width:60%"
80
+ readonly
81
+ v-model="meter.f_flowmeter_brand"
82
+ placeholder='流量计品牌' >
83
+ </div>
84
+ <div class="col-sm-3 form-group" >
85
+ <label class="font_normal_body">&emsp;&emsp;流量计型号</label>
86
+ <input type="text" class="input-underline" style="width:60%"
87
+ readonly
88
+ v-model="meter.f_flowmeter_model"
89
+ placeholder='流量计型号' >
90
+ </div>
91
+ <div class="col-sm-3 form-group" >
92
+ <label class="font_normal_body">流量计出厂编号</label>
93
+ <input type="text" class="input-underline" style="width:60%"
94
+ readonly
95
+ v-model="meter.f_flowmeter_factory_num"
96
+ placeholder='流量计出厂编号' >
97
+ </div>
98
+ <div class="col-sm-3 form-group" >
99
+ <label class="font_normal_body">&emsp;流量计表封号</label>
100
+ <input type="text" class="input-underline" style="width:60%"
101
+ readonly
102
+ v-model="meter.f_llj_metertitles"
103
+ placeholder='流量计表封号' >
104
+ </div>
105
+ </div>
106
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
107
+ <div class="col-sm-3 form-group" >
108
+ <label class="font_normal_body">&emsp;&emsp;流量计类型</label>
109
+ <input type="text" class="input-underline" style="width:60%"
110
+ readonly
111
+ v-model="meter.f_llj_type"
112
+ placeholder='流量计类型' >
113
+ </div>
114
+ </div>
115
+ </div>
116
+ <!-- </div>-->
117
+
118
+
119
+ <div class="panel panel-primary col-sm-12 datapanel" v-if="meter.f_user_type[0]=='民用'">
120
+ <!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
121
+ <form class="form-horizontal select-overspread " style="flex: 1;">
122
+ <div style="margin-top: 2%">
123
+ <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
124
+ <a style="font-size: 16px;font-weight: 500;">民用点火信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
125
+ </div>
126
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
127
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
128
+ <label class="font_normal_body">&emsp;&emsp;&emsp;镀锌管&nbsp;&nbsp;&nbsp;</label>
129
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_galvanize_pipe"
130
+ placeholder='镀锌管' >
131
+ </div>
132
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
133
+ <label class="font_normal_body">&emsp;&emsp;&emsp;三&emsp;通&emsp;</label>
134
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_tee"
135
+ placeholder='三通' >
136
+ </div>
137
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
138
+ <label class="font_normal_body">&emsp;&emsp;&emsp;对&emsp;丝&emsp;</label>
139
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_nipple"
140
+ placeholder='对丝' >
141
+ </div>
142
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
143
+ <label class="font_normal_body">&emsp;&emsp;&emsp;弯&emsp;头&emsp;</label>
144
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_elbow"
145
+ placeholder='弯头' >
146
+ </div>
147
+ </div>
148
+ <div class="row auto" style="margin-left: 10px;">
149
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
150
+ <label class="font_normal_body">&emsp;&emsp;&emsp;管&emsp;卡&emsp;</label>
151
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_pipe_strap"
152
+ placeholder='管卡' >
153
+ </div>
154
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
155
+ <label class="font_normal_body">&emsp;&emsp;&emsp;灶前阀&emsp;</label>
156
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zqf"
157
+ placeholder='灶前阀' >
158
+ </div>
159
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
160
+ <label class="font_normal_body">&emsp;&emsp;&emsp;胶&emsp;管&emsp;</label>
161
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_sebific_duct"
162
+ placeholder='胶管' >
163
+ </div>
164
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
165
+ <label class="font_normal_body">&emsp;&emsp;&emsp;自闭阀&emsp;</label>
166
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_zbf"
167
+ placeholder='自闭阀' >
168
+ </div>
169
+ </div>
170
+ <div class="row auto" style="margin-left: 10px;">
171
+
172
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
173
+ <label class="font_normal_body">&emsp;&emsp;&emsp;燃气具&emsp;</label>
174
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_gas_appliance"
175
+ placeholder='燃气具' >
176
+ </div>
177
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
178
+ <label class="font_normal_body">&emsp;&emsp;&emsp;热水器&emsp;</label>
179
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_geyser"
180
+ placeholder='热水器' >
181
+ </div>
182
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
183
+ <label class="font_normal_body">&emsp;&emsp;&emsp;壁挂锅炉</label>
184
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl"
185
+ placeholder='壁挂锅炉' >
186
+ </div>
187
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
188
+ <label class="font_normal_body">&emsp;&emsp;&emsp;型&emsp;号&emsp;</label>
189
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_bgl_style"
190
+ placeholder='壁挂锅炉型号' >
191
+ </div>
192
+ </div>
193
+ <div class="row auto" style="margin-left: 10px;">
194
+ <div class="col-sm-3 form-group" >
195
+ <label class="font_normal_body">&emsp;&emsp;&emsp;交付日期</label>
196
+ <datepicker placeholder="交付日期" style="width: 57%"
197
+ v-model="fireinfo.f_deliver_date"
198
+ :value.sync="fireinfo.f_deliver_date"
199
+ :format="'yyyy-MM-dd HH:mm:ss'">
200
+ </datepicker>
201
+ </div>
202
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
203
+ <label class="font_normal_body">&emsp;&emsp;&emsp;点火人员</label>
204
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
205
+ placeholder='点火人员' >
206
+ </div>
207
+ <div class="col-sm-12 form-group" >
208
+ <label class="font_normal_body">&emsp;&emsp;&emsp;检验结论</label>
209
+ <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_fic"
210
+ placeholder='设施检验结论' >
211
+ </div>
212
+ <div class="col-sm-12 form-group" >
213
+ <label class="font_normal_body">&emsp;&emsp;&emsp;备&emsp;&emsp;注</label>
214
+ <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
215
+ placeholder='备注' >
216
+ </div>
217
+ </div>
218
+ </form>
219
+ </div>
220
+ <div class="panel panel-primary col-sm-12 datapanel" v-if="meter.f_user_type[0]!='民用'">
221
+ <!-- <avatar-upload :img-src.sync="row.img.content" :filename.sync="row.img.filename"></avatar-upload>-->
222
+ <form class="form-horizontal select-overspread " style="flex: 1;">
223
+ <div style="margin-top: 2%">
224
+ <img style="margin-top: -2px;margin-left: 2px" src="../../../../../static/images/lefticon/矩形1183.png">
225
+ <a style="font-size: 16px;font-weight: 500;">非民用点火基本信息</a>&nbsp;<a style="color: #999999;text-decoration: none"></a>
226
+ </div>
227
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
228
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
229
+ <label class="font_normal_body">&emsp;&emsp;探测器数量</label>
230
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_detector_number"
231
+ placeholder='探测器数量' >
232
+ </div>
233
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
234
+ <label class="font_normal_body">&emsp;&emsp;气表品牌</label>
235
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_fire_gasbrand"
236
+ placeholder='气表品牌' >
237
+ </div>
238
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
239
+ <label class="font_normal_body">&emsp;控制器品牌</label>
240
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_brand"
241
+ placeholder='控制器品牌' >
242
+ </div>
243
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
244
+ <label class="font_normal_body">&emsp;控制器型号</label>
245
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_model"
246
+ placeholder='控制器型号' >
247
+ </div>
248
+ </div>
249
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
250
+
251
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
252
+ <label class="font_normal_body">控制器出厂日期</label>
253
+ <datepicker placeholder="控制器出厂日期" style="width: 60%"
254
+ v-model="fireinfo.f_control_date"
255
+ :value.sync="fireinfo.f_control_date"
256
+ :format="'yyyy-MM-dd HH:mm:ss'">
257
+ </datepicker>
258
+ </div>
259
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
260
+ <label class="font_normal_body">控制器表编码</label>
261
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_code"
262
+ placeholder='控制器表编码' >
263
+ </div>
264
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
265
+ <label class="font_normal_body">控制器表封号</label>
266
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_control_number"
267
+ placeholder='控制器表封号' >
268
+ </div>
269
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
270
+ <label class="font_normal_body">&emsp;燃气具类型</label>
271
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_type"
272
+ placeholder='燃气具类型' >
273
+ </div>
274
+ </div>
275
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
276
+
277
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
278
+ <label class="font_normal_body">&emsp;&emsp;燃气具品牌</label>
279
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_brand"
280
+ placeholder='燃气具品牌' >
281
+ </div>
282
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
283
+ <label class="font_normal_body">&emsp;燃气具型号</label>
284
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_appliance_model"
285
+ placeholder='燃气具型号' >
286
+ </div>
287
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
288
+ <label class="font_normal_body">&emsp;报警箱信息</label>
289
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_alarm_info"
290
+ placeholder='报警控制箱信息' >
291
+ </div>
292
+ <div class="col-sm-3 form-group" >
293
+ <label class="font_normal_body">&emsp;&emsp;交付日期</label>
294
+ <datepicker placeholder="交付日期" style="width: 60%"
295
+ v-model="fireinfo.f_deliver_date"
296
+ :value.sync="fireinfo.f_deliver_date"
297
+ :format="'yyyy-MM-dd HH:mm:ss'">
298
+ </datepicker>
299
+ </div>
300
+ </div>
301
+ <div class="row auto" style="margin-top: 10px;margin-left: 10px;">
302
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
303
+ <label class="font_normal_body">&emsp;&emsp;&emsp;通讯方式</label>
304
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_contact_method"
305
+ placeholder='通讯方式' >
306
+ </div>
307
+ <div class="col-sm-3 form-group" style="padding-right: 5px;">
308
+ <label class="font_normal_body">&emsp;&emsp;点火人员</label>
309
+ <input type="text" class="input_search" style="width:60%" v-model="fireinfo.f_lgniter"
310
+ placeholder='点火人员' >
311
+ </div>
312
+ <div class="col-sm-12 form-group" >
313
+ <label class="font_normal_body">&emsp;&emsp;&emsp;检验结论</label>
314
+ <input type="text" class="input_search" style="width:90%" v-model="fireinfo.f_fic"
315
+ placeholder='设施检验结论' >
316
+ </div>
317
+ <div class="col-sm-12 form-group" >
318
+ <label class="font_normal_body">&emsp;&emsp;&emsp;备&emsp;&emsp;注</label>
319
+ <input type="text" class="input_search" style="width:80%" v-model="fireinfo.f_comments"
320
+ placeholder='备注' >
321
+ </div>
322
+ </div>
323
+ </form>
324
+ </div>
325
+ </div>
326
+
327
+ </article>
328
+
329
+ <footer slot="modal-footer" class="modal-footer">
330
+ <button type="button" class="btn btn-success" @click='confirm()'>确定</button>
331
+ <button type="button" class="btn btn-default" @click='cancel()'>取消</button>
332
+ </footer>
333
+ </modal>
334
+ </div>
335
+
336
+ </template>
337
+
338
+ <script>
339
+ // import moment from 'moment'
340
+ // import * as Util from '../../Util'
341
+ export default {
342
+ title: '表具设备信息',
343
+ data () {
344
+ return {
345
+ showTable: false,
346
+ // imgdelete: '/images/mainicon/deletedevice.png',
347
+ // imgadd: '/images/mainicon/adddevice.png',
348
+ f_service_life: 0,
349
+ fireinfoShow: true,
350
+ show_fire: true
351
+ }
352
+ },
353
+ props: ['fireinfo', 'baseinfo', 'addressinfo', 'meter', 'showFilePage'],
354
+ // props: {
355
+ // fireinfo: {
356
+ // type: Object
357
+ // },
358
+ // baseinfo: {},
359
+ // addressinfo: {},
360
+ // meter: {},
361
+ // show_fire: {
362
+ // type: Boolean,
363
+ // default: false
364
+ // },
365
+ // showFilePage: {
366
+ // type: Boolean,
367
+ // default: false
368
+ // }
369
+ // },
370
+ computed: {
371
+ },
372
+ methods: {
373
+ showTableBtn () {
374
+ this.showTable = !this.showTable
375
+ console.log('点火信息???', this.fireinfo)
376
+ },
377
+ confirm () {
378
+ console.log('传入数据:')
379
+ },
380
+ cancel () {
381
+ // this.show_fire = false
382
+ this.showFilePage = false
383
+ }
384
+ },
385
+ watch: {
386
+ 'fireinfo' (val) {
387
+ }
388
+ }
389
+ }
390
+ </script>
391
+ <style lang="less">
392
+ .flex-deviceinfo {
393
+ padding: 0px 20px;
394
+ justify-content: space-between;
395
+ height: auto;
396
+ flex-wrap: wrap;
397
+ }
398
+ .input-underline {
399
+ border-bottom: 1px solid #dbdbdb;
400
+ border-top: 0px;
401
+ border-left: 0px;
402
+ border-right: 0px;
403
+ }
404
+ .flex-two-info {
405
+ margin-bottom: 10px;
406
+ align-items: center;
407
+ width: 48%;
408
+ }
409
+ </style>