From 95c8a26d70360abb1dc0437a1197ce4dbbdb0759 Mon Sep 17 00:00:00 2001
From: "weixiaobo@boe.com.cn" <weixiaobo@boe.com.cn>
Date: Tue, 12 Sep 2023 11:13:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E8=A1=A8=E6=95=B0=E6=8D=AE=E6=A6=82?=
 =?UTF-8?q?=E8=A7=88checkbox=E5=88=87=E6=8D=A2=E4=B8=8D=E8=B0=83=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/report/Operational.vue | 87 ++++++++++++++++++++++++++++++--
 1 file changed, 84 insertions(+), 3 deletions(-)

diff --git a/src/views/report/Operational.vue b/src/views/report/Operational.vue
index 6948238d..e9edfd28 100644
--- a/src/views/report/Operational.vue
+++ b/src/views/report/Operational.vue
@@ -349,7 +349,8 @@ export default {
         one: "学习人数",
         two: "总学习时长",
         three: "人均学习时长",
-      }
+      },
+      topChartData:[],
     });
     const surfaceRef = ref(null);
     const surface1Ref = ref(null);
@@ -372,9 +373,87 @@ export default {
         state.limitCheckedList = event;
         // modalChange();
         if (state.towParmasn.dateType == 2) {
-          twoMonthChange(state.towParmasn.time);
+          // twoMonthChange(state.towParmasn.time);
+
+          const xData = [];
+          const avgDuration = [];
+          const count = [];
+          const duration = [];
+          state.topChartData.forEach((item) => {
+            xData.push(item.day);
+            avgDuration.push(item.avgDuration);
+            count.push(item.count);
+            duration.push(item.duration);
+          });
+          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);
+          console.log("666 duration:",duration);
+          for(let i=0;i<state.checkedList.length;i++){
+            if(state.checkedList[i]=="学习人数" || state.checkedList[i]=="总阅读人数" || state.checkedList[i]=="总查看人数"){
+              option.value.series[0].data = count;
+              option.value.series[0].name = state.checkedList[i];
+            }
+            if(state.checkedList[i]=="人均学习时长" || state.checkedList[i]=="人均阅读时长" || state.checkedList[i]=="总回答人数"){
+              option.value.series[1].data = avgDuration;
+              option.value.series[1].yAxisIndex = i;
+              option.value.series[1].name = state.checkedList[i];
+            }
+            if(state.checkedList[i]=="总学习时长" || state.checkedList[i]=="总阅读时长" || state.checkedList[i]=="总提问人数"){
+              option.value.series[2].data = duration;
+              option.value.series[2].yAxisIndex = i;
+              option.value.series[2].name = state.checkedList[i];
+            }
+          }
+          console.log("123:",option.value.series)
+          createEcharts2();
         } else if (state.towParmasn.dateType == 1) {
-          twoDatChange(state.towParmasn.day);
+          // twoDatChange(state.towParmasn.day);
+
+          const xData = [];
+          const avgDuration = [];
+          const count = [];
+          const duration = [];
+          state.topChartData.forEach((item) => {
+            xData.push(item.day);
+            avgDuration.push(item.avgDuration);
+            count.push(item.count);
+            duration.push(item.duration);
+          });
+          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]=="学习人数" || state.checkedList[i]=="总阅读人数" || state.checkedList[i]=="总查看人数"){
+              option.value.series[0].data = count;
+              option.value.series[0].name = state.checkedList[i];
+            }
+            if(state.checkedList[i]=="人均学习时长" || state.checkedList[i]=="人均阅读时长" || state.checkedList[i]=="总回答人数"){
+              option.value.series[1].data = avgDuration;
+              option.value.series[1].yAxisIndex = i;
+              option.value.series[1].name = state.checkedList[i];
+            }
+            if(state.checkedList[i]=="总学习时长" || state.checkedList[i]=="总阅读时长" || state.checkedList[i]=="总提问人数"){
+              option.value.series[2].data = duration;
+              option.value.series[2].yAxisIndex = i;
+              option.value.series[2].name = state.checkedList[i];
+            }
+          }
+          createEcharts2();
         }
       }
     };
@@ -698,6 +777,7 @@ export default {
           type: state.towParmasn.type,
         });
         if (res) {
+          state.topChartData = res?.data?.result;
           if (
             state.towParmasn.type == 4 ||
             state.towParmasn.type == 5 ||
@@ -799,6 +879,7 @@ export default {
           type: state.towParmasn.type,
         });
         if (res) {
+          state.topChartData = res?.data?.result;
           if (
             state.towParmasn.type == 4 ||
             state.towParmasn.type == 5 ||