safecheck-client 3.0.32-41 → 3.0.32-42

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 (11) hide show
  1. package/package.json +133 -133
  2. package/src/App.vue +2 -2
  3. package/src/filiale/fugou/pc/CheckBook.vue +301 -301
  4. package/src/filiale/fugou/pc/CheckBookDetails.vue +161 -161
  5. package/src/filiale/fugou/pc/CheckBookEntry.vue +66 -66
  6. package/src/filiale/fugou/pc/CheckBookList.vue +366 -366
  7. package/src/filiale/fugou/pc/CheckBookSearchArea.vue +560 -560
  8. package/src/filiale/fugou/pc/CheckBookSearchUser.vue +651 -651
  9. package/src/filiale/fugou/pc/checkPlanList.vue +371 -371
  10. package/src/filiale/yunchengminsheng/android/SafecheckDevices.vue +1270 -1267
  11. package/src/main.js +1 -1
package/src/filiale/yunchengminsheng/android/SafecheckDevices.vue CHANGED
@@ -1,1267 +1,1270 @@
1
- <template>
2
- <div class="select-overspread repair-bg auto" style="padding-bottom:5px;">
3
- <!--<div class="bq-parent" v-if="shutype == 'heng'">-->
4
- <!--<blockquote class="blockquote">-->
5
- <!--<p><span>{{repairitem.header}}</span><a @click="mute()" style="float:right" href="#" class="repair-mute-class"><img src="../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>-->
6
- <!--</blockquote>-->
7
- <!--</div>-->
8
- <div class="panel panel-default auto repair-info-content">
9
- <div class="panel-body" style="padding: 0">
10
- <!-- 安检项内容 -->
11
- <div class="auto repair-info-content compatible" style="padding: 0">
12
- <div class="row auto" style="padding: 0">
13
- <div v-show="false" class="{{shuclass}}" v-if=" device.device != '燃气表'">
14
- <button type="button" name="button" class="btn btn-primary" @click='adddetails()' :disabled="issee">增加</button>
15
- </div>
16
- <!--<div class="{{shuclass}}" v-if="device.device != '燃气表' && candelete">-->
17
- <!--<button type="button" name="button" class="btn btn-primary" @click='deletedetails()' :disabled="issee">删除</button>-->
18
- <!--</div>-->
19
- <div class="shuclass1" v-show="row.isshow" v-for="(idxs,row) in f_items" style="padding: 4px; border:1px solid #D4D4D4;border-bottom: 0" >
20
- <label v-if="row.type != 'radio' && row.type != 'text' && row.type != 'picture' && row.type != 'checkbox'" v-show="row.isshow" class="fivelabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
21
- <label v-if="row.type == 'radio'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
22
- <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
23
- <label v-if="row.type == 'picture' || row.type == 'checkbox'" v-show="row.isshow" class="textlabel">{{row.f_item_name}}<br/>{{row.remark}}</label>
24
- <!--<span v-if="show" style="font-weight:bold">{{row.f_content}}</span>-->
25
- <!--<datepicker placeholder="请选择时间"-->
26
- <!--:value.sync="row.f_content"-->
27
- <!--v-model="row.f_content"-->
28
- <!--:format="'yyyy-MM-dd'"-->
29
- <!--v-if="!show && row.type == 'date'"-->
30
- <!--:readonly="true"-->
31
- <!--&gt;</datepicker>-->
32
- <div style="clear: both" v-if="row.type == 'picture'" class="form-group col-sm-12" >
33
- <div class="auto" >
34
- <div class="panel">
35
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
36
- <div class="row" style="height: 160px;width:160px;overflow: scroll;top: 1px">
37
- <div class="col-sm-4" v-show="row.f_path">
38
- <img-self :src="row.f_path" :alt="row.f_item_name" width="140" height="140"></img-self>
39
- </div>
40
- <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
41
- <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
42
- </div>
43
- <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
44
- </div>
45
- </div>
46
- </div>
47
- </div>
48
- </div>
49
- <div style="float: left;width:60%" class="form-group" v-if="row.type == 'string'" v-show="row.isshow">
50
- <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value" :readonly="role == 'androidview' || row.readonly">
51
- </div>
52
- <div style="float: left;width:60%" class="form-group col-sm-12" v-if="row.type == 'date'" v-show="row.isshow">
53
- <datepicker id="f_making_date" :placeholder= row.f_item_name
54
- :value.sync="row.f_item_value"
55
- v-if="row.type == 'date'"
56
- v-show="row.isshow"
57
- :disabled-days-of-Week="[]"
58
- :format="'yyyy-MM-dd HH:mm:ss'"
59
- :show-reset-button="reset" readonly="readonly">
60
- </datepicker>
61
- </div>
62
-
63
- <div style="float: left;width:60%" class="form-group" v-if="!show && row.type == 'number'" v-show="row.isshow">
64
- <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value" onkeyup="value=value.replace(/[^\d\.-]/g,'')" :readonly="row.readonly">
65
- </div>
66
- <!--<input type="text" class="form-control" v-model="row.f_content" v-if="!show && row.type == 'string' && row.f_project != '表号'" :disabled="(!(ischecked == '有')) || issee" :readonly="issee">-->
67
- <!--<input type="text" class="form-control" v-model="meternum" v-if="!show && row.type == 'string' && row.f_project == '表号' " :disabled="(!(ischecked == '有')) || issee" :readonly="issee" >-->
68
- <!--<button type="button" name="button" class="btn btn-primary" @click="scan" v-if="!show && row.f_project == '表号' ">扫码</button>-->
69
- <input-select v-if="row.type == 'inputSelector'"
70
- v-show="row.isshow"
71
- :value.sync="row.selected"
72
- v-model="row.selected"
73
- :readonly="false"
74
- :options="row.options"
75
- @change="changse"
76
- @click="transelation(idxs)"></input-select>
77
- <v-select style="float: left" :value.sync="row.selected"
78
- v-model="row.selected"
79
- v-if="row.type == 'selector'"
80
- :search="false"
81
- v-show="row.isshow"
82
- placeholder='请选择'
83
- :options="row.options"
84
- :disabled="role == 'androidview' || row.readonly"
85
- @change="changse"
86
- @click="transelation(idxs)"
87
- :multiple="row.multiple"
88
- :close-on-select="!row.multiple" clear-button></v-select>
89
- <div style="float: left;width: 30%" class="form-group" v-if="!show && row.type == 'radio'">
90
- <div class="col-xs-6 col-sm-6 col-md-6" v-for="item in row.options">
91
- <!-- <input type="radio" :name="row.f_item_name" @click="disSelect($parent.idxs,item.value)" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >-->
92
- <input type="radio" :name="row.f_item_name" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >
93
- <span>{{item.label}}</span>
94
- </div>
95
- </div>
96
- <div v-if="!show && row.type == 'checkbox'" class="col-xs-12 col-sm-12 col-md-12" style="white-space: nowrap" >
97
- <div style="float: left" v-for="item in row.options">
98
- <input type="checkbox" :name="row.f_item_name" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value">
99
- <span>{{item.label}}</span>
100
- </div>
101
- </div>
102
- <div style="clear: both">
103
- <label v-if="row.f_item_value.indexOf('其他') >-1" class="fivelabel">其他</label>
104
- <div style="float: left;width:60%" class="form-group" v-if="row.f_item_value.indexOf('其他') >-1">
105
- <input type="text" class="form-control" maxlength="100" v-model="row.f_else" :readonly="role == 'androidview' || row.readonly">
106
- </div>
107
- </div>
108
- <div style="clear: both">
109
- <!-- <div class="form-group" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (livedispose == 'true' || livedispose == true) " >-->
110
- <!-- <label class="fivelabel">现场已处理</label>-->
111
- <!-- <v-select :value="row.f_live_dispose"-->
112
- <!-- :value-single="true"-->
113
- <!-- :options="lives"-->
114
- <!-- :disabled="role == 'androidview'"-->
115
- <!-- @change="changlive"-->
116
- <!-- @click="transelation(idxs)"-->
117
- <!-- close-on-select clear-button></v-select>-->
118
- <!-- </div>-->
119
- <div class="form-group" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (dealdispose == 'true' || dealdispose == true) " >
120
- <label class="fivelabel">处理方式</label>
121
- <v-select
122
- :value="row.f_deal_dispose"
123
- :value-single="true"
124
- :options="deals"
125
- :disabled="role == 'androidview'"
126
- @change="changdeal"
127
- @click="transelation(idxs)"
128
- close-on-select clear-button>
129
- </v-select>
130
- </div>
131
- <div style="display: flex;flex-wrap: wrap" v-if="row.f_deal_dispose == '自行处理' && this.showZXTime">
132
- <label class="fivelabel">处理时效:</label>
133
- <datepicker
134
- :value.sync="row.f_handle_date"
135
- v-model="row.f_handle_date"
136
- :format="'yyyy-MM-dd 00:00:00'"
137
- placeholder="请选择"
138
- style="width: 60%">
139
- </datepicker>
140
- </div>
141
- <div style="margin-left: 10px" class="form-group col-sm-10" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && row.tooltip != undefined && row.tooltip != '' ">
142
- ☆{{row.tooltip}}
143
- </div>
144
- <div class="form-group col-sm-12" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')">
145
- <div class="auto" style="margin:1px;">
146
- <div class="panel">
147
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
148
- <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
149
- <div class="col-sm-4" v-show="row.f_path">
150
- <img-self :src="row.f_path" :alt="row.f_item_name" width="140" height="140"></img-self>
151
- </div>
152
- <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
153
- <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
154
- </div>
155
- <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
156
- </div>
157
- </div>
158
- </div>
159
- </div>
160
- <!--多张隐患照片-->
161
- <div class="auto" v-for="itemIndex in hiddenDangerImgNumber" style="margin: 1px;">
162
- <div class="panel">
163
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
164
- <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
165
- <div class="col-sm-4" v-show="row['f_p' + (itemIndex+1) + '_path']">
166
- <img-self :src="row['f_p' + (itemIndex+1) + '_path']" :alt="row.f_item_name" width="140" height="140"></img-self>
167
- </div>
168
- <div class="col-sm-4" v-show="!row['f_p' + (itemIndex+1) + '_path']" @click="takePic(idxs, row.f_item_name,'f_p' + (itemIndex+1)+ '_path')">
169
- <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
170
- </div>
171
- <img v-show="row['f_p' + (itemIndex+1)+'_path']" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs,row['f_p' + (itemIndex+1)+'_path'],'f_p' + (itemIndex+1)+ '_path')" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
172
- </div >
173
- </div>
174
- </div>
175
- </div>
176
- <div style="display: flex;flex-wrap: wrap;margin-top: 10px" v-if="row.f_deal_dispose == '现场整改' && (row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && this.showXCImg">
177
- <label class="fivelabel">整改照片:</label>
178
- <div class="auto" style="margin:1px;">
179
- <div class="panel">
180
- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
181
- <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
182
- <div class="col-sm-4" v-show="row.f_repair_path">
183
- <img-self :src="row.f_repair_path" :alt="row.f_item_name" width="140" height="140"></img-self>
184
- </div>
185
- <div class="col-sm-4" v-show="!row.f_repair_path" @click="takePic(idxs, row.f_item_name,'f_repair_path',row.f_defect_level)">
186
- <img src="../../../assets/tackpic.png" alt="点击拍摄照片" width="140" height="140"></img>
187
- </div>
188
- <img v-show="row.f_repair_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_repair_path, 'f_repair_path')" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
189
- </div>
190
- </div>
191
- </div>
192
- </div>
193
- </div>
194
- </div>
195
- </div>
196
-
197
- <!--<v-select :value.sync="row.f_content" :options='getOptions(row.f_project)' placeholder='请选择' :disabled="(!(ischecked == '有')) || issee" close-on-select :value-single="true" v-if="!show && row.type == 'selector' && row.f_project != '气表品牌'"-->
198
- <!--&gt;</v-select>-->
199
- <!--<v-select :value.sync="row.f_content" :options='getOptions(row.f_project)' @change="getgasmodel" placeholder='请选择' :disabled="(!(ischecked == '有')) || issee" close-on-select :value-single="true" v-if="!show && row.type == 'selector' && row.f_project == '气表品牌'"-->
200
- <!--&gt;</v-select>-->
201
- <!-- <div class="auto" v-if="!show && row.type == 'checkbox' ">-->
202
- <!-- <input class="magic-checkbox" type="checkbox" id="shebeicheckbox"-->
203
- <!-- :checked="row.f_content == '有'"-->
204
- <!-- @click="switchDetails(row.f_project, $event)" :disabled="issee"/>-->
205
- <!-- <label for="shebeicheckbox" style="width:150px;padding-bottom: 10px">{{row.f_project}}</label>-->
206
- <!-- </div>-->
207
- <!--<img-area :model="Detail.imgs" :sutitle="row.f_project" v-if="row.type == 'picture'" :disabled="issee"></img-area>-->
208
- </div>
209
- </div>
210
- </div>
211
- <div style="border-top: 1px solid #D4D4D4"></div>
212
- </div>
213
- </div>
214
- </div>
215
- </template>
216
- <script>
217
- import Vue from 'vue'
218
- import * as Util from '../../Util'
219
-
220
- export default {
221
- title: '维修列表信息',
222
- data() {
223
- return {
224
- // telphoneValid: '/^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/',
225
- // meterstyle:[],
226
- hiddenDangerImgNumber:0,//隐患图片数
227
- shuclass:'col-xs-12 col-sm-12 col-md-12 form-input-group mg8',
228
- shuclass1:'col-xs-12 col-sm-12 col-md-12 mg8',
229
- // labels:[],
230
- meternum:'',
231
- ischecked:'有',
232
- gasmodel:'',
233
- textstyle:'color: red',
234
- paper: this.$parent.$parent.data,
235
- f_items:[],
236
- page:{},
237
- selectindex:null,
238
- lives:[{label: '是', value: '是'},{label: '否', value: '否'}],
239
- deals:[{label: '现场整改', value: '现场整改'},{label: '自行处理', value: '自行处理'},{label: '未处理', value: '未处理'},{label: '用户拒绝处理', value: '用户拒绝处理'}],
240
- f_live_dispose:'否',
241
- f_deal_dispose:'未处理',
242
- // 初始表底
243
- f_initial_base: {},
244
- // 气量异常差值 计算公式 => 气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
245
- f_gas_aberrant_number: {},
246
- // 金额异常差值 计算公式 => 金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
247
- f_fee_aberrant_number: {},
248
- // 累购气量
249
- f_total_gas: {},
250
- // 累购金额
251
- f_total_fee: {},
252
- // 已用气量
253
- f_table_base: {},
254
- // 已用金额
255
- f_fee_base: {},
256
- // 剩余气量
257
- f_gas_balance: {},
258
- // 剩余金额
259
- f_fee_balance: {},
260
- // 表端剩余金额
261
- f_table_balance: {},
262
- // 气量异常差值允许误差
263
-
264
- //物联网表数据存储
265
- f_balance_amount:{},//物联网表剩余金额
266
- f_meter_base:{},//物联网表读数
267
- f_balance_amount1:{},//物联网表现场录入的表上剩余金额
268
- f_meter_base1:{},//物联网表现场录入的表字轮数
269
- f_meter_aberrant_number1: {},//物联网表 表数异常差值
270
- f_fee_aberrant_number1: {},//物联网 表金额异常差值
271
- gasDeviation: (
272
- function (_this) {
273
- let deviation = _this.$appdata.getSingleValue('气量异常差值允许误差')
274
- if (deviation && !isNaN(deviation)) {
275
- return deviation
276
- } else {
277
- return 0
278
- }
279
- }
280
- )(this),
281
- // 金额异常差值允许误差
282
- feeDeviation: (
283
- function (_this) {
284
- let deviation = _this.$appdata.getSingleValue('金额异常差值允许误差')
285
- if (deviation && !isNaN(deviation)) {
286
- return deviation
287
- } else {
288
- return 0
289
- }
290
- }
291
- )(this),
292
- // 字轮异常差值允许误差
293
- meterbase: (
294
- function (_this) {
295
- let deviation = _this.$appdata.getSingleValue('字轮异常差值允许误差')
296
- if (deviation && !isNaN(deviation)) {
297
- return deviation
298
- } else {
299
- return 0
300
- }
301
- }
302
- )(this),
303
- showElse:false, //控制其他选项是否显示
304
- showXCImg: false, // 是否显示现场整改拍照选项
305
- showZXTime: false // 是否显示自行整改处理时效
306
- }
307
- },
308
- props: ['config','device','idx','operation','role'],
309
- // props: {
310
- // // 维修对应的用户数据收集
311
- // model: {
312
- // type: Object
313
- // },
314
- // service:{
315
- // type: Object
316
- // },
317
- // show: {
318
- // type: Boolean,
319
- // default: false
320
- // },
321
- // repairitem:{
322
- // type: Object
323
- // },
324
- // shutype:'heng',
325
- // tabs:{
326
- // type: Object
327
- // },
328
- // repairdetails:{
329
- // type: Object
330
- // },
331
- // faultshow:{
332
- // type: Object
333
- // },
334
- // issee:''
335
- // },
336
- methods: {
337
- changse(val){
338
- if(val == undefined){
339
- return
340
- }
341
- if(this.selectindex != null) {
342
- if(this.f_items[this.selectindex].type == 'selector'){
343
- this.f_items[this.selectindex].f_item_value = val
344
- }else if(this.f_items[this.selectindex].type == 'inputSelector'){
345
- this.f_items[this.selectindex].f_item_value = val.target.value
346
- }
347
- }
348
- },
349
- changlive(val){
350
- if(val == undefined){
351
- return
352
- }
353
- if(this.selectindex != null) {
354
- this.f_items[this.selectindex].f_live_dispose = val
355
- }
356
- },
357
- changdeal(val){
358
- if(val == undefined){
359
- return
360
- }
361
- if(this.selectindex != null) {
362
- this.f_items[this.selectindex].f_deal_dispose = val
363
- }
364
- },
365
- switchDetails(detailsType, event){
366
- if (event.srcElement.checked) {
367
- for(var i = 0;i<this.Detail.details.length;i++){
368
- if(this.Detail.details[i].f_project == detailsType){
369
- this.Detail.details[i].f_content = '有'
370
- this.ischecked = '有'
371
- return
372
- }
373
- }
374
- } else {
375
- this.Detail.imgs = []
376
- for(var i = 0;i<this.Detail.details.length;i++){
377
- if(this.Detail.details[i].f_project == detailsType){
378
- this.Detail.details[i].f_content = '无'
379
- this.ischecked = '无'
380
- }else{
381
- this.Detail.details[i].f_content = ''
382
- }
383
- }
384
- }
385
- },
386
- getgasmodel(val){
387
- this.gasmodel = val
388
- },
389
- getradios(val,flag){
390
- let Reoptions = []
391
- for (let i = 0;i<this.repairdetails.length;i++) {
392
- var t = false
393
- if(this.repairdetails[i].f_type == this.repairitem.header ){
394
- for(var j =0;j<this.repairdetails[i].details.length;j++){
395
- if(this.repairdetails[i].details[j].f_project == val ){
396
- Reoptions = this.repairdetails[i].details[j].options
397
- t = true
398
- break
399
- }
400
- }
401
- }
402
- if(t){
403
- break
404
- }
405
- }
406
- for(let j = 0;j<Reoptions.length;j++){
407
- if(Reoptions[j].data == flag){
408
- for(var e = 0;e<this.Detail.details.length;e++){
409
- if(this.Detail.details[e].f_project == val){
410
- this.Detail.details[e].f_status = Reoptions[j].f_status
411
- return
412
- }
413
- }
414
- break
415
- }
416
- }
417
- },
418
- deletedetails(){
419
- this.$showMessage('该操作会删除所填信息，是否继续！', ['confirm', 'cancel']).then((res) => {
420
- if (res === 'confirm') {
421
- for(var i = 0;i<this.tabs.length;i++){
422
- if(this.tabs[i].number == this.repairitem.number){
423
- this.tabs.splice(i, 1)
424
- this.model.servicerepair.splice(this.repairitem.number, 1)
425
- for(let t = i;t < this.tabs.length;t++ ) {
426
- this.tabs[t].number -= 1
427
- }
428
- return
429
- }
430
- }
431
- }
432
- })
433
- },
434
- takePic(prop, title, pathname='null') {
435
- if (this.role == 'androidview') {
436
- return
437
- }
438
- const obj = HostApp.getGpsDetailAddress()
439
- HostApp.__callback__ = this.cameraCallBack
440
- HostApp.__this__ = this
441
- //tag
442
- let fileName
443
- if (pathname == 'null') {
444
- if (!this.f_items[prop].f_path || this.f_items[prop].f_path.includes("nopic.png")) {
445
- fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
446
- } else {
447
- fileName = Util.getFileName(this.f_items[prop].f_path)
448
- }
449
- } else {
450
- if (!this.f_items[prop][pathname] || this.f_items[prop][pathname].includes("nopic.png")) {
451
- fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
452
- } else {
453
- fileName = Util.getFileName(this.f_items[prop][pathname])
454
- }
455
- }
456
- let jingweidu = ''
457
- if (this.$parent.$parent.is_has_jingweidu == 'true'){
458
- jingweidu = '\t经度：' + obj.longitude+ '\t纬度：' + obj.latitude
459
- }
460
- //tag
461
- //tag
462
- HostApp._open_a_page({type: 'boomerang',
463
- page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
464
- param: {file: fileName, requestCode: 111, callback:'javascript:HostApp.__callback__("'+ prop +'", "%s","'+pathname+'");', watermark: title + '\t时间：'+ Util.toStandardTimeString() + '\t' + Vue.user.name + jingweidu}
465
- })
466
- },
467
- cameraCallBack(prop, fileName,pathname) {
468
- //tag
469
- if (pathname == 'null') {
470
- //tag
471
- HostApp.__this__.$set( 'f_items['+prop+'].f_path', fileName + '?' + Math.random())
472
- //tag
473
- HostApp.__callback__ = null
474
- HostApp.__this__ = null
475
- } else {
476
- //tag
477
- //tag)
478
- HostApp.__this__.$set( 'f_items['+prop+'].'+pathname+'', fileName + '?' + Math.random())
479
- HostApp.__callback__ = null
480
- HostApp.__this__ = null
481
- }
482
- },
483
- delfile(prop, fileName, pathname='null') {
484
- if (pathname == 'null') {
485
- //tag
486
- //tag)
487
- if(fileName == Vue.nopic){
488
- return
489
- } else {
490
- HostApp.delfile(fileName)
491
- this.f_items[prop].f_path = Vue.nopic
492
- }
493
- }else {
494
- //tag
495
- //tag)
496
- if(fileName == Vue.nopic){
497
- return
498
- } else {
499
- HostApp.delfile(fileName)
500
- this.f_items[prop][pathname] = Vue.nopic
501
- }
502
- }
503
- },
504
- adddetails(){
505
- // 下标作为序号，取值用。 增加 序号得依次增加
506
- if(this.tabs.length > 0){
507
- for(let i = this.tabs.length-1;i > 0 ;i-- ){
508
- if(this.tabs[i].header == this.repairitem.header){
509
- if(this.model.servicerepair.length > 0){
510
- for(let j = this.model.servicerepair.length -1;j > -1;j-- ){
511
- if(this.model.servicerepair[j].f_type == this.repairitem.header){
512
- this.model.servicerepair.splice(j+1, 0, Object.assign({}, JSON.parse(JSON.stringify(this.tabs[i].details))))
513
- this.tabs.splice(i+1, 0, {header: `${this.repairitem.header}`,details:this.tabs[i].details,complete:'repair-details',class:'repair-details-class',number:j+1,items:this.tabs[i].items})
514
- for(let t = i+2;t < this.tabs.length;t++ ) {
515
- this.tabs[t].number += 1
516
- }
517
- this.faultshow.number += this.faultshow.number + 1
518
- return
519
- }
520
- }
521
- }
522
- }
523
- }
524
- }
525
- },
526
- transelation(val){
527
- this.selectindex = val
528
- },
529
- towatch(){
530
- for(let n in this.f_items){
531
- if(typeof this.f_items[n]=='function'){
532
- continue
533
- }
534
- if(this.f_items[n].type == 'selector' || this.f_items[n].type == 'inputSelector'){
535
- // 监听下拉框，如果有隐患，需要拍照
536
- this.$watch('f_items['+n+'].selected',function(val) {
537
- // 下拉框值
538
- //tag)
539
- // 下拉框所属设备
540
- //tag
541
- // 下拉框所属项
542
- //tag
543
- if (val == undefined || val.length == 0 || val[0] == ''){
544
- this.f_items[n].f_path = ''
545
- this.f_items[n].f_is_defect = ''
546
- this.f_items[n].f_defect_level = ''
547
- this.f_items[n].f_live_dispose = ''
548
- this.f_items[n].f_deal_dispose = ''
549
- this.f_items[n].tooltip = ''
550
- this.f_items[n].f_else = ''
551
- return
552
- }
553
- let shImage = false
554
- if(val.indexOf('其他') == -1){
555
- this.f_items[n].f_else = ''
556
- }
557
- // if(this.config[this.device.device].items[item].type == 'selector'){
558
- // this.f_items[n].f_item_value = val
559
- // }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
560
- // this.f_items[n].f_item_value = val[0]
561
- // }
562
- // 在配置中查找该项
563
- for (let item in this.config[this.device.device].items) {
564
- if(typeof this.config[this.device.device].items[item]=='function'){
565
- continue
566
- }
567
- let type = this.config[this.device.device].items[item].type
568
- let multiple = this.config[this.device.device].items[item].multiple?this.config[this.device.device].items[item].multiple:false
569
- let options = this.config[this.device.device].items[item].options
570
- if ((this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'inputSelector') && item == this.f_items[n].f_item_name) {
571
- for (let i in options) {
572
- if(typeof options[i]=='function'){
573
- continue
574
- }
575
- let value
576
- if(this.config[this.device.device].items[item].type == 'selector' && this.config[this.device.device].items[item].multiple == false){
577
- value = val[0]
578
- }else if (this.config[this.device.device].items[item].type == 'inputSelector'){
579
- value = val
580
- }
581
- //tag)
582
- // 如果未选择，清空图片、隐患信息等
583
- if((type == 'selector' && val.length == 0) || (type == 'inputSelector' && val == '')){
584
- this.f_items[n].f_path = ''
585
- this.f_items[n].f_is_defect = ''
586
- this.f_items[n].f_defect_level = ''
587
- this.f_items[n].f_live_dispose = ''
588
- this.f_items[n].f_deal_dispose = ''
589
- this.f_items[n].tooltip = ''
590
- }
591
- if((type == 'selector' && multiple == false && options[i].data == val[0]) || (type == 'inputSelector' && options[i].data == val) || (type == 'selector' && multiple == true && val.indexOf(options[i].data) > -1)){
592
- // 找到选中的项了
593
- //tag
594
- if(options[i].isdefect == true ){
595
- shImage = true
596
- }
597
- if(options[i].isdefect == false || this.f_items[n].f_item_value == ''){
598
- shImage = false
599
- }
600
- //tag
601
- if(shImage){
602
- this.f_items[n].f_is_defect =true
603
- this.f_items[n].f_defect_level = options[i].level
604
- this.f_items[n].f_path = Vue.nopic
605
- this.f_items[n].f_live_dispose = '否'
606
- this.f_items[n].f_deal_dispose = '未处理'
607
- //tag
608
- this.f_items[n].tooltip= options[i].tooltip
609
- }else{
610
- this.f_items[n].f_path = ''
611
- this.f_items[n].f_is_defect = ''
612
- this.f_items[n].f_defect_level = ''
613
- this.f_items[n].f_live_dispose = ''
614
- this.f_items[n].f_deal_dispose = ''
615
- this.f_items[n].tooltip = ''
616
- }
617
- }
618
- }
619
- }
620
- }
621
- }
622
- )
623
- // this.$watch('other',function(val){
624
- // //tag
625
- // if(this.selectindex != null) {
626
- // let index = this.f_items[this.selectindex].f_item_value.indexOf('其他')
627
- // if(index > -1){
628
- // this.f_items[this.selectindex].f_item_value.splice(index,1,this.other)
629
- // }
630
- // }
631
- //
632
- // })
633
- }else if(this.f_items[n].type == 'radio') {
634
- // 监听单选框，如果有隐患，需要拍照
635
- this.$watch('f_items[' + n + '].f_item_value', function (val) {
636
- //tag)
637
- let options = this.f_items[n].options
638
- //tag)
639
- for (let i = 0; i < options.length; i++) {
640
- //tag)
641
- // 找到选中的项了
642
- if (options[i].value == val) {
643
- // 如果有隐患，拍图片
644
- if (options[i].isdefect) {
645
- this.f_items[n].f_is_defect = true
646
- this.f_items[n].f_defect_level = options[i].level
647
- this.f_items[n].f_path = Vue.nopic
648
- this.f_items[n].f_live_dispose = '否'
649
- this.f_items[n].f_deal_dispose = '未处理'
650
- this.f_items[n].tooltip = options[i].tooltip
651
- //tag)
652
- return
653
- }
654
- }
655
- }
656
- this.f_items[n].f_path = ''
657
- this.f_items[n].f_is_defect = ''
658
- this.f_items[n].f_defect_level = ''
659
- this.f_items[n].f_live_dispose = ''
660
- this.f_items[n].f_deal_dispose = ''
661
- this.f_items[n].tooltip = ''
662
- })
663
- }else if(this.f_items[n].type == 'checkbox') {
664
- // 监听单选框，如果有隐患，需要拍照
665
- this.$watch('f_items[' + n + '].f_item_value', function (val) {
666
- //tag)
667
- // 如果是手动赋值，不执行下面逻辑
668
- if (this.f_items[n].isReSet) {
669
- this.f_items[n].isReSet = false
670
- return
671
- }
672
- let options = this.f_items[n].options
673
- //tag)
674
- // 取出选中项中有隐患的详细信息
675
- let selected = options.filter(item => { return val.indexOf(item.value) != -1 && item.isdefect })
676
-
677
- if(selected.length > 0){
678
- // 防止赋值无限调用
679
- this.f_items[n].isReSet = true
680
- let selectList = selected.map(item => {return item.value})
681
- // 如果选中的是非隐患项,取消选中isdefect为true的
682
- if (selectList.indexOf(val[val.length - 1]) == -1) {
683
- this.f_items[n].f_item_value = val.filter(item => {return selectList.indexOf(item) == -1})
684
- this.f_items[n].f_path = ''
685
- this.f_items[n].f_is_defect = ''
686
- this.f_items[n].f_defect_level = ''
687
- this.f_items[n].f_live_dispose = ''
688
- this.f_items[n].f_deal_dispose = ''
689
- this.f_items[n].tooltip = ''
690
- return
691
- }
692
- // 如果选中的是隐患项,取消选中isdefect为false的
693
- this.f_items[n].f_item_value = selectList
694
- // 如果第一次选择隐患项，初始化
695
- if (!this.f_items[n].f_is_defect) {
696
- this.f_items[n].f_is_defect = true
697
- this.f_items[n].f_defect_level = selected[0].level
698
- this.f_items[n].f_path = Vue.nopic
699
- this.f_items[n].f_live_dispose = '否'
700
- this.f_items[n].f_deal_dispose = '未处理'
701
- //tag
702
- this.f_items[n].tooltip = selected[0].tooltip
703
- }
704
- //tag)
705
- return
706
- }
707
- this.f_items[n].f_path = ''
708
- this.f_items[n].f_is_defect = ''
709
- this.f_items[n].f_defect_level = ''
710
- this.f_items[n].f_live_dispose = ''
711
- this.f_items[n].f_deal_dispose = ''
712
- this.f_items[n].tooltip = ''
713
- })
714
- }
715
- }
716
- //tag)
717
- },
718
- getGasAberrantNumber(val) {
719
- //tag
720
- if(!this.f_table_base.index || !this.f_gas_balance.index){
721
- //tag
722
- return
723
- }
724
- // 先清空
725
- this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
726
- this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
727
- if(val=='已用气量'){
728
- //剩余气量 = 累购-已用
729
- this.f_items[this.f_gas_balance.index].f_item_value= this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_table_base.index].f_item_value
730
- if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
731
- this.f_items[this.f_gas_balance.index].f_item_value = null
732
- }
733
- }
734
-
735
- // 只有两个值都填了才会计算
736
- if (!this.f_items[this.f_table_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
737
- return
738
- }
739
- //tag)
740
- //tag
741
- //tag
742
-
743
- // 计算公式 => 气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
744
- this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_total_gas.index].f_item_value - this.f_items[this.f_gas_balance.index].f_item_value - (this.f_items[this.f_table_base.index].f_item_value - (this.f_initial_base.index?this.f_items[this.f_initial_base.index].f_item_value:0))
745
- this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
746
- // 如果数值有误，清空结果s
747
- if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
748
- this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
749
- }
750
- //tag ===> ' + Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value))
751
- //tag ===> ' + JSON.stringify(Number(this.gasDeviation)))
752
- // 计算差值是否在范围内
753
- if (Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value) > Number(this.gasDeviation)) {
754
- this.f_items[this.f_gas_aberrant_number.index].f_is_defect = true
755
- this.f_items[this.f_gas_aberrant_number.index].f_deal_dispose = '未处理'
756
- }else{
757
- this.f_items[this.f_gas_aberrant_number.index].f_is_defect = null
758
- this.f_items[this.f_gas_aberrant_number.index].f_deal_dispose = null
759
- }
760
-
761
- //tag)
762
- },
763
- getFeeAberrantNumber(val) {
764
- //tag
765
- // 只有两个值都填了才会计算
766
- if(!this.f_fee_base.index || !this.f_fee_balance.index){
767
- //tag
768
- return
769
- }
770
- // 先清空
771
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
772
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
773
-
774
- if(val=='已用金额'){
775
- this.f_items[this.f_fee_balance.index].f_item_value=(this.f_items[this.f_total_fee.index].f_item_value-this.f_items[this.f_fee_base.index].f_item_value).toFixed(3)
776
- if (isNaN(this.f_items[this.f_fee_balance.index].f_item_value)) {
777
- this.f_items[this.f_fee_balance.index].f_item_value = null
778
- }
779
- }
780
-
781
- if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_fee_balance.index].f_item_value) {
782
- return
783
- }
784
-
785
- // 计算公式 => 金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
786
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_total_fee.index].f_item_value - this.f_items[this.f_fee_balance.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
787
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
788
- if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
789
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
790
- }
791
- //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
792
- //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
793
- // 计算差值是否在范围内
794
- if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
795
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
796
- this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = '未处理'
797
- }else{
798
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = null
799
- this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = null
800
- }
801
-
802
- //tag)
803
- },
804
- // 计算剩余金额和剩余金额差值
805
- getFeeAberrantNumber2(val) {
806
- //tag
807
- // 只有两个值都填了才会计算
808
- if(!this.f_table_balance.index || !this.f_fee_balance.index){
809
- //tag
810
- return
811
- }
812
- // 先清空
813
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
814
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
815
-
816
- // 计算公式 => 金额异常差值 = 系统剩余金额 - 表端剩余金额
817
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_balance.index].f_item_value - this.f_items[this.f_table_balance.index].f_item_value
818
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
819
- if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
820
- this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
821
- }
822
- //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
823
- //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
824
- // 计算差值是否在范围内
825
- if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
826
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
827
- this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = '未处理'
828
- }else{
829
- this.f_items[this.f_fee_aberrant_number.index].f_is_defect = null
830
- this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = null
831
- }
832
- console.log('--------------------------------')
833
- console.log(this.f_items[this.f_fee_aberrant_number.index].f_item_value)
834
-
835
- //tag)
836
- },
837
- //物联网表字轮数改变触发
838
- getmeteraberrantnumber() {
839
- //tag
840
-
841
- // 先清空
842
- this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
843
- this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = false
844
- //tag
845
- // 只有两个值都填了才会计算
846
- if (!this.f_items[this.f_meter_base.index].f_item_value || !this.f_items[this.f_meter_base1.index].f_item_value) {
847
- return
848
- }
849
- //tag
850
- // 计算公式 => 表数异常差值= - 字轮数 - 后台表读数
851
- this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_base1.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value
852
- this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_aberrant_number1.index].f_item_value.toFixed(3)
853
- if (isNaN(this.f_items[this.f_meter_aberrant_number1.index].f_item_value)) {
854
- this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
855
- }
856
- //tag ===> ' + Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value))
857
- // 计算差值是否在范围内
858
- //tag)
859
- if (Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value) > Number(this.meterbase)){
860
- this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = true
861
- }
862
-
863
- //tag)
864
- },
865
-
866
- disSelect(index, itemValue) {
867
- //tag)
868
- //tag)
869
- if (this.f_items[index].f_item_value == itemValue) {
870
- this.$set(`f_items[${index}].f_item_value`, '')
871
- }
872
- }
873
- },
874
- ready() {
875
- //tag
876
- //tag
877
- if(Vue.config.safecheck != undefined){
878
- if(Vue.config.safecheck.ApproveConfig != undefined){
879
- if(Vue.config.safecheck.ApproveConfig.livedispose != undefined) {
880
- this.livedispose = Vue.config.safecheck.ApproveConfig.livedispose
881
- }
882
- if(Vue.config.safecheck.ApproveConfig.dealdispose != undefined) {
883
- this.dealdispose = Vue.config.safecheck.ApproveConfig.dealdispose
884
- }
885
- if(Vue.config.safecheck.ApproveConfig.Processing) {
886
- if(Vue.config.safecheck.ApproveConfig.Processing.length > 0){
887
- this.deals = Vue.config.safecheck.ApproveConfig.Processing
888
- }
889
- } else if(Vue.config.safecheck.ApproveConfig.showtorepair) {
890
- this.deals=[{label: '现场整改', value: '现场整改'},
891
- {label: '自行处理', value: '自行处理'},
892
- {label: '未处理', value: '未处理'},
893
- {label: '转维修', value: '报修'},
894
- {label: '用户拒绝处理', value: '用户拒绝处理'}
895
- ]
896
- }
897
- if(Vue.config.safecheck.ApproveConfig.showXCImg) {
898
- this.showXCImg = true
899
- }
900
- if(Vue.config.safecheck.ApproveConfig.showZXTime) {
901
- this.showZXTime = true
902
- }
903
- if(Vue.config.safecheck.ApproveConfig.showtorepair) {
904
- }
905
- if(Vue.config.safecheck.ApproveConfig.hiddendanger != undefined) {
906
- if (parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger) >= 3) {
907
- this.hiddenDangerImgNumber = 3
908
- }else {
909
- this.hiddenDangerImgNumber = parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger)
910
- }
911
- }
912
- }
913
- }
914
- //tag
915
- //tag)
916
- //tag)
917
- //tag)
918
- //创建页面所需数据
919
- this.$set('piece', this.paper['device'+this.device.n][this.idx])
920
- //tag)
921
- //tag)
922
- let n = 0
923
- for (let item in this.config[this.device.device].items) {
924
- if(typeof this.config[this.device.device].items[item]=='function'){
925
- continue
926
- }
927
- let index = this.config[this.device.device].items[item].index-1
928
- this.$set('page.options' + index, [])
929
- //tag)
930
- //tag)
931
- //tag)
932
- // 先根据配置组接页面
933
- let f_item_value
934
- if(this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'checkbox'){
935
- f_item_value = []
936
- // 判断选项的默认值
937
- for (let defitem in this.config[this.device.device].items[item].options) {
938
- if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
939
- continue
940
- }
941
- let defopt = this.config[this.device.device].items[item].options[defitem]
942
- if (defopt.isdefault) {
943
- //tag
944
- f_item_value[0] = defopt.data
945
- }
946
- }
947
- // if(this.config[this.device.device].items[item].data){
948
- // f_item_value.push(this.config[this.device.device].items[item].data)
949
- // }
950
- }else if(this.config[this.device.device].items[item].type == 'radio'){
951
- //为radio添加默认值
952
- f_item_value=''
953
- //tag)
954
- for (let defitem in this.config[this.device.device].items[item].options) {
955
- if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
956
- continue
957
- }
958
- //tag)
959
- let defopt = this.config[this.device.device].items[item].options[defitem]
960
- if (defopt.isdefault) {
961
- //tag)
962
- f_item_value = defopt.data
963
- }
964
- }
965
- }else{
966
- f_item_value = this.config[this.device.device].items[item].data ? this.config[this.device.device].items[item].data : ''
967
- }
968
- //tag)
969
- let it = {
970
- type: this.config[this.device.device].items[item].type,
971
- f_item_name: item,
972
- checkmust: this.config[this.device.device].items[item].checkmust,
973
- f_item_value: f_item_value,
974
- f_is_defect: '',
975
- multiple:this.config[this.device.device].items[item].multiple == true?this.config[this.device.device].items[item].multiple:false,
976
- isshow:this.config[this.device.device].items[item].isshow == false?this.config[this.device.device].items[item].isshow:true,
977
- readonly: this.config[this.device.device].items[item].readonly == true?true:false,
978
- remark: this.config[this.device.device].items[item].remark ? this.config[this.device.device].items[item].remark : '',
979
- f_path: '',
980
- unit: this.config[this.device.device].items[item].unit ? this.config[this.device.device].items[item].unit : '',
981
- tooltip:'',
982
- f_live_dispose:'',
983
- f_deal_dispose:'',
984
- f_else: '',
985
- f_p1_path: '',
986
- f_p2_path: '',
987
- f_p3_path: ''
988
- }
989
- //tag)
990
- //tag)
991
- this.$set('f_items['+index+']',it)
992
- if (this.config[this.device.device].items[item].type == 'selector' ||this.config[this.device.device].items[item].type == 'inputSelector') {
993
- if(this.config[this.device.device].items[item].type == 'selector'){
994
- this.page['options' + index].push({
995
- label: "请选择",
996
- value: ''
997
- })
998
- }
999
- for (let i in this.config[this.device.device].items[item].options) {
1000
- if(typeof this.config[this.device.device].items[item].options[i]=='function'){
1001
- continue
1002
- }
1003
- this.page['options' + index].push({
1004
- label: this.config[this.device.device].items[item].options[i].data,
1005
- value: this.config[this.device.device].items[item].options[i].data,
1006
- tooltip: this.config[this.device.device].items[item].options[i].tooltip
1007
- })
1008
- }
1009
- if(this.config[this.device.device].items[item].type == 'selector'){
1010
- this.$set('f_items['+index+'].selected', f_item_value)
1011
- }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
1012
- this.$set('f_items['+index+'].selected', f_item_value)
1013
- }
1014
-
1015
- this.$set('f_items['+index+'].options',this.page['options' + index])
1016
-
1017
- //tag)
1018
- } else if (this.config[this.device.device].items[item].type == 'radio' || this.config[this.device.device].items[item].type == 'checkbox') {
1019
- //tag)
1020
- //tag
1021
- //tag)
1022
- for (let i in this.config[this.device.device].items[item].options) {
1023
- if(typeof this.config[this.device.device].items[item].options[i]=='function'){
1024
- continue
1025
- }
1026
- //tag
1027
- this.page['options' + index].push({
1028
- label: this.config[this.device.device].items[item].options[i].data,
1029
- value: this.config[this.device.device].items[item].options[i].data,
1030
- isdefect: this.config[this.device.device].items[item].options[i].isdefect,
1031
- level: this.config[this.device.device].items[item].options[i].level,
1032
- tooltip: this.config[this.device.device].items[item].options[i].tooltip
1033
- })
1034
- //tag)
1035
- }
1036
- //tag)
1037
- this.$set('f_items[' + index + '].options', this.page['options' + index])
1038
- this.$set('f_items[' + index + '].f_item_value', f_item_value)
1039
- //tag)
1040
- }
1041
- n = n + 1
1042
- }
1043
- if(!this.piece || JSON.stringify(this.piece) == '{}') {
1044
- // 如果没有，则新建
1045
- this.$set('piece.f_items',this.f_items)
1046
- this.$set('piece.f_device_type',this.device.device)
1047
- } else {
1048
- // 已经存在，把之前的数据重新填入
1049
- for (let f in this.f_items){
1050
- if(typeof this.f_items[f]=='function'){
1051
- continue
1052
- }
1053
- for(let p in this.piece.f_items) {
1054
- if(typeof this.piece.f_items[p]=='function'){
1055
- continue
1056
- }
1057
- if (this.f_items[f].f_item_name == this.piece.f_items[p].f_item_name) {
1058
- //tag)
1059
- //tag)
1060
- this.f_items[f] = Object.assign(this.f_items[f], this.piece.f_items[p])
1061
- //tag)
1062
- if (this.f_items[f].type == 'selector' || this.f_items[f].type == 'inputSelector') {
1063
- //tag)
1064
- //tag)
1065
- this.f_items[f].selected = this.piece.f_items[p].f_item_value
1066
- //tag)
1067
- }
1068
- // 取出特殊值
1069
- if (this.f_items[f].f_item_name == '初始表底') {
1070
- //tag)
1071
- this.f_initial_base.index = f
1072
- } else if (this.f_items[f].f_item_name == '累购气量') {
1073
- //tag)
1074
- this.f_total_gas.index = f
1075
- } else if (this.f_items[f].f_item_name == '已用气量') {
1076
- //tag)
1077
- this.f_table_base.index = f
1078
- this.$watch('f_items[' + f + '].f_item_value', function () {
1079
- this.getGasAberrantNumber('已用气量')
1080
- })
1081
- } else if (this.f_items[f].f_item_name == '剩余气量') {
1082
- //tag)
1083
- this.f_gas_balance.index = f
1084
- this.$watch('f_items[' + f + '].f_item_value', function () {
1085
- this.getGasAberrantNumber('')
1086
- })
1087
- } else if (this.f_items[f].f_item_name == '气量异常差值') {
1088
- //tag)
1089
- this.f_gas_aberrant_number.index = f
1090
- } else if (this.f_items[f].f_item_name == '累购金额') {
1091
- //tag)
1092
- this.f_total_fee.index = f
1093
- } else if (this.f_items[f].f_item_name == '已用金额') {
1094
- //tag)
1095
- this.f_fee_base.index = f
1096
- this.$watch('f_items[' + f + '].f_item_value', function () {
1097
- this.getFeeAberrantNumber('已用金额')
1098
- })
1099
- } else if (this.f_items[f].f_item_name == '剩余金额') {
1100
- //tag)
1101
- this.f_fee_balance.index = f
1102
- this.$watch('f_items[' + f + '].f_item_value', function () {
1103
- this.getFeeAberrantNumber('')
1104
- this.getFeeAberrantNumber2('')
1105
- })
1106
- } else if (this.f_items[f].f_item_name == '表端剩余金额') {
1107
- this.f_table_balance.index = f
1108
- this.$watch('f_items[' + f + '].f_item_value', function () {
1109
- this.getFeeAberrantNumber2('')
1110
- })
1111
- } else if (this.f_items[f].f_item_name == '金额异常差值') {
1112
- //tag)
1113
- this.f_fee_aberrant_number.index = f
1114
- }else if (this.f_items[f].f_item_name == '表读数') {
1115
- //tag)
1116
- this.f_meter_base.index = f
1117
- }else if (this.f_items[f].f_item_name == '表剩余金额') {
1118
- //tag)
1119
- this.f_balance_amount.index = f
1120
- }else if (this.f_items[f].f_item_name == '字轮数') {
1121
- //tag)
1122
- this.f_meter_base1.index = f
1123
- this.$watch('f_items[' + f + '].f_item_value', function () {
1124
- this.getmeteraberrantnumber()
1125
- })
1126
- }else if (this.f_items[f].f_item_name == '表余额') {
1127
- //tag)
1128
- this.f_balance_amount1.index = f
1129
- this.$watch('f_items[' + f + '].f_item_value', function () {
1130
- this.getfeeaberrantnumber1()
1131
- })
1132
- }else if (this.f_items[f].f_item_name == '表数异常差值') {
1133
- //tag)
1134
- this.f_meter_aberrant_number1.index = f
1135
- }else if (this.f_items[f].f_item_name == '表金额异常差值') {
1136
- //tag)
1137
- this.f_fee_aberrant_number1.index = f
1138
- }
1139
- }
1140
- }
1141
- for (let em in this.config[this.device.device].items) {
1142
- if(typeof this.config[this.device.device].items[em]=='function'){
1143
- continue
1144
- }
1145
- if (this.config[this.device.device].items[em].type == 'selector' && em == this.f_items[f].f_item_name) {
1146
- this.f_items[f].options =[]
1147
- for (let k in this.config[this.device.device].items[em].options) {
1148
- if(typeof this.config[this.device.device].items[em].options[k]=='function'){
1149
- continue
1150
- }
1151
- this.f_items[f].options.push({
1152
- label: this.config[this.device.device].items[em].options[k].data,
1153
- value: this.config[this.device.device].items[em].options[k].data
1154
- })
1155
- }
1156
- }
1157
- }
1158
- }
1159
- //tag)
1160
- this.$set('piece.f_items',this.f_items)
1161
- }
1162
- this.towatch()
1163
- },
1164
- destroyed(){
1165
- let nullCount = 0
1166
- let metertitles
1167
- //判断当前是否有选中项
1168
- for (let row in this.f_items){
1169
- if(typeof this.f_items[row]=='function'){
1170
- continue
1171
- }
1172
- if(this.f_items[row].selected && this.f_items[row].selected != '' && this.f_items[row].selected instanceof Array){
1173
- //tag
1174
- this.f_items[row].f_item_value = this.f_items[row].selected
1175
- }else if(this.f_items[row].selected && this.f_items[row].selected != ''){
1176
- //tag
1177
- this.f_items[row].f_item_value = this.f_items[row].selected
1178
- }
1179
- // if(this.f_items[row].f_item_value instanceof Array && this.f_items[row].f_item_value.length != 0 ){
1180
- // nullCount = nullCount+1
1181
- // }else if(this.f_items[row].f_item_value != ''){
1182
- // nullCount = nullCount+1
1183
- // }
1184
- }
1185
- let picture = []
1186
- // for (let row in this.f_items){
1187
- // let a={}
1188
- // a.f_path = this.f_items[row].f_path
1189
- // a.name = this.f_items[row].f_item_name
1190
- // }
1191
- // picture.push(a)
1192
- this.$set(`paper['device${this.device.n}'][${this.idx}]`, this.piece)
1193
- //tag
1194
- },
1195
- computed:{
1196
-
1197
- }
1198
- }
1199
- </script>
1200
- <style lang="less" scoped>
1201
- .class-erro {
1202
- color: #a94442;
1203
- }
1204
- .fivelabel{
1205
- border: none;
1206
- border-left: 5px solid #A2C2EB;
1207
- float: left;
1208
- width: 35%;
1209
- margin-bottom: 3px;
1210
- text-align: left;
1211
- word-wrap: break-word;
1212
- white-space: normal;
1213
- }
1214
- .radiolabel{
1215
- border: none;
1216
- border-left: 5px solid #A2C2EB;
1217
- float: left;
1218
- width: 65%;
1219
- margin-bottom: 3px;
1220
- text-align: left;
1221
- word-wrap: break-word;
1222
- white-space: normal;
1223
- }
1224
-
1225
- .textlabel {
1226
- border: none;
1227
- border-left: 5px solid #A2C2EB;
1228
- width: 100%;
1229
- margin-bottom: 3px;
1230
- text-align: left;
1231
- word-wrap: break-word;
1232
- white-space: normal;
1233
- }
1234
- .textlabel1 {
1235
- border: none;
1236
- border-left: 5px solid #f7cb32;
1237
- width: 100%;
1238
- margin-bottom: 3px;
1239
- text-align: left;
1240
- word-wrap: break-word;
1241
- white-space: normal;
1242
- }
1243
- .spanrodio{
1244
- margin-right: 10px;
1245
- }
1246
- .div-photo{
1247
- width: auto;
1248
- height: auto;
1249
- /* margin-top: 10px; */
1250
- position: absolute;
1251
- bottom: 10px;
1252
- right: 10px;
1253
- }
1254
- .panel-self{
1255
- border-radius: 5px;
1256
- border:1px solid #c5e1f7;
1257
- //background-color: #F2F6FA;
1258
- }
1259
- .btn-photo{
1260
- border: 0;
1261
- border-radius: 7px;
1262
- background-color: #7dc1f4;
1263
- font: 15px PingFang-SC-Bold;
1264
- height: 20%;
1265
- }
1266
- </style>
1267
-
1
+ <template>
2
+ <div class="select-overspread repair-bg auto" style="padding-bottom:5px;">
3
+ <!--<div class="bq-parent" v-if="shutype == 'heng'">-->
4
+ <!--<blockquote class="blockquote">-->
5
+ <!--<p><span>{{repairitem.header}}</span><a @click="mute()" style="float:right" href="#" class="repair-mute-class"><img src="../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>-->
6
+ <!--</blockquote>-->
7
+ <!--</div>-->
8
+ <div class="panel panel-default auto repair-info-content">
9
+ <div class="panel-body" style="padding: 0">
10
+ <!-- 安检项内容 -->
11
+ <div class="auto repair-info-content compatible" style="padding: 0">
12
+ <div class="row auto" style="padding: 0">
13
+ <div v-show="false" class="{{shuclass}}" v-if=" device.device != '燃气表'">
14
+ <button type="button" name="button" class="btn btn-primary" @click='adddetails()' :disabled="issee">增加</button>
15
+ </div>
16
+ <!--<div class="{{shuclass}}" v-if="device.device != '燃气表' && candelete">-->
17
+ <!--<button type="button" name="button" class="btn btn-primary" @click='deletedetails()' :disabled="issee">删除</button>-->
18
+ <!--</div>-->
19
+ <div class="shuclass1" v-show="row.isshow" v-for="(idxs,row) in f_items" style="padding: 4px; border:1px solid #D4D4D4;border-bottom: 0" >
20
+ <label v-if="row.type != 'radio' && row.type != 'text' && row.type != 'picture' && row.type != 'checkbox'" v-show="row.isshow" class="fivelabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
21
+ <label v-if="row.type == 'radio'" v-show="row.isshow" class="radiolabel">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
22
+ <label v-if="row.type == 'text'" v-show="row.isshow" class="textlabel1">{{row.f_item_name}}<span v-if="row.unit">({{row.unit}})</span><br/>{{row.remark}}</label>
23
+ <label v-if="row.type == 'picture' || row.type == 'checkbox'" v-show="row.isshow" class="textlabel">{{row.f_item_name}}<br/>{{row.remark}}</label>
24
+ <!--<span v-if="show" style="font-weight:bold">{{row.f_content}}</span>-->
25
+ <!--<datepicker placeholder="请选择时间"-->
26
+ <!--:value.sync="row.f_content"-->
27
+ <!--v-model="row.f_content"-->
28
+ <!--:format="'yyyy-MM-dd'"-->
29
+ <!--v-if="!show && row.type == 'date'"-->
30
+ <!--:readonly="true"-->
31
+ <!--&gt;</datepicker>-->
32
+ <div style="clear: both" v-if="row.type == 'picture'" class="form-group col-sm-12" >
33
+ <div class="auto" >
34
+ <div class="panel">
35
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
36
+ <div class="row" style="height: 160px;width:160px;overflow: scroll;top: 1px">
37
+ <div class="col-sm-4" v-show="row.f_path">
38
+ <img-self :src="row.f_path" :alt="row.f_item_name" width="140" height="140"></img-self>
39
+ </div>
40
+ <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
41
+ <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
42
+ </div>
43
+ <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ <div style="float: left;width:60%" class="form-group" v-if="row.type == 'string'" v-show="row.isshow">
50
+ <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value" :readonly="role == 'androidview' || row.readonly">
51
+ </div>
52
+ <div style="float: left;width:60%" class="form-group col-sm-12" v-if="row.type == 'date'" v-show="row.isshow">
53
+ <datepicker id="f_making_date" :placeholder= row.f_item_name
54
+ :value.sync="row.f_item_value"
55
+ v-if="row.type == 'date'"
56
+ v-show="row.isshow"
57
+ :disabled-days-of-Week="[]"
58
+ :format="'yyyy-MM-dd HH:mm:ss'"
59
+ :show-reset-button="reset" readonly="readonly">
60
+ </datepicker>
61
+ </div>
62
+
63
+ <div style="float: left;width:60%" class="form-group" v-if="!show && row.type == 'number'" v-show="row.isshow">
64
+ <input type="text" class="form-control" maxlength="100" v-model="row.f_item_value" onkeyup="value=value.replace(/[^\d\.-]/g,'')" :readonly="row.readonly">
65
+ </div>
66
+ <!--<input type="text" class="form-control" v-model="row.f_content" v-if="!show && row.type == 'string' && row.f_project != '表号'" :disabled="(!(ischecked == '有')) || issee" :readonly="issee">-->
67
+ <!--<input type="text" class="form-control" v-model="meternum" v-if="!show && row.type == 'string' && row.f_project == '表号' " :disabled="(!(ischecked == '有')) || issee" :readonly="issee" >-->
68
+ <!--<button type="button" name="button" class="btn btn-primary" @click="scan" v-if="!show && row.f_project == '表号' ">扫码</button>-->
69
+ <input-select v-if="row.type == 'inputSelector'"
70
+ v-show="row.isshow"
71
+ :value.sync="row.selected"
72
+ v-model="row.selected"
73
+ :readonly="false"
74
+ :options="row.options"
75
+ @change="changse"
76
+ @click="transelation(idxs)"></input-select>
77
+ <v-select style="float: left" :value.sync="row.selected"
78
+ v-model="row.selected"
79
+ v-if="row.type == 'selector'"
80
+ :search="false"
81
+ v-show="row.isshow"
82
+ placeholder='请选择'
83
+ :options="row.options"
84
+ :disabled="role == 'androidview' || row.readonly"
85
+ @change="changse"
86
+ @click="transelation(idxs)"
87
+ :multiple="row.multiple"
88
+ :close-on-select="!row.multiple" clear-button></v-select>
89
+ <div style="float: left;width: 30%" class="form-group" v-if="!show && row.type == 'radio'">
90
+ <div class="col-xs-6 col-sm-6 col-md-6" v-for="item in row.options">
91
+ <!-- <input type="radio" :name="row.f_item_name" @click="disSelect($parent.idxs,item.value)" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >-->
92
+ <input type="radio" :name="row.f_item_name" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value" >
93
+ <span>{{item.label}}</span>
94
+ </div>
95
+ </div>
96
+ <div v-if="!show && row.type == 'checkbox'" class="col-xs-12 col-sm-12 col-md-12" style="white-space: nowrap" >
97
+ <div style="float: left" v-for="item in row.options">
98
+ <input type="checkbox" :name="row.f_item_name" :value="item.value" :disabled="(!(ischecked == '有')) || issee" v-model="row.f_item_value">
99
+ <span>{{item.label}}</span>
100
+ </div>
101
+ </div>
102
+ <div style="clear: both">
103
+ <label v-if="row.f_item_value.indexOf('其他') >-1" class="fivelabel">其他</label>
104
+ <div style="float: left;width:60%" class="form-group" v-if="row.f_item_value.indexOf('其他') >-1">
105
+ <input type="text" class="form-control" maxlength="100" v-model="row.f_else" :readonly="role == 'androidview' || row.readonly">
106
+ </div>
107
+ </div>
108
+ <div style="clear: both">
109
+ <!-- <div class="form-group" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (livedispose == 'true' || livedispose == true) " >-->
110
+ <!-- <label class="fivelabel">现场已处理</label>-->
111
+ <!-- <v-select :value="row.f_live_dispose"-->
112
+ <!-- :value-single="true"-->
113
+ <!-- :options="lives"-->
114
+ <!-- :disabled="role == 'androidview'"-->
115
+ <!-- @change="changlive"-->
116
+ <!-- @click="transelation(idxs)"-->
117
+ <!-- close-on-select clear-button></v-select>-->
118
+ <!-- </div>-->
119
+ <div class="form-group" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '') && (dealdispose == 'true' || dealdispose == true) " >
120
+ <label class="fivelabel">处理方式</label>
121
+ <v-select
122
+ :value="row.f_deal_dispose"
123
+ :value-single="true"
124
+ :options="deals"
125
+ :disabled="role == 'androidview'"
126
+ @change="changdeal"
127
+ @click="transelation(idxs)"
128
+ close-on-select clear-button>
129
+ </v-select>
130
+ </div>
131
+ <div style="display: flex;flex-wrap: wrap" v-if="row.f_deal_dispose == '自行处理' && this.showZXTime">
132
+ <label class="fivelabel">处理时效:</label>
133
+ <datepicker
134
+ :value.sync="row.f_handle_date"
135
+ v-model="row.f_handle_date"
136
+ :format="'yyyy-MM-dd 00:00:00'"
137
+ placeholder="请选择"
138
+ style="width: 60%">
139
+ </datepicker>
140
+ </div>
141
+ <div style="margin-left: 10px" class="form-group col-sm-10" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && row.tooltip != undefined && row.tooltip != '' ">
142
+ ☆{{row.tooltip}}
143
+ </div>
144
+ <div class="form-group col-sm-12" style="display: flex;flex-wrap: wrap" v-if="(row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && (row.f_path != '' || row.f_is_defect != '')">
145
+ <div class="auto" style="margin:1px;">
146
+ <div class="panel">
147
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
148
+ <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
149
+ <div class="col-sm-4" v-show="row.f_path">
150
+ <img-self :src="row.f_path" :alt="row.f_item_name" width="140" height="140"></img-self>
151
+ </div>
152
+ <div class="col-sm-4" v-show="!row.f_path" @click="takePic(idxs, row.f_item_name)">
153
+ <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
154
+ </div>
155
+ <img v-show="row.f_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_path)" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ <!--多张隐患照片-->
161
+ <div class="auto" v-for="itemIndex in hiddenDangerImgNumber" style="margin: 1px;">
162
+ <div class="panel">
163
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
164
+ <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
165
+ <div class="col-sm-4" v-show="row['f_p' + (itemIndex+1) + '_path']">
166
+ <img-self :src="row['f_p' + (itemIndex+1) + '_path']" :alt="row.f_item_name" width="140" height="140"></img-self>
167
+ </div>
168
+ <div class="col-sm-4" v-show="!row['f_p' + (itemIndex+1) + '_path']" @click="takePic(idxs, row.f_item_name,'f_p' + (itemIndex+1)+ '_path')">
169
+ <img src="../../../assets/tackpic.png" :alt="点击拍摄照片" width="140" height="140"></img>
170
+ </div>
171
+ <img v-show="row['f_p' + (itemIndex+1)+'_path']" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs,row['f_p' + (itemIndex+1)+'_path'],'f_p' + (itemIndex+1)+ '_path')" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
172
+ </div >
173
+ </div>
174
+ </div>
175
+ </div>
176
+ <div style="display: flex;flex-wrap: wrap;margin-top: 10px" v-if="row.f_deal_dispose == '现场整改' && (row.type == 'selector' || row.type == 'radio' || row.type =='checkbox') && this.showXCImg">
177
+ <label class="fivelabel">整改照片:</label>
178
+ <div class="auto" style="margin:1px;">
179
+ <div class="panel">
180
+ <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 160px;height: 160px;position: relative">
181
+ <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
182
+ <div class="col-sm-4" v-show="row.f_repair_path">
183
+ <img-self :src="row.f_repair_path" :alt="row.f_item_name" width="140" height="140"></img-self>
184
+ </div>
185
+ <div class="col-sm-4" v-show="!row.f_repair_path" @click="takePic(idxs, row.f_item_name,'f_repair_path',row.f_defect_level)">
186
+ <img src="../../../assets/tackpic.png" alt="点击拍摄照片" width="140" height="140"></img>
187
+ </div>
188
+ <img v-show="row.f_repair_path" src="../../../assets/remove.png" :class="style__" @click="delfile(idxs, row.f_repair_path, 'f_repair_path')" v-if="role!='androidview'" style="width: 40px;height: 40px;position: absolute;left:110px;top:110px"></img>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ </div>
196
+
197
+ <!--<v-select :value.sync="row.f_content" :options='getOptions(row.f_project)' placeholder='请选择' :disabled="(!(ischecked == '有')) || issee" close-on-select :value-single="true" v-if="!show && row.type == 'selector' && row.f_project != '气表品牌'"-->
198
+ <!--&gt;</v-select>-->
199
+ <!--<v-select :value.sync="row.f_content" :options='getOptions(row.f_project)' @change="getgasmodel" placeholder='请选择' :disabled="(!(ischecked == '有')) || issee" close-on-select :value-single="true" v-if="!show && row.type == 'selector' && row.f_project == '气表品牌'"-->
200
+ <!--&gt;</v-select>-->
201
+ <!-- <div class="auto" v-if="!show && row.type == 'checkbox' ">-->
202
+ <!-- <input class="magic-checkbox" type="checkbox" id="shebeicheckbox"-->
203
+ <!-- :checked="row.f_content == '有'"-->
204
+ <!-- @click="switchDetails(row.f_project, $event)" :disabled="issee"/>-->
205
+ <!-- <label for="shebeicheckbox" style="width:150px;padding-bottom: 10px">{{row.f_project}}</label>-->
206
+ <!-- </div>-->
207
+ <!--<img-area :model="Detail.imgs" :sutitle="row.f_project" v-if="row.type == 'picture'" :disabled="issee"></img-area>-->
208
+ </div>
209
+ </div>
210
+ </div>
211
+ <div style="border-top: 1px solid #D4D4D4"></div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </template>
216
+ <script>
217
+ import Vue from 'vue'
218
+ import * as Util from '../../Util'
219
+
220
+ export default {
221
+ title: '维修列表信息',
222
+ data() {
223
+ return {
224
+ // telphoneValid: '/^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/',
225
+ // meterstyle:[],
226
+ hiddenDangerImgNumber:0,//隐患图片数
227
+ shuclass:'col-xs-12 col-sm-12 col-md-12 form-input-group mg8',
228
+ shuclass1:'col-xs-12 col-sm-12 col-md-12 mg8',
229
+ // labels:[],
230
+ meternum:'',
231
+ ischecked:'有',
232
+ gasmodel:'',
233
+ textstyle:'color: red',
234
+ paper: this.$parent.$parent.data,
235
+ f_items:[],
236
+ page:{},
237
+ selectindex:null,
238
+ lives:[{label: '是', value: '是'},{label: '否', value: '否'}],
239
+ deals:[{label: '现场整改', value: '现场整改'},{label: '自行处理', value: '自行处理'},{label: '未处理', value: '未处理'},{label: '用户拒绝处理', value: '用户拒绝处理'}],
240
+ f_live_dispose:'否',
241
+ f_deal_dispose:'未处理',
242
+ // 初始表底
243
+ f_initial_base: {},
244
+ // 气量异常差值 计算公式 => 气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
245
+ f_gas_aberrant_number: {},
246
+ // 金额异常差值 计算公式 => 金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
247
+ f_fee_aberrant_number: {},
248
+ // 累购气量
249
+ f_total_gas: {},
250
+ // 累购金额
251
+ f_total_fee: {},
252
+ // 已用气量
253
+ f_table_base: {},
254
+ // 已用金额
255
+ f_fee_base: {},
256
+ // 剩余气量
257
+ f_gas_balance: {},
258
+ // 剩余金额
259
+ f_fee_balance: {},
260
+ // 表端剩余金额
261
+ f_table_balance: {},
262
+ // 气量异常差值允许误差
263
+
264
+ //物联网表数据存储
265
+ f_balance_amount:{},//物联网表剩余金额
266
+ f_meter_base:{},//物联网表读数
267
+ f_balance_amount1:{},//物联网表现场录入的表上剩余金额
268
+ f_meter_base1:{},//物联网表现场录入的表字轮数
269
+ f_meter_aberrant_number1: {},//物联网表 表数异常差值
270
+ f_fee_aberrant_number1: {},//物联网 表金额异常差值
271
+ gasDeviation: (
272
+ function (_this) {
273
+ let deviation = _this.$appdata.getSingleValue('气量异常差值允许误差')
274
+ if (deviation && !isNaN(deviation)) {
275
+ return deviation
276
+ } else {
277
+ return 0
278
+ }
279
+ }
280
+ )(this),
281
+ // 金额异常差值允许误差
282
+ feeDeviation: (
283
+ function (_this) {
284
+ let deviation = _this.$appdata.getSingleValue('金额异常差值允许误差')
285
+ if (deviation && !isNaN(deviation)) {
286
+ return deviation
287
+ } else {
288
+ return 0
289
+ }
290
+ }
291
+ )(this),
292
+ // 字轮异常差值允许误差
293
+ meterbase: (
294
+ function (_this) {
295
+ let deviation = _this.$appdata.getSingleValue('字轮异常差值允许误差')
296
+ if (deviation && !isNaN(deviation)) {
297
+ return deviation
298
+ } else {
299
+ return 0
300
+ }
301
+ }
302
+ )(this),
303
+ showElse:false, //控制其他选项是否显示
304
+ showXCImg: false, // 是否显示现场整改拍照选项
305
+ showZXTime: false // 是否显示自行整改处理时效
306
+ }
307
+ },
308
+ props: ['config','device','idx','operation','role'],
309
+ // props: {
310
+ // // 维修对应的用户数据收集
311
+ // model: {
312
+ // type: Object
313
+ // },
314
+ // service:{
315
+ // type: Object
316
+ // },
317
+ // show: {
318
+ // type: Boolean,
319
+ // default: false
320
+ // },
321
+ // repairitem:{
322
+ // type: Object
323
+ // },
324
+ // shutype:'heng',
325
+ // tabs:{
326
+ // type: Object
327
+ // },
328
+ // repairdetails:{
329
+ // type: Object
330
+ // },
331
+ // faultshow:{
332
+ // type: Object
333
+ // },
334
+ // issee:''
335
+ // },
336
+ methods: {
337
+ changse(val){
338
+ if(val == undefined){
339
+ return
340
+ }
341
+ if(this.selectindex != null) {
342
+ if(this.f_items[this.selectindex].type == 'selector'){
343
+ this.f_items[this.selectindex].f_item_value = val
344
+ }else if(this.f_items[this.selectindex].type == 'inputSelector'){
345
+ this.f_items[this.selectindex].f_item_value = val.target.value
346
+ }
347
+ }
348
+ },
349
+ changlive(val){
350
+ if(val == undefined){
351
+ return
352
+ }
353
+ if(this.selectindex != null) {
354
+ this.f_items[this.selectindex].f_live_dispose = val
355
+ }
356
+ },
357
+ changdeal(val){
358
+ if(val == undefined){
359
+ return
360
+ }
361
+ if(this.selectindex != null) {
362
+ this.f_items[this.selectindex].f_deal_dispose = val
363
+ }
364
+ },
365
+ switchDetails(detailsType, event){
366
+ if (event.srcElement.checked) {
367
+ for(var i = 0;i<this.Detail.details.length;i++){
368
+ if(this.Detail.details[i].f_project == detailsType){
369
+ this.Detail.details[i].f_content = '有'
370
+ this.ischecked = '有'
371
+ return
372
+ }
373
+ }
374
+ } else {
375
+ this.Detail.imgs = []
376
+ for(var i = 0;i<this.Detail.details.length;i++){
377
+ if(this.Detail.details[i].f_project == detailsType){
378
+ this.Detail.details[i].f_content = '无'
379
+ this.ischecked = '无'
380
+ }else{
381
+ this.Detail.details[i].f_content = ''
382
+ }
383
+ }
384
+ }
385
+ },
386
+ getgasmodel(val){
387
+ this.gasmodel = val
388
+ },
389
+ getradios(val,flag){
390
+ let Reoptions = []
391
+ for (let i = 0;i<this.repairdetails.length;i++) {
392
+ var t = false
393
+ if(this.repairdetails[i].f_type == this.repairitem.header ){
394
+ for(var j =0;j<this.repairdetails[i].details.length;j++){
395
+ if(this.repairdetails[i].details[j].f_project == val ){
396
+ Reoptions = this.repairdetails[i].details[j].options
397
+ t = true
398
+ break
399
+ }
400
+ }
401
+ }
402
+ if(t){
403
+ break
404
+ }
405
+ }
406
+ for(let j = 0;j<Reoptions.length;j++){
407
+ if(Reoptions[j].data == flag){
408
+ for(var e = 0;e<this.Detail.details.length;e++){
409
+ if(this.Detail.details[e].f_project == val){
410
+ this.Detail.details[e].f_status = Reoptions[j].f_status
411
+ return
412
+ }
413
+ }
414
+ break
415
+ }
416
+ }
417
+ },
418
+ deletedetails(){
419
+ this.$showMessage('该操作会删除所填信息，是否继续！', ['confirm', 'cancel']).then((res) => {
420
+ if (res === 'confirm') {
421
+ for(var i = 0;i<this.tabs.length;i++){
422
+ if(this.tabs[i].number == this.repairitem.number){
423
+ this.tabs.splice(i, 1)
424
+ this.model.servicerepair.splice(this.repairitem.number, 1)
425
+ for(let t = i;t < this.tabs.length;t++ ) {
426
+ this.tabs[t].number -= 1
427
+ }
428
+ return
429
+ }
430
+ }
431
+ }
432
+ })
433
+ },
434
+ takePic(prop, title, pathname='null') {
435
+ if (this.role == 'androidview') {
436
+ return
437
+ }
438
+ const obj = HostApp.getGpsDetailAddress()
439
+ HostApp.__callback__ = this.cameraCallBack
440
+ HostApp.__this__ = this
441
+ //tag
442
+ let fileName
443
+ if (pathname == 'null') {
444
+ if (!this.f_items[prop].f_path || this.f_items[prop].f_path.includes("nopic.png")) {
445
+ fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
446
+ } else {
447
+ fileName = Util.getFileName(this.f_items[prop].f_path)
448
+ }
449
+ } else {
450
+ if (!this.f_items[prop][pathname] || this.f_items[prop][pathname].includes("nopic.png")) {
451
+ fileName = Util.guid() + '-' + 'device'+this.device.n + '-' + this.idx + '-'+'f_items'+prop+ '.jpg'
452
+ } else {
453
+ fileName = Util.getFileName(this.f_items[prop][pathname])
454
+ }
455
+ }
456
+ let jingweidu = ''
457
+ if (this.$parent.$parent.is_has_jingweidu == 'true'){
458
+ jingweidu = '\t经度：' + obj.longitude+ '\t纬度：' + obj.latitude
459
+ }
460
+ //tag
461
+ //tag
462
+ HostApp._open_a_page({type: 'boomerang',
463
+ page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
464
+ param: {file: fileName, requestCode: 111, callback:'javascript:HostApp.__callback__("'+ prop +'", "%s","'+pathname+'");', watermark: title + '\t时间：'+ Util.toStandardTimeString() + '\t' + Vue.user.name + jingweidu}
465
+ })
466
+ },
467
+ cameraCallBack(prop, fileName,pathname) {
468
+ //tag
469
+ if (pathname == 'null') {
470
+ //tag
471
+ HostApp.__this__.$set( 'f_items['+prop+'].f_path', fileName + '?' + Math.random())
472
+ //tag
473
+ HostApp.__callback__ = null
474
+ HostApp.__this__ = null
475
+ } else {
476
+ //tag
477
+ //tag)
478
+ HostApp.__this__.$set( 'f_items['+prop+'].'+pathname+'', fileName + '?' + Math.random())
479
+ HostApp.__callback__ = null
480
+ HostApp.__this__ = null
481
+ }
482
+ },
483
+ delfile(prop, fileName, pathname='null') {
484
+ if (pathname == 'null') {
485
+ //tag
486
+ //tag)
487
+ if(fileName == Vue.nopic){
488
+ return
489
+ } else {
490
+ HostApp.delfile(fileName)
491
+ this.f_items[prop].f_path = Vue.nopic
492
+ }
493
+ }else {
494
+ //tag
495
+ //tag)
496
+ if(fileName == Vue.nopic){
497
+ return
498
+ } else {
499
+ HostApp.delfile(fileName)
500
+ this.f_items[prop][pathname] = Vue.nopic
501
+ }
502
+ }
503
+ },
504
+ adddetails(){
505
+ // 下标作为序号，取值用。 增加 序号得依次增加
506
+ if(this.tabs.length > 0){
507
+ for(let i = this.tabs.length-1;i > 0 ;i-- ){
508
+ if(this.tabs[i].header == this.repairitem.header){
509
+ if(this.model.servicerepair.length > 0){
510
+ for(let j = this.model.servicerepair.length -1;j > -1;j-- ){
511
+ if(this.model.servicerepair[j].f_type == this.repairitem.header){
512
+ this.model.servicerepair.splice(j+1, 0, Object.assign({}, JSON.parse(JSON.stringify(this.tabs[i].details))))
513
+ this.tabs.splice(i+1, 0, {header: `${this.repairitem.header}`,details:this.tabs[i].details,complete:'repair-details',class:'repair-details-class',number:j+1,items:this.tabs[i].items})
514
+ for(let t = i+2;t < this.tabs.length;t++ ) {
515
+ this.tabs[t].number += 1
516
+ }
517
+ this.faultshow.number += this.faultshow.number + 1
518
+ return
519
+ }
520
+ }
521
+ }
522
+ }
523
+ }
524
+ }
525
+ },
526
+ transelation(val){
527
+ this.selectindex = val
528
+ },
529
+ towatch(){
530
+ for(let n in this.f_items){
531
+ if(typeof this.f_items[n]=='function'){
532
+ continue
533
+ }
534
+ if(this.f_items[n].type == 'selector' || this.f_items[n].type == 'inputSelector'){
535
+ // 监听下拉框，如果有隐患，需要拍照
536
+ this.$watch('f_items['+n+'].selected',function(val) {
537
+ // 下拉框值
538
+ //tag)
539
+ // 下拉框所属设备
540
+ //tag
541
+ // 下拉框所属项
542
+ //tag
543
+ if (val == undefined || val.length == 0 || val[0] == ''){
544
+ this.f_items[n].f_path = ''
545
+ this.f_items[n].f_is_defect = ''
546
+ this.f_items[n].f_defect_level = ''
547
+ this.f_items[n].f_live_dispose = ''
548
+ this.f_items[n].f_deal_dispose = ''
549
+ this.f_items[n].tooltip = ''
550
+ this.f_items[n].f_else = ''
551
+ return
552
+ }
553
+ let shImage = false
554
+ if(val.indexOf('其他') == -1){
555
+ this.f_items[n].f_else = ''
556
+ }
557
+ // if(this.config[this.device.device].items[item].type == 'selector'){
558
+ // this.f_items[n].f_item_value = val
559
+ // }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
560
+ // this.f_items[n].f_item_value = val[0]
561
+ // }
562
+ // 在配置中查找该项
563
+ for (let item in this.config[this.device.device].items) {
564
+ if(typeof this.config[this.device.device].items[item]=='function'){
565
+ continue
566
+ }
567
+ let type = this.config[this.device.device].items[item].type
568
+ let multiple = this.config[this.device.device].items[item].multiple?this.config[this.device.device].items[item].multiple:false
569
+ let options = this.config[this.device.device].items[item].options
570
+ if ((this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'inputSelector') && item == this.f_items[n].f_item_name) {
571
+ if (val.length > 1 && val.indexOf('正常') != -1){
572
+ this.f_items[n].f_item_value.splice(val.indexOf('正常'),1)
573
+ }
574
+ for (let i in options) {
575
+ if(typeof options[i]=='function'){
576
+ continue
577
+ }
578
+ let value
579
+ if(this.config[this.device.device].items[item].type == 'selector' && this.config[this.device.device].items[item].multiple == false){
580
+ value = val[0]
581
+ }else if (this.config[this.device.device].items[item].type == 'inputSelector'){
582
+ value = val
583
+ }
584
+ //tag)
585
+ // 如果未选择，清空图片、隐患信息等
586
+ if((type == 'selector' && val.length == 0) || (type == 'inputSelector' && val == '')){
587
+ this.f_items[n].f_path = ''
588
+ this.f_items[n].f_is_defect = ''
589
+ this.f_items[n].f_defect_level = ''
590
+ this.f_items[n].f_live_dispose = ''
591
+ this.f_items[n].f_deal_dispose = ''
592
+ this.f_items[n].tooltip = ''
593
+ }
594
+ if((type == 'selector' && multiple == false && options[i].data == val[0]) || (type == 'inputSelector' && options[i].data == val) || (type == 'selector' && multiple == true && val.indexOf(options[i].data) > -1)){
595
+ // 找到选中的项了
596
+ //tag
597
+ if(options[i].isdefect == true ){
598
+ shImage = true
599
+ }
600
+ if(options[i].isdefect == false || this.f_items[n].f_item_value == ''){
601
+ shImage = false
602
+ }
603
+ //tag
604
+ if(shImage){
605
+ this.f_items[n].f_is_defect =true
606
+ this.f_items[n].f_defect_level = options[i].level
607
+ this.f_items[n].f_path = Vue.nopic
608
+ this.f_items[n].f_live_dispose = '否'
609
+ this.f_items[n].f_deal_dispose = '未处理'
610
+ //tag
611
+ this.f_items[n].tooltip= options[i].tooltip
612
+ }else{
613
+ this.f_items[n].f_path = ''
614
+ this.f_items[n].f_is_defect = ''
615
+ this.f_items[n].f_defect_level = ''
616
+ this.f_items[n].f_live_dispose = ''
617
+ this.f_items[n].f_deal_dispose = ''
618
+ this.f_items[n].tooltip = ''
619
+ }
620
+ }
621
+ }
622
+ }
623
+ }
624
+ }
625
+ )
626
+ // this.$watch('other',function(val){
627
+ // //tag
628
+ // if(this.selectindex != null) {
629
+ // let index = this.f_items[this.selectindex].f_item_value.indexOf('其他')
630
+ // if(index > -1){
631
+ // this.f_items[this.selectindex].f_item_value.splice(index,1,this.other)
632
+ // }
633
+ // }
634
+ //
635
+ // })
636
+ }else if(this.f_items[n].type == 'radio') {
637
+ // 监听单选框，如果有隐患，需要拍照
638
+ this.$watch('f_items[' + n + '].f_item_value', function (val) {
639
+ //tag)
640
+ let options = this.f_items[n].options
641
+ //tag)
642
+ for (let i = 0; i < options.length; i++) {
643
+ //tag)
644
+ // 找到选中的项了
645
+ if (options[i].value == val) {
646
+ // 如果有隐患，拍图片
647
+ if (options[i].isdefect) {
648
+ this.f_items[n].f_is_defect = true
649
+ this.f_items[n].f_defect_level = options[i].level
650
+ this.f_items[n].f_path = Vue.nopic
651
+ this.f_items[n].f_live_dispose = '否'
652
+ this.f_items[n].f_deal_dispose = '未处理'
653
+ this.f_items[n].tooltip = options[i].tooltip
654
+ //tag)
655
+ return
656
+ }
657
+ }
658
+ }
659
+ this.f_items[n].f_path = ''
660
+ this.f_items[n].f_is_defect = ''
661
+ this.f_items[n].f_defect_level = ''
662
+ this.f_items[n].f_live_dispose = ''
663
+ this.f_items[n].f_deal_dispose = ''
664
+ this.f_items[n].tooltip = ''
665
+ })
666
+ }else if(this.f_items[n].type == 'checkbox') {
667
+ // 监听单选框，如果有隐患，需要拍照
668
+ this.$watch('f_items[' + n + '].f_item_value', function (val) {
669
+ //tag)
670
+ // 如果是手动赋值，不执行下面逻辑
671
+ if (this.f_items[n].isReSet) {
672
+ this.f_items[n].isReSet = false
673
+ return
674
+ }
675
+ let options = this.f_items[n].options
676
+ //tag)
677
+ // 取出选中项中有隐患的详细信息
678
+ let selected = options.filter(item => { return val.indexOf(item.value) != -1 && item.isdefect })
679
+
680
+ if(selected.length > 0){
681
+ // 防止赋值无限调用
682
+ this.f_items[n].isReSet = true
683
+ let selectList = selected.map(item => {return item.value})
684
+ // 如果选中的是非隐患项,取消选中isdefect为true的
685
+ if (selectList.indexOf(val[val.length - 1]) == -1) {
686
+ this.f_items[n].f_item_value = val.filter(item => {return selectList.indexOf(item) == -1})
687
+ this.f_items[n].f_path = ''
688
+ this.f_items[n].f_is_defect = ''
689
+ this.f_items[n].f_defect_level = ''
690
+ this.f_items[n].f_live_dispose = ''
691
+ this.f_items[n].f_deal_dispose = ''
692
+ this.f_items[n].tooltip = ''
693
+ return
694
+ }
695
+ // 如果选中的是隐患项,取消选中isdefect为false的
696
+ this.f_items[n].f_item_value = selectList
697
+ // 如果第一次选择隐患项，初始化
698
+ if (!this.f_items[n].f_is_defect) {
699
+ this.f_items[n].f_is_defect = true
700
+ this.f_items[n].f_defect_level = selected[0].level
701
+ this.f_items[n].f_path = Vue.nopic
702
+ this.f_items[n].f_live_dispose = '否'
703
+ this.f_items[n].f_deal_dispose = '未处理'
704
+ //tag
705
+ this.f_items[n].tooltip = selected[0].tooltip
706
+ }
707
+ //tag)
708
+ return
709
+ }
710
+ this.f_items[n].f_path = ''
711
+ this.f_items[n].f_is_defect = ''
712
+ this.f_items[n].f_defect_level = ''
713
+ this.f_items[n].f_live_dispose = ''
714
+ this.f_items[n].f_deal_dispose = ''
715
+ this.f_items[n].tooltip = ''
716
+ })
717
+ }
718
+ }
719
+ //tag)
720
+ },
721
+ getGasAberrantNumber(val) {
722
+ //tag
723
+ if(!this.f_table_base.index || !this.f_gas_balance.index){
724
+ //tag
725
+ return
726
+ }
727
+ // 先清空
728
+ this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
729
+ this.f_items[this.f_gas_aberrant_number.index].f_is_defect = false
730
+ if(val=='已用气量'){
731
+ //剩余气量 = 累购-已用
732
+ this.f_items[this.f_gas_balance.index].f_item_value= this.f_items[this.f_total_gas.index].f_item_value-this.f_items[this.f_table_base.index].f_item_value
733
+ if (isNaN(this.f_items[this.f_gas_balance.index].f_item_value)) {
734
+ this.f_items[this.f_gas_balance.index].f_item_value = null
735
+ }
736
+ }
737
+
738
+ // 只有两个值都填了才会计算
739
+ if (!this.f_items[this.f_table_base.index].f_item_value || !this.f_items[this.f_gas_balance.index].f_item_value) {
740
+ return
741
+ }
742
+ //tag)
743
+ //tag
744
+ //tag
745
+
746
+ // 计算公式 => 气量异常差值 = 累计购气量 - （已用气量 - 初始表底） - 剩余气量
747
+ this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_total_gas.index].f_item_value - this.f_items[this.f_gas_balance.index].f_item_value - (this.f_items[this.f_table_base.index].f_item_value - (this.f_initial_base.index?this.f_items[this.f_initial_base.index].f_item_value:0))
748
+ this.f_items[this.f_gas_aberrant_number.index].f_item_value = this.f_items[this.f_gas_aberrant_number.index].f_item_value.toFixed(3)
749
+ // 如果数值有误，清空结果s
750
+ if (isNaN(this.f_items[this.f_gas_aberrant_number.index].f_item_value)) {
751
+ this.f_items[this.f_gas_aberrant_number.index].f_item_value = null
752
+ }
753
+ //tag ===> ' + Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value))
754
+ //tag ===> ' + JSON.stringify(Number(this.gasDeviation)))
755
+ // 计算差值是否在范围内
756
+ if (Math.abs(this.f_items[this.f_gas_aberrant_number.index].f_item_value) > Number(this.gasDeviation)) {
757
+ this.f_items[this.f_gas_aberrant_number.index].f_is_defect = true
758
+ this.f_items[this.f_gas_aberrant_number.index].f_deal_dispose = '未处理'
759
+ }else{
760
+ this.f_items[this.f_gas_aberrant_number.index].f_is_defect = null
761
+ this.f_items[this.f_gas_aberrant_number.index].f_deal_dispose = null
762
+ }
763
+
764
+ //tag)
765
+ },
766
+ getFeeAberrantNumber(val) {
767
+ //tag
768
+ // 只有两个值都填了才会计算
769
+ if(!this.f_fee_base.index || !this.f_fee_balance.index){
770
+ //tag
771
+ return
772
+ }
773
+ // 先清空
774
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
775
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
776
+
777
+ if(val=='已用金额'){
778
+ this.f_items[this.f_fee_balance.index].f_item_value=(this.f_items[this.f_total_fee.index].f_item_value-this.f_items[this.f_fee_base.index].f_item_value).toFixed(3)
779
+ if (isNaN(this.f_items[this.f_fee_balance.index].f_item_value)) {
780
+ this.f_items[this.f_fee_balance.index].f_item_value = null
781
+ }
782
+ }
783
+
784
+ if (!this.f_items[this.f_fee_base.index].f_item_value || !this.f_items[this.f_fee_balance.index].f_item_value) {
785
+ return
786
+ }
787
+
788
+ // 计算公式 => 金额异常差值 = 累计购金额 - 已用金额 - 剩余金额
789
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_total_fee.index].f_item_value - this.f_items[this.f_fee_balance.index].f_item_value - this.f_items[this.f_fee_base.index].f_item_value
790
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
791
+ if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
792
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
793
+ }
794
+ //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
795
+ //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
796
+ // 计算差值是否在范围内
797
+ if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
798
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
799
+ this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = '未处理'
800
+ }else{
801
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = null
802
+ this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = null
803
+ }
804
+
805
+ //tag)
806
+ },
807
+ // 计算剩余金额和剩余金额差值
808
+ getFeeAberrantNumber2(val) {
809
+ //tag
810
+ // 只有两个值都填了才会计算
811
+ if(!this.f_table_balance.index || !this.f_fee_balance.index){
812
+ //tag
813
+ return
814
+ }
815
+ // 先清空
816
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
817
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = false
818
+
819
+ // 计算公式 => 金额异常差值 = 系统剩余金额 - 表端剩余金额
820
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_balance.index].f_item_value - this.f_items[this.f_table_balance.index].f_item_value
821
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = this.f_items[this.f_fee_aberrant_number.index].f_item_value.toFixed(3)
822
+ if (isNaN(this.f_items[this.f_fee_aberrant_number.index].f_item_value)) {
823
+ this.f_items[this.f_fee_aberrant_number.index].f_item_value = null
824
+ }
825
+ //tag ===> ' + Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value))
826
+ //tag ===> ' + JSON.stringify(Number(this.feeDeviation)))
827
+ // 计算差值是否在范围内
828
+ if (Math.abs(this.f_items[this.f_fee_aberrant_number.index].f_item_value) > Number(this.feeDeviation)) {
829
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = true
830
+ this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = '未处理'
831
+ }else{
832
+ this.f_items[this.f_fee_aberrant_number.index].f_is_defect = null
833
+ this.f_items[this.f_fee_aberrant_number.index].f_deal_dispose = null
834
+ }
835
+ console.log('--------------------------------')
836
+ console.log(this.f_items[this.f_fee_aberrant_number.index].f_item_value)
837
+
838
+ //tag)
839
+ },
840
+ //物联网表字轮数改变触发
841
+ getmeteraberrantnumber() {
842
+ //tag
843
+
844
+ // 先清空
845
+ this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
846
+ this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = false
847
+ //tag
848
+ // 只有两个值都填了才会计算
849
+ if (!this.f_items[this.f_meter_base.index].f_item_value || !this.f_items[this.f_meter_base1.index].f_item_value) {
850
+ return
851
+ }
852
+ //tag
853
+ // 计算公式 => 表数异常差值= - 字轮数 - 后台表读数
854
+ this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_base1.index].f_item_value - this.f_items[this.f_meter_base.index].f_item_value
855
+ this.f_items[this.f_meter_aberrant_number1.index].f_item_value = this.f_items[this.f_meter_aberrant_number1.index].f_item_value.toFixed(3)
856
+ if (isNaN(this.f_items[this.f_meter_aberrant_number1.index].f_item_value)) {
857
+ this.f_items[this.f_meter_aberrant_number1.index].f_item_value = null
858
+ }
859
+ //tag ===> ' + Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value))
860
+ // 计算差值是否在范围内
861
+ //tag)
862
+ if (Math.abs(this.f_items[this.f_meter_aberrant_number1.index].f_item_value) > Number(this.meterbase)){
863
+ this.f_items[this.f_meter_aberrant_number1.index].f_is_defect = true
864
+ }
865
+
866
+ //tag)
867
+ },
868
+
869
+ disSelect(index, itemValue) {
870
+ //tag)
871
+ //tag)
872
+ if (this.f_items[index].f_item_value == itemValue) {
873
+ this.$set(`f_items[${index}].f_item_value`, '')
874
+ }
875
+ }
876
+ },
877
+ ready() {
878
+ //tag
879
+ //tag
880
+ if(Vue.config.safecheck != undefined){
881
+ if(Vue.config.safecheck.ApproveConfig != undefined){
882
+ if(Vue.config.safecheck.ApproveConfig.livedispose != undefined) {
883
+ this.livedispose = Vue.config.safecheck.ApproveConfig.livedispose
884
+ }
885
+ if(Vue.config.safecheck.ApproveConfig.dealdispose != undefined) {
886
+ this.dealdispose = Vue.config.safecheck.ApproveConfig.dealdispose
887
+ }
888
+ if(Vue.config.safecheck.ApproveConfig.Processing) {
889
+ if(Vue.config.safecheck.ApproveConfig.Processing.length > 0){
890
+ this.deals = Vue.config.safecheck.ApproveConfig.Processing
891
+ }
892
+ } else if(Vue.config.safecheck.ApproveConfig.showtorepair) {
893
+ this.deals=[{label: '现场整改', value: '现场整改'},
894
+ {label: '自行处理', value: '自行处理'},
895
+ {label: '未处理', value: '未处理'},
896
+ {label: '转维修', value: '报修'},
897
+ {label: '用户拒绝处理', value: '用户拒绝处理'}
898
+ ]
899
+ }
900
+ if(Vue.config.safecheck.ApproveConfig.showXCImg) {
901
+ this.showXCImg = true
902
+ }
903
+ if(Vue.config.safecheck.ApproveConfig.showZXTime) {
904
+ this.showZXTime = true
905
+ }
906
+ if(Vue.config.safecheck.ApproveConfig.showtorepair) {
907
+ }
908
+ if(Vue.config.safecheck.ApproveConfig.hiddendanger != undefined) {
909
+ if (parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger) >= 3) {
910
+ this.hiddenDangerImgNumber = 3
911
+ }else {
912
+ this.hiddenDangerImgNumber = parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger)
913
+ }
914
+ }
915
+ }
916
+ }
917
+ //tag
918
+ //tag)
919
+ //tag)
920
+ //tag)
921
+ //创建页面所需数据
922
+ this.$set('piece', this.paper['device'+this.device.n][this.idx])
923
+ //tag)
924
+ //tag)
925
+ let n = 0
926
+ for (let item in this.config[this.device.device].items) {
927
+ if(typeof this.config[this.device.device].items[item]=='function'){
928
+ continue
929
+ }
930
+ let index = this.config[this.device.device].items[item].index-1
931
+ this.$set('page.options' + index, [])
932
+ //tag)
933
+ //tag)
934
+ //tag)
935
+ // 先根据配置组接页面
936
+ let f_item_value
937
+ if(this.config[this.device.device].items[item].type == 'selector' || this.config[this.device.device].items[item].type == 'checkbox'){
938
+ f_item_value = []
939
+ // 判断选项的默认值
940
+ for (let defitem in this.config[this.device.device].items[item].options) {
941
+ if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
942
+ continue
943
+ }
944
+ let defopt = this.config[this.device.device].items[item].options[defitem]
945
+ if (defopt.isdefault) {
946
+ //tag
947
+ f_item_value[0] = defopt.data
948
+ }
949
+ }
950
+ // if(this.config[this.device.device].items[item].data){
951
+ // f_item_value.push(this.config[this.device.device].items[item].data)
952
+ // }
953
+ }else if(this.config[this.device.device].items[item].type == 'radio'){
954
+ //为radio添加默认值
955
+ f_item_value=''
956
+ //tag)
957
+ for (let defitem in this.config[this.device.device].items[item].options) {
958
+ if(typeof this.config[this.device.device].items[item].options[defitem]=='function'){
959
+ continue
960
+ }
961
+ //tag)
962
+ let defopt = this.config[this.device.device].items[item].options[defitem]
963
+ if (defopt.isdefault) {
964
+ //tag)
965
+ f_item_value = defopt.data
966
+ }
967
+ }
968
+ }else{
969
+ f_item_value = this.config[this.device.device].items[item].data ? this.config[this.device.device].items[item].data : ''
970
+ }
971
+ //tag)
972
+ let it = {
973
+ type: this.config[this.device.device].items[item].type,
974
+ f_item_name: item,
975
+ checkmust: this.config[this.device.device].items[item].checkmust,
976
+ f_item_value: f_item_value,
977
+ f_is_defect: '',
978
+ multiple:this.config[this.device.device].items[item].multiple == true?this.config[this.device.device].items[item].multiple:false,
979
+ isshow:this.config[this.device.device].items[item].isshow == false?this.config[this.device.device].items[item].isshow:true,
980
+ readonly: this.config[this.device.device].items[item].readonly == true?true:false,
981
+ remark: this.config[this.device.device].items[item].remark ? this.config[this.device.device].items[item].remark : '',
982
+ f_path: '',
983
+ unit: this.config[this.device.device].items[item].unit ? this.config[this.device.device].items[item].unit : '',
984
+ tooltip:'',
985
+ f_live_dispose:'',
986
+ f_deal_dispose:'',
987
+ f_else: '',
988
+ f_p1_path: '',
989
+ f_p2_path: '',
990
+ f_p3_path: ''
991
+ }
992
+ //tag)
993
+ //tag)
994
+ this.$set('f_items['+index+']',it)
995
+ if (this.config[this.device.device].items[item].type == 'selector' ||this.config[this.device.device].items[item].type == 'inputSelector') {
996
+ if(this.config[this.device.device].items[item].type == 'selector'){
997
+ this.page['options' + index].push({
998
+ label: "请选择",
999
+ value: ''
1000
+ })
1001
+ }
1002
+ for (let i in this.config[this.device.device].items[item].options) {
1003
+ if(typeof this.config[this.device.device].items[item].options[i]=='function'){
1004
+ continue
1005
+ }
1006
+ this.page['options' + index].push({
1007
+ label: this.config[this.device.device].items[item].options[i].data,
1008
+ value: this.config[this.device.device].items[item].options[i].data,
1009
+ tooltip: this.config[this.device.device].items[item].options[i].tooltip
1010
+ })
1011
+ }
1012
+ if(this.config[this.device.device].items[item].type == 'selector'){
1013
+ this.$set('f_items['+index+'].selected', f_item_value)
1014
+ }else if(this.config[this.device.device].items[item].type == 'inputSelector'){
1015
+ this.$set('f_items['+index+'].selected', f_item_value)
1016
+ }
1017
+
1018
+ this.$set('f_items['+index+'].options',this.page['options' + index])
1019
+
1020
+ //tag)
1021
+ } else if (this.config[this.device.device].items[item].type == 'radio' || this.config[this.device.device].items[item].type == 'checkbox') {
1022
+ //tag)
1023
+ //tag
1024
+ //tag)
1025
+ for (let i in this.config[this.device.device].items[item].options) {
1026
+ if(typeof this.config[this.device.device].items[item].options[i]=='function'){
1027
+ continue
1028
+ }
1029
+ //tag
1030
+ this.page['options' + index].push({
1031
+ label: this.config[this.device.device].items[item].options[i].data,
1032
+ value: this.config[this.device.device].items[item].options[i].data,
1033
+ isdefect: this.config[this.device.device].items[item].options[i].isdefect,
1034
+ level: this.config[this.device.device].items[item].options[i].level,
1035
+ tooltip: this.config[this.device.device].items[item].options[i].tooltip
1036
+ })
1037
+ //tag)
1038
+ }
1039
+ //tag)
1040
+ this.$set('f_items[' + index + '].options', this.page['options' + index])
1041
+ this.$set('f_items[' + index + '].f_item_value', f_item_value)
1042
+ //tag)
1043
+ }
1044
+ n = n + 1
1045
+ }
1046
+ if(!this.piece || JSON.stringify(this.piece) == '{}') {
1047
+ // 如果没有，则新建
1048
+ this.$set('piece.f_items',this.f_items)
1049
+ this.$set('piece.f_device_type',this.device.device)
1050
+ } else {
1051
+ // 已经存在，把之前的数据重新填入
1052
+ for (let f in this.f_items){
1053
+ if(typeof this.f_items[f]=='function'){
1054
+ continue
1055
+ }
1056
+ for(let p in this.piece.f_items) {
1057
+ if(typeof this.piece.f_items[p]=='function'){
1058
+ continue
1059
+ }
1060
+ if (this.f_items[f].f_item_name == this.piece.f_items[p].f_item_name) {
1061
+ //tag)
1062
+ //tag)
1063
+ this.f_items[f] = Object.assign(this.f_items[f], this.piece.f_items[p])
1064
+ //tag)
1065
+ if (this.f_items[f].type == 'selector' || this.f_items[f].type == 'inputSelector') {
1066
+ //tag)
1067
+ //tag)
1068
+ this.f_items[f].selected = this.piece.f_items[p].f_item_value
1069
+ //tag)
1070
+ }
1071
+ // 取出特殊值
1072
+ if (this.f_items[f].f_item_name == '初始表底') {
1073
+ //tag)
1074
+ this.f_initial_base.index = f
1075
+ } else if (this.f_items[f].f_item_name == '累购气量') {
1076
+ //tag)
1077
+ this.f_total_gas.index = f
1078
+ } else if (this.f_items[f].f_item_name == '已用气量') {
1079
+ //tag)
1080
+ this.f_table_base.index = f
1081
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1082
+ this.getGasAberrantNumber('已用气量')
1083
+ })
1084
+ } else if (this.f_items[f].f_item_name == '剩余气量') {
1085
+ //tag)
1086
+ this.f_gas_balance.index = f
1087
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1088
+ this.getGasAberrantNumber('')
1089
+ })
1090
+ } else if (this.f_items[f].f_item_name == '气量异常差值') {
1091
+ //tag)
1092
+ this.f_gas_aberrant_number.index = f
1093
+ } else if (this.f_items[f].f_item_name == '累购金额') {
1094
+ //tag)
1095
+ this.f_total_fee.index = f
1096
+ } else if (this.f_items[f].f_item_name == '已用金额') {
1097
+ //tag)
1098
+ this.f_fee_base.index = f
1099
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1100
+ this.getFeeAberrantNumber('已用金额')
1101
+ })
1102
+ } else if (this.f_items[f].f_item_name == '剩余金额') {
1103
+ //tag)
1104
+ this.f_fee_balance.index = f
1105
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1106
+ this.getFeeAberrantNumber('')
1107
+ this.getFeeAberrantNumber2('')
1108
+ })
1109
+ } else if (this.f_items[f].f_item_name == '表端剩余金额') {
1110
+ this.f_table_balance.index = f
1111
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1112
+ this.getFeeAberrantNumber2('')
1113
+ })
1114
+ } else if (this.f_items[f].f_item_name == '金额异常差值') {
1115
+ //tag)
1116
+ this.f_fee_aberrant_number.index = f
1117
+ }else if (this.f_items[f].f_item_name == '表读数') {
1118
+ //tag)
1119
+ this.f_meter_base.index = f
1120
+ }else if (this.f_items[f].f_item_name == '表剩余金额') {
1121
+ //tag)
1122
+ this.f_balance_amount.index = f
1123
+ }else if (this.f_items[f].f_item_name == '字轮数') {
1124
+ //tag)
1125
+ this.f_meter_base1.index = f
1126
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1127
+ this.getmeteraberrantnumber()
1128
+ })
1129
+ }else if (this.f_items[f].f_item_name == '表余额') {
1130
+ //tag)
1131
+ this.f_balance_amount1.index = f
1132
+ this.$watch('f_items[' + f + '].f_item_value', function () {
1133
+ this.getfeeaberrantnumber1()
1134
+ })
1135
+ }else if (this.f_items[f].f_item_name == '表数异常差值') {
1136
+ //tag)
1137
+ this.f_meter_aberrant_number1.index = f
1138
+ }else if (this.f_items[f].f_item_name == '表金额异常差值') {
1139
+ //tag)
1140
+ this.f_fee_aberrant_number1.index = f
1141
+ }
1142
+ }
1143
+ }
1144
+ for (let em in this.config[this.device.device].items) {
1145
+ if(typeof this.config[this.device.device].items[em]=='function'){
1146
+ continue
1147
+ }
1148
+ if (this.config[this.device.device].items[em].type == 'selector' && em == this.f_items[f].f_item_name) {
1149
+ this.f_items[f].options =[]
1150
+ for (let k in this.config[this.device.device].items[em].options) {
1151
+ if(typeof this.config[this.device.device].items[em].options[k]=='function'){
1152
+ continue
1153
+ }
1154
+ this.f_items[f].options.push({
1155
+ label: this.config[this.device.device].items[em].options[k].data,
1156
+ value: this.config[this.device.device].items[em].options[k].data
1157
+ })
1158
+ }
1159
+ }
1160
+ }
1161
+ }
1162
+ //tag)
1163
+ this.$set('piece.f_items',this.f_items)
1164
+ }
1165
+ this.towatch()
1166
+ },
1167
+ destroyed(){
1168
+ let nullCount = 0
1169
+ let metertitles
1170
+ //判断当前是否有选中项
1171
+ for (let row in this.f_items){
1172
+ if(typeof this.f_items[row]=='function'){
1173
+ continue
1174
+ }
1175
+ if(this.f_items[row].selected && this.f_items[row].selected != '' && this.f_items[row].selected instanceof Array){
1176
+ //tag
1177
+ this.f_items[row].f_item_value = this.f_items[row].selected
1178
+ }else if(this.f_items[row].selected && this.f_items[row].selected != ''){
1179
+ //tag
1180
+ this.f_items[row].f_item_value = this.f_items[row].selected
1181
+ }
1182
+ // if(this.f_items[row].f_item_value instanceof Array && this.f_items[row].f_item_value.length != 0 ){
1183
+ // nullCount = nullCount+1
1184
+ // }else if(this.f_items[row].f_item_value != ''){
1185
+ // nullCount = nullCount+1
1186
+ // }
1187
+ }
1188
+ let picture = []
1189
+ // for (let row in this.f_items){
1190
+ // let a={}
1191
+ // a.f_path = this.f_items[row].f_path
1192
+ // a.name = this.f_items[row].f_item_name
1193
+ // }
1194
+ // picture.push(a)
1195
+ this.$set(`paper['device${this.device.n}'][${this.idx}]`, this.piece)
1196
+ //tag
1197
+ },
1198
+ computed:{
1199
+
1200
+ }
1201
+ }
1202
+ </script>
1203
+ <style lang="less" scoped>
1204
+ .class-erro {
1205
+ color: #a94442;
1206
+ }
1207
+ .fivelabel{
1208
+ border: none;
1209
+ border-left: 5px solid #A2C2EB;
1210
+ float: left;
1211
+ width: 35%;
1212
+ margin-bottom: 3px;
1213
+ text-align: left;
1214
+ word-wrap: break-word;
1215
+ white-space: normal;
1216
+ }
1217
+ .radiolabel{
1218
+ border: none;
1219
+ border-left: 5px solid #A2C2EB;
1220
+ float: left;
1221
+ width: 65%;
1222
+ margin-bottom: 3px;
1223
+ text-align: left;
1224
+ word-wrap: break-word;
1225
+ white-space: normal;
1226
+ }
1227
+
1228
+ .textlabel {
1229
+ border: none;
1230
+ border-left: 5px solid #A2C2EB;
1231
+ width: 100%;
1232
+ margin-bottom: 3px;
1233
+ text-align: left;
1234
+ word-wrap: break-word;
1235
+ white-space: normal;
1236
+ }
1237
+ .textlabel1 {
1238
+ border: none;
1239
+ border-left: 5px solid #f7cb32;
1240
+ width: 100%;
1241
+ margin-bottom: 3px;
1242
+ text-align: left;
1243
+ word-wrap: break-word;
1244
+ white-space: normal;
1245
+ }
1246
+ .spanrodio{
1247
+ margin-right: 10px;
1248
+ }
1249
+ .div-photo{
1250
+ width: auto;
1251
+ height: auto;
1252
+ /* margin-top: 10px; */
1253
+ position: absolute;
1254
+ bottom: 10px;
1255
+ right: 10px;
1256
+ }
1257
+ .panel-self{
1258
+ border-radius: 5px;
1259
+ border:1px solid #c5e1f7;
1260
+ //background-color: #F2F6FA;
1261
+ }
1262
+ .btn-photo{
1263
+ border: 0;
1264
+ border-radius: 7px;
1265
+ background-color: #7dc1f4;
1266
+ font: 15px PingFang-SC-Bold;
1267
+ height: 20%;
1268
+ }
1269
+ </style>
1270
+