manage-client 3.2.170 → 3.2.172

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.
@@ -6,7 +6,6 @@ let specialComp = {
6
6
  'res-select-group': (resolve) => { require(['./ResSelectGroupNew'], resolve) },
7
7
  'fill-gas-query': (resolve) => { require(['./FillGasQuery'], resolve) },
8
8
  'charge-query': (resolve) => { require(['./ChargeQuery'], resolve) },
9
- 'report-list': (resolve) => { require(['./reportList'], resolve) },
10
9
  'handplan-query': (resolve) => { require(['./HandplanQuery'], resolve) },
11
10
  // 调价记录查询
12
11
  'price-change-query': (resolve) => { require(['./PriceChangeQuery'], resolve) },
@@ -0,0 +1,9 @@
1
+ // 分公司特殊组件页面注册
2
+ let specialComp = {
3
+ 'report-list': (resolve) => { require(['./reportList'], resolve) },
4
+ }
5
+ exports.specialComp = specialComp
6
+
7
+
8
+
9
+
@@ -0,0 +1,140 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="sm" :style="{width:'100%',height:'98%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ /* eslint-disable indent,key-spacing,no-labels */
9
+
10
+ import * as Util from '../../Util'
11
+ import co from 'co'
12
+ import echarts from 'echarts'
13
+ import { HttpResetClass } from 'vue-client'
14
+
15
+ let getData = function * (self) {
16
+ let load = new HttpResetClass()
17
+ load.load('POST', 'rs/sql/dataAcquisitionReport',
18
+ {data: {startDate: self.startdate, endDate: self.enddate, f_orgid: self.orgid}},
19
+ {resolveMsg: null, rejectMsg: null})
20
+ .then((res) => {
21
+ self.texttile = '用户类型'
22
+ let arrparams = []
23
+ let arrparams2 = []
24
+ let numdata = []
25
+ let total = []
26
+ res.data = res.data.filter(item => item.name !== null)
27
+ for (var i = 0; i < res.data.length; i++) {
28
+ if (res.data[i].name !== null) {
29
+ arrparams[i] = res.data[i].name
30
+ arrparams2[i] = res.data[i].name2
31
+ numdata[i] = res.data[i].num
32
+ total[i] = res.data[i].total
33
+ }
34
+ }
35
+ self.set(arrparams, numdata, total, arrparams2)
36
+ })
37
+ }
38
+ export default {
39
+ props: {
40
+ startdate: {
41
+ type: String,
42
+ default: Util.toStandardDateString()
43
+ },
44
+ enddate: {
45
+ type: String,
46
+ default: Util.toStandardDateString()
47
+ },
48
+ orgid: {
49
+ type: String
50
+ }
51
+ },
52
+ data () {
53
+ title: '业务类型'
54
+ return {
55
+ texttile: '',
56
+ xc: ''
57
+ }
58
+ },
59
+ methods: {
60
+ set (arrparams, numdata, total, arrparams2) {
61
+ this.xc = echarts.init(document.getElementById('sm'))
62
+ this.xc.setOption({
63
+ title : {
64
+ text: '其他业务散列图',
65
+ subtext: '数据查询来源',
66
+ x: 'left'
67
+ },
68
+ tooltip:{
69
+ trigger:'axis'
70
+ },
71
+ legend: {
72
+ x: 'left',
73
+ y: 'bottom',
74
+ data: ['数量']
75
+ },
76
+ toolbox: {
77
+ show : true,
78
+ feature : {
79
+ dataView : {show: true, readOnly: false},
80
+ magicType : {show: true, type: ['line', 'bar']},
81
+ restore : {show: true},
82
+ saveAsImage : {show: true}
83
+ }
84
+ },
85
+ calculable : true,
86
+ xAxis : [
87
+ {
88
+ type : 'category',
89
+ data : arrparams
90
+ }
91
+ ],
92
+ yAxis : [
93
+ {
94
+ type : 'value'
95
+ }
96
+ ],
97
+ series : [
98
+ {
99
+ name:'数量',
100
+ type:'bar',
101
+ data:numdata,
102
+ markLine : {
103
+ silent: true
104
+ },
105
+ label: {
106
+ show: true,
107
+ position: 'top',
108
+ formatter: function (prams) {
109
+ var val = prams.data
110
+ var sum = total[prams.dataIndex]
111
+ var tips = arrparams2[prams.dataIndex]
112
+ return tips + (val / sum * 100).toFixed(2) + '%'
113
+ }
114
+ }
115
+ }
116
+ ]
117
+ })
118
+ },
119
+ searchdata () {
120
+ let getGen = getData(this)
121
+ co(getGen)
122
+ }
123
+ },
124
+ ready () {
125
+ this.searchdata()
126
+ },
127
+ watch: {
128
+ 'startdate' (val) {
129
+ this.searchdata()
130
+ },
131
+ 'enddate' (val) {
132
+ this.searchdata()
133
+ },
134
+ 'orgid' (val) {
135
+ this.searchdata()
136
+ }
137
+ }
138
+
139
+ }
140
+ </script>
@@ -0,0 +1,134 @@
1
+ <template lang="html">
2
+ <div :class="classname" v-if="jurisdiction.includes('首页')" :style="{width:width,height:height}">
3
+ <div class="form-horizontal select-overspread container-fluid auto">
4
+ <div class="row">
5
+ <div class="col-sm-3 form-group">
6
+ <label class="font_normal_body" for="startDate">开始日期:</label>
7
+ <datepicker id="startDate" placeholder="开始日期"
8
+ style="width:60%"
9
+ v-model="model.startDate"
10
+ :value.sync="model.startDate"
11
+ :disabled-days-of-Week="[]"
12
+ class="datepicker"
13
+ :format="'yyyy-MM-dd'"
14
+ :show-reset-button="reset">
15
+ </datepicker>
16
+ </div>
17
+ <div class="col-sm-3 form-group">
18
+ <label class="font_normal_body" for="endDate">结束日期:</label>
19
+ <datepicker id="endDate" placeholder="结束日期"
20
+ style="width:60%"
21
+ class="datepicker"
22
+ v-model="model.endDate"
23
+ :value.sync="model.endDate"
24
+ :disabled-days-of-Week="[]"
25
+ :format="'yyyy-MM-dd'"
26
+ :show-reset-button="reset">
27
+ </datepicker>
28
+ </div>
29
+ <div class="col-sm-3 form-group">
30
+ <label class="font_normal_body" for="endDate">使用公司:</label>
31
+ <res-select restype='organization'
32
+ @res-select="getRes"
33
+ :initresid="model.id">
34
+ </res-select>
35
+ <button class="button_search button_spacing" @click="changePage()">下一页</button>
36
+ </div>
37
+ </div>
38
+ </div>
39
+ <div style="height: 97%;" v-if="showPage === 1">
40
+ <div class="flex-row" style="flex: 1;border-bottom: 1px dashed #888;height: 48%">
41
+ <div style="flex: 1;border-right: 1px dashed #888;width: 50%">
42
+ <households-type :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]'
43
+ v-ref:pay></households-type>
44
+ <!-- <test></test>-->
45
+ </div>
46
+ <div style="flex: 1;width: 50%">
47
+ <bank-manager :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]'
48
+ v-ref:pay></bank-manager>
49
+ </div>
50
+ </div>
51
+ <div class="flex-row" style="flex: 1;height: 48%">
52
+
53
+ <div class="flex-row" style="flex: 1;width: 50%;border-right: 1px dashed #888;">
54
+ <div style="flex: 1;">
55
+ <paymentpie :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]'
56
+ v-ref:pay></paymentpie>
57
+ </div>
58
+ <!-- <div style="flex: 1;">-->
59
+ <!-- <usertype-pie :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]' v-ref:pay ></usertype-pie>-->
60
+ <!-- </div>-->
61
+ </div>
62
+
63
+ <div style="flex: 1;width: 50%">
64
+ <data-acquisition-type :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]'
65
+ v-ref:pay></data-acquisition-type>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ <div style="height: 97%;" v-if="showPage === 2">
70
+ <div class="flex-row" style="flex: 1;height: 96%">
71
+ <div style="flex: 1">
72
+ <gas-properties-manager :startdate='model.startDate' :enddate='model.endDate' :orgid='model.orgid[0]'></gas-properties-manager>
73
+ </div>
74
+ </div>
75
+ </div>
76
+ </div>
77
+
78
+ </template>
79
+
80
+ <script>
81
+ import * as Util from '../../Util'
82
+ import HouseholdsType from './HouseholdsType'
83
+ import DataAcquisitionType from './DataAcquisitionType'
84
+
85
+ export default {
86
+ components: {DataAcquisitionType, HouseholdsType},
87
+ props: {
88
+ classname: {
89
+ type: String,
90
+ default: 'basic-main'
91
+ },
92
+ width: {
93
+ type: String,
94
+ default: '98.5%'
95
+ },
96
+ height: {
97
+ type: String,
98
+ default: '98%'
99
+ }
100
+ },
101
+ data () {
102
+ return {
103
+ showPage: 1,
104
+ page: [1, 2],
105
+ jurisdiction: this.$login.r,
106
+ model: {
107
+ id: [this.$login.f.orgid],
108
+ orgid: [this.$login.f.orgid],
109
+ startDate: Util.toStandardDateString(),
110
+ endDate: Util.toStandardDateString()
111
+ }
112
+ }
113
+ },
114
+ methods: {
115
+ searchdata () {
116
+ this.$refs.pay.searchdata()
117
+ },
118
+ changePage () {
119
+ let curPage = this.page.indexOf(this.showPage)
120
+ if (curPage + 1 === this.page.length) {
121
+ this.showPage = this.page[0]
122
+ } else {
123
+ this.showPage = this.page[curPage + 1]
124
+ }
125
+ },
126
+ getRes (obj) {
127
+ this.model.orgid = obj
128
+ }
129
+ }
130
+ }
131
+ </script>
132
+
133
+ <style lang="css">
134
+ </style>
@@ -0,0 +1,130 @@
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/queryHouseholdsReport',
16
+ {data: {startDate: self.startdate, endDate: self.enddate, f_orgid: self.orgid}},
17
+ {resolveMsg: null, rejectMsg: null})
18
+ .then((res) => {
19
+ let arrparams = []
20
+ let numdata = []
21
+ for (var i = 0; i < res.data.length; i++) {
22
+ arrparams[i] = res.data[i].name
23
+ numdata[i] = res.data[i].num
24
+ }
25
+ self.set(arrparams, numdata)
26
+ })
27
+ }
28
+ export default {
29
+ props: {
30
+ startdate: {
31
+ type: String,
32
+ default: Util.toStandardDateString()
33
+ },
34
+ enddate: {
35
+ type: String,
36
+ default: Util.toStandardDateString()
37
+ },
38
+ orgid: {
39
+ type: String
40
+ }
41
+ },
42
+ data () {
43
+ title: '站点管理'
44
+ return {
45
+ texttile: '',
46
+ xc: ''
47
+ }
48
+ },
49
+ methods: {
50
+ set (arrparams, numdata, gasdata, pricedata) {
51
+ this.xc = echarts.init(document.getElementById('gph'))
52
+ this.xc.setOption({
53
+ title: {
54
+ text: '户数统计散列图',
55
+ subtext: '数据查询来源',
56
+ x: 'left'
57
+ },
58
+ tooltip: {
59
+ trigger: 'axis'
60
+ },
61
+ legend: {
62
+ x: 'left',
63
+ y: 'bottom',
64
+ data: ['户数']
65
+ },
66
+ toolbox: {
67
+ show: true,
68
+ feature: {
69
+ dataView: {show: true, readOnly: false},
70
+ magicType: {show: true, type: ['line', 'bar']},
71
+ restore: {show: true},
72
+ saveAsImage: {show: true}
73
+ }
74
+ },
75
+ calculable: true,
76
+ xAxis: [
77
+ {
78
+ type: 'category',
79
+ data: arrparams
80
+ }
81
+ ],
82
+ yAxis: [
83
+ {
84
+ type: 'value'
85
+ }
86
+ ],
87
+ series: [
88
+ {
89
+ name: '户数',
90
+ type: 'bar',
91
+ data: numdata,
92
+ markLine: {
93
+ },
94
+ itemStyle: {
95
+ normal: {
96
+ // 这里设置每个柱子颜色不一样
97
+ color: function (arrparams) {
98
+ // 定义一个颜色数组colorList
99
+ var colorList = ['#cca272', '#74608f', '#d7a02b', '#c8ba23']
100
+ return colorList[arrparams.dataIndex]
101
+ }
102
+ }
103
+ }
104
+ }
105
+ ]
106
+ })
107
+ },
108
+ searchdata () {
109
+ let getGen = getData(this)
110
+ co(getGen)
111
+ }
112
+ },
113
+ ready () {
114
+ this.searchdata()
115
+ },
116
+ watch: {
117
+ 'startdate' (val) {
118
+ this.searchdata()
119
+ },
120
+ 'enddate' (val) {
121
+ this.searchdata()
122
+ },
123
+ 'orgid' (val) {
124
+ this.searchdata()
125
+ }
126
+ }
127
+
128
+ }
129
+ </script>
130
+
@@ -0,0 +1,10 @@
1
+ // 分公司特殊组件页面注册
2
+ let specialComp = {
3
+ // 抄表户数预备户数
4
+ 'households-type': (resolve) => { require(['./HouseholdsType'], resolve) },
5
+ // 数据采集(抄表总户数,未抄表失联,其他异常的户数)
6
+ 'data-acquisition-type': (resolve) => { require(['./DataAcquisitionType'], resolve) },
7
+ // 首页图表
8
+ 'echarts-box': (resolve) => { require(['./EchartsBox'], resolve) }
9
+ }
10
+ exports.specialComp = specialComp