manage-client 3.3.97 → 3.3.99-sx

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,632 +1,646 @@
1
- <template>
2
- <div class="flex-row" v-show="!showdetail">
3
- <div id='app1' class="basic-main" v-show="(!echarts)&&(!isActiveTotalForm)">
4
- <criteria-paged :model="model" :pager='true' v-ref:paged>
5
- <criteria partial='criteria' @condition-changed='$parent.search' v-ref:cri>
6
- <div novalidate class="form-horizontal select-overspread container-fluid auto" novalidate partial>
7
- <div class="row">
8
- <!--<div class="form-group">-->
9
- <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_username" placeholder='客户名称'-->
10
- <!--condition="f_user_name = '{}'" v-next-el='userid' v-el:username-->
11
- <!--:size="model.f_user_name ? model.f_user_name.length * 2 : 8">-->
12
- <!--</div>-->
13
-
14
- <div class="col-sm-2 form-group">
15
- <label class="font_normal_body">客户编号</label>
16
- <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
17
- v-model="model.f_userinfo_code" placeholder='客户编号'
18
- condition="f_userinfo_code like '%{}%'" v-el:xq v-next-el='userinfocode' v-el:username
19
- >
20
- </div>
21
- <div class="col-sm-2 form-group">
22
- <label class="font_normal_body">客户名称</label>
23
- <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
24
- v-model="model.f_user_name" placeholder='客户名称'
25
- condition="f_user_name like '%{}%'" v-el:xq v-next-el='username' v-el:username
26
- >
27
- </div>
28
- <div class="col-sm-2 form-group">
29
- <label class="font_normal_body">客户地址</label>
30
- <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_area"
31
- placeholder='地址'
32
- condition="f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
33
- >
34
- </div>
35
- <div class="col-sm-2 form-group">
36
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;表号&nbsp;&nbsp;&nbsp;</label>
37
- <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
38
- v-model="model.f_meternumber" placeholder='表号'
39
- condition="f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
40
- >
41
- </div>
42
- <div style="float:right">
43
- <button class="button_search button_spacing" @click="search()">查询</button>
44
- <button class="button_clear button_spacing" @click="clear">清空</button>
45
- <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
46
- :field="$parent.$parent.getfield" :sumname="$parent.$parent.sumName"
47
- sqlurl="rs/logic/exportfile" sql-name="webmeter_getAllLoseQuery" template-name='失联分析'
48
- :choose-col="true"></export-excel>
49
- <!-- <button class="button_export button_spacing" @click="$parent.$parent.SaveAsFile('lostuserlist')">导出</button>-->
50
- <!-- <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()">显示汇总</button>-->
51
- <button class="button_search button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
52
- <div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
53
- </div>
54
- </div>
55
- <div class="row" v-show="$parent.$parent.criteriaShow">
56
- <div class="col-sm-2 form-group">
57
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
58
- <right-tree @re-res="$parent.$parent.getorg" width="60%"
59
- :initresid='$parent.$parent.org'></right-tree>
60
- </div>
61
- <div class="col-sm-2 form-group">
62
- <label class="font_normal_body">客户类型</label>
63
- <v-select style="width:60%" id="f_user_type"
64
- v-model="model.f_user_type"
65
- placeholder='客户类型'
66
- :value.sync="model.f_user_type"
67
- @change="$parent.$parent.userTypeChange()"
68
- :options='$parent.$parent.usertypes'
69
- condition="f_user_type = '{}'"
70
- close-on-select>
71
- </v-select>
72
- </div>
73
- <div class="col-sm-2 form-group">
74
- <label class="font_normal_body">用气性质</label>
75
- <v-select style="width:60%" id="f_gasproperties"
76
- v-model="model.f_gasproperties"
77
- placeholder='用气性质'
78
- :value.sync="model.f_gasproperties"
79
- :options='$parent.$parent.gasproperties'
80
- condition="f_gasproperties = '{}'"
81
- close-on-select>
82
- </v-select>
83
- </div>
84
- <div class="col-sm-2 form-group">
85
- <label class="font_normal_body">气表品牌</label>
86
- <v-select
87
- placeholder='气表品牌'
88
- :value.sync="model.f_meter_brand"
89
- v-model="model.f_meter_brand"
90
- :options='$parent.$parent.WarningType'
91
- @change="$parent.$parent.getMeterType"
92
- close-on-select
93
- condition="f_meter_brand='{}'">
94
- </v-select>
95
- </div>
96
- <div class="col-sm-2 form-group" >
97
- <label class="font_normal_body">气表型号</label>
98
- <v-select v-if="$parent.$parent.styles"
99
- placeholder='气表型号'
100
- :value.sync="model.f_meter_style"
101
- v-model="model.f_meter_style"
102
- :options='$parent.$parent.Warningstyle'
103
- close-on-select
104
- condition="f_meter_style='{}'">
105
- </v-select>
106
- <v-select v-if="!$parent.$parent.styles"
107
- placeholder='气表型号'
108
- :value.sync="model.f_meter_style"
109
- v-model="model.f_meter_style"
110
- :options='$parent.$parent.Warningstyles'
111
- close-on-select
112
- condition="f_meter_style='{}'">
113
- </v-select>
114
- </div>
115
- <div class="col-sm-2 form-group">
116
- <label class="font_normal_body">用户状态</label>
117
- <v-select
118
- placeholder='用户状态'
119
- value-single
120
- style="width:60%"
121
- :value.sync="model.f_user_state"
122
- v-model="model.f_user_state"
123
- :options='$parent.$parent.userstate'
124
- close-on-select condition="f_user_state ='{}'">
125
- </v-select>
126
- </div>
127
- <!--<div class="col-sm-2 form-group">-->
128
- <!--<label class="font_normal_body">最新状态</label>-->
129
- <!-- <v-select style="width:60%" id="f_state"-->
130
- <!--v-model="model.f_state"-->
131
- <!--placeholder='最新状态'-->
132
- <!--:value.sync="model.f_state"-->
133
- <!--:options='$parent.$parent.getstate'-->
134
- <!--condition="f_state = '{}'"-->
135
- <!--close-on-select>-->
136
- <!--</v-select>-->
137
- <!--</div>-->
138
- <div class="col-sm-2 form-group">
139
- <label class="font_normal_body">开始时间</label>
140
- <datepicker style="width:60%" id="startdate" placeholder="开始时间"
141
- v-model="model.startDate"
142
- :value.sync="model.startDate"
143
- :disabled-days-of-Week="[]"
144
- :format="'yyyy-MM-dd HH:mm:ss'"
145
-
146
- :show-reset-button="reset">
147
- </datepicker>
148
- </div>
149
- <div class="col-sm-2 form-group">
150
- <label class="font_normal_body">结束时间</label>
151
- <datepicker style="width:60%" id="enddate" placeholder="结束日期"
152
- v-model="model.endDate"
153
- :value.sync="model.endDate"
154
- :disabled-days-of-Week="[]"
155
- :format="'yyyy-MM-dd HH:mm:ss'"
156
-
157
- :show-reset-button="reset">
158
- </datepicker>
159
- </div>
160
-
161
-
162
- <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
163
- <label class="font_normal_body">最长失联</label>
164
- <div class="row">
165
- <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day1"
166
- condition="max_interval_day >= {} " placeholder="">
167
- <label class="font_normal_body"> &nbsp;≤ x ≤ </label>
168
- <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day2"
169
- condition="max_interval_day <= {} " placeholder="">
170
- </div>
171
- </div>
172
-
173
-
174
- <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
175
- <label class="font_normal_body">合计失联</label>
176
- <div class="row">
177
- <input type="text" style="width:27%" class="input_search" v-model="model.SLdays1"
178
- condition="SLdays >= {} " placeholder="">
179
- <label class="font_normal_body">&nbsp; ≤ x ≤ </label>
180
- <input type="text" style="width:27%" class="input_search" v-model="model.SLdays2"
181
- condition="SLdays <= {} " placeholder="">
182
- </div>
183
- </div>
184
-
185
- <!--<div class="col-sm-2 form-group">-->
186
- <!--<label class="font_normal_body">最新失联</label>-->
187
- <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days1" placeholder='天数大于等于'-->
188
- <!--condition="new_days >= {}" v-next-el='new_days' v-el:new_days-->
189
- <!--&gt;-->
190
- <!--</div>-->
191
- <!--<div class="col-sm-2 form-group">-->
192
- <!--<label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
193
- <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days2" placeholder='天数小于等于'-->
194
- <!--condition="new_days <= {}" v-next-el='new_days' v-el:new_days-->
195
- <!--&gt;-->
196
- <!--</div>-->
197
- </div>
198
-
199
-
200
-
201
- <!--:top='40' :left='60' :right='40' :bottom='60'-->
202
- <!--:thead='"<th>序号</th>\n"+-->
203
- <!--"<th>档案编号</th>" +-->
204
- <!--" <th>档案标识</th>"+-->
205
- <!--"<th>客户名称</th>"+-->
206
- <!--"<th>表号</th"+-->
207
- <!--"<th>表具类型</th>"+-->
208
- <!--"<th>客户类型</th>"+-->
209
- <!--"<th>区域</th>"+-->
210
- <!--"<th>小区</th>"+-->
211
- <!--"<th>地址</th>"+-->
212
- <!--"<th>用气气量</th>"+-->
213
- <!--"<th>用气金额</th>"-->
214
- <!--+"<th>用气价格</th>"-->
215
- <!--+"<th>时间</th>"-->
216
- <!--+"<th>所属机构</th>"'-->
217
- <!--:fields='["$index+1","f_username","f_meternumber","f_usertype","f_save_money","f_operate_status","f_close_reason","f_area","f_districtname","f_address","id","yytdepa"]'>-->
218
- <!--</print-table>-->
219
- <!--<export-excel :data="{orderitem: 'lastinputdate desc', condition: '1=1'}"-->
220
- <!--:field="{f_username: '客户名称', f_meternumber: '表号',f_usertype:'客户类型',f_save_money:'剩余金额',-->
221
- <!--f_operate_status:'状态',f_close_reason:'关阀原因',f_area:'区域',f_districtname:'小区', f_address: '地址',id:'档案编号',yytdepa:'所属机构'}"-->
222
- <!--sqlurl="rs/sql/getUserGas"></export-excel>-->
223
- </div>
224
- </criteria>
225
- <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
226
- <template partial='head'>
227
- <tr>
228
- <th style="text-align:center">
229
- <nobr>序号</nobr>
230
- </th>
231
- <th style="text-align:center">
232
- <nobr>客户编号</nobr>
233
- </th>
234
- <th style="text-align:center">
235
- <nobr>客户名称</nobr>
236
- </th>
237
- <th style="text-align:center">
238
- <nobr>客户地址</nobr>
239
- </th>
240
- <th style="text-align:center">
241
- <nobr>客户类型</nobr>
242
- </th>
243
- <th style="text-align:center">
244
- <nobr>用气性质</nobr>
245
- </th>
246
- <th style="text-align:center">
247
- <nobr>表号</nobr>
248
- </th>
249
- <th style="text-align:center">
250
- <nobr>启用日期</nobr>
251
- </th>
252
-
253
- <th style="text-align:center">
254
- <nobr>应报天数</nobr>
255
- </th>
256
- <th style="text-align:center">
257
- <nobr>实报天数</nobr>
258
- </th>
259
- <th style="text-align:center">
260
- <nobr>最长失联天数</nobr>
261
- </th>
262
- <th style="text-align:center">
263
- <nobr>累计失联天数</nobr>
264
- </th>
265
- <th style="text-align:center">
266
- <nobr>气表厂家</nobr>
267
- </th>
268
- <th style="text-align:center" >
269
- <nobr>气表型号</nobr>
270
- </th>
271
- <th style="text-align:center" >
272
- <nobr>用户状态</nobr>
273
- </th>
274
- <th style="text-align:center" >
275
- <nobr>组织机构</nobr>
276
- </th>
277
-
278
- </tr>
279
-
280
- </template>
281
- <template partial='body'>
282
- <td style="text-align:center">{{$index+1}}</td>
283
- <!--<td style="text-align:center">{{row.f_userfiles_id}}</td>-->
284
- <td style="text-align: center;"><nobr>
285
- <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
286
- </nobr> </td>
287
- <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
288
- <td><nobr>{{row.f_address}}</nobr></td>
289
- <td style="text-align:center">{{row.f_user_type}}</td>
290
- <td style="text-align:center">{{row.f_gasproperties}}</td>
291
- <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
292
- <td style="text-align:center"><nobr>{{row.f_startuse_date}}</nobr></td>
293
-
294
- <td style="text-align:center">{{row.ybdays}}</td>
295
- <td style="text-align:center">{{row.sbdays}}</td>
296
- <td style="text-align:center">
297
- <nobr>{{row.max_interval_day}}</nobr>
298
- </td>
299
- <td style="text-align:center">
300
- <nobr>{{row.sldays}}</nobr>
301
- </td>
302
- <td style="text-align:center">
303
- <nobr>{{row.f_meter_brand}}</nobr>
304
- </td>
305
- <td style="text-align:center">
306
- <nobr>{{row.f_meter_style}}</nobr>
307
- </td>
308
- <td style="text-align:center">
309
- <nobr>{{row.f_user_state}}</nobr>
310
- </td>
311
- <td style="text-align:center">
312
- <nobr>{{row.f_orgname}}</nobr>
313
- </td>
314
-
315
- </template>
316
- </data-grid>
317
- </criteria-paged>
318
- </div>
319
- <div class="flex-row" v-show="echarts" style="width: 100%;height: 90%;">
320
- <lost-contact-echarts :groupname="groupname[0]" :condition = "condition" :startdate="startDate"
321
- :enddate="endDate" :echarts="echarts"></lost-contact-echarts>
322
- </div>
323
- <div class="span" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">
324
- <lost-contact-eform :condition="condition"
325
- ></lost-contact-eform>
326
- </div>
327
- </div>
328
-
329
- <!-- <div v-show="isActiveTotalForm" style="height: 40px;width: 100%;">-->
330
- <!-- <button class="button_search button_spacing" @click="notShowTotalForm()">隐藏汇总</button>-->
331
- <!-- </div>-->
332
- <!-- <div class="flex-row" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">-->
333
- <!-- <lost-contact-eform :condition="model.condition" :startdate="startDate"-->
334
- <!-- :enddate="endDate"></lost-contact-eform>-->
335
- <!-- </div>-->
336
- <div class="flex-row" style="width:99%;height:98%;margin-bottom:0px" v-if="showdetail">
337
- <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
338
- </div>
339
- </template>
340
-
341
- <script>
342
- import {PagedList} from 'vue-client'
343
- import UserGasEcharts from './UserGasEcharts'
344
- import * as Util from '../../../Util'
345
- import plugin from 'system-clients/src/plugins/GetLoginInfoService'
346
- import {HttpResetClass} from 'vue-client'
347
- let readySomething = async function (self) {
348
-
349
- await self.$MagLoadParams.loadParam()
350
- self.initParams()
351
- let year = new Date().getFullYear()
352
- self.$refs.paged.$refs.cri.model.startDate = year+'-01-01 00:00:00'
353
- // self.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
354
- self.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
355
- self.$refs.paged.$refs.cri.model.f_user_state='正常'
356
- }
357
- export default {
358
- title: '失联分析',
359
- props: ['data'],
360
- components: {UserGasEcharts},
361
- data() {
362
- return {
363
- model: new PagedList('rs/sql/webmeter_getAllLoseQuery', 20, {
364
- startDate: 'this.model.startDate',
365
- endDate: 'this.model.endDate'
366
- }),
367
- getfield:{
368
- "f_userinfo_code":"客户编号","f_user_name":"客户名称","f_residential_area":"小区",
369
- "f_address":"客户地址","f_user_type":"客户类型","f_gasproperties":"用气性质",
370
- "f_meternumber":"表号",
371
-
372
- "f_startuse_date":"启用日期",
373
- "ybdays":"应报天数",
374
- "sbdays":"实报天数",
375
- "max_interval_day":"最长失联天数","sldays":"累计失联天数",
376
- "f_meter_brand":"气表厂家","f_orgname":"组织机构"},
377
- reportStr: null,
378
- show: false,
379
- showdetail:false,
380
- rowdata:{},
381
- startDate: '',
382
- endDate: '',
383
- criteriaShow:false,
384
- outlets: [],
385
- gasproperties:[{label: '全部', value: ''}],
386
- operator: [],
387
- WarningType: [
388
- {label: '全部', value: ''}
389
- ],
390
- Warningstyles: [
391
- {label: '全部', value: ''}
392
- ],
393
- styles:false,
394
- filename: '',
395
- orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
396
- echarts: false,
397
- orgid:[this.$login.f.orgid],
398
- searchshow: false,
399
- isActiveTotalForm: false,
400
- condition: '1=1',
401
- groupname: ['max_days_type'],
402
- getgroupname: [
403
- {label: '客户类型', value: 'f_user_type'},
404
- {label: '用气性质', value: 'f_gasproperties'},
405
- {label: '分公司', value: 'f_orgname'},
406
- {label: '最长失联天数', value: 'max_days_type'},
407
- {label: '合计失联天数', value: 'all_days_type'}
408
- ],
409
- org:[this.$login.f.orgid]
410
-
411
- }
412
- },
413
- ready() {
414
- readySomething(this)
415
- this.getMeterTypeAndBrand('f_meter_brand', '1=1')
416
- },
417
- methods: {
418
- getMeterType() {
419
- this.Warningstyle = [{label: '全部', value: ''}]
420
- this.styles = false
421
- let f_meter_brand = this.$refs.paged.$refs.cri.model.f_meter_brand
422
- this.getMeterTypeAndBrand('f_meter_style', `f_meter_brand='${f_meter_brand}'`)
423
- },
424
- getMeterTypeAndBrand(groupname, condition) {
425
- condition = `${condition} and ui.f_orgid like '${this.$login.f.orgid}%'`
426
- let self = this
427
- let load = new HttpResetClass()
428
- load.load('POST', 'rs/sql/getMeterStyleAndBrand1', {
429
- data: {
430
- condition: condition,
431
- groupname: groupname
432
- }
433
- }, {warnMsg: null, resolveMsg: null}).then((res) => {
434
- for (let i = 0; i < res.data.length; i++) {
435
- if (groupname == 'f_meter_brand') {
436
- let dr = {}
437
- dr.label = res.data[i].f_meter_brand
438
- dr.value = res.data[i].f_meter_brand
439
- //气表品牌
440
- // self.WarningType.push(dr)
441
- } else if (groupname == 'f_meter_style') {
442
- self.Warningstyle= [
443
- {label: '全部', value: ''}
444
- ],
445
- self.$refs.paged.$refs.cri.model.f_meter_style=''
446
- let dr = {}
447
- dr.label = res.data[i].f_meter_style
448
- dr.value = res.data[i].f_meter_style
449
- //气表类型
450
- self.Warningstyle.push(dr)
451
- }
452
- }
453
- if (self.Warningstyle.length > 1) {
454
- self.showMeterStyle()
455
- }
456
- })
457
-
458
- },
459
- showMeterStyle() {
460
- this.styles = true
461
- },
462
- userTypeChange () {
463
- this.gasproperties=[{label: '全部', value: ''}]
464
- if(this.$refs.paged.$refs.cri.model && this.$refs.paged.$refs.cri.model.f_user_type) {
465
- this.$refs.paged.$refs.cri.model.f_gasproperties=''
466
-
467
- console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
468
- this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
469
- // this.gasproperties.push({label: '全部', value: ''})
470
- }
471
- else{
472
- this.gasproperties =[{label: '全部', value: ''}]
473
- }
474
- },
475
- hidden(){
476
- this.criteriaShow = !this.criteriaShow
477
- },
478
- clickshow() {
479
- this.searchshow = !this.searchshow
480
- },
481
- showmsg(obj){
482
- this.rowdata=obj
483
- this.showdetail = true
484
- },
485
- cancel() {
486
- this.showdetail = false
487
- },
488
- initParams () {
489
- let arr = []
490
- this.$MagGetSaleParam.getGasbrand().forEach((item) => {
491
- let temp = {}
492
- if(item.value.f_meter_type==='物联网表'){
493
- temp.label = item.label
494
- temp.value = item.value.f_meter_brand
495
- arr.push(temp )
496
- }
497
-
498
- })
499
- this.WarningType = [{label: '全部', value: ''}, ...arr]
500
-
501
- },
502
- search(args) {
503
- this.startDate = this.$refs.paged.$refs.cri.model.startDate
504
- this.endDate = this.$refs.paged.$refs.cri.model.endDate
505
- if (this.endDate == '' || this.startDate == '') {
506
- return this.$showMessage("时间区间的开始和结束时间不能为空!")
507
- }
508
- this.condition = args.condition = this.$refs.paged.$refs.cri.condition + `${this.orgCondtionStr}`
509
- this.model.search(args.condition, args.model)
510
- },
511
- getorg(obj) {
512
- if (obj.resids.length>0) {
513
- this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
514
- }else
515
- {
516
- this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
517
- }
518
- },
519
- // SaveAsFile(str) {
520
- // this.$showMessage('您是否需要导出本页数据?', ['confirm', 'cancel']).then((res) => {
521
- // if (res === 'confirm') {
522
- // let style = '<style>' +
523
- // 'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;} .tdcenter{text-align: center;}</style>';
524
- // let strHtml = style + document.getElementById(str).innerHTML;
525
- // console.log(strHtml);
526
- // let LODOP = getLodop();
527
- // LODOP.PRINT_INIT('');
528
- // LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
529
- // LODOP.SAVE_TO_FILE('失联分析.xls')
530
- // }
531
- // })
532
- // },
533
- clearmsg() {
534
- this.$refs.paged.$refs.cri.model = {}
535
- },
536
-
537
-
538
- close() {
539
- this.show = false
540
- },
541
- // 显示柱状图
542
- showEcharts() {
543
- this.echarts = true
544
- this.isActiveTotalForm = false
545
- },
546
- notShowTotalForm() {
547
- this.echarts = false
548
- this.isActiveTotalForm = false
549
- },
550
- // 不显示柱状图
551
- notShowEcharts() {
552
- this.echarts = false
553
- this.isActiveTotalForm = false
554
- },
555
- // 显示汇总数据表格
556
- showTotalForm() {
557
- this.echarts = false
558
- this.isActiveTotalForm = true
559
- }
560
- },
561
- watch: {
562
- 'data'(val) {
563
- if (val.f_files_path) {
564
- this.getFileContent(val.f_files_path)
565
- } else {
566
- this.reportStr = null
567
- }
568
- }
569
- },
570
- computed: {
571
- // usertypes () {
572
- // return this.$appdate.getParams("客户类型")
573
- // },
574
- getCondition() {
575
- let condition=this.$refs.paged.$refs.cri.condition + this.orgCondtionStr
576
- return {
577
- condition: condition ,
578
- startDate:`${this.$refs.paged.$refs.cri.model.startDate}`,
579
- endDate:`${this.$refs.paged.$refs.cri.model.endDate}`
580
- }
581
-
582
- },
583
- usertypes() {
584
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
585
- },
586
- f_outlets() {
587
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('网点查询用')]
588
- },
589
- valveStatus() {
590
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
591
- },
592
- getstate() {
593
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('最新状态')]
594
- },
595
- userstate() {
596
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
597
- }
598
- }
599
- }
600
- </script>
601
- <style>
602
- .form-input-group label {
603
- text-align: right;
604
- width: auto;
605
- }
606
-
607
- .mystyle {
608
- float: right;
609
- padding-right: 10%;
610
- }
611
-
612
- .mystyle1 {
613
- padding-top: 10px;
614
-
615
- }
616
-
617
- .mystyle2 {
618
- width: 100%;
619
- height: 35px;
620
- /*background: #00A3F0;*/
621
- padding-left: 15px;
622
- float: left;
623
- }
624
-
625
- .datapanel {
626
- color: #333;
627
- background-color: white;
628
- box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
629
- padding: 10px 30px 10px 30px;
630
- border-radius: 15px;
631
- }
632
- </style>
1
+ <template>
2
+ <div class="flex-row" v-show="!showdetail">
3
+ <div id='app1' class="basic-main" v-show="(!echarts)&&(!isActiveTotalForm)">
4
+ <criteria-paged :model="model" :pager='true' v-ref:paged>
5
+ <criteria partial='criteria' @condition-changed='$parent.search' v-ref:cri>
6
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" novalidate partial>
7
+ <div class="row">
8
+ <!--<div class="form-group">-->
9
+ <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_username" placeholder='客户名称'-->
10
+ <!--condition="f_user_name = '{}'" v-next-el='userid' v-el:username-->
11
+ <!--:size="model.f_user_name ? model.f_user_name.length * 2 : 8">-->
12
+ <!--</div>-->
13
+
14
+ <div class="col-sm-2 form-group">
15
+ <label class="font_normal_body">客户编号</label>
16
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
17
+ v-model="model.f_userinfo_code" placeholder='客户编号'
18
+ condition="f_userinfo_code like '%{}%'" v-el:xq v-next-el='userinfocode' v-el:username
19
+ >
20
+ </div>
21
+ <div class="col-sm-2 form-group">
22
+ <label class="font_normal_body">客户名称</label>
23
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
24
+ v-model="model.f_user_name" placeholder='客户名称'
25
+ condition="f_user_name like '%{}%'" v-el:xq v-next-el='username' v-el:username
26
+ >
27
+ </div>
28
+ <div class="col-sm-2 form-group">
29
+ <label class="font_normal_body">客户地址</label>
30
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_area"
31
+ placeholder='地址'
32
+ condition="f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
33
+ >
34
+ </div>
35
+ <div class="col-sm-2 form-group">
36
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;表号&nbsp;&nbsp;&nbsp;</label>
37
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
38
+ v-model="model.f_meternumber" placeholder='表号'
39
+ condition="f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
40
+ >
41
+ </div>
42
+ <div style="float:right">
43
+ <button class="button_search button_spacing" @click="search()">查询</button>
44
+ <button class="button_clear button_spacing" @click="clear">清空</button>
45
+ <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
46
+ :field="$parent.$parent.getfield" :sumname="$parent.$parent.sumName"
47
+ sqlurl="rs/logic/exportfile" sql-name="webmeter_getAllLoseQuery" template-name='失联分析'
48
+ :choose-col="true"></export-excel>
49
+ <!-- <button class="button_export button_spacing" @click="$parent.$parent.SaveAsFile('lostuserlist')">导出</button>-->
50
+ <!-- <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()">显示汇总</button>-->
51
+ <button class="button_search button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
52
+ <div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
53
+ </div>
54
+ </div>
55
+ <div class="row" v-show="$parent.$parent.criteriaShow">
56
+ <div class="col-sm-2 form-group">
57
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
58
+ <right-tree @re-res="$parent.$parent.getorg" width="60%"
59
+ :initresid='$parent.$parent.org'></right-tree>
60
+ </div>
61
+ <div class="col-sm-2 form-group">
62
+ <label class="font_normal_body">客户类型</label>
63
+ <v-select style="width:60%" id="f_user_type"
64
+ v-model="model.f_user_type"
65
+ placeholder='客户类型'
66
+ :value.sync="model.f_user_type"
67
+ @change="$parent.$parent.userTypeChange()"
68
+ :options='$parent.$parent.usertypes'
69
+ condition="f_user_type = '{}'"
70
+ close-on-select>
71
+ </v-select>
72
+ </div>
73
+ <div class="col-sm-2 form-group">
74
+ <label class="font_normal_body">用气性质</label>
75
+ <v-select style="width:60%" id="f_gasproperties"
76
+ v-model="model.f_gasproperties"
77
+ placeholder='用气性质'
78
+ :value.sync="model.f_gasproperties"
79
+ :options='$parent.$parent.gasproperties'
80
+ condition="f_gasproperties = '{}'"
81
+ close-on-select>
82
+ </v-select>
83
+ </div>
84
+ <div class="col-sm-2 form-group">
85
+ <label class="font_normal_body">气表品牌</label>
86
+ <v-select
87
+ placeholder='气表品牌'
88
+ :value.sync="model.f_meter_brand"
89
+ v-model="model.f_meter_brand"
90
+ :options='$parent.$parent.WarningType'
91
+ @change="$parent.$parent.getMeterType"
92
+ close-on-select
93
+ condition="f_meter_brand='{}'">
94
+ </v-select>
95
+ </div>
96
+ <div class="col-sm-2 form-group" >
97
+ <label class="font_normal_body">气表型号</label>
98
+ <v-select v-if="$parent.$parent.styles"
99
+ placeholder='气表型号'
100
+ :value.sync="model.f_meter_style"
101
+ v-model="model.f_meter_style"
102
+ :options='$parent.$parent.Warningstyle'
103
+ close-on-select
104
+ condition="f_meter_style='{}'">
105
+ </v-select>
106
+ <v-select v-if="!$parent.$parent.styles"
107
+ placeholder='气表型号'
108
+ :value.sync="model.f_meter_style"
109
+ v-model="model.f_meter_style"
110
+ :options='$parent.$parent.Warningstyles'
111
+ close-on-select
112
+ condition="f_meter_style='{}'">
113
+ </v-select>
114
+ </div>
115
+ <div class="col-sm-2 form-group">
116
+ <label class="font_normal_body">用户状态</label>
117
+ <v-select
118
+ placeholder='用户状态'
119
+ value-single
120
+ style="width:60%"
121
+ :value.sync="model.f_user_state"
122
+ v-model="model.f_user_state"
123
+ :options='$parent.$parent.userstate'
124
+ close-on-select condition="f_user_state ='{}'">
125
+ </v-select>
126
+ </div>
127
+ <!--<div class="col-sm-2 form-group">-->
128
+ <!--<label class="font_normal_body">最新状态</label>-->
129
+ <!-- <v-select style="width:60%" id="f_state"-->
130
+ <!--v-model="model.f_state"-->
131
+ <!--placeholder='最新状态'-->
132
+ <!--:value.sync="model.f_state"-->
133
+ <!--:options='$parent.$parent.getstate'-->
134
+ <!--condition="f_state = '{}'"-->
135
+ <!--close-on-select>-->
136
+ <!--</v-select>-->
137
+ <!--</div>-->
138
+ <div class="col-sm-2 form-group">
139
+ <label class="font_normal_body">开始时间</label>
140
+ <datepicker style="width:60%" id="startdate" placeholder="开始时间"
141
+ v-model="model.startDate"
142
+ :value.sync="model.startDate"
143
+ :disabled-days-of-Week="[]"
144
+ :format="'yyyy-MM-dd HH:mm:ss'"
145
+
146
+ :show-reset-button="reset">
147
+ </datepicker>
148
+ </div>
149
+ <div class="col-sm-2 form-group">
150
+ <label class="font_normal_body">结束时间</label>
151
+ <datepicker style="width:60%" id="enddate" placeholder="结束日期"
152
+ v-model="model.endDate"
153
+ :value.sync="model.endDate"
154
+ :disabled-days-of-Week="[]"
155
+ :format="'yyyy-MM-dd HH:mm:ss'"
156
+
157
+ :show-reset-button="reset">
158
+ </datepicker>
159
+ </div>
160
+
161
+
162
+ <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
163
+ <label class="font_normal_body">最长失联</label>
164
+ <div class="row">
165
+ <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day1"
166
+ condition="max_interval_day >= {} " placeholder="">
167
+ <label class="font_normal_body"> &nbsp;≤ x ≤ </label>
168
+ <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day2"
169
+ condition="max_interval_day <= {} " placeholder="">
170
+ </div>
171
+ </div>
172
+
173
+
174
+ <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
175
+ <label class="font_normal_body">合计失联</label>
176
+ <div class="row">
177
+ <input type="text" style="width:27%" class="input_search" v-model="model.SLdays1"
178
+ condition="SLdays >= {} " placeholder="">
179
+ <label class="font_normal_body">&nbsp; ≤ x ≤ </label>
180
+ <input type="text" style="width:27%" class="input_search" v-model="model.SLdays2"
181
+ condition="SLdays <= {} " placeholder="">
182
+ </div>
183
+ </div>
184
+ <div class="col-sm-2 form-group">
185
+ <label class="font_normal_body">是否通气</label>
186
+ <v-select
187
+ placeholder='是否通气'
188
+ style="width:60%"
189
+ :value.sync="model.f_address_state"
190
+ v-model="model.f_address_state"
191
+ :options='$parent.$parent.addressState'
192
+ close-on-select condition="f_address_state = '{}'">
193
+ </v-select>
194
+ </div>
195
+
196
+ <!--<div class="col-sm-2 form-group">-->
197
+ <!--<label class="font_normal_body">最新失联</label>-->
198
+ <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days1" placeholder='天数大于等于'-->
199
+ <!--condition="new_days >= {}" v-next-el='new_days' v-el:new_days-->
200
+ <!--&gt;-->
201
+ <!--</div>-->
202
+ <!--<div class="col-sm-2 form-group">-->
203
+ <!--<label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
204
+ <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days2" placeholder='天数小于等于'-->
205
+ <!--condition="new_days <= {}" v-next-el='new_days' v-el:new_days-->
206
+ <!--&gt;-->
207
+ <!--</div>-->
208
+ </div>
209
+
210
+
211
+
212
+ <!--:top='40' :left='60' :right='40' :bottom='60'-->
213
+ <!--:thead='"<th>序号</th>\n"+-->
214
+ <!--"<th>档案编号</th>" +-->
215
+ <!--" <th>档案标识</th>"+-->
216
+ <!--"<th>客户名称</th>"+-->
217
+ <!--"<th>表号</th"+-->
218
+ <!--"<th>表具类型</th>"+-->
219
+ <!--"<th>客户类型</th>"+-->
220
+ <!--"<th>区域</th>"+-->
221
+ <!--"<th>小区</th>"+-->
222
+ <!--"<th>地址</th>"+-->
223
+ <!--"<th>用气气量</th>"+-->
224
+ <!--"<th>用气金额</th>"-->
225
+ <!--+"<th>用气价格</th>"-->
226
+ <!--+"<th>时间</th>"-->
227
+ <!--+"<th>所属机构</th>"'-->
228
+ <!--:fields='["$index+1","f_username","f_meternumber","f_usertype","f_save_money","f_operate_status","f_close_reason","f_area","f_districtname","f_address","id","yytdepa"]'>-->
229
+ <!--</print-table>-->
230
+ <!--<export-excel :data="{orderitem: 'lastinputdate desc', condition: '1=1'}"-->
231
+ <!--:field="{f_username: '客户名称', f_meternumber: '表号',f_usertype:'客户类型',f_save_money:'剩余金额',-->
232
+ <!--f_operate_status:'状态',f_close_reason:'关阀原因',f_area:'区域',f_districtname:'小区', f_address: '地址',id:'档案编号',yytdepa:'所属机构'}"-->
233
+ <!--sqlurl="rs/sql/getUserGas"></export-excel>-->
234
+ </div>
235
+ </criteria>
236
+ <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
237
+ <template partial='head'>
238
+ <tr>
239
+ <th style="text-align:center">
240
+ <nobr>序号</nobr>
241
+ </th>
242
+ <th style="text-align:center">
243
+ <nobr>客户编号</nobr>
244
+ </th>
245
+ <th style="text-align:center">
246
+ <nobr>客户名称</nobr>
247
+ </th>
248
+ <th style="text-align:center">
249
+ <nobr>客户地址</nobr>
250
+ </th>
251
+ <th style="text-align:center">
252
+ <nobr>客户类型</nobr>
253
+ </th>
254
+ <th style="text-align:center">
255
+ <nobr>用气性质</nobr>
256
+ </th>
257
+ <th style="text-align:center">
258
+ <nobr>表号</nobr>
259
+ </th>
260
+ <th style="text-align:center">
261
+ <nobr>启用日期</nobr>
262
+ </th>
263
+
264
+ <th style="text-align:center">
265
+ <nobr>应报天数</nobr>
266
+ </th>
267
+ <th style="text-align:center">
268
+ <nobr>实报天数</nobr>
269
+ </th>
270
+ <th style="text-align:center">
271
+ <nobr>最长失联天数</nobr>
272
+ </th>
273
+ <th style="text-align:center">
274
+ <nobr>累计失联天数</nobr>
275
+ </th>
276
+ <th style="text-align:center">
277
+ <nobr>气表厂家</nobr>
278
+ </th>
279
+ <th style="text-align:center" >
280
+ <nobr>气表型号</nobr>
281
+ </th>
282
+ <th style="text-align:center" >
283
+ <nobr>用户状态</nobr>
284
+ </th>
285
+ <th style="text-align:center" >
286
+ <nobr>组织机构</nobr>
287
+ </th>
288
+
289
+ </tr>
290
+
291
+ </template>
292
+ <template partial='body'>
293
+ <td style="text-align:center">{{$index+1}}</td>
294
+ <!--<td style="text-align:center">{{row.f_userfiles_id}}</td>-->
295
+ <td style="text-align: center;"><nobr>
296
+ <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
297
+ </nobr> </td>
298
+ <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
299
+ <td><nobr>{{row.f_address}}</nobr></td>
300
+ <td style="text-align:center">{{row.f_user_type}}</td>
301
+ <td style="text-align:center">{{row.f_gasproperties}}</td>
302
+ <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
303
+ <td style="text-align:center"><nobr>{{row.f_startuse_date}}</nobr></td>
304
+
305
+ <td style="text-align:center">{{row.ybdays}}</td>
306
+ <td style="text-align:center">{{row.sbdays}}</td>
307
+ <td style="text-align:center">
308
+ <nobr>{{row.max_interval_day}}</nobr>
309
+ </td>
310
+ <td style="text-align:center">
311
+ <nobr>{{row.sldays}}</nobr>
312
+ </td>
313
+ <td style="text-align:center">
314
+ <nobr>{{row.f_meter_brand}}</nobr>
315
+ </td>
316
+ <td style="text-align:center">
317
+ <nobr>{{row.f_meter_style}}</nobr>
318
+ </td>
319
+ <td style="text-align:center">
320
+ <nobr>{{row.f_user_state}}</nobr>
321
+ </td>
322
+ <td style="text-align:center">
323
+ <nobr>{{row.f_orgname}}</nobr>
324
+ </td>
325
+
326
+ </template>
327
+ </data-grid>
328
+ </criteria-paged>
329
+ </div>
330
+ <div class="flex-row" v-show="echarts" style="width: 100%;height: 90%;">
331
+ <lost-contact-echarts :groupname="groupname[0]" :condition = "condition" :startdate="startDate"
332
+ :enddate="endDate" :echarts="echarts"></lost-contact-echarts>
333
+ </div>
334
+ <div class="span" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">
335
+ <lost-contact-eform :condition="condition"
336
+ ></lost-contact-eform>
337
+ </div>
338
+ </div>
339
+
340
+ <!-- <div v-show="isActiveTotalForm" style="height: 40px;width: 100%;">-->
341
+ <!-- <button class="button_search button_spacing" @click="notShowTotalForm()">隐藏汇总</button>-->
342
+ <!-- </div>-->
343
+ <!-- <div class="flex-row" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">-->
344
+ <!-- <lost-contact-eform :condition="model.condition" :startdate="startDate"-->
345
+ <!-- :enddate="endDate"></lost-contact-eform>-->
346
+ <!-- </div>-->
347
+ <div class="flex-row" style="width:99%;height:98%;margin-bottom:0px" v-if="showdetail">
348
+ <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
349
+ </div>
350
+ </template>
351
+
352
+ <script>
353
+ import {PagedList} from 'vue-client'
354
+ import UserGasEcharts from './UserGasEcharts'
355
+ import * as Util from '../../../Util'
356
+ import plugin from 'system-clients/src/plugins/GetLoginInfoService'
357
+ import {HttpResetClass} from 'vue-client'
358
+ let readySomething = async function (self) {
359
+
360
+ await self.$MagLoadParams.loadParam()
361
+ self.initParams()
362
+ let year = new Date().getFullYear()
363
+ self.$refs.paged.$refs.cri.model.startDate = year+'-01-01 00:00:00'
364
+ // self.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
365
+ self.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
366
+ self.$refs.paged.$refs.cri.model.f_user_state='正常'
367
+ }
368
+ export default {
369
+ title: '失联分析',
370
+ props: ['data'],
371
+ components: {UserGasEcharts},
372
+ data() {
373
+ return {
374
+ model: new PagedList('rs/sql/webmeter_getAllLoseQuery', 20, {
375
+ startDate: 'this.model.startDate',
376
+ endDate: 'this.model.endDate'
377
+ }),
378
+ getfield:{
379
+ "f_userinfo_code":"客户编号","f_user_name":"客户名称","f_residential_area":"小区",
380
+ "f_address":"客户地址","f_user_type":"客户类型","f_gasproperties":"用气性质",
381
+ "f_meternumber":"表号",
382
+
383
+ "f_startuse_date":"启用日期",
384
+ "ybdays":"应报天数",
385
+ "sbdays":"实报天数",
386
+ "max_interval_day":"最长失联天数","sldays":"累计失联天数",
387
+ "f_meter_brand":"气表厂家","f_orgname":"组织机构"},
388
+ reportStr: null,
389
+ show: false,
390
+ showdetail:false,
391
+ rowdata:{},
392
+ startDate: '',
393
+ endDate: '',
394
+ criteriaShow:false,
395
+ outlets: [],
396
+ gasproperties:[{label: '全部', value: ''}],
397
+ operator: [],
398
+ WarningType: [
399
+ {label: '全部', value: ''}
400
+ ],
401
+ Warningstyles: [
402
+ {label: '全部', value: ''}
403
+ ],
404
+ styles:false,
405
+ filename: '',
406
+ orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
407
+ echarts: false,
408
+ orgid:[this.$login.f.orgid],
409
+ searchshow: false,
410
+ isActiveTotalForm: false,
411
+ condition: '1=1',
412
+ groupname: ['max_days_type'],
413
+ getgroupname: [
414
+ {label: '客户类型', value: 'f_user_type'},
415
+ {label: '用气性质', value: 'f_gasproperties'},
416
+ {label: '分公司', value: 'f_orgname'},
417
+ {label: '最长失联天数', value: 'max_days_type'},
418
+ {label: '合计失联天数', value: 'all_days_type'}
419
+ ],
420
+ org:[this.$login.f.orgid]
421
+
422
+ }
423
+ },
424
+ ready() {
425
+ readySomething(this)
426
+ this.getMeterTypeAndBrand('f_meter_brand', '1=1')
427
+ },
428
+ methods: {
429
+ getMeterType() {
430
+ this.Warningstyle = [{label: '全部', value: ''}]
431
+ this.styles = false
432
+ let f_meter_brand = this.$refs.paged.$refs.cri.model.f_meter_brand
433
+ this.getMeterTypeAndBrand('f_meter_style', `f_meter_brand='${f_meter_brand}'`)
434
+ },
435
+ getMeterTypeAndBrand(groupname, condition) {
436
+ condition = `${condition} and ui.f_orgid like '${this.$login.f.orgid}%'`
437
+ let self = this
438
+ let load = new HttpResetClass()
439
+ load.load('POST', 'rs/sql/getMeterStyleAndBrand1', {
440
+ data: {
441
+ condition: condition,
442
+ groupname: groupname
443
+ }
444
+ }, {warnMsg: null, resolveMsg: null}).then((res) => {
445
+ for (let i = 0; i < res.data.length; i++) {
446
+ if (groupname == 'f_meter_brand') {
447
+ let dr = {}
448
+ dr.label = res.data[i].f_meter_brand
449
+ dr.value = res.data[i].f_meter_brand
450
+ //气表品牌
451
+ // self.WarningType.push(dr)
452
+ } else if (groupname == 'f_meter_style') {
453
+ self.Warningstyle= [
454
+ {label: '全部', value: ''}
455
+ ],
456
+ self.$refs.paged.$refs.cri.model.f_meter_style=''
457
+ let dr = {}
458
+ dr.label = res.data[i].f_meter_style
459
+ dr.value = res.data[i].f_meter_style
460
+ //气表类型
461
+ self.Warningstyle.push(dr)
462
+ }
463
+ }
464
+ if (self.Warningstyle.length > 1) {
465
+ self.showMeterStyle()
466
+ }
467
+ })
468
+
469
+ },
470
+ showMeterStyle() {
471
+ this.styles = true
472
+ },
473
+ userTypeChange () {
474
+ this.gasproperties=[{label: '全部', value: ''}]
475
+ if(this.$refs.paged.$refs.cri.model && this.$refs.paged.$refs.cri.model.f_user_type) {
476
+ this.$refs.paged.$refs.cri.model.f_gasproperties=''
477
+
478
+ console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
479
+ this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
480
+ // this.gasproperties.push({label: '全部', value: ''})
481
+ }
482
+ else{
483
+ this.gasproperties =[{label: '全部', value: ''}]
484
+ }
485
+ },
486
+ hidden(){
487
+ this.criteriaShow = !this.criteriaShow
488
+ },
489
+ clickshow() {
490
+ this.searchshow = !this.searchshow
491
+ },
492
+ showmsg(obj){
493
+ this.rowdata=obj
494
+ this.showdetail = true
495
+ },
496
+ cancel() {
497
+ this.showdetail = false
498
+ },
499
+ initParams () {
500
+ let arr = []
501
+ this.$MagGetSaleParam.getGasbrand().forEach((item) => {
502
+ let temp = {}
503
+ if(item.value.f_meter_type==='物联网表'){
504
+ temp.label = item.label
505
+ temp.value = item.value.f_meter_brand
506
+ arr.push(temp )
507
+ }
508
+
509
+ })
510
+ this.WarningType = [{label: '全部', value: ''}, ...arr]
511
+
512
+ },
513
+ search(args) {
514
+ this.startDate = this.$refs.paged.$refs.cri.model.startDate
515
+ this.endDate = this.$refs.paged.$refs.cri.model.endDate
516
+ if (this.endDate == '' || this.startDate == '') {
517
+ return this.$showMessage("时间区间的开始和结束时间不能为空!")
518
+ }
519
+ this.condition = args.condition = this.$refs.paged.$refs.cri.condition + `${this.orgCondtionStr}`
520
+ this.model.search(args.condition, args.model)
521
+ },
522
+ getorg(obj) {
523
+ if (obj.resids.length>0) {
524
+ this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
525
+ }else
526
+ {
527
+ this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
528
+ }
529
+ },
530
+ // SaveAsFile(str) {
531
+ // this.$showMessage('您是否需要导出本页数据?', ['confirm', 'cancel']).then((res) => {
532
+ // if (res === 'confirm') {
533
+ // let style = '<style>' +
534
+ // 'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;} .tdcenter{text-align: center;}</style>';
535
+ // let strHtml = style + document.getElementById(str).innerHTML;
536
+ // console.log(strHtml);
537
+ // let LODOP = getLodop();
538
+ // LODOP.PRINT_INIT('');
539
+ // LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
540
+ // LODOP.SAVE_TO_FILE('失联分析.xls')
541
+ // }
542
+ // })
543
+ // },
544
+ clearmsg() {
545
+ this.$refs.paged.$refs.cri.model = {}
546
+ },
547
+
548
+
549
+ close() {
550
+ this.show = false
551
+ },
552
+ // 显示柱状图
553
+ showEcharts() {
554
+ this.echarts = true
555
+ this.isActiveTotalForm = false
556
+ },
557
+ notShowTotalForm() {
558
+ this.echarts = false
559
+ this.isActiveTotalForm = false
560
+ },
561
+ // 不显示柱状图
562
+ notShowEcharts() {
563
+ this.echarts = false
564
+ this.isActiveTotalForm = false
565
+ },
566
+ // 显示汇总数据表格
567
+ showTotalForm() {
568
+ this.echarts = false
569
+ this.isActiveTotalForm = true
570
+ }
571
+ },
572
+ watch: {
573
+ 'data'(val) {
574
+ if (val.f_files_path) {
575
+ this.getFileContent(val.f_files_path)
576
+ } else {
577
+ this.reportStr = null
578
+ }
579
+ }
580
+ },
581
+ computed: {
582
+ // usertypes () {
583
+ // return this.$appdate.getParams("客户类型")
584
+ // },
585
+ getCondition() {
586
+ let condition=this.$refs.paged.$refs.cri.condition + this.orgCondtionStr
587
+ return {
588
+ condition: condition ,
589
+ startDate:`${this.$refs.paged.$refs.cri.model.startDate}`,
590
+ endDate:`${this.$refs.paged.$refs.cri.model.endDate}`
591
+ }
592
+
593
+ },
594
+ usertypes() {
595
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
596
+ },
597
+ f_outlets() {
598
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('网点查询用')]
599
+ },
600
+ valveStatus() {
601
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
602
+ },
603
+ getstate() {
604
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('最新状态')]
605
+ },
606
+ userstate() {
607
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
608
+ },
609
+ addressState() {
610
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('是否通气')]
611
+ }
612
+ }
613
+ }
614
+ </script>
615
+ <style>
616
+ .form-input-group label {
617
+ text-align: right;
618
+ width: auto;
619
+ }
620
+
621
+ .mystyle {
622
+ float: right;
623
+ padding-right: 10%;
624
+ }
625
+
626
+ .mystyle1 {
627
+ padding-top: 10px;
628
+
629
+ }
630
+
631
+ .mystyle2 {
632
+ width: 100%;
633
+ height: 35px;
634
+ /*background: #00A3F0;*/
635
+ padding-left: 15px;
636
+ float: left;
637
+ }
638
+
639
+ .datapanel {
640
+ color: #333;
641
+ background-color: white;
642
+ box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
643
+ padding: 10px 30px 10px 30px;
644
+ border-radius: 15px;
645
+ }
646
+ </style>