xioayue
/
btgym
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

体育馆PC端问题处理8

lite
‘daijinzheng@xingtongworld.com’ 3 years ago
parent
ae3c1cc667
commit
e0ad4d0dd0
1 changed files with 66 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 103
      src/views/index.vue

103
src/views/index.vue
View File

@ -21,20 +21,20 @@
<div class="cgflow_leftbox">
<!-- 体育场的流量预警 -->
<div class="cgfitem">
<span class="cgtitle">体育场</span>
<span class="cgval">{{ proportionData }}</span>
<span class="cgtitle">{{ groupNameData[0] }}</span>
<span class="cgval">{{ proportionData[0] }}</span>
<span class="cgimg"><img src="../assets/index/tyc_icon.png" /></span>
</div>
<!-- 体育馆 -->
<div class="cgfitem">
<span class="cgtitle">体育馆</span>
<span class="cgval">20%</span>
<span class="cgtitle">{{ groupNameData[1] }}</span>
<span class="cgval">{{ proportionData[1] }}</span>
<span class="cgimg"><img src="../assets/index/tyg_icon.png" /></span>
</div>
<!-- 游泳馆 -->
<div class="cgfitem">
<span class="cgtitle">游泳场馆</span>
<span class="cgval">20%</span>
<span class="cgtitle">{{ groupNameData[2] }}</span>
<span class="cgval">{{ proportionData[2] }}</span>
<span class="cgimg"><img src="../assets/index/yyg_icon.png" /></span>
</div>
</div>
@ -43,20 +43,20 @@
<!-- 图书馆 -->
<div class="cgfitem">
<span class="cgimg"><img src="../assets/index/tsg_icon.png" /></span>
<span class="cgval">20%</span>
<span class="cgtitle">图书馆</span>
<span class="cgval">{{ proportionData[3] }}</span>
<span class="cgtitle">{{ groupNameData[3] }}</span>
</div>
<!-- 文化馆 -->
<div class="cgfitem">
<span class="cgimg"><img src="../assets/index/whg_icon.png" /></span>
<span class="cgval">20%</span>
<span class="cgtitle">文化馆</span>
<span class="cgval">{{ proportionData[4] }}</span>
<span class="cgtitle">{{ groupNameData[4] }}</span>
</div>
<!-- 博物馆 -->
<div class="cgfitem">
<span class="cgimg"><img src="../assets/index/bwg_icon.png" /></span>
<span class="cgval">20%</span>
<span class="cgtitle">博物馆</span>
<span class="cgval">{{ proportionData[5] }}</span>
<span class="cgtitle">{{ groupNameData[5] }}</span>
</div>
</div>
</div>
@ -176,7 +176,9 @@ export default {
rsqsDatas: [],
rsqs_datas: {},
rsqsData_z: [],
proportionData: []
proportionData: [],
proportionData_z: [],
groupNameData: []
};
},
//创建的时候修改背景图片
@ -197,8 +199,8 @@ export default {
this.getInfoDatas();
this.getGcgNumDatas()
setTimeout(() => {
this.home_bar(this.klqsDatas);
this.line_zone(this.rsqsData_z);
this.home_bar();
this.line_zone();
}, 300)
// 首页线图
@ -296,7 +298,7 @@ export default {
},
// 透明背景柱状统计图
home_bar(klqsDatas) {
home_bar() {
var chartDom = document.getElementById("homebar");
var myChart = echarts.init(chartDom);
var option;
@ -305,7 +307,7 @@ 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(klqsDatas);
console.log(this.klqsDatas);
var data = this.klqsDatas
// var data = [Math.random() * 300]
option = {
@ -617,14 +619,7 @@ export default {
// [124, 147, 175, 134, 122, 175, 180, 110, 130, 154, 187, 125, 134],
// [154, 174, 157, 175, 121, 157, 200, 250, 280, 134, 174, 157, 175],
// ]
var data = [
this.rsqsData_z,
this.rsqsData_z,
this.rsqsData_z,
this.rsqsData_z,
this.rsqsData_z,
this.rsqsData_z
]
var data = this.rsqsData_z
var series = [];
for (var i = 0; i < 6; i++) {
@ -841,12 +836,29 @@ export default {
groupsData.forEach((item) => {
console.log(item);
that.proportionData = item.proportion
// that.proportionData = item.proportion
// console.log(this.proportionData);
that.proportionData.push(item.proportion)
console.log(this.proportionData);
that.groupNameData.push(item.groupName)
console.log(this.groupNameData);
// console.log(value);
// datas.push(value)
})
// this.proportionData.forEach((item) => {
// console.log(item);
// let rsqsData = []
// Object.values(item).forEach((value) => {
// // console.log(value);
// rsqsData.push(value)
// console.log(rsqsData);
// });
// that.proportionData_z.push(rsqsData)
// console.log(that.proportionData_z);
// })
// let rsqsData = []
// Object.values(this.rsqsDatas).forEach((value) => {
// console.log(value);
@ -919,22 +931,37 @@ export default {
const tmpdata = res.data.data
console.log(tmpdata);
tmpdata.forEach((item) => {
// console.log(item);
// console.log(item.list);
that.rsqsDatas = item.list
console.log(item);
console.log(item.list);
that.rsqsDatas.push(item.list)
console.log(this.rsqsDatas);
// console.log(value);
// datas.push(value)
// let rsqsData = []
// Object.values(item.list).forEach((value) => {
// console.log(value);
// rsqsData.push(value)
// // console.log(rsqsData);
// that.rsqsData_z.push(rsqsData)
// console.log(that.rsqsData_z);
// // console.log(that.rsqsData_z);
// });
})
let rsqsData = []
Object.values(this.rsqsDatas).forEach((value) => {
// console.log(value);
rsqsData.push(value)
// console.log(rsqsData);
that.rsqsData_z = rsqsData
// console.log(that.rsqsData_z);
});
this.rsqsDatas.forEach((item) => {
console.log(item);
let rsqsData = []
Object.values(item).forEach((value) => {
// console.log(value);
rsqsData.push(value)
console.log(rsqsData);
});
that.rsqsData_z.push(rsqsData)
console.log(that.rsqsData_z);
})
// this.day_num = tmpdata.day.noRepeatInNum
// this.week_num_num = tmpdata.week.noRepeatInNum
// this.mon_num = tmpdata.month.noRepeatInNum
@ -1044,6 +1071,8 @@ export default {
.leftbox .cgflow .cgfitem {
width: 100%;
height: 0.46rem;
display: flex;
justify-content: space-between;
}
.leftbox .cgflow .cgflow_leftbox .cgfitem:nth-child(3) .cgtitle {

Write Preview
Loading…
Cancel
Save