safecheck-client 3.0.34-42 → 3.0.34-44

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,414 +1,419 @@
1
- <template>
2
- <form novalidate class="form-horizontal auto compatible" style="width: 100%;margin: auto;border:15px">
3
- <div style="width: 100%;height: 36px;background-color: #f1f8ff">
4
- <div style="width: 8px;height: 100%;background-color: #6aa6e2;margin-right: 20px;float: left"></div>
5
- <div style="width: auto;height:100%;float: left;"><p class="title-font" style="margin-top: 5px">安检概况:</p></div>
6
- </div>
7
- <div class="auto">
8
-
9
- <div class="form-group groupm " >
10
- <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px">安检时间:</span>
11
- <div class="col-md-9 col-sm-8 col-xs-8">
12
- <input readonly="readonly" style="width: 100%" type="text" v-model="item.f_onsite_time" class=" form-control text-center time-input"/>
13
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_onsite_time" class=" form-control text-center time-input"/>-->
14
- </div>
15
- </div>
16
- <div class="form-group groupm">
17
- <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px">上传时间:</span>
18
- <div class="col-md-9 col-sm-8 col-xs-8">
19
- <input readonly="readonly" style="width: 100%" type="text" v-model="item.f_upload_date" class="form-control text-center time-input"/>
20
- </div>
21
- </div>
22
- <div class="form-group groupm">
23
- <span class="col-md-3 col-sm-4 col-xs-4 text-left" style="margin-top: 5px">入户状态:</span>
24
- <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
25
- <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="nopeople" value="到访不遇">到访不遇
26
- <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="rejectchecck" value="拒检">拒检
27
- <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="enterhouse" value="入户">入户
28
-
29
- </div>
30
- </div>
31
- <div class="form-group groupm col-sm-12 col-xs-12" v-show="item.f_entry_status=='入户'" style="margin-top: 6px">
32
- <span class="text-left col-md-3 col-sm-4 col-xs-4" style="margin-top: 5px"> 燃气使用:</span>
33
- <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
34
- <input type="radio" name="isuseed" v-model="item.f_usegas" id="useedgas" value="已使用">已使用
35
- <input type="radio" name="isuseed" v-model="item.f_usegas" id="nousegas" value="未使用">未使用
36
- </div>
37
- </div>
38
- <div :class="style__" class="form-group col-sm-12 col-xs-12" style="margin-top: 6px" v-show="item.f_usegas == '未使用'">
39
- <label class="text-left font">未使用天然气照片:</label>
40
- <div class="auto">
41
- <div class="panel" style="padding: 10px 10px 5px 10px;">
42
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
43
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
44
- <div class="col-sm-4">
45
- <img-self :class="style__" :src="item.f_nongasuser_path" alt="未使用天然气照片" width="150" height="200"></img-self>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- </div>
51
- </div>
52
- <div class="row" v-show="item.f_entry_status=='到访不遇'">
53
- <div class="col-sm-8 col-xs-8" :class="style__">
54
- <label class="text-left font">到访不遇照片:</label>
55
- <img-self :src="item.f_noanswer_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
56
- <img-self :src="item.f_noanswertwo_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
57
-
58
- </div>
59
- <div class="col-sm-4 col-xs-4">
60
- <div class="auto">
61
- <label class="font" style="margin-right: 18px">是否激光检漏:</label>
62
- <input type="radio" name="laser_check" v-model="item.f_laser_check" id="nopeople1" value="">是
63
- <input type="radio" name="laser_check" v-model="item.f_laser_check" id="rejectchecck1" value="否">否
64
- </div>
65
- <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="item.f_jujian_remark">
66
- <label class="text-left font">到访备注:{{item.f_buyu_remark}}</label>
67
- </div>
68
- </div>
69
- </div>
70
- <div class="row" v-show="item.f_entry_status=='拒检'">
71
- <div class="col-sm-8 col-xs-8" :class="style__">
72
- <label class="text-left font">拒检照片:</label>
73
- <img-self :src="item.f_rejectcheck_path" alt="拒检照片" style=" display: inline-block" width="150" height="200"> </img-self>
74
- <img-self v-if="item.f_rejectcheck2_path" :src="item.f_rejectcheck2_path" alt="拒检照片" style=" display: inline-block" width="150" height="200"> </img-self>
75
-
76
- </div>
77
- <div class="col-sm-4 col-xs-4">
78
- <!-- <div class="auto">
79
- <label class="font" style="margin-right: 18px">是否激光检漏:</label>
80
- <input type="radio" name="laser_check" v-model="item.f_laser_check" id="nopeople1" value="是">是
81
- <input type="radio" name="laser_check" v-model="item.f_laser_check" id="rejectchecck1" value="否">否
82
- </div>-->
83
- <div class="form-group col-sm-12 col-xs-12" v-show="item.f_jujian_remark" :class="style__">
84
- <label class="text-left font">拒检备注:{{item.f_jujian_remark}}</label>
85
- </div>
86
- </div>
87
- </div>
88
-
89
- <div class="row" v-show="item.f_entry_status=='激光检漏'">
90
- <div class="col-sm-8 col-xs-8" :class="style__">
91
- <label class="text-left font">激光检漏照片:</label>
92
- <img-self :src="item.f_detection_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>
93
- <img-self v-if="item.f_detection2_path" :src="item.f_detection2_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>
94
- <!-- <img-self v-if="item.f_detection3_path" :src="item.f_detection3_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
95
- <!-- <img-self v-if="item.f_detection4_path" :src="item.f_detection4_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
96
- <!-- <img-self v-if="item.f_detection5_path" :src="item.f_detection5_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
97
- <!-- <img-self v-if="item.f_detection6_path" :src="item.f_detection6_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
98
- <!-- <img-self v-if="item.f_detection7_path" :src="item.f_detection7_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
99
- <!-- <img-self v-if="item.f_detection8_path" :src="item.f_detection8_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
100
- </div>
101
- </div>
102
- <div class="row" v-show="item.f_entry_status=='立杠保压'">
103
- <div class="col-sm-8 col-xs-8" :class="style__">
104
- <label class="text-left font">立杠保压照片:</label>
105
- <img-self :src="item.f_pressure_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>
106
- <img-self v-if="item.f_pressure2_path" :src="item.f_pressure2_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>
107
- <!-- <img-self v-if="item.f_pressure3_path" :src="item.f_pressure3_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
108
- <!-- <img-self v-if="item.f_pressure4_path" :src="item.f_pressure4_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
109
- <!-- <img-self v-if="item.f_pressure5_path" :src="item.f_pressure5_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
110
- <!-- <img-self v-if="item.f_pressure6_path" :src="item.f_pressure6_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
111
- <!-- <img-self v-if="item.f_pressure7_path" :src="item.f_pressure7_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
112
- <!-- <img-self v-if="item.f_pressure8_path" :src="item.f_pressure8_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
113
- </div>
114
- </div>
115
- <div class="row" v-show="item.f_entry_status=='室外关阀'">
116
- <div class="col-sm-8 col-xs-8" :class="style__">
117
- <label class="text-left font">室外关阀照片:</label>
118
- <img-self :src="item.f_outdoor_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>
119
- <img-self v-if="item.f_outdoor2_path" :src="item.f_outdoor2_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>
120
- <!-- <img-self v-if="item.f_outdoor3_path" :src="item.f_outdoor3_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
121
- <!-- <img-self v-if="item.f_outdoor4_path" :src="item.f_outdoor4_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
122
- <!-- <img-self v-if="item.f_outdoor5_path" :src="item.f_outdoor5_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
123
- <!-- <img-self v-if="item.f_outdoor6_path" :src="item.f_outdoor6_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
124
- <!-- <img-self v-if="item.f_outdoor7_path" :src="item.f_outdoor7_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
125
- <!-- <img-self v-if="item.f_outdoor8_path" :src="item.f_outdoor8_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
126
- </div>
127
- </div>
128
-
129
- <!-- <div class="row" v-show="item.f_entry_status=='拒检'">
130
- <div class="col-sm-8 col-xs-8">
131
- <label class="text-left font">拒检照片:</label>
132
- <div class="auto">
133
- <div class="panel" style="padding: 10px 10px 5px 10px;">
134
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
135
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
136
- <div class="col-sm-4">
137
- <img-self :src="item.f_rejectcheck_path" alt="拒检照片" width="150" height="200"> </img-self>
138
- </div>
139
- </div>
140
-
141
- </div>
142
- </div>
143
- </div>
144
- </div>
145
- <div class="col-sm-4 col-xs-4">
146
- <label class="text-left font">拒检备注:{{item.f_jujian_remark}}</label>
147
- </div>
148
- </div>-->
149
-
150
- <div :class="style__" class="form-group" v-show="item.f_usegas == '未使用'">
151
- <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式:</sapn>
152
- <div class="col-xs-12 col-sm-12 col-md-12">
153
- <input type="checkbox" v-model="item.f_no_gas_device">无燃气具
154
- <input type="checkbox" v-model="item.f_close_valve">关闭表前阀
155
- <input type="checkbox" v-model="item.f_unload_battery">取下表内电池
156
- </div>
157
- </div>
158
- <!--<div align="center">用户情况表</div>-->
159
- <!--<div class="form-group" :class="style__">-->
160
- <!--<span class="col-md-3 col-sm-4 col-xs-4">在家时间:</span>-->
161
- <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
162
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_inhome_time" class="form-control text-center time-input"/>-->
163
- <!--</div>-->
164
- <!--</div>-->
165
- <!--<div class="form-group" :class="style__">-->
166
- <!--<span class="col-md-3 col-sm-4 col-xs-4">建议安检时间:</span>-->
167
- <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
168
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_check_time" class="form-control text-center time-input"/>-->
169
- <!--</div>-->
170
- <!--</div>-->
171
- <!--<div class="form-group" :class="style__">-->
172
- <!--<span class="col-md-3 col-sm-4 col-xs-4">备用联系方式:</span>-->
173
- <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
174
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_spare_phone" class="form-control text-center time-input"/>-->
175
- <!--</div>-->
176
- <!--</div>-->
177
- <!--<div class="form-group" :class="style__">-->
178
- <!--<span class="col-md-3 col-sm-4 col-xs-4">家庭情况备注:</span>-->
179
- <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
180
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_family_remarks" class="form-control text-center time-input"/>-->
181
- <!--</div>-->
182
- <!--</div>-->
183
- <!--<div class="form-group" :class="style__">-->
184
- <!--<span class="col-md-3 col-sm-4 col-xs-4">设备情况备注:</span>-->
185
- <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
186
- <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_equipment_remarks" class="form-control text-center time-input"/>-->
187
- <!--</div>-->
188
- <!--</div>-->
189
-
190
- </div>
191
-
192
- </form>
193
- </template>
194
-
195
- <script>
196
- import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
197
- import Radio from 'vue-client/src/vue-strap/src/radioBtn'
198
- import Vue from 'vue'
199
- import * as Util from '../Util'
200
-
201
-
202
- export default {
203
- title: '安检概况',
204
- data() {
205
- return{
206
- item:this.$parent.data
207
- }
208
- },
209
- methods: {
210
- cameraCallBack(prop, fileName) {
211
- HostApp.__this__.$set(prop, fileName + '?' + Math.random())
212
- //tag
213
- HostApp.__callback__ = null
214
- HostApp.__this__ = null
215
- },
216
- takePic(prop, title) {
217
- HostApp.__callback__ = this.cameraCallBack
218
- HostApp.__this__ = this
219
- //tag
220
- let fileName
221
- if (!this[prop] || this[prop].includes("nopic.png")) {
222
- fileName = Util.guid() + '-' + prop + '.jpg'
223
- } else {
224
- fileName = Util.getFileName(this[prop])
225
- }
226
- HostApp._open_a_page({
227
- type: 'boomerang',
228
- page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
229
- param: {
230
- file: fileName,
231
- requestCode: 111,
232
- callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
233
- watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name
234
- }
235
- })
236
- },
237
- delfile(prop, fileName) {
238
- if (fileName == Vue.nopic)
239
- return
240
- else {
241
- HostApp.delfile(fileName)
242
- this[prop] = Vue.nopic
243
- }
244
- },
245
- setEntryClass(val) {
246
- if (val == '到访不遇') {
247
- this.f_usegas =''
248
- this.$set('f_entry_class', 'warning')
249
- }else if (val == '拒检') {
250
- this.f_usegas = ''
251
- this.$set('f_entry_class', 'danger')
252
- } else if (val == '入户') {
253
- this.$set('f_entry_class', 'success')
254
- }
255
- },
256
- setUsegas(val){
257
- if (val == '未使用')
258
- this.$set('f_useclass', 'default')
259
- if (val == '已使用')
260
- this.$set('f_useclass', 'success')
261
- },
262
- start(){
263
- // //tag
264
- this.$parent.$parent.$parent.isStrat = true
265
- this.$set('action',!this.action)
266
- this.$set('f_onsite_time', Util.toStandardTimeString())
267
- //this.$set('f_offsite_time', Util.toStandardTimeString())
268
- //this.$parent.$parent.$parent.tick()
269
- }
270
- },
271
- components: {
272
- RadioGroup,
273
- Radio
274
- },
275
- ready() {
276
-
277
- //tag
278
- /*this.$set('last_check_date',this.$parent.$parent.$parent.$parent.item.f_last_check_date)*/
279
- //tag
280
-
281
-
282
- /* if(this.$parent.$parent.$parent.item.f_last_check_result){
283
- let checkResult = JSON.parse(this.$parent.$parent.$parent.item.f_last_check_result)
284
- this.$set('last_check_result',checkResult.result)
285
- this.$set('last_check_data.data',checkResult.data)
286
- }else{
287
- this.$set('last_check_result','')
288
- this.$set('last_check_data.data',[])
289
- }
290
- if(this.$parent.$parent.$parent.data.f_onsite_time){
291
- //tag
292
- this.$parent.$parent.$parent.startClick = true
293
- }
294
- if(this.$parent.$parent.$parent.role == 'androidview'){
295
- this.action = false
296
- this.f_onsite_time = this.$parent.$parent.$parent.f_onsite_time
297
- this.f_offsite_time = this.$parent.$parent.$parent.f_offsite_time
298
- }
299
- this.action = true
300
- //tag
301
- if(this.f_onsite_time){
302
- this.$parent.$parent.$parent.isStrat = true
303
- }
304
- if (this.$parent.$parent.$parent.role == 'repair') {
305
- this.$set('style__', 'divmask')
306
- this.$set('style_view_', '')
307
- }
308
- else if (this.$parent.$parent.$parent.role == 'view') {
309
- this.$set('style__', 'divmask')
310
- this.$set('style_view_', 'divmask')
311
- //tag
312
- } else {
313
- this.$set('style__', '')
314
- this.$set('style_view_', '')
315
- }
316
- if (!this.f_nongasuser_path)
317
- this.$set('f_nongasuser_path', Vue.nopic)
318
- if (!this.f_noanswer_path)
319
- this.$set('f_noanswer_path', Vue.nopic)
320
- if (!this.f_rejectcheck_path)
321
- this.$set('f_rejectcheck_path', Vue.nopic)
322
-
323
-
324
- this.$watch('f_usegas', (val) => {
325
- this.setUsegas(val)
326
- })
327
-
328
- this.setEntryClass(this.f_entry_status)
329
- this.$watch('f_entry_status', (val) => {
330
- this.setEntryClass(val)
331
-
332
- if (val == '到访不遇') {
333
- this.f_rejectcheck_path = Vue.nopic
334
- }
335
- if (val == '拒检') {
336
- this.f_noanswer_path = Vue.nopic
337
- }
338
-
339
- if (val != '入户') {
340
- //清理安检概括
341
- this.f_no_gas_device = false
342
- this.f_unload_battery = false
343
- this.f_close_valve = false
344
- //清理全局隐患
345
- this.f_defect_cramped = false
346
- this.f_defect_bedroom = false
347
- this.f_defect_longpipe = false
348
- this.f_defect_firesource = false
349
- this.f_defect_explosive = false
350
- this.f_defect_viacabinet = false
351
- this.f_defect_intermittent = false
352
- this.f_defect_nearfire = false
353
- this.f_defect_openkitchen = false
354
- this.f_defect_hang = false
355
- this.f_cramped_path = Vue.nopic
356
- //用户评价
357
- this.f_client_evaluation = null
358
- //清设备
359
- this.$set('f_meters', [])
360
- this.$set('f_plumbs', [])
361
- this.$set('f_valves', [])
362
- this.$set('f_inner_plumbs', [])
363
- this.$set('f_alarms', [])
364
- this.$set('f_cookers', [])
365
- this.$set('f_heaters', [])
366
- this.$set('f_furnaces', [])
367
- //TODO 删除已有的照片
368
- }
369
- })*/
370
- }
371
-
372
- }
373
- </script>
374
- <style>
375
- .btn-start{
376
- background-color: #f5fbff;
377
- border-radius: 7px;
378
- border: 1px solid #dcdcdc;
379
- font: 15px PingFang-SC-Medium;
380
- color: #499edf;
381
- }
382
- .time-input{
383
- border: 1px solid #c0c0c0;
384
- border-radius: 3px;
385
- }
386
- .div-photo{
387
- width: auto;
388
- height: auto;
389
- /* margin-top: 10px; */
390
- position: absolute;
391
- bottom: 10px;
392
- right: 10px;
393
- }
394
- .btn-photo{
395
- border: 0;
396
- border-radius: 7px;
397
- background-color: #7dc1f4;
398
- font: 15px PingFang-SC-Bold;
399
- height: 20%;
400
- }
401
- .color-red{
402
- color: red;
403
- }
404
-
405
- .title-font{
406
- font: 18px PingFang-SC-Bold;
407
- color: #333333;
408
- }
409
-
410
- .groupm{
411
- margin-top: 25px;
412
- margin-bottom: 25px;
413
- }
414
- </style>
1
+ <template>
2
+ <form novalidate class="form-horizontal auto compatible" style="width: 100%;margin: auto;border:15px">
3
+ <div style="width: 100%;height: 36px;background-color: #f1f8ff">
4
+ <div style="width: 8px;height: 100%;background-color: #6aa6e2;margin-right: 20px;float: left"></div>
5
+ <div style="width: auto;height:100%;float: left;"><p class="title-font" style="margin-top: 5px">安检概况:</p></div>
6
+ </div>
7
+ <div class="auto">
8
+
9
+ <div class="form-group groupm " >
10
+ <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px">安检时间:</span>
11
+ <div class="col-md-9 col-sm-8 col-xs-8">
12
+ <input readonly="readonly" style="width: 100%" type="text" v-model="item.f_onsite_time" class=" form-control text-center time-input"/>
13
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_onsite_time" class=" form-control text-center time-input"/>-->
14
+ </div>
15
+ </div>
16
+ <div class="form-group groupm">
17
+ <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px">上传时间:</span>
18
+ <div class="col-md-9 col-sm-8 col-xs-8">
19
+ <input readonly="readonly" style="width: 100%" type="text" v-model="item.f_upload_date" class="form-control text-center time-input"/>
20
+ </div>
21
+ </div>
22
+ <div class="form-group groupm">
23
+ <span class="col-md-3 col-sm-4 col-xs-4 text-left" style="margin-top: 5px">入户状态:</span>
24
+ <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
25
+ <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="nopeople" value="到访不遇">到访不遇
26
+ <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="rejectchecck" value="拒检">拒检
27
+ <input type="radio" name="enterstatus" v-model="item.f_entry_status" id="enterhouse" value="入户">入户
28
+
29
+ </div>
30
+ </div>
31
+ <div class="form-group groupm col-sm-12 col-xs-12" v-show="item.f_entry_status=='入户'" style="margin-top: 6px">
32
+ <span class="text-left col-md-3 col-sm-4 col-xs-4" style="margin-top: 5px"> 燃气使用:</span>
33
+ <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
34
+ <input type="radio" name="isuseed" v-model="item.f_usegas" id="useedgas" value="已使用">已使用
35
+ <input type="radio" name="isuseed" v-model="item.f_usegas" id="nousegas" value="未使用">未使用
36
+ </div>
37
+ </div>
38
+ <div :class="style__" class="form-group col-sm-12 col-xs-12" style="margin-top: 6px" v-show="item.f_usegas == '未使用'">
39
+ <label class="text-left font">未使用天然气照片:</label>
40
+ <div class="auto">
41
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
42
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
43
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
44
+ <div class="col-sm-4">
45
+ <img-self :class="style__" :src="item.f_nongasuser_path" alt="未使用天然气照片" width="150" height="200"></img-self>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ <div class="row" v-show="item.f_entry_status=='到访不遇'">
53
+ <div class="col-sm-8 col-xs-8" :class="style__">
54
+ <label class="text-left font">到访不遇照片:</label>
55
+ <img-self :src="item.f_noanswer_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
56
+ <img-self :src="item.f_noanswertwo_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
57
+ <img-self :src="item.f_noanswer3_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
58
+ <img-self :src="item.f_noanswer4_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
59
+ <img-self :src="item.f_noanswer5_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
60
+ <img-self :src="item.f_noanswer6_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
61
+ <img-self :src="item.f_noanswer7_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
62
+ <img-self :src="item.f_noanswer8_path" alt="到访不遇照片" style=" display: inline-block" width="150" height="200"> </img-self>
63
+ </div>
64
+ <div class="col-sm-4 col-xs-4">
65
+ <div class="auto">
66
+ <label class="font" style="margin-right: 18px">是否激光检漏:</label>
67
+ <input type="radio" name="laser_check" v-model="item.f_laser_check" id="nopeople1" value="是">是
68
+ <input type="radio" name="laser_check" v-model="item.f_laser_check" id="rejectchecck1" value="否">否
69
+ </div>
70
+ <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="item.f_jujian_remark">
71
+ <label class="text-left font">到访备注:{{item.f_buyu_remark}}</label>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <div class="row" v-show="item.f_entry_status=='拒检'">
76
+ <div class="col-sm-8 col-xs-8" :class="style__">
77
+ <label class="text-left font">拒检照片:</label>
78
+ <img-self :src="item.f_rejectcheck_path" alt="拒检照片" style=" display: inline-block" width="150" height="200"> </img-self>
79
+ <img-self v-if="item.f_rejectcheck2_path" :src="item.f_rejectcheck2_path" alt="拒检照片" style=" display: inline-block" width="150" height="200"> </img-self>
80
+
81
+ </div>
82
+ <div class="col-sm-4 col-xs-4">
83
+ <!-- <div class="auto">
84
+ <label class="font" style="margin-right: 18px">是否激光检漏:</label>
85
+ <input type="radio" name="laser_check" v-model="item.f_laser_check" id="nopeople1" value="是">是
86
+ <input type="radio" name="laser_check" v-model="item.f_laser_check" id="rejectchecck1" value="否">否
87
+ </div>-->
88
+ <div class="form-group col-sm-12 col-xs-12" v-show="item.f_jujian_remark" :class="style__">
89
+ <label class="text-left font">拒检备注:{{item.f_jujian_remark}}</label>
90
+ </div>
91
+ </div>
92
+ </div>
93
+
94
+ <div class="row" v-show="item.f_entry_status=='激光检漏'">
95
+ <div class="col-sm-8 col-xs-8" :class="style__">
96
+ <label class="text-left font">激光检漏照片:</label>
97
+ <img-self :src="item.f_detection_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>
98
+ <img-self v-if="item.f_detection2_path" :src="item.f_detection2_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>
99
+ <!-- <img-self v-if="item.f_detection3_path" :src="item.f_detection3_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
100
+ <!-- <img-self v-if="item.f_detection4_path" :src="item.f_detection4_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
101
+ <!-- <img-self v-if="item.f_detection5_path" :src="item.f_detection5_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
102
+ <!-- <img-self v-if="item.f_detection6_path" :src="item.f_detection6_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
103
+ <!-- <img-self v-if="item.f_detection7_path" :src="item.f_detection7_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
104
+ <!-- <img-self v-if="item.f_detection8_path" :src="item.f_detection8_path" alt="激光检漏照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
105
+ </div>
106
+ </div>
107
+ <div class="row" v-show="item.f_entry_status=='立杠保压'">
108
+ <div class="col-sm-8 col-xs-8" :class="style__">
109
+ <label class="text-left font">立杠保压照片:</label>
110
+ <img-self :src="item.f_pressure_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>
111
+ <img-self v-if="item.f_pressure2_path" :src="item.f_pressure2_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>
112
+ <!-- <img-self v-if="item.f_pressure3_path" :src="item.f_pressure3_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
113
+ <!-- <img-self v-if="item.f_pressure4_path" :src="item.f_pressure4_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
114
+ <!-- <img-self v-if="item.f_pressure5_path" :src="item.f_pressure5_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
115
+ <!-- <img-self v-if="item.f_pressure6_path" :src="item.f_pressure6_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
116
+ <!-- <img-self v-if="item.f_pressure7_path" :src="item.f_pressure7_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
117
+ <!-- <img-self v-if="item.f_pressure8_path" :src="item.f_pressure8_path" alt="立杠保压照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
118
+ </div>
119
+ </div>
120
+ <div class="row" v-show="item.f_entry_status=='室外关阀'">
121
+ <div class="col-sm-8 col-xs-8" :class="style__">
122
+ <label class="text-left font">室外关阀照片:</label>
123
+ <img-self :src="item.f_outdoor_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>
124
+ <img-self v-if="item.f_outdoor2_path" :src="item.f_outdoor2_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>
125
+ <!-- <img-self v-if="item.f_outdoor3_path" :src="item.f_outdoor3_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
126
+ <!-- <img-self v-if="item.f_outdoor4_path" :src="item.f_outdoor4_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
127
+ <!-- <img-self v-if="item.f_outdoor5_path" :src="item.f_outdoor5_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
128
+ <!-- <img-self v-if="item.f_outdoor6_path" :src="item.f_outdoor6_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
129
+ <!-- <img-self v-if="item.f_outdoor7_path" :src="item.f_outdoor7_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
130
+ <!-- <img-self v-if="item.f_outdoor8_path" :src="item.f_outdoor8_path" alt="室外关阀照片" style=" display: inline-block" width="150" height="200"> </img-self>-->
131
+ </div>
132
+ </div>
133
+
134
+ <!-- <div class="row" v-show="item.f_entry_status=='拒检'">
135
+ <div class="col-sm-8 col-xs-8">
136
+ <label class="text-left font">拒检照片:</label>
137
+ <div class="auto">
138
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
139
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
140
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
141
+ <div class="col-sm-4">
142
+ <img-self :src="item.f_rejectcheck_path" alt="拒检照片" width="150" height="200"> </img-self>
143
+ </div>
144
+ </div>
145
+
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ <div class="col-sm-4 col-xs-4">
151
+ <label class="text-left font">拒检备注:{{item.f_jujian_remark}}</label>
152
+ </div>
153
+ </div>-->
154
+
155
+ <div :class="style__" class="form-group" v-show="item.f_usegas == '未使用'">
156
+ <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式:</sapn>
157
+ <div class="col-xs-12 col-sm-12 col-md-12">
158
+ <input type="checkbox" v-model="item.f_no_gas_device">无燃气具
159
+ <input type="checkbox" v-model="item.f_close_valve">关闭表前阀
160
+ <input type="checkbox" v-model="item.f_unload_battery">取下表内电池
161
+ </div>
162
+ </div>
163
+ <!--<div align="center">用户情况表</div>-->
164
+ <!--<div class="form-group" :class="style__">-->
165
+ <!--<span class="col-md-3 col-sm-4 col-xs-4">在家时间:</span>-->
166
+ <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
167
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_inhome_time" class="form-control text-center time-input"/>-->
168
+ <!--</div>-->
169
+ <!--</div>-->
170
+ <!--<div class="form-group" :class="style__">-->
171
+ <!--<span class="col-md-3 col-sm-4 col-xs-4">建议安检时间:</span>-->
172
+ <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
173
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_check_time" class="form-control text-center time-input"/>-->
174
+ <!--</div>-->
175
+ <!--</div>-->
176
+ <!--<div class="form-group" :class="style__">-->
177
+ <!--<span class="col-md-3 col-sm-4 col-xs-4">备用联系方式:</span>-->
178
+ <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
179
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_spare_phone" class="form-control text-center time-input"/>-->
180
+ <!--</div>-->
181
+ <!--</div>-->
182
+ <!--<div class="form-group" :class="style__">-->
183
+ <!--<span class="col-md-3 col-sm-4 col-xs-4">家庭情况备注:</span>-->
184
+ <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
185
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_family_remarks" class="form-control text-center time-input"/>-->
186
+ <!--</div>-->
187
+ <!--</div>-->
188
+ <!--<div class="form-group" :class="style__">-->
189
+ <!--<span class="col-md-3 col-sm-4 col-xs-4">设备情况备注:</span>-->
190
+ <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
191
+ <!--<input readonly="readonly" style="width: 100%" type="text" v-model="item.f_user_equipment_remarks" class="form-control text-center time-input"/>-->
192
+ <!--</div>-->
193
+ <!--</div>-->
194
+
195
+ </div>
196
+
197
+ </form>
198
+ </template>
199
+
200
+ <script>
201
+ import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
202
+ import Radio from 'vue-client/src/vue-strap/src/radioBtn'
203
+ import Vue from 'vue'
204
+ import * as Util from '../Util'
205
+
206
+
207
+ export default {
208
+ title: '安检概况',
209
+ data() {
210
+ return{
211
+ item:this.$parent.data
212
+ }
213
+ },
214
+ methods: {
215
+ cameraCallBack(prop, fileName) {
216
+ HostApp.__this__.$set(prop, fileName + '?' + Math.random())
217
+ //tag
218
+ HostApp.__callback__ = null
219
+ HostApp.__this__ = null
220
+ },
221
+ takePic(prop, title) {
222
+ HostApp.__callback__ = this.cameraCallBack
223
+ HostApp.__this__ = this
224
+ //tag
225
+ let fileName
226
+ if (!this[prop] || this[prop].includes("nopic.png")) {
227
+ fileName = Util.guid() + '-' + prop + '.jpg'
228
+ } else {
229
+ fileName = Util.getFileName(this[prop])
230
+ }
231
+ HostApp._open_a_page({
232
+ type: 'boomerang',
233
+ page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
234
+ param: {
235
+ file: fileName,
236
+ requestCode: 111,
237
+ callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
238
+ watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name
239
+ }
240
+ })
241
+ },
242
+ delfile(prop, fileName) {
243
+ if (fileName == Vue.nopic)
244
+ return
245
+ else {
246
+ HostApp.delfile(fileName)
247
+ this[prop] = Vue.nopic
248
+ }
249
+ },
250
+ setEntryClass(val) {
251
+ if (val == '到访不遇') {
252
+ this.f_usegas =''
253
+ this.$set('f_entry_class', 'warning')
254
+ }else if (val == '拒检') {
255
+ this.f_usegas = ''
256
+ this.$set('f_entry_class', 'danger')
257
+ } else if (val == '入户') {
258
+ this.$set('f_entry_class', 'success')
259
+ }
260
+ },
261
+ setUsegas(val){
262
+ if (val == '未使用')
263
+ this.$set('f_useclass', 'default')
264
+ if (val == '已使用')
265
+ this.$set('f_useclass', 'success')
266
+ },
267
+ start(){
268
+ // //tag
269
+ this.$parent.$parent.$parent.isStrat = true
270
+ this.$set('action',!this.action)
271
+ this.$set('f_onsite_time', Util.toStandardTimeString())
272
+ //this.$set('f_offsite_time', Util.toStandardTimeString())
273
+ //this.$parent.$parent.$parent.tick()
274
+ }
275
+ },
276
+ components: {
277
+ RadioGroup,
278
+ Radio
279
+ },
280
+ ready() {
281
+
282
+ //tag
283
+ /*this.$set('last_check_date',this.$parent.$parent.$parent.$parent.item.f_last_check_date)*/
284
+ //tag
285
+
286
+
287
+ /* if(this.$parent.$parent.$parent.item.f_last_check_result){
288
+ let checkResult = JSON.parse(this.$parent.$parent.$parent.item.f_last_check_result)
289
+ this.$set('last_check_result',checkResult.result)
290
+ this.$set('last_check_data.data',checkResult.data)
291
+ }else{
292
+ this.$set('last_check_result','')
293
+ this.$set('last_check_data.data',[])
294
+ }
295
+ if(this.$parent.$parent.$parent.data.f_onsite_time){
296
+ //tag
297
+ this.$parent.$parent.$parent.startClick = true
298
+ }
299
+ if(this.$parent.$parent.$parent.role == 'androidview'){
300
+ this.action = false
301
+ this.f_onsite_time = this.$parent.$parent.$parent.f_onsite_time
302
+ this.f_offsite_time = this.$parent.$parent.$parent.f_offsite_time
303
+ }
304
+ this.action = true
305
+ //tag
306
+ if(this.f_onsite_time){
307
+ this.$parent.$parent.$parent.isStrat = true
308
+ }
309
+ if (this.$parent.$parent.$parent.role == 'repair') {
310
+ this.$set('style__', 'divmask')
311
+ this.$set('style_view_', '')
312
+ }
313
+ else if (this.$parent.$parent.$parent.role == 'view') {
314
+ this.$set('style__', 'divmask')
315
+ this.$set('style_view_', 'divmask')
316
+ //tag
317
+ } else {
318
+ this.$set('style__', '')
319
+ this.$set('style_view_', '')
320
+ }
321
+ if (!this.f_nongasuser_path)
322
+ this.$set('f_nongasuser_path', Vue.nopic)
323
+ if (!this.f_noanswer_path)
324
+ this.$set('f_noanswer_path', Vue.nopic)
325
+ if (!this.f_rejectcheck_path)
326
+ this.$set('f_rejectcheck_path', Vue.nopic)
327
+
328
+
329
+ this.$watch('f_usegas', (val) => {
330
+ this.setUsegas(val)
331
+ })
332
+
333
+ this.setEntryClass(this.f_entry_status)
334
+ this.$watch('f_entry_status', (val) => {
335
+ this.setEntryClass(val)
336
+
337
+ if (val == '到访不遇') {
338
+ this.f_rejectcheck_path = Vue.nopic
339
+ }
340
+ if (val == '拒检') {
341
+ this.f_noanswer_path = Vue.nopic
342
+ }
343
+
344
+ if (val != '入户') {
345
+ //清理安检概括
346
+ this.f_no_gas_device = false
347
+ this.f_unload_battery = false
348
+ this.f_close_valve = false
349
+ //清理全局隐患
350
+ this.f_defect_cramped = false
351
+ this.f_defect_bedroom = false
352
+ this.f_defect_longpipe = false
353
+ this.f_defect_firesource = false
354
+ this.f_defect_explosive = false
355
+ this.f_defect_viacabinet = false
356
+ this.f_defect_intermittent = false
357
+ this.f_defect_nearfire = false
358
+ this.f_defect_openkitchen = false
359
+ this.f_defect_hang = false
360
+ this.f_cramped_path = Vue.nopic
361
+ //用户评价
362
+ this.f_client_evaluation = null
363
+ //清设备
364
+ this.$set('f_meters', [])
365
+ this.$set('f_plumbs', [])
366
+ this.$set('f_valves', [])
367
+ this.$set('f_inner_plumbs', [])
368
+ this.$set('f_alarms', [])
369
+ this.$set('f_cookers', [])
370
+ this.$set('f_heaters', [])
371
+ this.$set('f_furnaces', [])
372
+ //TODO 删除已有的照片
373
+ }
374
+ })*/
375
+ }
376
+
377
+ }
378
+ </script>
379
+ <style>
380
+ .btn-start{
381
+ background-color: #f5fbff;
382
+ border-radius: 7px;
383
+ border: 1px solid #dcdcdc;
384
+ font: 15px PingFang-SC-Medium;
385
+ color: #499edf;
386
+ }
387
+ .time-input{
388
+ border: 1px solid #c0c0c0;
389
+ border-radius: 3px;
390
+ }
391
+ .div-photo{
392
+ width: auto;
393
+ height: auto;
394
+ /* margin-top: 10px; */
395
+ position: absolute;
396
+ bottom: 10px;
397
+ right: 10px;
398
+ }
399
+ .btn-photo{
400
+ border: 0;
401
+ border-radius: 7px;
402
+ background-color: #7dc1f4;
403
+ font: 15px PingFang-SC-Bold;
404
+ height: 20%;
405
+ }
406
+ .color-red{
407
+ color: red;
408
+ }
409
+
410
+ .title-font{
411
+ font: 18px PingFang-SC-Bold;
412
+ color: #333333;
413
+ }
414
+
415
+ .groupm{
416
+ margin-top: 25px;
417
+ margin-bottom: 25px;
418
+ }
419
+ </style>