manage-client 3.2.202 → 3.2.204

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.
@@ -0,0 +1,449 @@
1
+ <template>
2
+ <div id="unit" class="flex-row">
3
+ <div class="basic-main">
4
+ <div class="flex" v-if="!show">
5
+ <criteria-paged :model="model" v-ref:paged>
6
+ <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
7
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
8
+ <div class="row">
9
+ <div class="col-sm-2">
10
+ <label class="font_normal_body">&emsp;&emsp;公司</label>
11
+ <right-tree @re-res="$parent.$parent.getorg"
12
+ :initresid='$parent.$parent.org'></right-tree>
13
+ </div>
14
+ <div class="col-sm-2 ">
15
+ <label for="f_gasproperties"class="font_normal_body">用气性质</label>
16
+ <v-select id="f_gasproperties"
17
+ style="width:60%"
18
+ v-model="model.f_gasproperties"
19
+ placeholder='用气性质'
20
+ :value.sync="model.f_gasproperties"
21
+ :options='$parent.$parent.gasproperties'
22
+ condition="f_gasproperties = '{}'"
23
+ close-on-select >
24
+ </v-select>
25
+ </div>
26
+ <div class="col-sm-2" >
27
+ <label for="f_user_state" class="font_normal_body">客户状态</label>
28
+ <v-select :value.sync="model.f_user_state"
29
+ v-model="model.f_user_state"
30
+ :options='$parent.$parent.userstate' placeholder='请选择'
31
+ condition="f_user_state = '{}'"
32
+ close-on-select></v-select>
33
+ </div>
34
+ <div class="col-sm-2 flex-row" style="white-space: nowrap">
35
+ <label class="font_normal_body" v-if="['卡表','物联网表'].includes($parent.$parent.meter_classify)" >未购天数</label>
36
+ <label class="font_normal_body" v-else>未抄天数</label>
37
+ <div class="row">
38
+ <input type="text" style="width:30%" class="input_search" v-model="model.diffdaymin"
39
+ condition="diffday >= {} " placeholder="">
40
+ <label class="font_normal_body"> ≤ x ≤ </label>
41
+ <input type="text" style="width:30%" class="input_search" v-model="model.diffdaymax"
42
+ condition="diffday <= {} " placeholder="">
43
+ </div>
44
+
45
+ </div>
46
+
47
+ <div class="span" style="float:right;">
48
+ <button class="btn button_search" @click="search()">查询</button>
49
+ <button class="btn button_clear" @click="$parent.$parent.clear()">清空</button>
50
+ <export-excel :data="$parent.$parent.getCondition"
51
+ :field="$parent.$parent.getfield"
52
+ :footer="$parent.$parent.footer"
53
+ :header="$parent.$parent.other"
54
+ sqlurl="rs/logic/exportfile"
55
+ :sql-name="$parent.$parent.sqlName"
56
+ template-name='用户稽查导出' :choose-col="true"></export-excel>
57
+ <print-data :model="$parent.model" :field="$parent.$parent.getfield" :defaultfield="$parent.$parent.defaultfield" print-name="稽查查询打印" :sumsmodel="$parent.$parent.sumsmodel" ></print-data>
58
+ <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>
59
+
60
+ </div>
61
+ </div>
62
+ <div class="row" v-show="$parent.$parent.criteriaShow">
63
+ <div class="col-sm-2 ">
64
+ <label class="font_normal_body">起始时间</label>
65
+ <datepicker id="startDate" placeholder="起始时间"
66
+ v-model="model.startDate"
67
+ style="width:60%"
68
+ :value.sync="model.startDate"
69
+ :disabled-days-of-Week="[]"
70
+ :format="'yyyy-MM-dd'"
71
+ :show-reset-button="reset">
72
+ </datepicker>
73
+ </div>
74
+ <div class="col-sm-2 ">
75
+ <label class="font_normal_body">截止时间</label>
76
+ <datepicker id="endDate" placeholder="截止时间"
77
+ v-model="model.endDate"
78
+ style="width:60%"
79
+ :value.sync="model.endDate"
80
+ :disabled-days-of-Week="[]"
81
+ :format="'yyyy-MM-dd'"
82
+ :show-reset-button="reset">
83
+ </datepicker>
84
+ </div>
85
+ <div class="col-sm-2 ">
86
+ <label for="f_meter_classify"class="font_normal_body">气表类型</label>
87
+ <v-select id="f_meter_classify"
88
+ v-model="$parent.$parent.meter_classify"
89
+ placeholder='气表类型'
90
+ style="width:70%"
91
+ :value.sync="$parent.$parent.meter_classify"
92
+ :options='$parent.$parent.f_meter_classify'
93
+ :value-single="true"
94
+ close-on-select >
95
+ </v-select>
96
+ </div>
97
+ <div class="col-sm-2 ">
98
+ <label for="f_table_state" class="font_normal_body">&emsp;表状态</label>
99
+ <v-select id="f_table_state"
100
+ style="width:60%"
101
+ v-model="model.f_table_state"
102
+ placeholder='表状态'
103
+ :value.sync="model.f_table_state"
104
+ :options='$parent.$parent.tablestate'
105
+ condition="f_table_state = '{}'"
106
+ close-on-select >
107
+ </v-select>
108
+ </div>
109
+ <div class="col-sm-2" >
110
+ <label class="font_normal_body" v-if="['卡表','物联网表'].includes($parent.$parent.meter_classify)">总购次数</label>
111
+ <label class="font_normal_body" v-else>抄表次数</label>
112
+ <input type="text" style="width:25%" class="input_search" v-model="model.cishumin"
113
+ condition="cishu >= {} " placeholder="">
114
+ <label class="font_normal_body"> ≤ x ≤ </label>
115
+ <input type="text" style="width:25%" class="input_search" v-model="model.cishumax"
116
+ condition="cishu <= {} " placeholder="">
117
+ </div>
118
+ <div class="col-sm-2">
119
+ <label class="font_normal_body" v-if="$parent.$parent.meter_classify === '卡表'">总购气量</label>
120
+ <label class="font_normal_body" v-if="$parent.$parent.meter_classify === '机表'">总用气量</label>
121
+ <label class="font_normal_body" v-if="$parent.$parent.meter_classify === '物联网表'">总购金额</label>
122
+ <input type="text" style="width:25%" class="input_search" v-model="model.pregasmin"
123
+ condition="pregas >= {} " placeholder="">
124
+ <label class="font_normal_body"> ≤ x ≤ </label>
125
+ <input type="text" style="width:25%" class="input_search" v-model="model.pregasmax"
126
+ condition="pregas <= {} " placeholder="">
127
+ </div>
128
+
129
+ <div class="col-sm-2">
130
+ <label class="font_normal_body">&emsp;&emsp;表号</label>
131
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_meternumber"
132
+ condition="f_meternumber = '{}'" placeholder='表号'>
133
+ </div>
134
+ <div class="col-sm-2 ">
135
+ <label class="font_normal_body">用户类型</label>
136
+ <v-select :value.sync="model.f_user_type"
137
+ @change="$parent.$parent.userTypeChange()"
138
+ :options='$parent.$parent.usertypes' placeholder='请选择' v-model="model.f_user_type"
139
+ condition="f_user_type = '{}'"
140
+ close-on-select></v-select>
141
+ </div>
142
+
143
+ <div class="col-sm-2">
144
+ <label class="font_normal_body">客户名称</label>
145
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
146
+ condition="f_user_name like '%{}%'" placeholder="客户名称">
147
+ </div>
148
+ <div class="col-sm-2">
149
+ <label class="font_normal_body">客户编号</label>
150
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_userinfo_code"
151
+ condition="f_userinfo_code = '{}' " placeholder="客户编号">
152
+ </div>
153
+ <div class="col-sm-2 form-group">
154
+ <label class="font_normal_body" title="旧客户编号">档案编号</label>
155
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_olduserinfo_code"
156
+ condition="f_olduserinfo_code = '{}' " placeholder="档案编号">
157
+ </div>
158
+ <div class="col-sm-2 form-group">
159
+ <label class="font_normal_body">客户地址</label>
160
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_address"
161
+ condition="f_address like '%{}%'" placeholder='客户地址'>
162
+ </div>
163
+ <div class="col-sm-2 form-group">
164
+ <label class="font_normal_body">客户电话</label>
165
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_user_phone"
166
+ condition="f_user_phone like '%{}%'" placeholder="客户电话">
167
+ </div>
168
+
169
+
170
+ </div>
171
+
172
+ </div>
173
+ </criteria>
174
+ <data-grid :model="model" partial='list' class="list_area table_sy" v-ref:grid>
175
+ <template partial='head'>
176
+ <tr>
177
+ <th><nobr>序号</nobr></th>
178
+ <th><nobr>客户编号</nobr></th>
179
+ <th><nobr>客户电话</nobr></th>
180
+ <th><nobr>档案编号</nobr></th>
181
+ <th><nobr>表号</nobr></th>
182
+ <th><nobr>客户名称</nobr></th>
183
+ <th><nobr>客户状态</nobr></th>
184
+ <th><nobr>客户地址</nobr></th>
185
+ <th><nobr>建档日期</nobr></th>
186
+ <th><nobr>用户类型</nobr></th>
187
+ <th><nobr>用气性质</nobr></th>
188
+ <th><nobr>表具状态</nobr></th>
189
+ <th><nobr>气表品牌</nobr></th>
190
+ <th><nobr>气价名称</nobr></th>
191
+ <th><nobr>最后购气日期</nobr></th>
192
+ <th v-show="['卡表','物联网表'].includes($parent.$parent.$parent.meter_classify)"><nobr>总购气次数</nobr></th>
193
+ <th v-show="$parent.$parent.$parent.meter_classify === '机表'"><nobr>总抄表次数</nobr></th>
194
+
195
+ <th v-show="$parent.$parent.$parent.meter_classify === '卡表'"><nobr>总购气量</nobr></th>
196
+ <th v-show="$parent.$parent.$parent.meter_classify === '物联网表'"><nobr>总购金额</nobr></th>
197
+ <th v-show="$parent.$parent.$parent.meter_classify === '机表'"><nobr>总用气量</nobr></th>
198
+
199
+ <th v-show="['卡表','物联网表'].includes($parent.$parent.$parent.meter_classify)"><nobr>累计未购气天数</nobr></th>
200
+ <th v-show="$parent.$parent.$parent.meter_classify === '机表'"><nobr>累计未抄表天数</nobr></th>
201
+ <th><nobr>组织机构</nobr></th>
202
+ </tr>
203
+ </template>
204
+ <template partial='body'>
205
+ <td style="text-align: center;"><nobr>{{$index+1}}</nobr></td>
206
+ <td style="text-align: center;"><nobr>
207
+ <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
208
+ </nobr> </td>
209
+ <td style="text-align: center;"><nobr>{{row.f_user_phone}}</nobr></td>
210
+ <td style="text-align: center;"><nobr>{{row.f_olduserinfo_code}}</nobr></td>
211
+ <td style="text-align: center;"><nobr>{{row.f_meternumber}}</nobr></td>
212
+ <th style="text-align: center;"><nobr>{{row.f_user_name}}</nobr></th>
213
+ <th style="text-align: center;"><nobr>{{row.f_user_state}}</nobr></th>
214
+ <th style="text-align: center;"><nobr>{{row.f_address}}</nobr></th>
215
+ <th style="text-align: center;"><nobr>{{row.f_createfile_date}}</nobr></th>
216
+ <th style="text-align: center;"><nobr>{{row.f_user_type}}</nobr></th>
217
+ <th style="text-align: center;"><nobr>{{row.f_gasproperties}}</nobr></th>
218
+ <th style="text-align: center;"><nobr>{{row.f_table_state}}</nobr></th>
219
+ <th style="text-align: center;"><nobr>{{row.f_meter_brand}}</nobr></th>
220
+ <th style="text-align: center;"><nobr>{{row.f_price_name}}</nobr></th>
221
+ <th style="text-align: center;"><nobr>{{row.delivery_date}}</nobr></th>
222
+
223
+ <th style="text-align: center;"><nobr>{{row.cishu}}</nobr></th>
224
+ <th style="text-align: center;"><nobr>{{row.pregas}}</nobr></th>
225
+ <th style="text-align: center;"><nobr>{{row.diffday}}</nobr></th>
226
+ <th style="text-align: center;"><nobr>{{row.f_orgname}}</nobr></th>
227
+ </template>
228
+ </data-grid>
229
+ </criteria-paged>
230
+ <table class="table-hover">
231
+ <tr style="position: relative" class="table-bordered">
232
+ <td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;color: #5CB95C;font-weight: bold">汇总信息</td>
233
+ <td v-if="meter_classify === '卡表'" style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">总购气量合计:&emsp;&emsp;{{sumsmodel.pregas}}</td>
234
+ <td v-if="meter_classify === '机表'" style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">总抄表气量合计:&emsp;&emsp;{{sumsmodel.pregas}}</td>
235
+ <td v-if="meter_classify === '物联网表'" style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">总购金额合计:&emsp;&emsp;{{sumsmodel.pregas}}</td>
236
+ </tr>
237
+ </table>
238
+ </div>
239
+ <div class="flex" v-if="show">
240
+ <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
241
+ </div>
242
+ </div></div>
243
+ </template>
244
+ <script>
245
+ /**
246
+ *用户档案查询列表以及添加操作组件
247
+ */
248
+ import { PagedList } from 'vue-client'
249
+ import Vue from 'vue'
250
+ import plugin from 'system-clients/src/plugins/GetLoginInfoService'
251
+
252
+ let readySomething = async function (self) {
253
+
254
+ self.$refs.paged.$refs.cri.model.endDate = self.$login.toStandardDateString()
255
+
256
+ // await self.$refs.paged.$refs.cri.search()
257
+ self.sumsmodel = self.$refs.paged.$refs.grid.model.sums
258
+ }
259
+ export default {
260
+ title: '用户稽查',
261
+ data () {
262
+ return {
263
+ other:[],
264
+ footer:[],
265
+ org:[this.$login.f.orgid],
266
+ criteriaShow: false,
267
+ meter_classify:'卡表',
268
+ filialeNameStr: null,
269
+ filialeCodeStr: `and f_orgid = ${this.$login.f.orgid}`,
270
+ userid: this.$login.f.id,
271
+ source: `tool.getFullTree(this.getRights().where(row.getType() == $organization$))`,
272
+ getfield:{"f_userinfo_code":"客户编号","f_olduserinfo_code":"档案编号","f_meternumber":"表号","f_user_name":"客户名称",
273
+ "f_user_state":"客户状态","f_user_phone":"客户电话","f_address":"客户地址","f_createfile_date":"建档日期","f_user_type":"用户类型",
274
+ "f_gasproperties":"用气性质","f_table_state":"表具状态","f_meter_brand":"气表品牌","f_price_name":"气价名称",
275
+ "delivery_date":"最后购气日期","cishu":"总购气次数","pregas":"总购气量",
276
+ "diffday":"未购气总天数"},
277
+ model: new PagedList('rs/sql/inspectList', 50,{startDate:'this.model.startDate',endDate:'this.model.endDate'},{pregas: 0}),
278
+ rows: null,
279
+ //orgid:'',
280
+ show:false,
281
+ sqlName:'inspectList',
282
+ rowdata:{},
283
+ sumsmodel: {},
284
+ config: {
285
+ defaultPrint: ['f_userinfo_code','f_user_id']
286
+ },
287
+ defaultfield: [],
288
+ }
289
+ },
290
+ watch:{
291
+ meter_classify(val){
292
+ if (val === '卡表') {
293
+ this.model.url = this.url = 'rs/sql/inspectList'
294
+ this.sqlName = 'inspectList'
295
+ this.getfield = {"f_userinfo_code":"客户编号","f_olduserinfo_code":"档案编号","f_meternumber":"表号",
296
+ "f_user_name":"客户名称","f_user_state":"客户状态","f_user_phone":"客户电话","f_address":"客户地址",
297
+ "f_createfile_date":"建档日期","f_user_type":"用户类型",
298
+ "f_gasproperties":"用气性质","f_table_state":"表具状态","f_meter_brand":"气表品牌","f_price_name":"气价名称",
299
+ "delivery_date":"最后购气日期","cishu":"总购气次数","pregas":"总购气量",
300
+ "diffday":"累计未购气天数"}
301
+ }else if (val === '机表') {
302
+ this.model.url = this.url = 'rs/sql/handinspectList'
303
+ this.sqlName = 'handinspectList'
304
+ this.getfield = {"f_userinfo_code":"客户编号","f_olduserinfo_code":"档案编号","f_meternumber":"表号",
305
+ "f_user_name":"客户名称","f_user_state":"客户状态","f_user_phone":"客户电话","f_address":"客户地址",
306
+ "f_createfile_date":"建档日期","f_user_type":"用户类型",
307
+ "f_gasproperties":"用气性质","f_table_state":"表具状态","f_meter_brand":"气表品牌","f_price_name":"气价名称",
308
+ "delivery_date":"最后抄表日期","cishu":"总抄表次数","pregas":"抄表气量",
309
+ "diffday":"累计未抄表天数"}
310
+ } else if (val === '物联网表') {
311
+ this.model.url = this.url = 'rs/sql/getWebMeterList'
312
+ this.sqlName = 'getWebMeterList'
313
+ this.getfield = {"f_userinfo_code":"客户编号","f_olduserinfo_code":"档案编号","f_meternumber":"表号",
314
+ "f_user_name":"客户名称","f_user_state":"客户状态","f_user_phone":"客户电话","f_address":"客户地址",
315
+ "f_createfile_date":"建档日期", "f_user_type":"用户类型",
316
+ "f_gasproperties":"用气性质","f_table_state":"表具状态","f_meter_brand":"气表品牌","f_price_name":"气价名称",
317
+ "delivery_date":"最后购气日期","cishu":"总购气次数","pregas":"总购金额",
318
+ "diffday":"累计未购气天数"}
319
+ }
320
+ this.clear()
321
+ this.model.rows = []
322
+ for(let key in this.model.sums){
323
+ this.model.sums[key] = 0
324
+ }
325
+
326
+ },
327
+ sumsmodel:{
328
+ handler: function(val) {
329
+ this.getotherfooter();
330
+ },
331
+ deep: true
332
+ }
333
+ },
334
+ ready () {
335
+
336
+ readySomething(this).then(() => {
337
+ this.$emit('ready')
338
+ }).catch((error) => {
339
+ this.$emit('error', error)
340
+ })
341
+ },
342
+ methods: {
343
+ getotherfooter(){
344
+ // this.$refs.paged.$refs.cri.$refs.exports.otherData=[];
345
+ // this.$refs.paged.$refs.cri.$refs.exports.footerData=[];
346
+ this.other=[];
347
+ this.footer=[];
348
+ let exportdata = this.getCondition;
349
+ let otherInData=[];
350
+ otherInData.push(`导出时间: ${this.$login.toStandardTimeString()}`);
351
+ let footerData=[],exportfield=this.getfield;
352
+ footerData.push("合计");
353
+ let self = this;
354
+ for(var field in self.sumsmodel){
355
+ footerData.push(`${exportfield[field]}合计:${self.sumsmodel[field]}`);
356
+ }
357
+ this.footer.push(footerData);
358
+ this.other.push(otherInData);
359
+ },
360
+ getorg (obj) {
361
+ if(obj.resids.length>0){
362
+ this.filialeCodeStr =" and f_orgid in " + plugin.convertToIn(obj.resids)
363
+ }
364
+ else{
365
+ this.filialeCodeStr= " and f_orgid = " + this.$login.f.orgid
366
+ }
367
+ },
368
+ userTypeChange () {
369
+ this.gasproperties=[]
370
+ if(this.$refs.paged.$refs.cri.model !==null) {
371
+ this.$refs.paged.$refs.cri.model.f_gasproperties=''
372
+ this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
373
+ }
374
+ else{
375
+ this.gasproperties =[{label: '全部', value: ''}]
376
+ }
377
+ },
378
+
379
+ cancel() {
380
+ this.show = false
381
+ },
382
+ showmsg(obj){
383
+ this.rowdata=obj
384
+ this.show=true
385
+ },
386
+ search () {
387
+ this.$refs.paged.$refs.cri.search()
388
+ },
389
+ selfSearch (args) {
390
+ if (!this.meter_classify) {
391
+ this.$showMessage('请选择气表类型。。。')
392
+ return
393
+ }
394
+ args.condition = args.condition+ ` ${this.filialeCodeStr}`
395
+ this.model.search(args.condition, args.model)
396
+ },
397
+ hidden(){
398
+ this.criteriaShow = !this.criteriaShow
399
+ },
400
+ clear(){
401
+ Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
402
+ if(key != 'startDate' && key != 'endDate')
403
+ this.$refs.paged.$refs.cri.model[key] = []
404
+ })
405
+ this.$refs.paged.$refs.cri.model.startDate = this.$login.toStandardDateString()
406
+ this.$refs.paged.$refs.cri.model.endDate = this.$login.toStandardDateString()
407
+ }
408
+ },
409
+ computed: {
410
+ gasproperties() {
411
+ return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用气性质')]
412
+ },
413
+ usertypes() {
414
+ return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用户类型')]
415
+ },
416
+ userstate() {
417
+ return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('客户状态')]
418
+ },
419
+ tablestate () {
420
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
421
+ },
422
+ f_meter_classify(){
423
+ return [{label: '机表', value: '机表'},{label: '卡表', value: '卡表'},{label: '物联网表', value: '物联网表'}]
424
+ // return [{label: '卡表', value: '卡表'}]
425
+ },
426
+
427
+ getCondition () {
428
+ let result = {
429
+ condition: '',
430
+ diffDay:' 1=1 ',
431
+ startDate: this.$refs.paged.$refs.cri.model.startDate,
432
+ endDate: this.$refs.paged.$refs.cri.model.endDate
433
+ }
434
+ result.condition = this.$refs.paged.$refs.cri.condition + this.filialeCodeStr
435
+
436
+ return result
437
+ }
438
+ }
439
+ }
440
+ </script>
441
+ <style media="screen">
442
+ .divtext {
443
+ min-width: 50px;
444
+ max-width: 200px;
445
+ border: 1px solid green;
446
+ display: inline-block;
447
+ }
448
+ </style>
449
+
@@ -0,0 +1,147 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="gph" :style="{width:'100%',height:'100%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import * as Util from '../../Util'
9
+ import co from 'co'
10
+ import echarts from 'echarts'
11
+ import {HttpResetClass } from 'vue-client'
12
+
13
+ let getData = function * (self) {
14
+ let load = new HttpResetClass()
15
+ load.load('POST','rs/sql/sellinggasvalue',
16
+ {data: {startDate: self.startdate, endDate: self.enddate,key: 'f_user_type',f_orgid: self.orgid}},
17
+ {resolveMsg: null, rejectMsg: null})
18
+ .then((res) => {
19
+ self.texttile = '用户类型'
20
+ let arrparams = []
21
+ let numdata = []
22
+ let gasdata = []
23
+ let pricedata = []
24
+ for (var i = 0; i < res.data.length; i++) {
25
+ arrparams[i] = res.data[i].name
26
+ numdata[i] = res.data[i].num_value
27
+ gasdata[i] = res.data[i].gas_value
28
+ pricedata[i] = res.data[i].money_value
29
+ }
30
+ self.set(arrparams,numdata,gasdata,pricedata)
31
+ })
32
+ }
33
+ export default {
34
+ props: {
35
+ startdate: {
36
+ type: String,
37
+ default: Util.toStandardDateString()
38
+ },
39
+ enddate: {
40
+ type: String,
41
+ default: Util.toStandardDateString()
42
+ },
43
+ orgid: {
44
+ type: String
45
+ }
46
+ },
47
+ data () {
48
+ title: '站点管理'
49
+ return {
50
+ texttile: '',
51
+ xc: ''
52
+ }
53
+ },
54
+ methods: {
55
+ set (arrparams,numdata,gasdata,pricedata) {
56
+ this.xc = echarts.init(document.getElementById('gph'))
57
+ this.xc.setOption({
58
+ title : {
59
+ text: '民用及非民用缴费散列图',
60
+ subtext: '数据查询来源',
61
+ x: 'left'
62
+ },
63
+ tooltip : {
64
+ trigger: 'axis'
65
+ },
66
+ legend: {
67
+ x: 'left',
68
+ y: 'bottom',
69
+ data: ['数量','气量','金额']
70
+ },
71
+ toolbox: {
72
+ show : true,
73
+ feature : {
74
+ dataView : {show: true, readOnly: false},
75
+ magicType : {show: true, type: ['line', 'bar']},
76
+ restore : {show: true},
77
+ saveAsImage : {show: true}
78
+ }
79
+ },
80
+ calculable : true,
81
+ xAxis : [
82
+ {
83
+ type : 'category',
84
+ data : arrparams
85
+ }
86
+ ],
87
+ yAxis : [
88
+ {
89
+ type : 'value'
90
+ }
91
+ ],
92
+ series : [
93
+ {
94
+ name:'数量',
95
+ type:'bar',
96
+ data:numdata,
97
+ markLine : {
98
+ data : [
99
+ {type : 'average', name: '平均值'}
100
+ ]
101
+ }
102
+ },
103
+ {
104
+ name:'气量',
105
+ type:'bar',
106
+ data:gasdata,
107
+ markLine : {
108
+ data : [
109
+ {type : 'average', name: '平均值'}
110
+ ]
111
+ }
112
+ },
113
+ {
114
+ name:'金额',
115
+ type:'bar',
116
+ data:pricedata,
117
+ markLine : {
118
+ data : [
119
+ {type : 'average', name : '平均值'}
120
+ ]
121
+ }
122
+ }
123
+ ]
124
+ })
125
+ },
126
+ searchdata () {
127
+ let getGen =getData(this)
128
+ co(getGen)
129
+ }
130
+ },
131
+ ready () {
132
+ this.searchdata()
133
+ },
134
+ watch: {
135
+ 'startdate' (val) {
136
+ this.searchdata()
137
+ },
138
+ 'enddate' (val) {
139
+ this.searchdata()
140
+ },
141
+ 'orgid' (val) {
142
+ this.searchdata()
143
+ }
144
+ }
145
+
146
+ }
147
+ </script>