From 1dc8e4591768ce96c7b9b5f47295f83b95f0ff1f Mon Sep 17 00:00:00 2001
From: "weixiaobo@boe.com.cn" <weixiaobo@boe.com.cn>
Date: Thu, 24 Aug 2023 17:31:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=90=A5=E6=95=B0=E6=8D=AE=E6=A6=82?=
 =?UTF-8?q?=E8=A7=88=E9=80=89=E6=8B=A9=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/report/Operational.vue | 120 ++++++++++++++++++++++++++-----
 1 file changed, 104 insertions(+), 16 deletions(-)

diff --git a/src/views/report/Operational.vue b/src/views/report/Operational.vue
index 23bc415a..8d5e7791 100644
--- a/src/views/report/Operational.vue
+++ b/src/views/report/Operational.vue
@@ -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 = 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 = 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 = 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 = 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,