hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 12:26:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

运营数据概览选择逻辑

Browse Source
This commit is contained in:
weixiaobo@boe.com.cn
2023-08-24 17:31:50 +08:00
parent f32e19dc7b
commit 1dc8e45917
1 changed files with 104 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/views/report/Operational.vue
View File

@@ -144,6 +144,9 @@
/>
</div>
</div>
<div class="leftItem">
<a-checkbox-group style="margin-left:20px" v-model:value="checkedList" :options="plainOptions" @change="checkboxChange" />
</div>
</div>
</div>
<div class="echarts" ref="surface1Ref"></div>
@@ -339,6 +342,9 @@ export default {
day: [],
},
modalFlag: false,
checkedList: [],
limitCheckedList: [],
plainOptions: ['学习人数', '总学习时长', '人均学习时长'],
});
const surfaceRef = ref(null);
const surface1Ref = ref(null);
@@ -350,6 +356,19 @@ export default {
const datess = ref();
const hackValues = ref();
const checkboxChange = (event) => {
console.log("checkboxChange event:",event);
if(event.length>2){
message.warning("最多选两个");
console.log("checkboxChange checkedList:",state.checkedList);
state.checkedList = state.limitCheckedList;
}else{
state.limitCheckedList = event;
modalChange();
}
};
const eChartClickRight = async () => {
state.modalFlag = true;
@@ -658,10 +677,27 @@ export default {
});
option.value.xAxis.data = xData;
// 右侧坐标轴数据
// option.value.series[0].data = count;
// //左侧坐标轴数据
// option.value.series[1].data = avgDuration;
// option.value.series[2].data = duration;
option.value.series[0].data = [];
option.value.series[1].data = [];
option.value.series[2].data = [];
console.log("checkedList:",state.checkedList);
for(let i=0;i<state.checkedList.length;i++){
if(state.checkedList[i]=="学习人数"){
option.value.series[0].data = count;
//左侧坐标轴数据
}
if(state.checkedList[i]=="人均学习时长"){
option.value.series[1].data = avgDuration;
option.value.series[1].yAxisIndex = i;
}
if(state.checkedList[i]=="总学习时长"){
option.value.series[2].data = duration;
option.value.series[2].yAxisIndex = i;
}
}
createEcharts2();
} else {
const xData = [];
@@ -676,10 +712,27 @@ export default {
});
option.value.xAxis.data = xData;
// 右侧坐标轴数据
// option.value.series[0].data = count;
// //左侧坐标轴数据
// option.value.series[1].data = avgDuration;
// option.value.series[2].data = duration;
option.value.series[0].data = [];
option.value.series[1].data = [];
option.value.series[2].data = [];
console.log("checkedList:",state.checkedList);
for(let i=0;i<state.checkedList.length;i++){
if(state.checkedList[i]=="学习人数"){
option.value.series[0].data = count;
//左侧坐标轴数据
}
if(state.checkedList[i]=="人均学习时长"){
option.value.series[1].data = avgDuration;
option.value.series[1].yAxisIndex = i;
}
if(state.checkedList[i]=="总学习时长"){
option.value.series[2].data = duration;
option.value.series[2].yAxisIndex = i;
}
}
createEcharts2();
}
}
@@ -715,10 +768,27 @@ export default {
});
option.value.xAxis.data = xData;
// 右侧坐标轴数据
// option.value.series[0].data = count;
// //左侧坐标轴数据
// option.value.series[1].data = avgDuration;
// option.value.series[2].data = duration;
option.value.series[0].data = [];
option.value.series[1].data = [];
option.value.series[2].data = [];
console.log("checkedList:",state.checkedList);
for(let i=0;i<state.checkedList.length;i++){
if(state.checkedList[i]=="学习人数"){
option.value.series[0].data = count;
//左侧坐标轴数据
}
if(state.checkedList[i]=="人均学习时长"){
option.value.series[1].data = avgDuration;
option.value.series[1].yAxisIndex = i;
}
if(state.checkedList[i]=="总学习时长"){
option.value.series[2].data = duration;
option.value.series[2].yAxisIndex = i;
}
}
createEcharts2();
} else {
const xData = [];
@@ -733,10 +803,27 @@ export default {
});
option.value.xAxis.data = xData;
// 右侧坐标轴数据
// option.value.series[0].data = count;
// //左侧坐标轴数据
// option.value.series[1].data = avgDuration;
// option.value.series[2].data = duration;
option.value.series[0].data = [];
option.value.series[1].data = [];
option.value.series[2].data = [];
console.log("checkedList:",state.checkedList);
for(let i=0;i<state.checkedList.length;i++){
if(state.checkedList[i]=="学习人数"){
option.value.series[0].data = count;
//左侧坐标轴数据
}
if(state.checkedList[i]=="人均学习时长"){
option.value.series[1].data = avgDuration;
option.value.series[1].yAxisIndex = i;
}
if(state.checkedList[i]=="总学习时长"){
option.value.series[2].data = duration;
option.value.series[2].yAxisIndex = i;
}
}
createEcharts2();
}
}
@@ -1425,6 +1512,7 @@ export default {
});
return {
...toRefs(state),
checkboxChange,
eChartClickRight,
rightMonthChange,
rightChange,