From 42e0665c370c78d9cc1b17e58dfdf7d4fcbb8d44 Mon Sep 17 00:00:00 2001
From: "mx00085@163.com" <mx00085@163.com>
Date: Thu, 30 Mar 2023 10:01:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=83=A8=E5=88=86bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/report/Learningpathmap.vue | 17 +++------
 src/views/report/Operational.vue     | 56 ++++++++++++++++++++++++++--
 2 files changed, 58 insertions(+), 15 deletions(-)

diff --git a/src/views/report/Learningpathmap.vue b/src/views/report/Learningpathmap.vue
index 0d8ef46e..eb9eda23 100644
--- a/src/views/report/Learningpathmap.vue
+++ b/src/views/report/Learningpathmap.vue
@@ -21,7 +21,7 @@
         <a-input
           style="width: 100%; height: 40px; border-radius: 8px"
           placeholder="请输入路径名称"
-          v-model:value="boeRouterInfoName"
+          v-model:value="routerName"
           allowClear
           showSearch
         >
@@ -300,7 +300,6 @@ export default {
         startTime: state.startTime,
         endTime: state.endTime,
         name: state.name,
-        boeRouterInfoName: state.boeRouterInfoName,
       });
       if (res) {
         state.tableDataTotal = res.data.total;
@@ -318,7 +317,7 @@ export default {
     const reset = async () => {
       state.tableLoading = true;
       state.createName = "";
-      state.boeRouterInfoName = "";
+      state.routerName = "";
       state.orgId = state.resetOrgId;
       getTableData();
     };
@@ -342,7 +341,7 @@ export default {
       } else {
         const params = {
           createName: state.createName,
-          boeRouterInfoName: state.boeRouterInfoName,
+          routerName: state.routerName,
           orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
         };
         axios({
@@ -380,15 +379,9 @@ export default {
           };
       } else {
         const params = {
-          page: state.pageNo,
-          size: state.pageSize,
-          orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
-          router: state.routerId,
-          routerName: state.routerName,
           createName: state.createName,
-          startTime: state.startTime,
-          endTime: state.endTime,
-          name: state.name,
+          routerName: state.routerName,
+          orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
         };
         axios({
           method: "post",
diff --git a/src/views/report/Operational.vue b/src/views/report/Operational.vue
index d39f7e92..909d2679 100644
--- a/src/views/report/Operational.vue
+++ b/src/views/report/Operational.vue
@@ -200,16 +200,32 @@
               <a-select
                 style="width: 100%"
                 placeholder="请选择日期格式"
-                allowClear
+                @change="rightChange"
+                :options="[
+                  { label: '按日查找', value: 0 },
+                  { label: '按月查找', value: 1 },
+                ]"
+                v-model:value="forRightType"
               ></a-select>
             </div>
             <div class="timeItemSearch">
               <a-range-picker
+                v-if="forRightType == 0"
                 style="width: 100%"
                 format="YYYY-MM-DD"
+                v-model:value="forDay"
                 separator="至"
                 :placeholder="['      开始时间', '        结束时间']"
               />
+              <a-range-picker
+                v-if="threeLeftType == 1"
+                style="width: 100%"
+                v-model:value="forTime"
+                format="YYYY-MM"
+                separator="至"
+                :placeholder="['      开始时间', '        结束时间']"
+                picker="month"
+              />
             </div>
           </div>
         </div>
@@ -251,6 +267,10 @@ export default {
       threeTime: [],
       threeDay: [],
       threeXData: [],
+      forData: [],
+      forRightType: 1,
+      forTime: [],
+      forDay: [],
     });
     const surfaceRef = ref(null);
     const surface1Ref = ref(null);
@@ -404,7 +424,9 @@ export default {
             method: "post",
             url: "/report/data/statistics/export/v1",
             data: {
-              startTime:  dayjs(state.threeData[0]).format("YYYY-MM-01 00:00:01"),
+              startTime: dayjs(state.threeData[0]).format(
+                "YYYY-MM-01 00:00:01"
+              ),
               endTime: monthEnd,
               dateType: state.threeLeftType,
             },
@@ -423,6 +445,15 @@ export default {
         }
       }
     };
+    const rightChange = (e) => {
+      if (e == 1) {
+        // leftMonthChange(state.threeTime);
+      } else if (e == 0) {
+        // leftDayChange(state.threeDay);
+      }
+    };
+    // 获取第三排第二个柱状图的数据
+
     // 折线图配置项
     const option = ref({
       tooltip: {
@@ -545,12 +576,15 @@ export default {
         top: "6%",
         left: "0%",
         right: "0%",
-        bottom: "2%",
+        bottom: "15%",
         containLabel: true,
       },
       xAxis: {
         type: "category",
         data: [],
+        axisLabel: {
+          interval: 0,
+        },
       },
       yAxis: {
         type: "value",
@@ -581,6 +615,20 @@ export default {
           },
         },
       ],
+      dataZoom: [
+        {
+          type: "slider",
+          show: true,
+          xAxisIndex: [0],
+          // start: 1,
+          // end: 35,
+          startValue: 0,
+          endValue: 5,
+          // brushSelect: false,
+          showDetail: false,
+          // zoomLock: true,
+        },
+      ],
     });
 
     // 生成echarts的方法
@@ -611,6 +659,7 @@ export default {
       const monthEnd = dayjs(new Date()).endOf("year").format("YYYY-MM");
       const start = dayjs(new Date()).startOf("year").format("YYYY-MM");
       state.threeTime = [dayjs(start), dayjs(monthEnd)];
+      state.forTime = [dayjs(start), dayjs(monthEnd)];
       leftMonthChange([dayjs(start), dayjs(monthEnd)]);
     };
     // 挂载完成
@@ -623,6 +672,7 @@ export default {
     });
     return {
       ...toRefs(state),
+      rightChange,
       exportThree,
       disabledDate,
       onCalendarChange,