Browse Source

修正轮播点击切换

lite
453530270@qq.com 3 years ago
parent
commit
4c9a2a9e02
  1. 26
      src/views/index.vue

26
src/views/index.vue

@ -8,8 +8,8 @@
<span class="kliu_title">总服务人次趋势</span>
<div class="kliu_st">
<span id="yitem" :class="klselt == 'y' ? 'spactive' : ''" @click="selitem('y')"></span>
<span id="mitem" :class="klselt == 'm' ? 'spactive' : ''" @click="selitem2('m')"></span>
<span id="ditem" :class="klselt == 'd' ? 'spactive' : ''" @click="selitem3('d')"></span>
<span id="mitem" :class="klselt == 'm' ? 'spactive' : ''" @click="selitem('m')"></span>
<span id="ditem" :class="klselt == 'd' ? 'spactive' : ''" @click="selitem('d')"></span>
</div>
</div>
<!-- 立体柱状图 -->
@ -180,7 +180,7 @@ export default {
this.home_bar();
this.line_zone();
this.index_pie1();
}, 300)
}, 1000)
// 线
// this.home_bar(this.klqsDatas);
@ -199,15 +199,18 @@ export default {
methods: {
btgetdata() {
// console.log(type)
// let rqtp;
// switch (type) {
// case 'd': rqtp = "daily"; break;
// case 'm': rqtp = "monthly"; break;
// case 'y': rqtp = "yearly"; break;
// }
let rqtp;
switch (this.klselt) {
case 'd': rqtp = "daily"; break;
case 'm': rqtp = "monthly"; break;
case 'y': rqtp = "yearly"; break;
}
// console.log(rqtp);
//
homeApi.allGroupTimeNum().then(res => {
const reqp={
granularity:rqtp,
}
// allTygGroupTimeNum
homeApi.allGroupTimeNum(reqp).then(res => {
const kldata = res.data.data.allTimeData
//
let kltd = new Array;
@ -280,7 +283,6 @@ export default {
// var xData = ['09:00', '10:00', '11:00','12:00', '13:00', '14:00','15:00', '16:00', '17:00','18:00', '20:00', '21:00', '22:00'];
// var data = [100, 200, 100, 200, 100, 200, 250, 50, 30, 130, 150, 110, 120]
console.log(this.klqsDatas);
var data = this.klqsDatas;
let max=this.klqsDatas[0];
for (let i = 0; i < this.klqsDatas.length; i++) {

Loading…
Cancel
Save