manage-client 3.2.143 → 3.2.146
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.
- package/package.json +1 -1
- package/src/components/sale/businessquery/ArrearsQuery.vue +8 -8
- package/src/components/webmeter/recharge/RechargeList.vue +1 -1
- package/src/filiale/dongguan/components/SellReport/BankManager.vue +146 -0
- package/src/filiale/dongguan/components/SellReport/SiteManager.vue +147 -0
- package/src/filiale/dongguan/components/WebReport/BussinessType.vue +137 -0
- package/src/filiale/dongguan/components/WebReport/Paymentpie.vue +157 -0
- package/src/filiale/dongguan/reportManage.js +21 -0
- package/src/filiale/kelai/UserQuery.vue +963 -0
- package/src/filiale/kelai/exportConfig.js +1062 -0
- package/src/filiale/kelai/sale.js +8 -0
- package/src/filiale/macheng/config/exportConfig.js +1 -1
- package/src/filiale/rongcheng/exportConfig.js +2 -2
- package/.gradle/4.4/fileContent/fileContent.lock +0 -0
- package/.gradle/4.4/taskHistory/taskHistory.bin +0 -0
- package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
- package/build/libs/ManageClient-3.1.0-17.jar +0 -0
- package/build/tmp/jar/MANIFEST.MF +0 -2
package/package.json
CHANGED
|
@@ -8,20 +8,20 @@
|
|
|
8
8
|
<div class="row">
|
|
9
9
|
<div class="col-sm-2 form-group">
|
|
10
10
|
|
|
11
|
-
<label for="
|
|
12
|
-
<datepicker id="
|
|
13
|
-
v-model="model.
|
|
14
|
-
:value.sync="model.
|
|
11
|
+
<label for="startDate" class="font_normal_body" title="归属日期">开始日期</label>
|
|
12
|
+
<datepicker id="startDate" placeholder="开始日期" style="width:60%"
|
|
13
|
+
v-model="model.startDate"
|
|
14
|
+
:value.sync="model.startDate"
|
|
15
15
|
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
16
16
|
:show-reset-button="true"
|
|
17
17
|
>
|
|
18
18
|
</datepicker>
|
|
19
19
|
</div>
|
|
20
20
|
<div class="col-sm-2 form-group">
|
|
21
|
-
<label for="
|
|
22
|
-
<datepicker id="
|
|
23
|
-
v-model="model.
|
|
24
|
-
:value.sync="model.
|
|
21
|
+
<label for="endDate" class="font_normal_body" title="归属日期">结束日期</label>
|
|
22
|
+
<datepicker id="endDate" placeholder="结束日期" style="width:60%"
|
|
23
|
+
v-model="model.endDate"
|
|
24
|
+
:value.sync="model.endDate"
|
|
25
25
|
:format="'yyyy-MM-dd HH:mm:ss'"
|
|
26
26
|
:show-reset-button="true"
|
|
27
27
|
>
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
<div class="col-sm-2">
|
|
56
56
|
<label class="font_normal_body">客户地址</label>
|
|
57
57
|
<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_address" placeholder='客户地址'
|
|
58
|
-
condition="
|
|
58
|
+
condition="s.f_address like '%{}%'" v-next-el='userid' v-el:username>
|
|
59
59
|
</div>
|
|
60
60
|
<div class="col-sm-2 form-group">
|
|
61
61
|
<label class="font_normal_body">客户类型</label>
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
<template lang="html">
|
|
2
|
+
<div id="charts">
|
|
3
|
+
<div id="bm" :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/userfilesvalues',
|
|
16
|
+
{data: {startDate: self.startdate, endDate: self.enddate, f_orgid: self.orgid}},
|
|
17
|
+
{resolveMsg: null, rejectMsg: null})
|
|
18
|
+
.then((res) => {
|
|
19
|
+
self.texttile = '用户类型'
|
|
20
|
+
// let arrparams = []
|
|
21
|
+
console.log('获取数据。。', res.data)
|
|
22
|
+
let org = []
|
|
23
|
+
//let name = []
|
|
24
|
+
let minyongvalue=[]
|
|
25
|
+
let feiminyongvalue=[]
|
|
26
|
+
for (var i = 0; i < res.data.length; i++) {
|
|
27
|
+
if (!org.includes(res.data[i].org)) {
|
|
28
|
+
org.push(res.data[i].org)
|
|
29
|
+
}
|
|
30
|
+
if (res.data[i].name === '民用') {
|
|
31
|
+
minyongvalue[org.indexOf(res.data[i].org)] = res.data[i].number
|
|
32
|
+
}else{
|
|
33
|
+
feiminyongvalue[org.indexOf(res.data[i].org)]= res.data[i].number
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
self.set(org,minyongvalue,feiminyongvalue)
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
export default {
|
|
40
|
+
props: {
|
|
41
|
+
startdate: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: Util.toStandardDateString()
|
|
44
|
+
},
|
|
45
|
+
enddate: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: Util.toStandardDateString()
|
|
48
|
+
},
|
|
49
|
+
orgid: {
|
|
50
|
+
type: String
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
data () {
|
|
54
|
+
title: '银行管理'
|
|
55
|
+
return {
|
|
56
|
+
texttile: '',
|
|
57
|
+
xc: '',
|
|
58
|
+
|
|
59
|
+
minyongvalue: [],
|
|
60
|
+
feiminyongvalue: []
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
methods: {
|
|
64
|
+
set (org,minyongvalue,feiminyongvalue) {
|
|
65
|
+
this.xc = echarts.init(document.getElementById('bm'))
|
|
66
|
+
this.xc.setOption({
|
|
67
|
+
title : {
|
|
68
|
+
text: '新增汇总',
|
|
69
|
+
subtext: '数据查询来源',
|
|
70
|
+
x: 'left'
|
|
71
|
+
},
|
|
72
|
+
tooltip : {
|
|
73
|
+
trigger: 'axis'
|
|
74
|
+
},
|
|
75
|
+
legend: {
|
|
76
|
+
x: 'left',
|
|
77
|
+
y: 'bottom',
|
|
78
|
+
data: ['民用','非民用']
|
|
79
|
+
},
|
|
80
|
+
toolbox: {
|
|
81
|
+
show : true,
|
|
82
|
+
feature : {
|
|
83
|
+
dataView : {show: true, readOnly: false},
|
|
84
|
+
magicType : {show: true, type: ['line', 'bar']},
|
|
85
|
+
restore : {show: true},
|
|
86
|
+
saveAsImage : {show: true}
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
calculable : true,
|
|
90
|
+
xAxis : [
|
|
91
|
+
{
|
|
92
|
+
type : 'category',
|
|
93
|
+
data : org
|
|
94
|
+
}
|
|
95
|
+
],
|
|
96
|
+
yAxis : [
|
|
97
|
+
{
|
|
98
|
+
type : 'value'
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
series : [
|
|
102
|
+
{
|
|
103
|
+
name:'民用',
|
|
104
|
+
type:'bar',
|
|
105
|
+
data:minyongvalue,
|
|
106
|
+
markLine : {
|
|
107
|
+
data : [
|
|
108
|
+
{type : 'average', name: '平均值'}
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
name:'非民用',
|
|
114
|
+
type:'bar',
|
|
115
|
+
data:feiminyongvalue,
|
|
116
|
+
markLine : {
|
|
117
|
+
data : [
|
|
118
|
+
{type : 'average', name : '平均值'}
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
]
|
|
123
|
+
})
|
|
124
|
+
},
|
|
125
|
+
searchdata () {
|
|
126
|
+
let getGen =getData(this)
|
|
127
|
+
co(getGen)
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
ready () {
|
|
131
|
+
this.searchdata()
|
|
132
|
+
},
|
|
133
|
+
watch: {
|
|
134
|
+
'startdate' (val) {
|
|
135
|
+
this.searchdata()
|
|
136
|
+
},
|
|
137
|
+
'enddate' (val) {
|
|
138
|
+
this.searchdata()
|
|
139
|
+
},
|
|
140
|
+
'orgid' (val) {
|
|
141
|
+
this.searchdata()
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
}
|
|
146
|
+
</script>
|
|
@@ -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_depname',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>
|
|
@@ -0,0 +1,137 @@
|
|
|
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/BusinessType',
|
|
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 numdata = []
|
|
24
|
+
let pricedata = []
|
|
25
|
+
for (var i = 0; i < res.data.length; i++) {
|
|
26
|
+
arrparams[i] = res.data[i].name
|
|
27
|
+
numdata[i] = res.data[i].num
|
|
28
|
+
pricedata[i] = res.data[i].money
|
|
29
|
+
}
|
|
30
|
+
self.set(arrparams,numdata,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,pricedata) {
|
|
56
|
+
this.xc = echarts.init(document.getElementById('sm'))
|
|
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:pricedata,
|
|
107
|
+
markLine : {
|
|
108
|
+
data : [
|
|
109
|
+
{type : 'average', name : '平均值'}
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
]
|
|
114
|
+
})
|
|
115
|
+
},
|
|
116
|
+
searchdata () {
|
|
117
|
+
let getGen = getData(this)
|
|
118
|
+
co(getGen)
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
ready () {
|
|
122
|
+
this.searchdata()
|
|
123
|
+
},
|
|
124
|
+
watch: {
|
|
125
|
+
'startdate' (val) {
|
|
126
|
+
this.searchdata()
|
|
127
|
+
},
|
|
128
|
+
'enddate' (val) {
|
|
129
|
+
this.searchdata()
|
|
130
|
+
},
|
|
131
|
+
'orgid' (val) {
|
|
132
|
+
this.searchdata()
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
}
|
|
137
|
+
</script>
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
<template lang="html">
|
|
2
|
+
<div id="charts">
|
|
3
|
+
<div id="pp" :style="{width:'100%',height:'98%'}"></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
|
+
|
|
16
|
+
load.load('POST','rs/sql/sellinggasvalue',
|
|
17
|
+
{data: {startDate: self.startdate, endDate: self.enddate,key:'f_payment',f_orgid:self.orgid}},
|
|
18
|
+
{resolveMsg: null, rejectMsg: null})
|
|
19
|
+
.then((res) => {
|
|
20
|
+
let arrparams = []
|
|
21
|
+
let moneydata = []
|
|
22
|
+
let gasdata = []
|
|
23
|
+
for (var i = 0; i < res.data.length; i++) {
|
|
24
|
+
let item = {}
|
|
25
|
+
let item1={}
|
|
26
|
+
arrparams[i] = res.data[i].name
|
|
27
|
+
item.name = res.data[i].name
|
|
28
|
+
item.value = res.data[i].gas_value
|
|
29
|
+
gasdata.push(item)
|
|
30
|
+
item1.name = res.data[i].name
|
|
31
|
+
item1.value = res.data[i].money_value
|
|
32
|
+
moneydata.push(item1)
|
|
33
|
+
}
|
|
34
|
+
console.log("加载echars组件")
|
|
35
|
+
console.log(arrparams,gasdata)
|
|
36
|
+
self.set(arrparams,gasdata,moneydata)
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
export default {
|
|
40
|
+
props: {
|
|
41
|
+
startdate: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: Util.toStandardDateString()
|
|
44
|
+
},
|
|
45
|
+
enddate: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: Util.toStandardDateString()
|
|
48
|
+
},
|
|
49
|
+
orgid: {
|
|
50
|
+
type: String
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
data () {
|
|
54
|
+
return {
|
|
55
|
+
xc: ''
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
methods: {
|
|
59
|
+
|
|
60
|
+
set (arrparams,gasdata,moneydata) {
|
|
61
|
+
console.log("进入组件")
|
|
62
|
+
this.xc = echarts.init(document.getElementById('pp'))
|
|
63
|
+
this.xc.setOption({
|
|
64
|
+
title: [
|
|
65
|
+
{
|
|
66
|
+
text: '收费渠道汇总',
|
|
67
|
+
x: '0%',
|
|
68
|
+
y: '0%',
|
|
69
|
+
textStyle: {
|
|
70
|
+
color: '#010606',
|
|
71
|
+
fontSize: 18,
|
|
72
|
+
}
|
|
73
|
+
}, {
|
|
74
|
+
text: '气量分布',
|
|
75
|
+
x: '18%',
|
|
76
|
+
y: '18%',
|
|
77
|
+
textStyle: {
|
|
78
|
+
color: '#010606',
|
|
79
|
+
fontSize: 16,
|
|
80
|
+
}
|
|
81
|
+
},{
|
|
82
|
+
text: '金额分布',
|
|
83
|
+
x: '58%',
|
|
84
|
+
y: '18%',
|
|
85
|
+
textStyle: {
|
|
86
|
+
color: '#010606',
|
|
87
|
+
fontSize: 16,
|
|
88
|
+
}
|
|
89
|
+
}],
|
|
90
|
+
tooltip: {
|
|
91
|
+
trigger: 'item',
|
|
92
|
+
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
93
|
+
},
|
|
94
|
+
legend: {
|
|
95
|
+
orient: 'horizontal',
|
|
96
|
+
icon: 'circle',
|
|
97
|
+
x: 'center',
|
|
98
|
+
y: '80%',
|
|
99
|
+
|
|
100
|
+
textStyle: {
|
|
101
|
+
padding: [0, 0, 0, 4],
|
|
102
|
+
color: '#010606'
|
|
103
|
+
},
|
|
104
|
+
data: arrparams
|
|
105
|
+
},
|
|
106
|
+
series : [
|
|
107
|
+
{
|
|
108
|
+
name: '',
|
|
109
|
+
type: 'pie',
|
|
110
|
+
radius: ['0%', '40%'],
|
|
111
|
+
center: ['25%', '50%'],
|
|
112
|
+
hoverAnimation: true,
|
|
113
|
+
minAngle: 15,//最小角度
|
|
114
|
+
startAngle: 60, //起始角度
|
|
115
|
+
label: {normal: {show:true,}},
|
|
116
|
+
labelLine: { normal: {show:true,}},
|
|
117
|
+
data: gasdata
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
name: '笔数',
|
|
121
|
+
type: 'pie',
|
|
122
|
+
radius: ['0%', '40%'],
|
|
123
|
+
center: ['65%', '50%'],
|
|
124
|
+
hoverAnimation: true,
|
|
125
|
+
minAngle: 15,//最小角度
|
|
126
|
+
startAngle: 60, //起始角度
|
|
127
|
+
label: {normal: {show:true,}},
|
|
128
|
+
labelLine: { normal: {show:true,}},
|
|
129
|
+
data: moneydata
|
|
130
|
+
}
|
|
131
|
+
]
|
|
132
|
+
|
|
133
|
+
},true)
|
|
134
|
+
|
|
135
|
+
},
|
|
136
|
+
searchdata () {
|
|
137
|
+
let getGen =getData(this);
|
|
138
|
+
co(getGen);
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
ready () {
|
|
142
|
+
this.searchdata()
|
|
143
|
+
},
|
|
144
|
+
watch: {
|
|
145
|
+
'startdate' (val) {
|
|
146
|
+
this.searchdata()
|
|
147
|
+
},
|
|
148
|
+
'enddate' (val) {
|
|
149
|
+
this.searchdata()
|
|
150
|
+
},
|
|
151
|
+
'orgid' (val) {
|
|
152
|
+
this.searchdata()
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
}
|
|
157
|
+
</script>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// 分公司特殊组件页面注册
|
|
2
|
+
import Vue from 'vue'
|
|
3
|
+
|
|
4
|
+
let specialComp = {
|
|
5
|
+
// 各管理站气量金额散列图
|
|
6
|
+
'site-manager': (resolve) => {
|
|
7
|
+
require(['./components/SellReport/SiteManager'], resolve)
|
|
8
|
+
},
|
|
9
|
+
// 银行代售气量金额散列图
|
|
10
|
+
'bank-manager': (resolve) => {
|
|
11
|
+
require(['./components/SellReport/BankManager'], resolve)
|
|
12
|
+
},
|
|
13
|
+
// 付款方式饼图
|
|
14
|
+
'paymentpie': (resolve) => {
|
|
15
|
+
require(['./components/WebReport/Paymentpie'], resolve)
|
|
16
|
+
},
|
|
17
|
+
'bussiness-type': (resolve) => {
|
|
18
|
+
require(['./components/WebReport/BussinessType'], resolve)
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
exports.specialComp = specialComp
|