safecheck-client 3.0.32-20 → 3.0.32-21

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,796 +1,800 @@
1
- <template>
2
- <div class="auto app-text">
3
- <div class="panel" style="padding: 10px 10px 5px 10px;">
4
- <div class="panel-body panel-self">
5
- <div class="col-xs-12" style="padding: 2px 0">
6
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户编号:</b></p>
7
- <!--<a class="panel-title col-xs-7 text-left input-font" style="width: 79%;color: blue;text-decoration:underline" @click="searchHistory(userinfo.f_userinfoid)">{{ userinfo.f_userinfo_code }}</a>-->
8
- <p class="panel-title col-xs-7 text-left input-font">
9
- <label @click="searchHistory(userinfo.f_userinfoid)"
10
- style="color: #00b3ee;text-decoration:none;">{{ userinfo.f_userinfo_code }}</label><label
11
- v-if="upUserinfoSta=='是'" style="color: #00b3ee;text-decoration:none;"
12
- @click="upuserinfo(userinfo.f_userinfoid)">信息变更</label>
13
- </p>
14
- </div>
15
- <div class="col-xs-12" style="padding: 2px 0">
16
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户名称:</b></p>
17
- <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_user_name }}</p>
18
- </div>
19
- <div class="col-xs-12" style="padding: 2px 0">
20
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户类型:</b></p>
21
- <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_check_type }}
22
- </p>
23
- </div>
24
- <div class="col-xs-12" style="padding: 2px 0">
25
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户电话:</b></p>
26
- <input class="panel-title text-left input-font" style="width: 53%"
27
- value="{{ userinfo.f_user_phone2 ? userinfo.f_user_phone2 : userinfo.f_user_phone }}"
28
- v-model="userinfo.f_user_phone"/>
29
-
30
- </div>
31
- <!-- <div class="col-xs-12" style="padding: 2px 0" v-if="updateuserphone&&(userinfo.planmeterss.f_aliasname=='机表')">-->
32
- <!-- <p class="panel-title text-left font" style="width: 23%;float: left"><b>机表表号:</b></p>-->
33
- <!-- <input class="panel-title text-left input-font" style="width: 53%" value="{{ userinfo.f_meter_no }}" v-model="userinfo.f_meter_no"/>-->
34
-
35
- <!-- </div>-->
36
- <div class="col-xs-12" style="padding: 2px 0">
37
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户小区:</b></p>
38
- <p class="panel-title text-left input-font" style="width: 79%">{{ userinfo.f_residential_area }}</p>
39
- </div>
40
- <div class="col-xs-12" style="padding: 2px 0">
41
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户地址:</b></p>
42
- <p class="panel-title text-left input-font" style="width: 79%;float: left">{{ userinfo.f_address }}</p>
43
- </div>
44
- <div class="col-xs-12" style="padding: 2px 0">
45
- <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>安检状态:</b></p>
46
- <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_state }}</p>
47
- </div>
48
- <div class="col-xs-12">
49
- <button type="button" style="width: 45%;float: left" class="btn btn-primary" v-if="updateuserphone"
50
- @click="updatePhone(userinfo.f_user_phone,userinfo.f_userinfoid)">电话修改
51
- </button>
52
- <button type="button" style="width: 45%;float: right" class="btn btn-primary" v-if="updatemetermodel"
53
- @click="showbiaoxinghao()">表型号修改
54
- </button>
55
- </div>
56
- <div class="col-xs-12">
57
- <button type="button" style="width: 45%;float: left" class="btn btn-primary"
58
- v-if="updatemeternumber&&(userinfo.planmeterss.f_aliasname=='机表')"
59
- @click="updatebiaohao(userinfo.f_meter_no,userinfo.f_userinfoid)">表号修改
60
- </button>
61
- <!-- <button type="button" style="width: 45%;float: right" class="btn btn-primary" v-if="updateuserphone" @click="showbiaoxinghao()">表型号修改</button>-->
62
- </div>
63
- </div>
64
- <div class="panel-body">
65
- <div v-show="false" class="row repair-info-content auto">
66
- <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
67
- <label class="control-label">
68
- <nobr>到达时间:</nobr>
69
- </label>
70
- <span>{{ f_onsite_time }}</span>
71
- </div>
72
- <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-if="data.f_date_leave">
73
- <label class="control-label">
74
- <nobr>离开时间:</nobr>
75
- </label>
76
- <span>{{ f_offsite_time }}</span>
77
- </div>
78
- </div>
79
-
80
-
81
- <div style="font-size: medium;" :class="style__">
82
- <span class="col-md-3 col-sm-4 col-xs-4 text-left"><img src="../../../assets/housestyle.png"
83
- style="width: 20px;margin-bottom: 5px;text-align: left"
84
- alt="">入户状态:</span>
85
- <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
86
- <input type="radio" name="enterstatus" v-model="f_entry_status" id="nopeople" value="到访不遇">到访不遇
87
- <input type="radio" name="enterstatus" v-model="f_entry_status" id="rejectchecck" value="拒检">拒检
88
- <input type="radio" name="enterstatus" v-model="f_entry_status" id="enterhouse" value="入户">入户
89
- </div>
90
-
91
- </div>
92
- <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='到访不遇'">
93
- <label class="text-left font">到访不遇照片:</label>
94
- <div class="auto">
95
- <div class="panel" style="padding: 10px 10px 5px 10px;">
96
- <div class="panel-body panel-self"
97
- style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
98
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
99
- <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
100
- v-for="(index,img) in f_noanswers_path">
101
- <img-self :src="img.f_noanswer_path" alt="到访不遇照片" :width="130" :height="160"></img-self>
102
- <img src="../../../assets/删除.png" @click="delfile('f_noanswers_path', img.f_noanswer_path,index)"
103
- style="width: 15px;margin-top: -80px" alt="">
104
- </div>
105
- </div>
106
- <div class="row text-right div-photo" :class="style__">
107
- <button type="button" name="button" class="btn btn-primary btn-photo"
108
- @click="takePic('拍照','f_noanswers_path', '到访不遇照片')">拍照
109
- </button>
110
- <!-- <button type="button" name="button" class="btn btn-primary btn-photo"-->
111
- <!-- @click="takePic('相册','f_noanswers_path', '到访不遇照片')">相册-->
112
- <!-- </button>-->
113
- </div>
114
- </div>
115
- </div>
116
- </div>
117
- </div>
118
- <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='拒检'">
119
- <label class="text-left font">拒检照片:</label>
120
- <div class="auto">
121
- <div class="panel" style="padding: 10px 10px 5px 10px;">
122
- <div class="panel-body panel-self"
123
- style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
124
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
125
- <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
126
- v-for="(index,img) in f_rejectchecks_path">
127
- <img-self :src="img.f_rejectcheck_path" alt="拒检照片" :width="130" :height="160"></img-self>
128
- <img src="../../../assets/删除.png" @click="delfile('f_rejectchecks_path', img.f_rejectcheck_path,index)"
129
- style="width: 15px;margin-top: -80px" alt="">
130
- </div>
131
- </div>
132
- <div class="row text-right div-photo" :class="style__">
133
- <button type="button" name="button" class="btn btn-primary btn-photo"
134
- @click="takePic('拍照','f_rejectchecks_path', '拒检照片')">拍照
135
- </button>
136
- </div>
137
- </div>
138
- </div>
139
- </div>
140
- </div>
141
- <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='入户' && false" style="margin-top: 6px">
142
- <span class="text-left col-md-3 col-sm-4 col-xs-4"> <img src="../../../assets/enterstatus.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">燃气使用:</span>
143
- <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
144
- <input type="radio" name="isuseed" v-model="f_usegas" id="useedgas" value="已使用">已使用&ensp;&ensp;
145
- <input type="radio" name="isuseed" v-model="f_usegas" id="nousegas" value="未用气">未用气
146
- </div>
147
- </div>
148
- <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_usegas == '未用气'">
149
- <label class="text-left font">未使用天然气照片::</label>
150
- <div class="auto">
151
- <div class="panel" style="padding: 10px 10px 5px 10px;">
152
- <div class="panel-body panel-self"
153
- style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
154
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
155
- <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px">
156
- <img-self :src="f_nongasuser_path" alt="未使用天然气照片" :width="130" :height="160"></img-self>
157
- <img src="../../../assets/删除.png" @click="delfile('f_nongasuser_path', this.f_nongasuser_path)"
158
- style="width: 15px;margin-top: -80px" alt="">
159
- </div>
160
- </div>
161
- <div class="row text-right div-photo" :class="style__">
162
- <button type="button" name="button" class="btn btn-primary btn-photo"
163
- @click="takePic('拍照','f_nongasuser_path', '未使用天然气照片')">拍照
164
- </button>
165
- </div>
166
- </div>
167
- </div>
168
- </div>
169
- </div>
170
- </div>
171
-
172
- </div>
173
- <!-- <div :class="style__" class="form-group" v-show="f_usegas == '未使用'">-->
174
- <!-- <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式:</sapn>-->
175
- <!-- <div class="col-xs-12 col-sm-12 col-md-12">-->
176
- <!-- <input type="checkbox" v-model="f_no_gas_device">无燃气具-->
177
- <!-- <input type="checkbox" v-model="f_close_valve">关闭表前阀-->
178
- <!-- <input type="checkbox" v-model="f_unload_battery">取下表内电池-->
179
- <!-- </div>-->
180
- <!-- </div>-->
181
- <div class="auto app-text" style="margin-top: 5px;" v-if="this.$parent.$parent.role != 'view'">
182
- <div class="panel" style="padding: 10px 7px 10px 0px;">
183
- <div class="panel-body panel-self">
184
- <div v-show="false" class="row">
185
- <p class="panel-title col-xs-4 text-left font">建档时间</p>
186
- <p class="panel-title col-xs-8 text-left input-font">{{ newfile_date }}</p>
187
- </div>
188
- <div class="row" v-if="last_check_date != null && last_check_date != ''">
189
- <p class="panel-title col-xs-4 text-left font">上次安检时间</p>
190
- <p class="panel-title col-xs-8 text-left input-font">{{ last_check_date }}</p>
191
- </div>
192
- <div class="row" v-if="last_check_date != null && last_check_date != ''">
193
- <p class="panel-title col-xs-4 text-left font">上次安检人员</p>
194
- <p class="panel-title col-xs-8 text-left input-font">{{ this.$parent.$parent.item.f_plan_meters[0].f_checker_name }}</p>
195
- </div>
196
- <div class="row">
197
- <p class="panel-title col-xs-4 text-left font">上次安检状态</p>
198
- <p class="panel-title col-xs-8 text-left input-font"
199
- v-if="last_check_date != null && last_check_date != ''">{{ last_check_state }}</p>
200
- <p class="panel-title col-xs-8 text-left input-font"
201
- v-if="last_check_date == null || last_check_date == ''">未安检</p>
202
- </div>
203
- <div class="row">
204
- <p class="panel-title col-xs-4 text-left font">{{f_item_name}}</p>
205
- <p class="panel-title col-xs-8 text-left input-font"
206
- >{{f_item_value }}</p>
207
- </div>
208
- <div class="row">
209
- <p class="panel-title col-xs-4 text-left font">{{f_item_name2}}</p>
210
- <p class="panel-title col-xs-8 text-left input-font"
211
- >{{f_item_value2}}</p>
212
- </div>
213
- <div class="row">
214
- <p class="panel-title col-xs-4 text-left font">{{f_item_name3}}</p>
215
- <p class="panel-title col-xs-8 text-left input-font"
216
- >{{f_item_value3}}</p>
217
- </div>
218
- <div class="row" v-if="last_check_date != null && last_check_date != ''">
219
- <p class="panel-title col-xs-4 text-left font">上次安检结果</p>
220
- <p class="panel-title col-xs-8 text-left input-font" :class="last_check_result=='正常'?'':'color-red'">
221
- {{ last_check_result }}</p>
222
- <div v-for="data in last_check_data.data" class="panel-title col-xs-offset-4 col-xs-8 text-left input-font">
223
- <p v-for="(key,item) in data">
224
- {{ key }}:{{ item }}
225
- </p>
226
- </div>
227
- </div>
228
- </div>
229
- </div>
230
- </div>
231
- </div>
232
- <div v-if="showbModal">
233
- <modal :show.sync="showbModal" v-ref:modal backdrop="false">
234
- <div slot="modal-header" class="modal-header">
235
- <h4 class="modal-title">
236
- 选择表型号
237
- </h4>
238
- </div>
239
- <div slot="modal-body" class="modal-body">
240
- <div class="col-xs-12">
241
-
242
- <v-select :value.sync="biaoxinghao" v-model='biaoxinghao'
243
- :value-single="true"
244
- class="select_list select"
245
- :options='gmlist' placeholder='请选择表型号'
246
- close-on-select width="100%"></v-select>
247
- </div>
248
- <div class="col-xs-12" style="height: 10px">
249
-
250
- </div>
251
-
252
- </div>
253
- <div slot="modal-footer" class="modal-footer">
254
- <button class="btn btn-default" @click="biaoxinghaook()">确认</button>
255
- <button class="btn btn-default" @click="biaoxinghaocancel()">取消</button>
256
- </div>
257
- </modal>
258
- </div>
259
- </template>
260
-
261
- <script>
262
- import {HttpResetClass} from 'vue-client'
263
- import * as Util from '../../Util'
264
- import Vue from 'vue'
265
- import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
266
- import Radio from 'vue-client/src/vue-strap/src/radioBtn'
267
-
268
- export default {
269
- title: 'SafecheckUserInfo',
270
- props: ['userinfo'],
271
- data () {
272
- return this.$parent.$parent.data
273
- },
274
- created () {
275
- this.$set('showbModal', false)
276
- //tag
277
- this.$set('biaoxinghao', '')
278
- },
279
- ready () {
280
- //tag
281
- //tag)
282
- // //tag)
283
- // this.$set('userinfo.f_meter_no',this.userinfo.planmeterss.f_meter_no)
284
- // //tag)
285
- this.$set('beforephone', this.userinfo.f_user_phone)
286
- this.$set('gmlist', [])
287
- //tag
288
- if (Vue.config.safecheck != undefined) {
289
- if (Vue.config.safecheck.SafecheckUserinfo != undefined) {
290
- if (Vue.config.safecheck.SafecheckUserinfo.updateuserphone != undefined) {
291
- this.$set('updateuserphone', Vue.config.safecheck.SafecheckUserinfo.updateuserphone)
292
- }
293
- if (Vue.config.safecheck.SafecheckUserinfo.updatemetermodel != undefined) {
294
- this.$set('updatemetermodel', Vue.config.safecheck.SafecheckUserinfo.updatemetermodel)
295
- }
296
- if (Vue.config.safecheck.SafecheckUserinfo.updatemeternumber != undefined) {
297
- this.$set('updatemeternumber', Vue.config.safecheck.SafecheckUserinfo.updatemeternumber)
298
- }
299
- }
300
- }
301
- for (let i in this.userinfo) {
302
- //tag + ':' + JSON.stringify(this.userinfo[i]))
303
- }
304
- this.safecheckStateReady()
305
- },
306
- methods: {
307
- updatebiaohao (f_meter_no, f_userinfo_id) {
308
- this.$showMessage('将用户 ' + this.userinfo.f_user_name + '的机表表号从' + this.userinfo.planmeterss.f_meter_no + '修改为' + f_meter_no, ['confirm', 'cancel']).then((butt) => {
309
- if (butt == 'confirm') {
310
- let http = new HttpResetClass()
311
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdateBiaoHao`, {
312
- f_meter_no: f_meter_no,
313
- f_userinfo_id: f_userinfo_id
314
- }, {resolveMsg: null, rejectMsg: null}).then((res) => {
315
- if (res.data.code == 200) {
316
- this.$showMessage('修改成功!')
317
- } else {
318
- this.$showMessage('修改失败!,网络异常')
319
- }
320
- })
321
- }
322
- })
323
- },
324
- biaoxinghaook () {
325
- if (this.biaoxinghao == '') {
326
- this.$showMessage('请选择表型号')
327
- return
328
- }
329
- //tag
330
- //tag
331
- this.$showMessage('是否确定进行修改?', ['confirm', 'cancel']).then((butt) => {
332
- if (butt == 'confirm') {
333
- let http = new HttpResetClass()
334
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdateBiaoXingHao`, {
335
- biaoxinghao: this.biaoxinghao,
336
- f_userinfo_id: this.userinfo.f_userinfoid
337
- }, {resolveMsg: null, rejectMsg: null}).then((res) => {
338
- if (res.data.code == 200) {
339
- this.$showMessage('修改成功!')
340
- //tag
341
- this.showbModal = false
342
- } else {
343
- this.$showMessage('修改失败!,网络异常')
344
- }
345
- })
346
- }
347
- })
348
- },
349
- biaoxinghaocancel () {
350
- //tag
351
- this.showbModal = false
352
- },
353
- showbiaoxinghao () {
354
- this.gmlist = []
355
- //tag)
356
- //tag
357
- let http1 = new HttpResetClass()
358
- http1.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
359
- data: {
360
- items: 'gm.id,gm.f_meter_style',
361
- tablename: 't_gasbrand gb LEFT JOIN t_gasmodel gm ON gb.id= gm.f_gasbrand_id ',
362
- condition: `f_meter_brand = '${this.userinfo.planmeterss.f_aliasname}'`,
363
- // condition: `f_meter_brand = 'this.userinfo.planmeterss'`,
364
- orderitem: 'gm.id'
365
- }
366
- }, {resolveMsg: null, rejectMsg: null}).then((ress) => {
367
- ress.data.forEach(res => {
368
- this.gmlist.push({
369
- label: res.f_meter_style,
370
- value: res.id
371
- })
372
- })
373
- //tag)
374
- //tag
375
- this.showbModal = true
376
- })
377
- },
378
- updatePhone (f_user_phone, f_userinfo_id) {
379
-
380
- this.$showMessage('将用户 ' + this.userinfo.f_user_name + '的电话号码从' + this.beforephone + '修改为' + f_user_phone, ['confirm', 'cancel']).then((butt) => {
381
- if (butt == 'confirm') {
382
- let http = new HttpResetClass()
383
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdatePhone`, {
384
- f_user_phone: f_user_phone,
385
- f_userinfo_id: f_userinfo_id
386
- }, {resolveMsg: null, rejectMsg: null}).then((res) => {
387
- if (res.data.code == 200) {
388
- this.$showMessage('修改成功!')
389
- } else {
390
- this.$showMessage('修改失败!,网络异常')
391
- }
392
- })
393
- }
394
- })
395
- },
396
- upuserinfo (f_userinfo_id) {
397
- this.$dispatch('gotoson', {
398
- _this: this.$parent.$parent,
399
- title: '档案信息变更',
400
- safe: false
401
- })
402
- this.$parent.$parent.$goto('PhoneUpUserinfo', {f_userinfo_id: f_userinfo_id, f_source: '安检'})
403
- },
404
- searchHistory (f_userinfo_id) {
405
- this.$dispatch('gotoson', {
406
- _this: this.$parent.$parent,
407
- title: '购气记录',
408
- safe: false
409
- })
410
- this.$parent.$parent.$goto('phone-sell-info', {f_userinfo_id: f_userinfo_id})
411
- },
412
- cameraCallBack (prop, fileName) {
413
- if (prop == 'f_noanswers_path') {
414
- let f_noanswer_path = fileName + '?' + Math.random()
415
- HostApp.__this__.f_noanswers_path.push({
416
- f_noanswer_path: f_noanswer_path
417
- })
418
- } else if (prop == 'f_rejectchecks_path') {
419
- let f_rejectcheck_path = fileName + '?' + Math.random()
420
- HostApp.__this__.f_rejectchecks_path.push({
421
- f_rejectcheck_path: f_rejectcheck_path
422
- })
423
- }else {
424
- HostApp.__this__.$set(prop, fileName + '?' + Math.random())
425
- }
426
- HostApp.__callback__ = null
427
- HostApp.__this__ = null
428
- },
429
- takePic (type ,prop, title) {
430
- const obj = HostApp.getGpsDetailAddress()
431
- HostApp.__callback__ = this.cameraCallBack
432
- HostApp.__this__ = this
433
- //tag
434
- let fileName
435
- if (prop == 'f_noanswers_path') {
436
- //tag
437
- if (this.f_noanswers_path.length == 3) {
438
- return
439
- }
440
- fileName = Util.guid() + '-' + prop + '.jpg'
441
- } else if (prop == 'f_rejectchecks_path') {
442
- //tag
443
- if (this.f_rejectchecks_path.length == 3) {
444
- return
445
- }
446
- fileName = Util.guid() + '-' + prop + '.jpg'
447
- }else {
448
- if (!this[prop] || this[prop].includes('nopic.png')) {
449
- fileName = Util.guid() + '-' + prop + '.jpg'
450
- } else {
451
- fileName = Util.getFileName(this[prop])
452
- }
453
- }
454
- let jingweidu = ''
455
- if (this.$parent.$parent.is_has_jingweidu == 'true'){
456
- jingweidu = '\t经度:' + obj.longitude+ '\t纬度:' + obj.latitude
457
- }
458
- let page = 'com.aofeng.hybrid.android.peripheral.CameraActivity'
459
- if(type === '相册'){
460
- page ='com.aofeng.hybrid.android.peripheral.ActionPickActivity'
461
- }
462
- HostApp._open_a_page({
463
- type: 'boomerang',
464
- page,
465
- param: {
466
- file: fileName,
467
- requestCode: 111,
468
- callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
469
- watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name +jingweidu
470
- }
471
- })
472
- },
473
- delfile (prop, fileName, index) {
474
- if (fileName == Vue.nopic) {
475
- return
476
- } else {
477
- if (prop == 'f_noanswers_path') {
478
- this.f_noanswers_path.splice(index, 1)
479
- HostApp.delfile(fileName)
480
- }else if (prop == 'f_rejectchecks_path') {
481
- this.f_rejectchecks_path.splice(index, 1)
482
- HostApp.delfile(fileName)
483
- } else {
484
- HostApp.delfile(fileName)
485
- this[prop] = Vue.nopic
486
- }
487
- }
488
- },
489
- setEntryClass (val) {
490
- if (val == '到访不遇') {
491
- this.f_usegas = ''
492
- this.$set('f_entry_class', 'warning')
493
- } else if (val == '拒检') {
494
- this.f_usegas = ''
495
- this.$set('f_entry_class', 'danger')
496
- } else if (val == '入户') {
497
- this.$set('f_entry_class', 'success')
498
- }
499
- },
500
- setUsegas (val) {
501
- if (val == '未使用') {
502
- this.$set('f_useclass', 'default')
503
- }
504
- if (val == '已使用') {
505
- this.$set('f_useclass', 'success')
506
- }
507
- },
508
- start () {
509
- this.$parent.$parent.isStrat = true
510
- this.$set('action', !this.action)
511
- this.$set('f_onsite_time', Util.toStandardTimeString())
512
- },
513
- safecheckStateReady () {
514
- //tag
515
- //tag
516
- //tag
517
- if (!this.$parent.$parent.showBack) {
518
- this.$parent.$parent.showBack = true
519
- }
520
- //兼容下-如果没有通过外层查询带进来最新安检时间,就拿本地单子里存的上次安检时间
521
- if (this.$parent.$parent.item.f_plan_meters[0].f_last_check_date) {
522
- this.$set('last_check_date', this.$parent.$parent.item.f_plan_meters[0].f_last_check_date)
523
- this.$set('last_check_state', this.$parent.$parent.item.f_plan_meters[0].f_last_check_state)
524
- this.$set('newfile_date', this.$parent.$parent.item.f_plan_meters[0].f_newfile_date)
525
- if (this.$parent.$parent.item.f_plan_meters[0].f_last_check_result) {
526
- let checkResult = JSON.parse(this.$parent.$parent.item.f_plan_meters[0].f_last_check_result)
527
- this.$set('last_check_result', checkResult.result)
528
- this.$set('last_check_data.data', checkResult.data)
529
- } else {
530
- this.$set('last_check_result', '')
531
- this.$set('last_check_data.data', [])
532
- }
533
- } else {
534
- this.$set('last_check_state', this.$parent.$parent.item.f_plan_meters[0].f_last_check_state)
535
- this.$set('last_check_date', this.$parent.$parent.item.f_last_check_date)
536
- if (this.$parent.$parent.item.f_last_check_result) {
537
- let checkResult = JSON.parse(this.$parent.$parent.item.f_last_check_result)
538
- this.$set('last_check_result', checkResult.result)
539
- this.$set('last_check_data.data', checkResult.data)
540
- } else {
541
- this.$set('last_check_result', '')
542
- this.$set('last_check_data.data', [])
543
- }
544
- }
545
- this.$set('f_item_name', this.$parent.$parent.item.f_plan_meters[0].f_item_name)
546
- this.$set('f_item_value', this.$parent.$parent.item.f_plan_meters[0].f_item_value)
547
- this.$set('f_item_name2', this.$parent.$parent.item.f_plan_meters[0].f_item_name2)
548
- this.$set('f_item_value2', this.$parent.$parent.item.f_plan_meters[0].f_item_value2)
549
- this.$set('f_item_name3', this.$parent.$parent.item.f_plan_meters[0].f_item_name3)
550
- this.$set('f_item_value3', this.$parent.$parent.item.f_plan_meters[0].f_item_value3)
551
- this.$set('upUserinfoSta', '否')
552
- this.upUserinfoSta = this.$appdata.getSingleValue('安检修改档案信息')
553
-
554
- if (this.$parent.$parent.role == 'inspect' && this.f_complete != '已完成') {
555
- this.start()
556
- }
557
- if (this.$parent.$parent.data.f_onsite_time) {
558
- //tag
559
- this.$parent.$parent.startClick = true
560
- }
561
- this.action = true
562
- //tag
563
- if (this.f_onsite_time) {
564
- this.$parent.$parent.isStrat = true
565
- this.$parent.$parent.data.f_onsite_time = Util.toStandardTimeString()
566
- }
567
- if (this.$parent.$parent.role == 'repair') {
568
- this.$set('style__', 'divmask')
569
- this.$set('style_view_', '')
570
- } else if (this.$parent.$parent.role == 'view') {
571
- this.$set('style__', 'divmask')
572
- this.$set('style_view_', 'divmask')
573
- //tag
574
- } else {
575
- this.$set('style__', '')
576
- this.$set('style_view_', '')
577
- }
578
- if (!this.f_nongasuser_path) {
579
- this.$set('f_nongasuser_path', '')
580
- }
581
- //到访多张照片
582
- this.$set('f_noanswers_path', [])
583
- if (this.f_noanswer_path) {
584
- this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer_path})
585
- } else {
586
- this.$set('f_noanswer_path', '')
587
- }
588
- if (this.f_noanswer1_path) {
589
- this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer1_path})
590
- } else {
591
- this.$set('f_noanswer1_path', '')
592
- }
593
- if (this.f_noanswer2_path) {
594
- this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer2_path})
595
- } else {
596
- this.$set('f_noanswer2_path', '')
597
- }
598
-
599
- if (!this.f_rejectcheck_path) {
600
- this.$set('f_rejectcheck_path', '')
601
- }
602
- //拒检多张照片
603
- this.$set('f_rejectchecks_path', [])
604
- if (this.f_rejectcheck_path) {
605
- this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck_path})
606
- } else {
607
- this.$set('f_rejectcheck_path', '')
608
- }
609
- if (this.f_rejectcheck1_path) {
610
- this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck1_path})
611
- } else {
612
- this.$set('f_rejectcheck1_path', '')
613
- }
614
- if (this.f_rejectcheck2_path) {
615
- this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck2_path})
616
- } else {
617
- this.$set('f_rejectcheck2_path', '')
618
- }
619
-
620
- this.$watch('f_noanswers_path.length', () => {
621
- //tag)
622
- for (let i = 0; i < 3; i++) {
623
-
624
- if (this.f_noanswers_path[i] && this.f_noanswers_path[i].f_noanswer_path) {
625
- //tag)
626
- if (i == 0) {
627
- this.f_noanswer_path = this.f_noanswers_path[i].f_noanswer_path
628
- } else {
629
- this['f_noanswer' + i + '_path'] = this.f_noanswers_path[i].f_noanswer_path
630
- }
631
- } else {
632
- //tag)
633
- if (i == 0) {
634
- this.f_noanswer_path = null
635
- } else {
636
- this['f_noanswer' + i + '_path'] = null
637
- }
638
- }
639
- }
640
- //tag
641
- })
642
- this.$watch('f_rejectchecks_path.length', () => {
643
- //tag)
644
- for (let i = 0; i < 3; i++) {
645
-
646
- if (this.f_rejectchecks_path[i] && this.f_rejectchecks_path[i].f_rejectcheck_path) {
647
- //tag)
648
- if (i == 0) {
649
- this.f_rejectcheck_path = this.f_rejectchecks_path[i].f_rejectcheck_path
650
- } else {
651
- this['f_rejectcheck' + i + '_path'] = this.f_rejectchecks_path[i].f_rejectcheck_path
652
- }
653
- } else {
654
- //tag)
655
- if (i == 0) {
656
- this.f_rejectcheck_path = null
657
- } else {
658
- this['f_rejectcheck' + i + '_path'] = null
659
- }
660
- }
661
- }
662
- //tag
663
- })
664
-
665
- this.$watch('f_usegas', (val) => {
666
- this.setUsegas(val)
667
- })
668
-
669
- this.setEntryClass(this.f_entry_status)
670
- this.$watch('f_entry_status', (val) => {
671
- this.setEntryClass(val)
672
-
673
- if (val == '到访不遇') {
674
- this.f_rejectcheck_path = Vue.nopic
675
- this.f_rejectcheck1_path = Vue.nopic
676
- this.f_rejectcheck2_path = Vue.nopic
677
- this.f_rejectchecks_path = []
678
- }
679
- if (val == '拒检') {
680
- this.f_noanswer_path = Vue.nopic
681
- this.f_noanswer1_path = Vue.nopic
682
- this.f_noanswer2_path = Vue.nopic
683
- this.f_noanswers_path = []
684
- }
685
-
686
- if (val != '入户') {
687
- //清理安检概括
688
- this.f_no_gas_device = false
689
- this.f_unload_battery = false
690
- this.f_close_valve = false
691
- //清理全局隐患
692
- this.f_defect_cramped = false
693
- this.f_defect_bedroom = false
694
- this.f_defect_longpipe = false
695
- this.f_defect_firesource = false
696
- this.f_defect_explosive = false
697
- this.f_defect_viacabinet = false
698
- this.f_defect_intermittent = false
699
- this.f_defect_nearfire = false
700
- this.f_defect_openkitchen = false
701
- this.f_defect_hang = false
702
- this.f_cramped_path = Vue.nopic
703
- //用户评价
704
- this.f_client_evaluation = null
705
- //清设备
706
- this.$set('f_plumbs', [])
707
- this.$set('f_valves', [])
708
- this.$set('f_inner_plumbs', [])
709
- this.$set('f_alarms', [])
710
- this.$set('f_cookers', [])
711
- this.$set('f_heaters', [])
712
- this.$set('f_furnaces', [])
713
- } else {
714
- this.f_rejectcheck_path = Vue.nopic
715
- this.f_noanswer_path = Vue.nopic
716
- this.f_novisit_reason = null
717
- }
718
- })
719
- }
720
- },
721
- components: {
722
- RadioGroup,
723
- Radio
724
- }
725
- }
726
- </script>
727
-
728
- <style scoped>
729
-
730
- .font {
731
- font: 15px PingFang-SC-Medium;
732
- color: #666666;
733
- }
734
-
735
- .input-font {
736
- font: 15px PingFang-SC-Medium;
737
- color: #333333;
738
- }
739
-
740
- .app-text {
741
- font-size: 12px;
742
- }
743
-
744
- .panel-self {
745
- border-radius: 10px;
746
- border: 1px solid #499EDF;
747
- background-color: #F8F8F8;
748
- }
749
-
750
- .app-text {
751
- font-size: 12px;
752
- }
753
-
754
- .panel-self {
755
- border-radius: 5px;
756
- border: 1px solid #c5e1f7;
757
- background-color: #F2F6FA;
758
- }
759
-
760
- .font {
761
- font: 15px PingFang-SC-Medium;
762
- color: #333333;
763
- }
764
-
765
- .panel-self {
766
- border-radius: 5px;
767
- border: 1px solid #c5e1f7;
768
- background-color: #F2F6FA;
769
- }
770
-
771
- .text-left {
772
- text-align: left;
773
- }
774
-
775
- .font {
776
- font: 15px PingFang-SC-Medium;
777
- color: #333333;
778
- }
779
-
780
- .btn-photo {
781
- border: 0;
782
- border-radius: 7px;
783
- background-color: #7dc1f4;
784
- font: 15px PingFang-SC-Bold;
785
- height: 20%;
786
- }
787
-
788
- .div-photo {
789
- width: auto;
790
- height: auto;
791
- /* margin-top: 10px; */
792
- position: absolute;
793
- bottom: 10px;
794
- right: 10px;
795
- }
796
- </style>
1
+ <template>
2
+ <div class="auto app-text">
3
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
4
+ <div class="panel-body panel-self">
5
+ <div class="col-xs-12" style="padding: 2px 0">
6
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户编号:</b></p>
7
+ <!--<a class="panel-title col-xs-7 text-left input-font" style="width: 79%;color: blue;text-decoration:underline" @click="searchHistory(userinfo.f_userinfoid)">{{ userinfo.f_userinfo_code }}</a>-->
8
+ <p class="panel-title col-xs-7 text-left input-font">
9
+ <label @click="searchHistory(userinfo.f_userinfoid)"
10
+ style="color: #00b3ee;text-decoration:none;">{{ userinfo.f_userinfo_code }}</label><label
11
+ v-if="upUserinfoSta=='是'" style="color: #00b3ee;text-decoration:none;"
12
+ @click="upuserinfo(userinfo.f_userinfoid)">信息变更</label>
13
+ </p>
14
+ </div>
15
+ <div class="col-xs-12" style="padding: 2px 0">
16
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户名称:</b></p>
17
+ <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_user_name }}</p>
18
+ </div>
19
+ <div class="col-xs-12" style="padding: 2px 0">
20
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户类型:</b></p>
21
+ <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_check_type }}
22
+ </p>
23
+ </div>
24
+ <div class="col-xs-12" style="padding: 2px 0">
25
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户电话:</b></p>
26
+ <input class="panel-title text-left input-font" style="width: 53%"
27
+ value="{{ userinfo.f_user_phone2 ? userinfo.f_user_phone2 : userinfo.f_user_phone }}"
28
+ v-model="userinfo.f_user_phone"/>
29
+
30
+ </div>
31
+ <!-- <div class="col-xs-12" style="padding: 2px 0" v-if="updateuserphone&&(userinfo.planmeterss.f_aliasname=='机表')">-->
32
+ <!-- <p class="panel-title text-left font" style="width: 23%;float: left"><b>机表表号:</b></p>-->
33
+ <!-- <input class="panel-title text-left input-font" style="width: 53%" value="{{ userinfo.f_meter_no }}" v-model="userinfo.f_meter_no"/>-->
34
+
35
+ <!-- </div>-->
36
+ <div class="col-xs-12" style="padding: 2px 0">
37
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户小区:</b></p>
38
+ <p class="panel-title text-left input-font" style="width: 79%">{{ userinfo.f_residential_area }}</p>
39
+ </div>
40
+ <div class="col-xs-12" style="padding: 2px 0">
41
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户地址:</b></p>
42
+ <p class="panel-title text-left input-font" style="width: 79%;float: left">{{ userinfo.f_address }}</p>
43
+ </div>
44
+ <div class="col-xs-12" style="padding: 2px 0">
45
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>安检状态:</b></p>
46
+ <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_state }}</p>
47
+ </div>
48
+ <div class="col-xs-12" style="padding: 2px 0">
49
+ <p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>备注:</b></p>
50
+ <p class="panel-title col-xs-7 text-left input-font">{{ userinfo.f_userinfo_comments}}</p>
51
+ </div>
52
+ <div class="col-xs-12">
53
+ <button type="button" style="width: 45%;float: left" class="btn btn-primary" v-if="updateuserphone"
54
+ @click="updatePhone(userinfo.f_user_phone,userinfo.f_userinfoid)">电话修改
55
+ </button>
56
+ <button type="button" style="width: 45%;float: right" class="btn btn-primary" v-if="updatemetermodel"
57
+ @click="showbiaoxinghao()">表型号修改
58
+ </button>
59
+ </div>
60
+ <div class="col-xs-12">
61
+ <button type="button" style="width: 45%;float: left" class="btn btn-primary"
62
+ v-if="updatemeternumber&&(userinfo.planmeterss.f_aliasname=='机表')"
63
+ @click="updatebiaohao(userinfo.f_meter_no,userinfo.f_userinfoid)">表号修改
64
+ </button>
65
+ <!-- <button type="button" style="width: 45%;float: right" class="btn btn-primary" v-if="updateuserphone" @click="showbiaoxinghao()">表型号修改</button>-->
66
+ </div>
67
+ </div>
68
+ <div class="panel-body">
69
+ <div v-show="false" class="row repair-info-content auto">
70
+ <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
71
+ <label class="control-label">
72
+ <nobr>到达时间:</nobr>
73
+ </label>
74
+ <span>{{ f_onsite_time }}</span>
75
+ </div>
76
+ <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-if="data.f_date_leave">
77
+ <label class="control-label">
78
+ <nobr>离开时间:</nobr>
79
+ </label>
80
+ <span>{{ f_offsite_time }}</span>
81
+ </div>
82
+ </div>
83
+
84
+
85
+ <div style="font-size: medium;" :class="style__">
86
+ <span class="col-md-3 col-sm-4 col-xs-4 text-left"><img src="../../../assets/housestyle.png"
87
+ style="width: 20px;margin-bottom: 5px;text-align: left"
88
+ alt="">入户状态:</span>
89
+ <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
90
+ <input type="radio" name="enterstatus" v-model="f_entry_status" id="nopeople" value="到访不遇">到访不遇
91
+ <input type="radio" name="enterstatus" v-model="f_entry_status" id="rejectchecck" value="拒检">拒检
92
+ <input type="radio" name="enterstatus" v-model="f_entry_status" id="enterhouse" value="入户">入户
93
+ </div>
94
+
95
+ </div>
96
+ <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='到访不遇'">
97
+ <label class="text-left font">到访不遇照片:</label>
98
+ <div class="auto">
99
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
100
+ <div class="panel-body panel-self"
101
+ style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
102
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
103
+ <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
104
+ v-for="(index,img) in f_noanswers_path">
105
+ <img-self :src="img.f_noanswer_path" alt="到访不遇照片" :width="130" :height="160"></img-self>
106
+ <img src="../../../assets/删除.png" @click="delfile('f_noanswers_path', img.f_noanswer_path,index)"
107
+ style="width: 15px;margin-top: -80px" alt="">
108
+ </div>
109
+ </div>
110
+ <div class="row text-right div-photo" :class="style__">
111
+ <button type="button" name="button" class="btn btn-primary btn-photo"
112
+ @click="takePic('拍照','f_noanswers_path', '到访不遇照片')">拍照
113
+ </button>
114
+ <!-- <button type="button" name="button" class="btn btn-primary btn-photo"-->
115
+ <!-- @click="takePic('相册','f_noanswers_path', '到访不遇照片')">相册-->
116
+ <!-- </button>-->
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='拒检'">
123
+ <label class="text-left font">拒检照片:</label>
124
+ <div class="auto">
125
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
126
+ <div class="panel-body panel-self"
127
+ style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
128
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
129
+ <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
130
+ v-for="(index,img) in f_rejectchecks_path">
131
+ <img-self :src="img.f_rejectcheck_path" alt="拒检照片" :width="130" :height="160"></img-self>
132
+ <img src="../../../assets/删除.png" @click="delfile('f_rejectchecks_path', img.f_rejectcheck_path,index)"
133
+ style="width: 15px;margin-top: -80px" alt="">
134
+ </div>
135
+ </div>
136
+ <div class="row text-right div-photo" :class="style__">
137
+ <button type="button" name="button" class="btn btn-primary btn-photo"
138
+ @click="takePic('拍照','f_rejectchecks_path', '拒检照片')">拍照
139
+ </button>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='入户' && false" style="margin-top: 6px">
146
+ <span class="text-left col-md-3 col-sm-4 col-xs-4"> <img src="../../../assets/enterstatus.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">燃气使用:</span>
147
+ <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
148
+ <input type="radio" name="isuseed" v-model="f_usegas" id="useedgas" value="已使用">已使用&ensp;&ensp;
149
+ <input type="radio" name="isuseed" v-model="f_usegas" id="nousegas" value="未用气">未用气
150
+ </div>
151
+ </div>
152
+ <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_usegas == '未用气'">
153
+ <label class="text-left font">未使用天然气照片::</label>
154
+ <div class="auto">
155
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
156
+ <div class="panel-body panel-self"
157
+ style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
158
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
159
+ <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px">
160
+ <img-self :src="f_nongasuser_path" alt="未使用天然气照片" :width="130" :height="160"></img-self>
161
+ <img src="../../../assets/删除.png" @click="delfile('f_nongasuser_path', this.f_nongasuser_path)"
162
+ style="width: 15px;margin-top: -80px" alt="">
163
+ </div>
164
+ </div>
165
+ <div class="row text-right div-photo" :class="style__">
166
+ <button type="button" name="button" class="btn btn-primary btn-photo"
167
+ @click="takePic('拍照','f_nongasuser_path', '未使用天然气照片')">拍照
168
+ </button>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ </div>
177
+ <!-- <div :class="style__" class="form-group" v-show="f_usegas == '未使用'">-->
178
+ <!-- <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式:</sapn>-->
179
+ <!-- <div class="col-xs-12 col-sm-12 col-md-12">-->
180
+ <!-- <input type="checkbox" v-model="f_no_gas_device">无燃气具-->
181
+ <!-- <input type="checkbox" v-model="f_close_valve">关闭表前阀-->
182
+ <!-- <input type="checkbox" v-model="f_unload_battery">取下表内电池-->
183
+ <!-- </div>-->
184
+ <!-- </div>-->
185
+ <div class="auto app-text" style="margin-top: 5px;" v-if="this.$parent.$parent.role != 'view'">
186
+ <div class="panel" style="padding: 10px 7px 10px 0px;">
187
+ <div class="panel-body panel-self">
188
+ <div v-show="false" class="row">
189
+ <p class="panel-title col-xs-4 text-left font">建档时间</p>
190
+ <p class="panel-title col-xs-8 text-left input-font">{{ newfile_date }}</p>
191
+ </div>
192
+ <div class="row" v-if="last_check_date != null && last_check_date != ''">
193
+ <p class="panel-title col-xs-4 text-left font">上次安检时间</p>
194
+ <p class="panel-title col-xs-8 text-left input-font">{{ last_check_date }}</p>
195
+ </div>
196
+ <div class="row" v-if="last_check_date != null && last_check_date != ''">
197
+ <p class="panel-title col-xs-4 text-left font">上次安检人员</p>
198
+ <p class="panel-title col-xs-8 text-left input-font">{{ this.$parent.$parent.item.f_plan_meters[0].f_checker_name }}</p>
199
+ </div>
200
+ <div class="row">
201
+ <p class="panel-title col-xs-4 text-left font">上次安检状态</p>
202
+ <p class="panel-title col-xs-8 text-left input-font"
203
+ v-if="last_check_date != null && last_check_date != ''">{{ last_check_state }}</p>
204
+ <p class="panel-title col-xs-8 text-left input-font"
205
+ v-if="last_check_date == null || last_check_date == ''">未安检</p>
206
+ </div>
207
+ <div class="row">
208
+ <p class="panel-title col-xs-4 text-left font">{{f_item_name}}</p>
209
+ <p class="panel-title col-xs-8 text-left input-font"
210
+ >{{f_item_value }}</p>
211
+ </div>
212
+ <div class="row">
213
+ <p class="panel-title col-xs-4 text-left font">{{f_item_name2}}</p>
214
+ <p class="panel-title col-xs-8 text-left input-font"
215
+ >{{f_item_value2}}</p>
216
+ </div>
217
+ <div class="row">
218
+ <p class="panel-title col-xs-4 text-left font">{{f_item_name3}}</p>
219
+ <p class="panel-title col-xs-8 text-left input-font"
220
+ >{{f_item_value3}}</p>
221
+ </div>
222
+ <div class="row" v-if="last_check_date != null && last_check_date != ''">
223
+ <p class="panel-title col-xs-4 text-left font">上次安检结果</p>
224
+ <p class="panel-title col-xs-8 text-left input-font" :class="last_check_result=='正常'?'':'color-red'">
225
+ {{ last_check_result }}</p>
226
+ <div v-for="data in last_check_data.data" class="panel-title col-xs-offset-4 col-xs-8 text-left input-font">
227
+ <p v-for="(key,item) in data">
228
+ {{ key }}:{{ item }}
229
+ </p>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ <div v-if="showbModal">
237
+ <modal :show.sync="showbModal" v-ref:modal backdrop="false">
238
+ <div slot="modal-header" class="modal-header">
239
+ <h4 class="modal-title">
240
+ 选择表型号
241
+ </h4>
242
+ </div>
243
+ <div slot="modal-body" class="modal-body">
244
+ <div class="col-xs-12">
245
+
246
+ <v-select :value.sync="biaoxinghao" v-model='biaoxinghao'
247
+ :value-single="true"
248
+ class="select_list select"
249
+ :options='gmlist' placeholder='请选择表型号'
250
+ close-on-select width="100%"></v-select>
251
+ </div>
252
+ <div class="col-xs-12" style="height: 10px">
253
+
254
+ </div>
255
+
256
+ </div>
257
+ <div slot="modal-footer" class="modal-footer">
258
+ <button class="btn btn-default" @click="biaoxinghaook()">确认</button>
259
+ <button class="btn btn-default" @click="biaoxinghaocancel()">取消</button>
260
+ </div>
261
+ </modal>
262
+ </div>
263
+ </template>
264
+
265
+ <script>
266
+ import {HttpResetClass} from 'vue-client'
267
+ import * as Util from '../../Util'
268
+ import Vue from 'vue'
269
+ import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
270
+ import Radio from 'vue-client/src/vue-strap/src/radioBtn'
271
+
272
+ export default {
273
+ title: 'SafecheckUserInfo',
274
+ props: ['userinfo'],
275
+ data () {
276
+ return this.$parent.$parent.data
277
+ },
278
+ created () {
279
+ this.$set('showbModal', false)
280
+ //tag
281
+ this.$set('biaoxinghao', '')
282
+ },
283
+ ready () {
284
+ //tag
285
+ //tag)
286
+ // //tag)
287
+ // this.$set('userinfo.f_meter_no',this.userinfo.planmeterss.f_meter_no)
288
+ // //tag)
289
+ this.$set('beforephone', this.userinfo.f_user_phone)
290
+ this.$set('gmlist', [])
291
+ //tag
292
+ if (Vue.config.safecheck != undefined) {
293
+ if (Vue.config.safecheck.SafecheckUserinfo != undefined) {
294
+ if (Vue.config.safecheck.SafecheckUserinfo.updateuserphone != undefined) {
295
+ this.$set('updateuserphone', Vue.config.safecheck.SafecheckUserinfo.updateuserphone)
296
+ }
297
+ if (Vue.config.safecheck.SafecheckUserinfo.updatemetermodel != undefined) {
298
+ this.$set('updatemetermodel', Vue.config.safecheck.SafecheckUserinfo.updatemetermodel)
299
+ }
300
+ if (Vue.config.safecheck.SafecheckUserinfo.updatemeternumber != undefined) {
301
+ this.$set('updatemeternumber', Vue.config.safecheck.SafecheckUserinfo.updatemeternumber)
302
+ }
303
+ }
304
+ }
305
+ for (let i in this.userinfo) {
306
+ //tag + ':' + JSON.stringify(this.userinfo[i]))
307
+ }
308
+ this.safecheckStateReady()
309
+ },
310
+ methods: {
311
+ updatebiaohao (f_meter_no, f_userinfo_id) {
312
+ this.$showMessage('将用户 ' + this.userinfo.f_user_name + '的机表表号从' + this.userinfo.planmeterss.f_meter_no + '修改为' + f_meter_no, ['confirm', 'cancel']).then((butt) => {
313
+ if (butt == 'confirm') {
314
+ let http = new HttpResetClass()
315
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdateBiaoHao`, {
316
+ f_meter_no: f_meter_no,
317
+ f_userinfo_id: f_userinfo_id
318
+ }, {resolveMsg: null, rejectMsg: null}).then((res) => {
319
+ if (res.data.code == 200) {
320
+ this.$showMessage('修改成功!')
321
+ } else {
322
+ this.$showMessage('修改失败!,网络异常')
323
+ }
324
+ })
325
+ }
326
+ })
327
+ },
328
+ biaoxinghaook () {
329
+ if (this.biaoxinghao == '') {
330
+ this.$showMessage('请选择表型号')
331
+ return
332
+ }
333
+ //tag
334
+ //tag
335
+ this.$showMessage('是否确定进行修改?', ['confirm', 'cancel']).then((butt) => {
336
+ if (butt == 'confirm') {
337
+ let http = new HttpResetClass()
338
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdateBiaoXingHao`, {
339
+ biaoxinghao: this.biaoxinghao,
340
+ f_userinfo_id: this.userinfo.f_userinfoid
341
+ }, {resolveMsg: null, rejectMsg: null}).then((res) => {
342
+ if (res.data.code == 200) {
343
+ this.$showMessage('修改成功!')
344
+ //tag
345
+ this.showbModal = false
346
+ } else {
347
+ this.$showMessage('修改失败!,网络异常')
348
+ }
349
+ })
350
+ }
351
+ })
352
+ },
353
+ biaoxinghaocancel () {
354
+ //tag
355
+ this.showbModal = false
356
+ },
357
+ showbiaoxinghao () {
358
+ this.gmlist = []
359
+ //tag)
360
+ //tag
361
+ let http1 = new HttpResetClass()
362
+ http1.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
363
+ data: {
364
+ items: 'gm.id,gm.f_meter_style',
365
+ tablename: 't_gasbrand gb LEFT JOIN t_gasmodel gm ON gb.id= gm.f_gasbrand_id ',
366
+ condition: `f_meter_brand = '${this.userinfo.planmeterss.f_aliasname}'`,
367
+ // condition: `f_meter_brand = 'this.userinfo.planmeterss'`,
368
+ orderitem: 'gm.id'
369
+ }
370
+ }, {resolveMsg: null, rejectMsg: null}).then((ress) => {
371
+ ress.data.forEach(res => {
372
+ this.gmlist.push({
373
+ label: res.f_meter_style,
374
+ value: res.id
375
+ })
376
+ })
377
+ //tag)
378
+ //tag
379
+ this.showbModal = true
380
+ })
381
+ },
382
+ updatePhone (f_user_phone, f_userinfo_id) {
383
+
384
+ this.$showMessage('将用户 ' + this.userinfo.f_user_name + '的电话号码从' + this.beforephone + '修改为' + f_user_phone, ['confirm', 'cancel']).then((butt) => {
385
+ if (butt == 'confirm') {
386
+ let http = new HttpResetClass()
387
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/safecheckUpdatePhone`, {
388
+ f_user_phone: f_user_phone,
389
+ f_userinfo_id: f_userinfo_id
390
+ }, {resolveMsg: null, rejectMsg: null}).then((res) => {
391
+ if (res.data.code == 200) {
392
+ this.$showMessage('修改成功!')
393
+ } else {
394
+ this.$showMessage('修改失败!,网络异常')
395
+ }
396
+ })
397
+ }
398
+ })
399
+ },
400
+ upuserinfo (f_userinfo_id) {
401
+ this.$dispatch('gotoson', {
402
+ _this: this.$parent.$parent,
403
+ title: '档案信息变更',
404
+ safe: false
405
+ })
406
+ this.$parent.$parent.$goto('PhoneUpUserinfo', {f_userinfo_id: f_userinfo_id, f_source: '安检'})
407
+ },
408
+ searchHistory (f_userinfo_id) {
409
+ this.$dispatch('gotoson', {
410
+ _this: this.$parent.$parent,
411
+ title: '购气记录',
412
+ safe: false
413
+ })
414
+ this.$parent.$parent.$goto('phone-sell-info', {f_userinfo_id: f_userinfo_id})
415
+ },
416
+ cameraCallBack (prop, fileName) {
417
+ if (prop == 'f_noanswers_path') {
418
+ let f_noanswer_path = fileName + '?' + Math.random()
419
+ HostApp.__this__.f_noanswers_path.push({
420
+ f_noanswer_path: f_noanswer_path
421
+ })
422
+ } else if (prop == 'f_rejectchecks_path') {
423
+ let f_rejectcheck_path = fileName + '?' + Math.random()
424
+ HostApp.__this__.f_rejectchecks_path.push({
425
+ f_rejectcheck_path: f_rejectcheck_path
426
+ })
427
+ }else {
428
+ HostApp.__this__.$set(prop, fileName + '?' + Math.random())
429
+ }
430
+ HostApp.__callback__ = null
431
+ HostApp.__this__ = null
432
+ },
433
+ takePic (type ,prop, title) {
434
+ const obj = HostApp.getGpsDetailAddress()
435
+ HostApp.__callback__ = this.cameraCallBack
436
+ HostApp.__this__ = this
437
+ //tag
438
+ let fileName
439
+ if (prop == 'f_noanswers_path') {
440
+ //tag
441
+ if (this.f_noanswers_path.length == 3) {
442
+ return
443
+ }
444
+ fileName = Util.guid() + '-' + prop + '.jpg'
445
+ } else if (prop == 'f_rejectchecks_path') {
446
+ //tag
447
+ if (this.f_rejectchecks_path.length == 3) {
448
+ return
449
+ }
450
+ fileName = Util.guid() + '-' + prop + '.jpg'
451
+ }else {
452
+ if (!this[prop] || this[prop].includes('nopic.png')) {
453
+ fileName = Util.guid() + '-' + prop + '.jpg'
454
+ } else {
455
+ fileName = Util.getFileName(this[prop])
456
+ }
457
+ }
458
+ let jingweidu = ''
459
+ if (this.$parent.$parent.is_has_jingweidu == 'true'){
460
+ jingweidu = '\t经度:' + obj.longitude+ '\t纬度:' + obj.latitude
461
+ }
462
+ let page = 'com.aofeng.hybrid.android.peripheral.CameraActivity'
463
+ if(type === '相册'){
464
+ page ='com.aofeng.hybrid.android.peripheral.ActionPickActivity'
465
+ }
466
+ HostApp._open_a_page({
467
+ type: 'boomerang',
468
+ page,
469
+ param: {
470
+ file: fileName,
471
+ requestCode: 111,
472
+ callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
473
+ watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name +jingweidu
474
+ }
475
+ })
476
+ },
477
+ delfile (prop, fileName, index) {
478
+ if (fileName == Vue.nopic) {
479
+ return
480
+ } else {
481
+ if (prop == 'f_noanswers_path') {
482
+ this.f_noanswers_path.splice(index, 1)
483
+ HostApp.delfile(fileName)
484
+ }else if (prop == 'f_rejectchecks_path') {
485
+ this.f_rejectchecks_path.splice(index, 1)
486
+ HostApp.delfile(fileName)
487
+ } else {
488
+ HostApp.delfile(fileName)
489
+ this[prop] = Vue.nopic
490
+ }
491
+ }
492
+ },
493
+ setEntryClass (val) {
494
+ if (val == '到访不遇') {
495
+ this.f_usegas = ''
496
+ this.$set('f_entry_class', 'warning')
497
+ } else if (val == '拒检') {
498
+ this.f_usegas = ''
499
+ this.$set('f_entry_class', 'danger')
500
+ } else if (val == '入户') {
501
+ this.$set('f_entry_class', 'success')
502
+ }
503
+ },
504
+ setUsegas (val) {
505
+ if (val == '未使用') {
506
+ this.$set('f_useclass', 'default')
507
+ }
508
+ if (val == '已使用') {
509
+ this.$set('f_useclass', 'success')
510
+ }
511
+ },
512
+ start () {
513
+ this.$parent.$parent.isStrat = true
514
+ this.$set('action', !this.action)
515
+ this.$set('f_onsite_time', Util.toStandardTimeString())
516
+ },
517
+ safecheckStateReady () {
518
+ //tag
519
+ //tag
520
+ //tag
521
+ if (!this.$parent.$parent.showBack) {
522
+ this.$parent.$parent.showBack = true
523
+ }
524
+ //兼容下-如果没有通过外层查询带进来最新安检时间,就拿本地单子里存的上次安检时间
525
+ if (this.$parent.$parent.item.f_plan_meters[0].f_last_check_date) {
526
+ this.$set('last_check_date', this.$parent.$parent.item.f_plan_meters[0].f_last_check_date)
527
+ this.$set('last_check_state', this.$parent.$parent.item.f_plan_meters[0].f_last_check_state)
528
+ this.$set('newfile_date', this.$parent.$parent.item.f_plan_meters[0].f_newfile_date)
529
+ if (this.$parent.$parent.item.f_plan_meters[0].f_last_check_result) {
530
+ let checkResult = JSON.parse(this.$parent.$parent.item.f_plan_meters[0].f_last_check_result)
531
+ this.$set('last_check_result', checkResult.result)
532
+ this.$set('last_check_data.data', checkResult.data)
533
+ } else {
534
+ this.$set('last_check_result', '')
535
+ this.$set('last_check_data.data', [])
536
+ }
537
+ } else {
538
+ this.$set('last_check_state', this.$parent.$parent.item.f_plan_meters[0].f_last_check_state)
539
+ this.$set('last_check_date', this.$parent.$parent.item.f_last_check_date)
540
+ if (this.$parent.$parent.item.f_last_check_result) {
541
+ let checkResult = JSON.parse(this.$parent.$parent.item.f_last_check_result)
542
+ this.$set('last_check_result', checkResult.result)
543
+ this.$set('last_check_data.data', checkResult.data)
544
+ } else {
545
+ this.$set('last_check_result', '')
546
+ this.$set('last_check_data.data', [])
547
+ }
548
+ }
549
+ this.$set('f_item_name', this.$parent.$parent.item.f_plan_meters[0].f_item_name)
550
+ this.$set('f_item_value', this.$parent.$parent.item.f_plan_meters[0].f_item_value)
551
+ this.$set('f_item_name2', this.$parent.$parent.item.f_plan_meters[0].f_item_name2)
552
+ this.$set('f_item_value2', this.$parent.$parent.item.f_plan_meters[0].f_item_value2)
553
+ this.$set('f_item_name3', this.$parent.$parent.item.f_plan_meters[0].f_item_name3)
554
+ this.$set('f_item_value3', this.$parent.$parent.item.f_plan_meters[0].f_item_value3)
555
+ this.$set('upUserinfoSta', '否')
556
+ this.upUserinfoSta = this.$appdata.getSingleValue('安检修改档案信息')
557
+
558
+ if (this.$parent.$parent.role == 'inspect' && this.f_complete != '已完成') {
559
+ this.start()
560
+ }
561
+ if (this.$parent.$parent.data.f_onsite_time) {
562
+ //tag
563
+ this.$parent.$parent.startClick = true
564
+ }
565
+ this.action = true
566
+ //tag
567
+ if (this.f_onsite_time) {
568
+ this.$parent.$parent.isStrat = true
569
+ this.$parent.$parent.data.f_onsite_time = Util.toStandardTimeString()
570
+ }
571
+ if (this.$parent.$parent.role == 'repair') {
572
+ this.$set('style__', 'divmask')
573
+ this.$set('style_view_', '')
574
+ } else if (this.$parent.$parent.role == 'view') {
575
+ this.$set('style__', 'divmask')
576
+ this.$set('style_view_', 'divmask')
577
+ //tag
578
+ } else {
579
+ this.$set('style__', '')
580
+ this.$set('style_view_', '')
581
+ }
582
+ if (!this.f_nongasuser_path) {
583
+ this.$set('f_nongasuser_path', '')
584
+ }
585
+ //到访多张照片
586
+ this.$set('f_noanswers_path', [])
587
+ if (this.f_noanswer_path) {
588
+ this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer_path})
589
+ } else {
590
+ this.$set('f_noanswer_path', '')
591
+ }
592
+ if (this.f_noanswer1_path) {
593
+ this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer1_path})
594
+ } else {
595
+ this.$set('f_noanswer1_path', '')
596
+ }
597
+ if (this.f_noanswer2_path) {
598
+ this.f_noanswers_path.push({f_noanswer_path: this.f_noanswer2_path})
599
+ } else {
600
+ this.$set('f_noanswer2_path', '')
601
+ }
602
+
603
+ if (!this.f_rejectcheck_path) {
604
+ this.$set('f_rejectcheck_path', '')
605
+ }
606
+ //拒检多张照片
607
+ this.$set('f_rejectchecks_path', [])
608
+ if (this.f_rejectcheck_path) {
609
+ this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck_path})
610
+ } else {
611
+ this.$set('f_rejectcheck_path', '')
612
+ }
613
+ if (this.f_rejectcheck1_path) {
614
+ this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck1_path})
615
+ } else {
616
+ this.$set('f_rejectcheck1_path', '')
617
+ }
618
+ if (this.f_rejectcheck2_path) {
619
+ this.f_rejectchecks_path.push({f_rejectcheck_path: this.f_rejectcheck2_path})
620
+ } else {
621
+ this.$set('f_rejectcheck2_path', '')
622
+ }
623
+
624
+ this.$watch('f_noanswers_path.length', () => {
625
+ //tag)
626
+ for (let i = 0; i < 3; i++) {
627
+
628
+ if (this.f_noanswers_path[i] && this.f_noanswers_path[i].f_noanswer_path) {
629
+ //tag)
630
+ if (i == 0) {
631
+ this.f_noanswer_path = this.f_noanswers_path[i].f_noanswer_path
632
+ } else {
633
+ this['f_noanswer' + i + '_path'] = this.f_noanswers_path[i].f_noanswer_path
634
+ }
635
+ } else {
636
+ //tag)
637
+ if (i == 0) {
638
+ this.f_noanswer_path = null
639
+ } else {
640
+ this['f_noanswer' + i + '_path'] = null
641
+ }
642
+ }
643
+ }
644
+ //tag
645
+ })
646
+ this.$watch('f_rejectchecks_path.length', () => {
647
+ //tag)
648
+ for (let i = 0; i < 3; i++) {
649
+
650
+ if (this.f_rejectchecks_path[i] && this.f_rejectchecks_path[i].f_rejectcheck_path) {
651
+ //tag)
652
+ if (i == 0) {
653
+ this.f_rejectcheck_path = this.f_rejectchecks_path[i].f_rejectcheck_path
654
+ } else {
655
+ this['f_rejectcheck' + i + '_path'] = this.f_rejectchecks_path[i].f_rejectcheck_path
656
+ }
657
+ } else {
658
+ //tag)
659
+ if (i == 0) {
660
+ this.f_rejectcheck_path = null
661
+ } else {
662
+ this['f_rejectcheck' + i + '_path'] = null
663
+ }
664
+ }
665
+ }
666
+ //tag
667
+ })
668
+
669
+ this.$watch('f_usegas', (val) => {
670
+ this.setUsegas(val)
671
+ })
672
+
673
+ this.setEntryClass(this.f_entry_status)
674
+ this.$watch('f_entry_status', (val) => {
675
+ this.setEntryClass(val)
676
+
677
+ if (val == '到访不遇') {
678
+ this.f_rejectcheck_path = Vue.nopic
679
+ this.f_rejectcheck1_path = Vue.nopic
680
+ this.f_rejectcheck2_path = Vue.nopic
681
+ this.f_rejectchecks_path = []
682
+ }
683
+ if (val == '拒检') {
684
+ this.f_noanswer_path = Vue.nopic
685
+ this.f_noanswer1_path = Vue.nopic
686
+ this.f_noanswer2_path = Vue.nopic
687
+ this.f_noanswers_path = []
688
+ }
689
+
690
+ if (val != '入户') {
691
+ //清理安检概括
692
+ this.f_no_gas_device = false
693
+ this.f_unload_battery = false
694
+ this.f_close_valve = false
695
+ //清理全局隐患
696
+ this.f_defect_cramped = false
697
+ this.f_defect_bedroom = false
698
+ this.f_defect_longpipe = false
699
+ this.f_defect_firesource = false
700
+ this.f_defect_explosive = false
701
+ this.f_defect_viacabinet = false
702
+ this.f_defect_intermittent = false
703
+ this.f_defect_nearfire = false
704
+ this.f_defect_openkitchen = false
705
+ this.f_defect_hang = false
706
+ this.f_cramped_path = Vue.nopic
707
+ //用户评价
708
+ this.f_client_evaluation = null
709
+ //清设备
710
+ this.$set('f_plumbs', [])
711
+ this.$set('f_valves', [])
712
+ this.$set('f_inner_plumbs', [])
713
+ this.$set('f_alarms', [])
714
+ this.$set('f_cookers', [])
715
+ this.$set('f_heaters', [])
716
+ this.$set('f_furnaces', [])
717
+ } else {
718
+ this.f_rejectcheck_path = Vue.nopic
719
+ this.f_noanswer_path = Vue.nopic
720
+ this.f_novisit_reason = null
721
+ }
722
+ })
723
+ }
724
+ },
725
+ components: {
726
+ RadioGroup,
727
+ Radio
728
+ }
729
+ }
730
+ </script>
731
+
732
+ <style scoped>
733
+
734
+ .font {
735
+ font: 15px PingFang-SC-Medium;
736
+ color: #666666;
737
+ }
738
+
739
+ .input-font {
740
+ font: 15px PingFang-SC-Medium;
741
+ color: #333333;
742
+ }
743
+
744
+ .app-text {
745
+ font-size: 12px;
746
+ }
747
+
748
+ .panel-self {
749
+ border-radius: 10px;
750
+ border: 1px solid #499EDF;
751
+ background-color: #F8F8F8;
752
+ }
753
+
754
+ .app-text {
755
+ font-size: 12px;
756
+ }
757
+
758
+ .panel-self {
759
+ border-radius: 5px;
760
+ border: 1px solid #c5e1f7;
761
+ background-color: #F2F6FA;
762
+ }
763
+
764
+ .font {
765
+ font: 15px PingFang-SC-Medium;
766
+ color: #333333;
767
+ }
768
+
769
+ .panel-self {
770
+ border-radius: 5px;
771
+ border: 1px solid #c5e1f7;
772
+ background-color: #F2F6FA;
773
+ }
774
+
775
+ .text-left {
776
+ text-align: left;
777
+ }
778
+
779
+ .font {
780
+ font: 15px PingFang-SC-Medium;
781
+ color: #333333;
782
+ }
783
+
784
+ .btn-photo {
785
+ border: 0;
786
+ border-radius: 7px;
787
+ background-color: #7dc1f4;
788
+ font: 15px PingFang-SC-Bold;
789
+ height: 20%;
790
+ }
791
+
792
+ .div-photo {
793
+ width: auto;
794
+ height: auto;
795
+ /* margin-top: 10px; */
796
+ position: absolute;
797
+ bottom: 10px;
798
+ right: 10px;
799
+ }
800
+ </style>