safecheck-client 3.0.30-7 → 3.0.30-9

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