manage-client 3.2.32 → 3.2.33
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/build/dev-server.js +6 -4
- package/gradle/wrapper/gradle-wrapper.properties +5 -5
- package/package.json +1 -1
- package/src/components/BasisEcharts/BarChart.vue +247 -247
- package/src/components/SellReport/BonSummary.vue +178 -178
- package/src/components/SellReport/ChargePrick.vue +205 -205
- package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
- package/src/components/SellReport/ManageBusSummary.vue +219 -219
- package/src/components/SellReport/ManageGasPrice.vue +176 -176
- package/src/components/SellReport/NonResidentGas.vue +203 -203
- package/src/components/SellReport/OutletTable.vue +258 -258
- package/src/components/SellReport/QibiaoShouqi.vue +242 -242
- package/src/components/SellReport/ReportComponrnt/TieAnAccount.vue +501 -501
- package/src/components/SellReport/SaleMonthReport.vue +153 -153
- package/src/components/SellReport/SellingTable.vue +220 -220
- package/src/components/SellReport/UserSellingGas.vue +228 -228
- package/src/components/TelReport/ZhiHuanservice.vue +162 -162
- package/src/components/daping/GMap.vue +636 -636
- package/src/components/sale/businessquery/AccountQuery/ExpectGasList.vue +504 -504
- package/src/components/sale/businessquery/AccountQuery/PreGasList.vue +371 -371
- package/src/components/sale/businessquery/AccountQuery/SellingGasList.vue +404 -404
- package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
- package/src/components/sale/businessquery/InspectListUser.vue +43 -64
- package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
- package/src/components/sale/businessquery/ProceedsOper.vue +417 -417
- package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
- package/src/components/sale/businessquery/usergas.vue +311 -311
- package/src/components/sale/filesquery/ArchivesManage.vue +57 -57
- package/src/components/sale/filesquery/FireQuery.vue +477 -477
- package/src/components/statistical/StatisticalAnalysis.vue +252 -252
- package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
- package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
- package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
- package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
- package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +208 -208
- package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +607 -607
- package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +284 -284
- package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
- package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue +242 -242
- package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
- package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
- package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
- package/src/filiale/WEINAN/EchartsBox.vue +110 -110
- package/src/filiale/WEINAN/ReportDataQuery.vue +325 -325
- package/src/filiale/WEINAN/SiteManager.vue +191 -191
- package/src/filiale/WEINAN/UserGasAll.vue +577 -577
- package/src/filiale/WEINAN/UserGasEcharts.vue +281 -281
- package/src/filiale/WEINAN/UserGasList.vue +438 -438
- package/src/filiale/WEINAN/reportManage.js +12 -12
- package/src/filiale/WEINAN/sale.js +36 -36
- package/src/filiale/alashan/reportManage.js +10 -10
- package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
- package/src/filiale/jingzhou/config/exportConfig.js +861 -861
- package/src/filiale/liaoyuan/ReportList.vue +421 -421
- package/src/filiale/macheng/RecordInfoQuery.vue +1023 -1023
- package/src/filiale/meihekou/DeviceQuery.vue +545 -545
- package/src/filiale/meihekou/RecordInfoQuery.vue +1168 -1168
- package/src/filiale/meihekou/UserGasEform.vue +267 -267
- package/src/filiale/meihekou/YingShouMingXi.vue +538 -538
- package/src/filiale/meihekou/config/exportConfig.js +831 -831
- package/src/filiale/meihekou/sale.js +31 -31
- package/src/filiale/rongchuang/SellingTable.vue +250 -250
- package/src/filiale/rongchuang/reportManage.js +11 -11
- package/src/filiale/tongchuan/ManageBusSummary.vue +240 -240
- package/src/filiale/tongchuan/config/exportConfig.js +857 -857
- package/src/filiale/tongchuan/reportManage.js +5 -5
- package/src/main.js +4 -4
- package/src/saleManage.js +529 -529
- package/static/wuhai.json +1610 -1610
package/build/dev-server.js
CHANGED
|
@@ -13,8 +13,10 @@ var compiler = webpack(config)
|
|
|
13
13
|
// var bendi = 'http://127.0.0.1:8089/manage', fuwu = 'http://36.103.224.217:6300/'
|
|
14
14
|
var shaoguan='http://119.146.1.106:8300/'
|
|
15
15
|
var qtx='http://36.103.222.144:6300/'
|
|
16
|
-
var bendi = 'http://127.0.0.1:
|
|
16
|
+
var bendi = 'http://127.0.0.1:8090'
|
|
17
|
+
// var bendi = 'http://172.168.1.11:9001'
|
|
17
18
|
var fuwu = 'http://192.168.50.4:8400'
|
|
19
|
+
// var fuwu = 'http://172.168.1.11:9001'
|
|
18
20
|
var system = 'http://192.168.50.4:8400'
|
|
19
21
|
//192.168.
|
|
20
22
|
// var str = 'http://127.0.0.1:8080/manage', str2 = 'http://192.168.50.199:8300'
|
|
@@ -67,7 +69,7 @@ var proxyTable = {
|
|
|
67
69
|
target: fuwu
|
|
68
70
|
},
|
|
69
71
|
'/rs/report': {
|
|
70
|
-
target:
|
|
72
|
+
target: bendi
|
|
71
73
|
},
|
|
72
74
|
'/rs/vue': {
|
|
73
75
|
target: fuwu
|
|
@@ -165,10 +167,10 @@ app.use('/static', express.static('./static'))
|
|
|
165
167
|
// })
|
|
166
168
|
// })
|
|
167
169
|
|
|
168
|
-
module.exports = app.listen(
|
|
170
|
+
module.exports = app.listen(8085, function (err) {
|
|
169
171
|
if (err) {
|
|
170
172
|
console.log(err)
|
|
171
173
|
return
|
|
172
174
|
}
|
|
173
|
-
console.log('Listening at http://localhost:
|
|
175
|
+
console.log('Listening at http://localhost:8085')
|
|
174
176
|
})
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
distributionBase=GRADLE_USER_HOME
|
|
2
|
-
distributionPath=wrapper/dists
|
|
3
|
-
distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-bin.zip
|
|
4
|
-
zipStoreBase=GRADLE_USER_HOME
|
|
5
|
-
zipStorePath=wrapper/dists
|
|
1
|
+
distributionBase=GRADLE_USER_HOME
|
|
2
|
+
distributionPath=wrapper/dists
|
|
3
|
+
distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-bin.zip
|
|
4
|
+
zipStoreBase=GRADLE_USER_HOME
|
|
5
|
+
zipStorePath=wrapper/dists
|
package/package.json
CHANGED
|
@@ -1,247 +1,247 @@
|
|
|
1
|
-
|
|
2
|
-
<template>
|
|
3
|
-
<div>
|
|
4
|
-
<div class="text-1" :id="canvas">
|
|
5
|
-
<div :id="charts"></div>
|
|
6
|
-
</div>
|
|
7
|
-
</div>
|
|
8
|
-
</template>
|
|
9
|
-
|
|
10
|
-
<script>
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
name: "barChart",
|
|
14
|
-
|
|
15
|
-
/*
|
|
16
|
-
折线图
|
|
17
|
-
1.必须要传的参数:xdata,sdata,legendData
|
|
18
|
-
|
|
19
|
-
2.规范值
|
|
20
|
-
传入参数 例
|
|
21
|
-
xdata:[1,2,3,4]
|
|
22
|
-
sdata:[
|
|
23
|
-
[2,4,6,8],
|
|
24
|
-
[1,3,5,7]
|
|
25
|
-
]
|
|
26
|
-
legendData:['第一个','第二个']
|
|
27
|
-
legendData的长度等于sdata的长度
|
|
28
|
-
sdata的每一个数组的长度要和 xdata的长度相等
|
|
29
|
-
|
|
30
|
-
3.参数含义
|
|
31
|
-
xdata : x轴数据
|
|
32
|
-
sdata : 展示的数据
|
|
33
|
-
legend : 展示那些显示那些不显示
|
|
34
|
-
title : 标题
|
|
35
|
-
yname : y轴名称
|
|
36
|
-
xname : y轴名称
|
|
37
|
-
settime : tooltip 轮播的时间 默认 1500
|
|
38
|
-
showtooltip : 是否展示 提示框 默认展示
|
|
39
|
-
smooth : 曲线 平滑线 默认曲线
|
|
40
|
-
showtitle : 标题是否展示
|
|
41
|
-
showyname: y轴名称是否显示
|
|
42
|
-
*/
|
|
43
|
-
props: [
|
|
44
|
-
'xdata',
|
|
45
|
-
'sdata',
|
|
46
|
-
'legend',
|
|
47
|
-
'title',
|
|
48
|
-
'yname',
|
|
49
|
-
'settime',
|
|
50
|
-
'showtooltip',
|
|
51
|
-
'smooth',
|
|
52
|
-
'showtitle',
|
|
53
|
-
'showyname',
|
|
54
|
-
'showxname',
|
|
55
|
-
'xname'
|
|
56
|
-
],
|
|
57
|
-
data() {
|
|
58
|
-
return {
|
|
59
|
-
canvas: 'canvas_'+new Date().getTime()+'_'+Math.random()*10,
|
|
60
|
-
charts: 'charts_'+new Date().getTime()+'_'+Math.random()*10,
|
|
61
|
-
xc: '',
|
|
62
|
-
timer: '',
|
|
63
|
-
time:1500, // 轮播提示的时间 默认 1500
|
|
64
|
-
showtTip:true, // 轮播提示框 默认展示
|
|
65
|
-
csmooth:false, // 线的类型 true 为平滑线 反之曲线
|
|
66
|
-
cshowtitle:true, //标题 默认展示
|
|
67
|
-
cshowyname:true , //y轴名称 默认展示
|
|
68
|
-
cshowxname:true , //x轴名称 默认展示
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
beforeDestroy() {
|
|
72
|
-
//清除定时器
|
|
73
|
-
clearInterval(this.timer);
|
|
74
|
-
},
|
|
75
|
-
methods: {
|
|
76
|
-
setBar() {
|
|
77
|
-
console.log('进入画图~~~~~~~~~~~~~~~~~~~')
|
|
78
|
-
const width=document.getElementById(this.canvas).offsetWidth
|
|
79
|
-
let fontSize=0
|
|
80
|
-
if(width<600){
|
|
81
|
-
fontSize=14
|
|
82
|
-
}else if(width<1200) {
|
|
83
|
-
fontSize=18
|
|
84
|
-
}else{
|
|
85
|
-
fontSize=22
|
|
86
|
-
}
|
|
87
|
-
console.log('字体大小')
|
|
88
|
-
console.log(width)
|
|
89
|
-
console.log(fontSize)
|
|
90
|
-
this.xc = this.$echarts.init(document.getElementById(this.charts))
|
|
91
|
-
if(this.settime!==undefined){
|
|
92
|
-
this.time=this.settime
|
|
93
|
-
}
|
|
94
|
-
if(this.showtooltip!==undefined){ // 判断提示框
|
|
95
|
-
this.showtTip=this.showtooltip
|
|
96
|
-
}
|
|
97
|
-
if(this.csmooth!==undefined){ // 判断平滑线 折线
|
|
98
|
-
this.csmooth=this.smooth
|
|
99
|
-
}
|
|
100
|
-
if(this.showtitle!==undefined){ // 判断标题
|
|
101
|
-
this.cshowtitle=this.showtitle
|
|
102
|
-
}
|
|
103
|
-
if(this.showyname!==undefined){ // 判断是否展示y轴名称
|
|
104
|
-
this.cshowyname=this.showyname
|
|
105
|
-
}
|
|
106
|
-
if(this.showxname!==undefined){ // 判断是否展示x轴名称
|
|
107
|
-
this.cshowxname=this.showxname
|
|
108
|
-
}
|
|
109
|
-
if(this.cyname!==undefined){ // 判断平滑线 折线
|
|
110
|
-
this.cyname=this.yname
|
|
111
|
-
}
|
|
112
|
-
var serieData = []
|
|
113
|
-
var legend = this.legend
|
|
114
|
-
for (let i = 0; i < legend.length; i++) {
|
|
115
|
-
var series= {
|
|
116
|
-
name: legend[i],
|
|
117
|
-
type: 'bar',
|
|
118
|
-
barWidth: '25%',
|
|
119
|
-
data: this.sdata[i]
|
|
120
|
-
}
|
|
121
|
-
serieData.push(series)
|
|
122
|
-
}
|
|
123
|
-
this.xc.setOption({
|
|
124
|
-
title: {
|
|
125
|
-
text: this.title,
|
|
126
|
-
left:'center',
|
|
127
|
-
textStyle:{
|
|
128
|
-
fontSize:fontSize
|
|
129
|
-
},
|
|
130
|
-
show:this.cshowtitle
|
|
131
|
-
},
|
|
132
|
-
tooltip: {
|
|
133
|
-
show:this.showtTip,
|
|
134
|
-
alwaysShowContent: true,
|
|
135
|
-
backgroundColor: 'rgba(2, 59, 63, 0.45)',
|
|
136
|
-
// borderColor :'rgba(13, 109, 180)',
|
|
137
|
-
borderWidth: 0,
|
|
138
|
-
hideDelay: 100,
|
|
139
|
-
textStyle: {
|
|
140
|
-
fontSize: fontSize
|
|
141
|
-
},
|
|
142
|
-
confine: false,
|
|
143
|
-
formatter: function (params) {
|
|
144
|
-
var result = ''
|
|
145
|
-
params.forEach(function (item) {
|
|
146
|
-
result += item.marker + " " + item.seriesName + " <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
|
|
147
|
-
});
|
|
148
|
-
return "<div style='text-align: center;height: 1px;font-weight: normal'>" + params[0].axisValue + '</div><br/>' + result
|
|
149
|
-
},
|
|
150
|
-
trigger: 'axis',
|
|
151
|
-
axisPointer: {type: 'line', lineStyle: {width: 0}},
|
|
152
|
-
extraCssText: 'width: auto;height: auto;'
|
|
153
|
-
},
|
|
154
|
-
legend: {
|
|
155
|
-
// padding:[50,40,0,200], // 上右下左
|
|
156
|
-
data: this.legend,
|
|
157
|
-
textStyle:{
|
|
158
|
-
fontSize:fontSize
|
|
159
|
-
},
|
|
160
|
-
left:'20%',
|
|
161
|
-
top:'10%'
|
|
162
|
-
},
|
|
163
|
-
grid: {
|
|
164
|
-
left: '6%',
|
|
165
|
-
right: '15%',
|
|
166
|
-
bottom: '4%',
|
|
167
|
-
top:'20%',
|
|
168
|
-
containLabel: true
|
|
169
|
-
},
|
|
170
|
-
xAxis: [
|
|
171
|
-
{
|
|
172
|
-
name:this.cshowxname===true?this.xname:'',
|
|
173
|
-
type: 'category',
|
|
174
|
-
boundaryGap: true,
|
|
175
|
-
|
|
176
|
-
axisTick:{
|
|
177
|
-
show:false
|
|
178
|
-
},
|
|
179
|
-
axisLabel:{
|
|
180
|
-
fontSize:fontSize
|
|
181
|
-
},
|
|
182
|
-
nameTextStyle:{
|
|
183
|
-
fontSize:fontSize,
|
|
184
|
-
padding:[0,100,15,-12], // 上右下左
|
|
185
|
-
},
|
|
186
|
-
data:this.xdata
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
],
|
|
190
|
-
yAxis: [
|
|
191
|
-
{
|
|
192
|
-
|
|
193
|
-
name:this.cshowyname===true?this.yname:'',
|
|
194
|
-
type: 'value',
|
|
195
|
-
nameTextStyle:{
|
|
196
|
-
fontSize:fontSize,
|
|
197
|
-
padding:[0,0,15,60], // 上右下左
|
|
198
|
-
},
|
|
199
|
-
axisLabel:{
|
|
200
|
-
fontSize:fontSize,
|
|
201
|
-
formatter: function (params) {
|
|
202
|
-
if (params > 9999) {
|
|
203
|
-
return params / 10000 + "万"
|
|
204
|
-
}
|
|
205
|
-
else
|
|
206
|
-
return params
|
|
207
|
-
}
|
|
208
|
-
},
|
|
209
|
-
axisTick:{
|
|
210
|
-
show:false
|
|
211
|
-
},
|
|
212
|
-
|
|
213
|
-
}
|
|
214
|
-
],
|
|
215
|
-
series: serieData
|
|
216
|
-
})
|
|
217
|
-
// let idx = -1;
|
|
218
|
-
// var dataLen = this.sdata[0].length
|
|
219
|
-
// this.timer = setInterval(() => {
|
|
220
|
-
// idx = (idx + 1) % dataLen;
|
|
221
|
-
// this.xc.dispatchAction({
|
|
222
|
-
// type: 'showTip',
|
|
223
|
-
// seriesIndex: 1,
|
|
224
|
-
// dataIndex: idx
|
|
225
|
-
// });
|
|
226
|
-
//
|
|
227
|
-
// }, this.time)
|
|
228
|
-
},
|
|
229
|
-
|
|
230
|
-
},
|
|
231
|
-
watch: {
|
|
232
|
-
'sdata' () {
|
|
233
|
-
// 清除定时器
|
|
234
|
-
clearInterval(this.timer)
|
|
235
|
-
this.setBar()
|
|
236
|
-
}
|
|
237
|
-
},
|
|
238
|
-
ready () {
|
|
239
|
-
this.setBar()
|
|
240
|
-
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
</script>
|
|
244
|
-
|
|
245
|
-
<style scoped>
|
|
246
|
-
|
|
247
|
-
</style>
|
|
1
|
+
|
|
2
|
+
<template>
|
|
3
|
+
<div>
|
|
4
|
+
<div class="text-1" :id="canvas">
|
|
5
|
+
<div :id="charts"></div>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
|
|
10
|
+
<script>
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
name: "barChart",
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
折线图
|
|
17
|
+
1.必须要传的参数:xdata,sdata,legendData
|
|
18
|
+
|
|
19
|
+
2.规范值
|
|
20
|
+
传入参数 例
|
|
21
|
+
xdata:[1,2,3,4]
|
|
22
|
+
sdata:[
|
|
23
|
+
[2,4,6,8],
|
|
24
|
+
[1,3,5,7]
|
|
25
|
+
]
|
|
26
|
+
legendData:['第一个','第二个']
|
|
27
|
+
legendData的长度等于sdata的长度
|
|
28
|
+
sdata的每一个数组的长度要和 xdata的长度相等
|
|
29
|
+
|
|
30
|
+
3.参数含义
|
|
31
|
+
xdata : x轴数据
|
|
32
|
+
sdata : 展示的数据
|
|
33
|
+
legend : 展示那些显示那些不显示
|
|
34
|
+
title : 标题
|
|
35
|
+
yname : y轴名称
|
|
36
|
+
xname : y轴名称
|
|
37
|
+
settime : tooltip 轮播的时间 默认 1500
|
|
38
|
+
showtooltip : 是否展示 提示框 默认展示
|
|
39
|
+
smooth : 曲线 平滑线 默认曲线
|
|
40
|
+
showtitle : 标题是否展示
|
|
41
|
+
showyname: y轴名称是否显示
|
|
42
|
+
*/
|
|
43
|
+
props: [
|
|
44
|
+
'xdata',
|
|
45
|
+
'sdata',
|
|
46
|
+
'legend',
|
|
47
|
+
'title',
|
|
48
|
+
'yname',
|
|
49
|
+
'settime',
|
|
50
|
+
'showtooltip',
|
|
51
|
+
'smooth',
|
|
52
|
+
'showtitle',
|
|
53
|
+
'showyname',
|
|
54
|
+
'showxname',
|
|
55
|
+
'xname'
|
|
56
|
+
],
|
|
57
|
+
data() {
|
|
58
|
+
return {
|
|
59
|
+
canvas: 'canvas_'+new Date().getTime()+'_'+Math.random()*10,
|
|
60
|
+
charts: 'charts_'+new Date().getTime()+'_'+Math.random()*10,
|
|
61
|
+
xc: '',
|
|
62
|
+
timer: '',
|
|
63
|
+
time:1500, // 轮播提示的时间 默认 1500
|
|
64
|
+
showtTip:true, // 轮播提示框 默认展示
|
|
65
|
+
csmooth:false, // 线的类型 true 为平滑线 反之曲线
|
|
66
|
+
cshowtitle:true, //标题 默认展示
|
|
67
|
+
cshowyname:true , //y轴名称 默认展示
|
|
68
|
+
cshowxname:true , //x轴名称 默认展示
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
beforeDestroy() {
|
|
72
|
+
//清除定时器
|
|
73
|
+
clearInterval(this.timer);
|
|
74
|
+
},
|
|
75
|
+
methods: {
|
|
76
|
+
setBar() {
|
|
77
|
+
console.log('进入画图~~~~~~~~~~~~~~~~~~~')
|
|
78
|
+
const width=document.getElementById(this.canvas).offsetWidth
|
|
79
|
+
let fontSize=0
|
|
80
|
+
if(width<600){
|
|
81
|
+
fontSize=14
|
|
82
|
+
}else if(width<1200) {
|
|
83
|
+
fontSize=18
|
|
84
|
+
}else{
|
|
85
|
+
fontSize=22
|
|
86
|
+
}
|
|
87
|
+
console.log('字体大小')
|
|
88
|
+
console.log(width)
|
|
89
|
+
console.log(fontSize)
|
|
90
|
+
this.xc = this.$echarts.init(document.getElementById(this.charts))
|
|
91
|
+
if(this.settime!==undefined){
|
|
92
|
+
this.time=this.settime
|
|
93
|
+
}
|
|
94
|
+
if(this.showtooltip!==undefined){ // 判断提示框
|
|
95
|
+
this.showtTip=this.showtooltip
|
|
96
|
+
}
|
|
97
|
+
if(this.csmooth!==undefined){ // 判断平滑线 折线
|
|
98
|
+
this.csmooth=this.smooth
|
|
99
|
+
}
|
|
100
|
+
if(this.showtitle!==undefined){ // 判断标题
|
|
101
|
+
this.cshowtitle=this.showtitle
|
|
102
|
+
}
|
|
103
|
+
if(this.showyname!==undefined){ // 判断是否展示y轴名称
|
|
104
|
+
this.cshowyname=this.showyname
|
|
105
|
+
}
|
|
106
|
+
if(this.showxname!==undefined){ // 判断是否展示x轴名称
|
|
107
|
+
this.cshowxname=this.showxname
|
|
108
|
+
}
|
|
109
|
+
if(this.cyname!==undefined){ // 判断平滑线 折线
|
|
110
|
+
this.cyname=this.yname
|
|
111
|
+
}
|
|
112
|
+
var serieData = []
|
|
113
|
+
var legend = this.legend
|
|
114
|
+
for (let i = 0; i < legend.length; i++) {
|
|
115
|
+
var series= {
|
|
116
|
+
name: legend[i],
|
|
117
|
+
type: 'bar',
|
|
118
|
+
barWidth: '25%',
|
|
119
|
+
data: this.sdata[i]
|
|
120
|
+
}
|
|
121
|
+
serieData.push(series)
|
|
122
|
+
}
|
|
123
|
+
this.xc.setOption({
|
|
124
|
+
title: {
|
|
125
|
+
text: this.title,
|
|
126
|
+
left:'center',
|
|
127
|
+
textStyle:{
|
|
128
|
+
fontSize:fontSize
|
|
129
|
+
},
|
|
130
|
+
show:this.cshowtitle
|
|
131
|
+
},
|
|
132
|
+
tooltip: {
|
|
133
|
+
show:this.showtTip,
|
|
134
|
+
alwaysShowContent: true,
|
|
135
|
+
backgroundColor: 'rgba(2, 59, 63, 0.45)',
|
|
136
|
+
// borderColor :'rgba(13, 109, 180)',
|
|
137
|
+
borderWidth: 0,
|
|
138
|
+
hideDelay: 100,
|
|
139
|
+
textStyle: {
|
|
140
|
+
fontSize: fontSize
|
|
141
|
+
},
|
|
142
|
+
confine: false,
|
|
143
|
+
formatter: function (params) {
|
|
144
|
+
var result = ''
|
|
145
|
+
params.forEach(function (item) {
|
|
146
|
+
result += item.marker + " " + item.seriesName + " <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
|
|
147
|
+
});
|
|
148
|
+
return "<div style='text-align: center;height: 1px;font-weight: normal'>" + params[0].axisValue + '</div><br/>' + result
|
|
149
|
+
},
|
|
150
|
+
trigger: 'axis',
|
|
151
|
+
axisPointer: {type: 'line', lineStyle: {width: 0}},
|
|
152
|
+
extraCssText: 'width: auto;height: auto;'
|
|
153
|
+
},
|
|
154
|
+
legend: {
|
|
155
|
+
// padding:[50,40,0,200], // 上右下左
|
|
156
|
+
data: this.legend,
|
|
157
|
+
textStyle:{
|
|
158
|
+
fontSize:fontSize
|
|
159
|
+
},
|
|
160
|
+
left:'20%',
|
|
161
|
+
top:'10%'
|
|
162
|
+
},
|
|
163
|
+
grid: {
|
|
164
|
+
left: '6%',
|
|
165
|
+
right: '15%',
|
|
166
|
+
bottom: '4%',
|
|
167
|
+
top:'20%',
|
|
168
|
+
containLabel: true
|
|
169
|
+
},
|
|
170
|
+
xAxis: [
|
|
171
|
+
{
|
|
172
|
+
name:this.cshowxname===true?this.xname:'',
|
|
173
|
+
type: 'category',
|
|
174
|
+
boundaryGap: true,
|
|
175
|
+
|
|
176
|
+
axisTick:{
|
|
177
|
+
show:false
|
|
178
|
+
},
|
|
179
|
+
axisLabel:{
|
|
180
|
+
fontSize:fontSize
|
|
181
|
+
},
|
|
182
|
+
nameTextStyle:{
|
|
183
|
+
fontSize:fontSize,
|
|
184
|
+
padding:[0,100,15,-12], // 上右下左
|
|
185
|
+
},
|
|
186
|
+
data:this.xdata
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
],
|
|
190
|
+
yAxis: [
|
|
191
|
+
{
|
|
192
|
+
|
|
193
|
+
name:this.cshowyname===true?this.yname:'',
|
|
194
|
+
type: 'value',
|
|
195
|
+
nameTextStyle:{
|
|
196
|
+
fontSize:fontSize,
|
|
197
|
+
padding:[0,0,15,60], // 上右下左
|
|
198
|
+
},
|
|
199
|
+
axisLabel:{
|
|
200
|
+
fontSize:fontSize,
|
|
201
|
+
formatter: function (params) {
|
|
202
|
+
if (params > 9999) {
|
|
203
|
+
return params / 10000 + "万"
|
|
204
|
+
}
|
|
205
|
+
else
|
|
206
|
+
return params
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
axisTick:{
|
|
210
|
+
show:false
|
|
211
|
+
},
|
|
212
|
+
|
|
213
|
+
}
|
|
214
|
+
],
|
|
215
|
+
series: serieData
|
|
216
|
+
})
|
|
217
|
+
// let idx = -1;
|
|
218
|
+
// var dataLen = this.sdata[0].length
|
|
219
|
+
// this.timer = setInterval(() => {
|
|
220
|
+
// idx = (idx + 1) % dataLen;
|
|
221
|
+
// this.xc.dispatchAction({
|
|
222
|
+
// type: 'showTip',
|
|
223
|
+
// seriesIndex: 1,
|
|
224
|
+
// dataIndex: idx
|
|
225
|
+
// });
|
|
226
|
+
//
|
|
227
|
+
// }, this.time)
|
|
228
|
+
},
|
|
229
|
+
|
|
230
|
+
},
|
|
231
|
+
watch: {
|
|
232
|
+
'sdata' () {
|
|
233
|
+
// 清除定时器
|
|
234
|
+
clearInterval(this.timer)
|
|
235
|
+
this.setBar()
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
ready () {
|
|
239
|
+
this.setBar()
|
|
240
|
+
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
</script>
|
|
244
|
+
|
|
245
|
+
<style scoped>
|
|
246
|
+
|
|
247
|
+
</style>
|