safecheck-client 4.0.0-56 → 4.0.0-59

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