常规上传

src/App.vue

@@ -139,11 +139,10 @@ export default {
       return this.$store.state?.menuData?.length;
     },
   },
-  created() {
- 
-  },
+  created() {},
   mounted() {
-    this.$store.state.moreSty = window.sessionStorage.getItem("moreSty") || 'greenSty'
+    this.$store.state.moreSty =
+      window.sessionStorage.getItem("moreSty") || "greenSty";
     let that = this;
     that.setScale();
     /*窗口改变事件*/
@@ -156,8 +155,8 @@ export default {
   },
   methods: {
     proStyleFn(value) {
-        window.sessionStorage.setItem("moreSty", value)
-        this.$store.state.moreSty = value
+      window.sessionStorage.setItem("moreSty", value);
+      this.$store.state.moreSty = value;
     },
     getScale() {
       const w = window.innerWidth / this.style.width;
@@ -253,12 +252,12 @@ export default {
 
 <style lang="less">
 @import "~@/assets/styles/font.less";
-#screen.greenSty{
-    @import "~@/assets/styles/main.less";
+#screen.greenSty {
+  @import "~@/assets/styles/main.less";
 }
-    @import "~@/assets/styles/blueStyle/blueSty.less";
-#screen.blueSty{
-    @import "~@/assets/styles/blueStyle/main.less";
+@import "~@/assets/styles/blueStyle/blueSty.less";
+#screen.blueSty {
+  @import "~@/assets/styles/blueStyle/main.less";
 }
 #screen {
   z-index: 100;

src/router/index.js

@@ -752,7 +752,7 @@ export const asyncRoutes = [
     // redirect:
     //   "/economicsOperation/benchmarkingManagement/performanceRankingList",
     // component: () =>
-      //   import("@/views/economicsOperation/benchmarkingManagement"),
+    //   import("@/views/economicsOperation/benchmarkingManagement"),
     component: () => import("@/views/economicsOperation/nxfHomePage"),
     name: "economicsOperation",
     meta: {
@@ -1627,209 +1627,209 @@ export const asyncRoutes = [
     ],
   },
   //发电能力分析
-//   {
-//     path: "/powerGenerating",
-//     name: "powerGenerating",
-//     meta: {
-//       title: "发电能力分析",
-//       icon: "",
-//       permissions: ["jn_zhbb"],
-//     },
-//     // component: () => import("@/views/report/index copy.vue"),
-//     component: () => import("@/views/powerGenerating"),
-//     children: [
-//       {
-//         path: "dataFilter",
-//         name: "dataFilter",
-//         meta: {
-//           title: "数据准备",
-//           icon: "svg-prepare",
-//           permissions: ["jn_dlbb"],
-//         },
-//         component: () => import("@/views/powerGenerating/dataFilter"),
-//         children: [
-//           {
-//             path: "prepare",
-//             name: "prepare",
-//             component: () =>
-//               import("@/views/powerGenerating/dataFilter/prepare"),
-//             meta: {
-//               title: "风电数据准备",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "process",
-//             name: "process",
-//             component: () =>
-//               import("@/views/powerGenerating/dataFilter/process"),
-//             meta: {
-//               title: "风电数据处理",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "lightPrepare",
-//             name: "lightPrepare",
-//             component: () =>
-//               import("@/views/powerGenerating/dataFilter/lightPrepare"),
-//             meta: {
-//               title: "光伏数据准备",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//         ],
-//       },
-//       {
-//         path: "windAnalyse",
-//         name: "windAnalyse",
-//         meta: {
-//           title: "风电分析",
-//           icon: "svg-wind-site",
-//           permissions: ["jn_dlbb"],
-//         },
-//         component: () => import("@/views/powerGenerating/windAnalyse"),
-//         children: [
-//           {
-//             path: "combine",
-//             name: "combine",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/combine"),
-//             meta: {
-//               title: "功率曲线拟合分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "rateAnalysis",
-//             name: "rateAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/rateAnalysis"),
-//             meta: {
-//               title: "对风偏差分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "lineAnalysis",
-//             name: "lineAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/lineAnalysis"),
-//             meta: {
-//               title: "曲线偏差率分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "hotAnalysis",
-//             name: "hotAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/hotAnalysis"),
-//             meta: {
-//               title: "温度与功率分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "loseAnalysis",
-//             name: "loseAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/loseAnalysis"),
-//             meta: {
-//               title: "损失电量分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "posAnalysis",
-//             name: "posAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/posAnalysis"),
-//             meta: {
-//               title: "微观选址分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "spaceAnalysis",
-//             name: "spaceAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/spaceAnalysis"),
-//             meta: {
-//               title: "毛容量分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "angleAnalysis",
-//             name: "angleAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/angleAnalysis"),
-//             meta: {
-//               title: "桨距角分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "agcAnalysis",
-//             name: "agcAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/windAnalyse/agcAnalysis"),
-//             meta: {
-//               title: "AGC曲线偏差分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//         ],
-//       },
-//       {
-//         path: "lightAnalyse",
-//         name: "lightAnalyse",
-//         meta: {
-//           title: "光伏分析",
-//           icon: "svg-photovoltaic",
-//           permissions: ["jn_dlbb"],
-//         },
-//         component: () => import("@/views/powerGenerating/lightAnalyse"),
-//         children: [
-//           {
-//             path: "glAnalysis",
-//             name: "glAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/lightAnalyse/glAnalysis"),
-//             meta: {
-//               title: "功率曲线分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//           {
-//             path: "glHotAnalysis",
-//             name: "glHotAnalysis",
-//             component: () =>
-//               import("@/views/powerGenerating/lightAnalyse/glHotAnalysis"),
-//             meta: {
-//               title: "功率光照曲线分析",
-//               icon: "",
-//               permissions: ["jn_dlbb_dmb"],
-//             },
-//           },
-//         ],
-//       },
-//     ],
-//   },
+  {
+    path: "/powerGenerating",
+    name: "powerGenerating",
+    meta: {
+      title: "发电能力分析",
+      icon: "",
+      permissions: ["jn_zhbb"],
+    },
+    // component: () => import("@/views/report/index copy.vue"),
+    component: () => import("@/views/powerGenerating"),
+    children: [
+      {
+        path: "dataFilter",
+        name: "dataFilter",
+        meta: {
+          title: "数据准备",
+          icon: "svg-prepare",
+          permissions: ["jn_dlbb"],
+        },
+        component: () => import("@/views/powerGenerating/dataFilter"),
+        children: [
+          {
+            path: "prepare",
+            name: "prepare",
+            component: () =>
+              import("@/views/powerGenerating/dataFilter/prepare"),
+            meta: {
+              title: "风电数据准备",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "process",
+            name: "process",
+            component: () =>
+              import("@/views/powerGenerating/dataFilter/process"),
+            meta: {
+              title: "风电数据处理",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "lightPrepare",
+            name: "lightPrepare",
+            component: () =>
+              import("@/views/powerGenerating/dataFilter/lightPrepare"),
+            meta: {
+              title: "光伏数据准备",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+        ],
+      },
+      {
+        path: "windAnalyse",
+        name: "windAnalyse",
+        meta: {
+          title: "风电分析",
+          icon: "svg-wind-site",
+          permissions: ["jn_dlbb"],
+        },
+        component: () => import("@/views/powerGenerating/windAnalyse"),
+        children: [
+          {
+            path: "combine",
+            name: "combine",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/combine"),
+            meta: {
+              title: "功率曲线拟合分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "rateAnalysis",
+            name: "rateAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/rateAnalysis"),
+            meta: {
+              title: "对风偏差分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "lineAnalysis",
+            name: "lineAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/lineAnalysis"),
+            meta: {
+              title: "曲线偏差率分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "hotAnalysis",
+            name: "hotAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/hotAnalysis"),
+            meta: {
+              title: "温度与功率分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "loseAnalysis",
+            name: "loseAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/loseAnalysis"),
+            meta: {
+              title: "损失电量分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "posAnalysis",
+            name: "posAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/posAnalysis"),
+            meta: {
+              title: "微观选址分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "spaceAnalysis",
+            name: "spaceAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/spaceAnalysis"),
+            meta: {
+              title: "毛容量分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "angleAnalysis",
+            name: "angleAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/angleAnalysis"),
+            meta: {
+              title: "桨距角分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "agcAnalysis",
+            name: "agcAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/windAnalyse/agcAnalysis"),
+            meta: {
+              title: "AGC曲线偏差分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+        ],
+      },
+      {
+        path: "lightAnalyse",
+        name: "lightAnalyse",
+        meta: {
+          title: "光伏分析",
+          icon: "svg-photovoltaic",
+          permissions: ["jn_dlbb"],
+        },
+        component: () => import("@/views/powerGenerating/lightAnalyse"),
+        children: [
+          {
+            path: "glAnalysis",
+            name: "glAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/lightAnalyse/glAnalysis"),
+            meta: {
+              title: "功率曲线分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+          {
+            path: "glHotAnalysis",
+            name: "glHotAnalysis",
+            component: () =>
+              import("@/views/powerGenerating/lightAnalyse/glHotAnalysis"),
+            meta: {
+              title: "功率光照曲线分析",
+              icon: "",
+              permissions: ["jn_dlbb_dmb"],
+            },
+          },
+        ],
+      },
+    ],
+  },
   // 智能报表
   {
     path: "/report",

src/views/layout/Header.vue

@@ -1,12 +1,18 @@
 <template>
-    <div class="header-menu">
-        <ul class="header-menu-list">
-            <li class="header-menu-item" :data-type="$store.state.moreSty" v-for="(menu, index) of currMenu" :key="menu"
-                @click="click(index, menu)" :class="{ active: activeIndex == index }">
-                {{ menu.text }}
-            </li>
-        </ul>
-        <!-- <ul class="header-menu-dropdown" :class="{ dropdown: dropdown }">
+  <div class="header-menu">
+    <ul class="header-menu-list">
+      <li
+        class="header-menu-item"
+        :data-type="$store.state.moreSty"
+        v-for="(menu, index) of currMenu"
+        :key="menu"
+        @click="click(index, menu)"
+        :class="{ active: activeIndex == index }"
+      >
+        {{ menu.text }}
+      </li>
+    </ul>
+    <!-- <ul class="header-menu-dropdown" :class="{ dropdown: dropdown }">
       <li class="header-menu-dropdown-title" @click="clickMenu()"><i class="fa fa-gear"></i>菜单<i class="fa fa-sort-down down"></i></li>
       <ul class="header-menu-dropdown-list">
         <li class="header-menu-dropdown-item" v-for="(menu, index) of menusDropdown" :key="menu" @click="clickSubMenu(index, menu.code)">
@@ -14,429 +20,433 @@
         </li>
       </ul>
     </ul> -->
-        <ul class="header-menu-user">
-            <li class="header-menu-user-title">
-                <el-dropdown size="small" trigger="click" :hide-on-click="true" popper-class="dropdown"
-                    @command="handleCommand">
-                    <span class="el-dropdown-link" :data-type="$store.state.moreSty">
-                        <i class="fa fa-user"></i>{{ userName }}
-                    </span>
-                    <template #dropdown>
-                        <el-dropdown-menu>
-                            <el-dropdown-item command="logout"> 退出登录 </el-dropdown-item>
-                        </el-dropdown-menu>
-                    </template>
-                </el-dropdown>
-            </li>
-            <li class="header-menu-user-title">
-                <el-dropdown @command="commandDrop">
-                    <div class="el-dropdown-link" :data-type="$store.state.moreSty">
-                        <span class="skinTitle">皮肤切换</span>
-                        <el-icon class="el-icon--right">
-                            <arrow-down />
-                        </el-icon>
-                    </div>
-                    <template #dropdown>
-                        <el-dropdown-menu>
-                            <el-dropdown-item command="greenSty">绿色</el-dropdown-item>
-                            <el-dropdown-item command="blueSty">蓝色</el-dropdown-item>
-                        </el-dropdown-menu>
-                    </template>
-                </el-dropdown>
-            </li>
-            <li class="header-menu-user-title">
-                <el-tooltip effect="dark" content="后台管理系统" placement="bottom" popper-class="admin-set-tooltip">
-                    <i class="svg-icon svg-icon-white" @click="goToAdmin">
-                        <SvgIcon svgid="svg-admin-set"></SvgIcon>
-                    </i>
-                </el-tooltip>
-            </li>
-        </ul>
-    </div>
+    <ul class="header-menu-user">
+      <li class="header-menu-user-title">
+        <el-dropdown
+          size="small"
+          trigger="click"
+          :hide-on-click="true"
+          popper-class="dropdown"
+          @command="handleCommand"
+        >
+          <span class="el-dropdown-link" :data-type="$store.state.moreSty">
+            <i class="fa fa-user"></i>{{ userName }}
+          </span>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item command="logout"> 退出登录 </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </li>
+      <li class="header-menu-user-title">
+        <el-dropdown @command="commandDrop">
+          <div class="el-dropdown-link" :data-type="$store.state.moreSty">
+            <span class="skinTitle">皮肤切换</span>
+            <el-icon class="el-icon--right">
+              <arrow-down />
+            </el-icon>
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item command="greenSty">绿色</el-dropdown-item>
+              <el-dropdown-item command="blueSty">蓝色</el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </li>
+      <li class="header-menu-user-title">
+        <el-tooltip
+          effect="dark"
+          content="后台管理系统"
+          placement="bottom"
+          popper-class="admin-set-tooltip"
+        >
+          <i class="svg-icon svg-icon-white" @click="goToAdmin">
+            <SvgIcon svgid="svg-admin-set"></SvgIcon>
+          </i>
+        </el-tooltip>
+      </li>
+    </ul>
+  </div>
 </template>
 <script>
-    import $ from "jquery";
-    import {
-        getCookie
-    } from "@/utills/auth";
-    import tools from "../../tools/encryption.js";
-    import {
-        logout
-    } from "@/api/common.js";
-    import {
-        encrypt,
-        decrypt
-    } from "@/utills/jsencrypt.js";
-    import SvgIcon from "@/components/coms/icon/svg-icon.vue";
-    export default {
-        data() {
-            return {
-                themeName: false,
-                menus: [{
-                        id: "home",
-                        text: "首页",
-                        path: "/home",
-                        isActive: true,
-                    },
-                    {
-                        id: "stateMonitor",
-                        text: "监视中心",
-                        path: "/stateMonitor",
-                        isActive: true,
-                    },
-                    {
-                        id: "integratedAlarm",
-                        text: "综合报警",
-                        path: "/integratedAlarm",
-                        isActive: true,
-                    },
-                    {
-                        id: "economicsOperation",
-                        text: "经济运行",
-                        path: "/economicsOperation",
-                        isActive: false,
-                    },
-                    {
-                        id: "health",
-                        text: "智慧检修",
-                        // path: '/sandtable',
-                        path: "/health",
-                        isActive: false,
-                    },
-                    {
-                        id: "powerGenerating",
-                        text: "发电能力分析",
-                        // path: '/sandtable',
-                        path: "/powerGenerating",
-                        isActive: false,
-                    },
-                    {
-                        id: "report",
-                        text: "智能报表",
-                        path: "/report",
-                        isActive: false,
-                    },
-                ],
-                activeIndex: 0,
-                // menusDropdown: [
-                //   {
-                //     text: "子菜单1",
-                //     code: "submenu1",
-                //   },
-                //   {
-                //     text: "子菜单2",
-                //     code: "submenu2",
-                //   },
-                //   {
-                //     text: "子菜单3",
-                //     code: "submenu3",
-                //   },
-                // ],
-                // dropdown: false,
-                firsttime: 0,
-            };
+import $ from "jquery";
+import { getCookie } from "@/utills/auth";
+import tools from "../../tools/encryption.js";
+import { logout } from "@/api/common.js";
+import { encrypt, decrypt } from "@/utills/jsencrypt.js";
+import SvgIcon from "@/components/coms/icon/svg-icon.vue";
+export default {
+  data() {
+    return {
+      themeName: false,
+      menus: [
+        {
+          id: "home",
+          text: "首页",
+          path: "/home",
+          isActive: true,
         },
-        components: {
-            SvgIcon
+        {
+          id: "stateMonitor",
+          text: "监视中心",
+          path: "/stateMonitor",
+          isActive: true,
         },
-        mounted() {
-            // let that = this;
-            // $(document).keydown((event) => {
-            //   if (event.keyCode == 192) {
-            //     // c
-            //     // let firstDate = new Date();
-            //     // if (that.firsttime == 0) {
-            //     //   that.firsttime = firstDate.getTime();
-            //     // } else {
-            //     //   var lastDate = new Date();
-            //     //   var lastTime = lastDate.getTime();
-            //     //   if (lastTime - that.firsttime < 1000) {
-            //     //     that.changeTheme();
-            //     //     that.firsttime = 0;
-            //     //   }
-            //     // }
-            //     that.changeTheme();
-            //   }
-            // });
+        {
+          id: "integratedAlarm",
+          text: "综合报警",
+          path: "/integratedAlarm",
+          isActive: true,
         },
-        computed: {
-            userName() {
-                return getCookie("username") || this.$store.state.user.username;
-            },
-            // activeClass(data) {
-            //   return data.isActive ? "active" : "";
-            // },
-            currMenu() {
-                // let stateRoutes = this.$store.state.routes.routes;
-                let stateRoutes = this.$router.options.routes;
-                let currMenu = [];
-                if (stateRoutes.length) {
-                    stateRoutes.forEach((route) => {
-                        if (route.path !== "/login") {
-                            if (route.path !== "/") {
-                                currMenu.push({
-                                    id: route.name,
-                                    text: route.meta.title,
-                                    path: route.path,
-                                    isActive: false,
-                                });
-                            }
-                        }
-                    });
-                    // currMenu.splice(2, 0, {
-                    //   id: "zhbj",
-                    //   text: "综合报警",
-                    //   path: "",
-                    // });
-                    // currMenu.splice(5, 0, {
-                    //   id: "fdfx",
-                    //   text: "发电能力分析",
-                    //   path: "",
-                    // });
-                    // currMenu.push();
-                    return currMenu;
-                } else {
-                    return [];
-                }
-            },
+        {
+          id: "economicsOperation",
+          text: "经济运行",
+          path: "/economicsOperation",
+          isActive: false,
         },
-        methods: {
-            commandDrop(value) {
-                this.$emit("proStyle", value)
-            },
-            click(index, data) {
-                if (data.id === "zhbj") {
-                    let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
+        {
+          id: "health",
+          text: "智慧检修",
+          // path: '/sandtable',
+          path: "/health",
+          isActive: false,
+        },
+        {
+          id: "powerGenerating",
+          text: "发电能力分析",
+          // path: '/sandtable',
+          path: "/powerGenerating",
+          isActive: false,
+        },
+        {
+          id: "report",
+          text: "智能报表",
+          path: "/report",
+          isActive: false,
+        },
+      ],
+      activeIndex: 0,
+      // menusDropdown: [
+      //   {
+      //     text: "子菜单1",
+      //     code: "submenu1",
+      //   },
+      //   {
+      //     text: "子菜单2",
+      //     code: "submenu2",
+      //   },
+      //   {
+      //     text: "子菜单3",
+      //     code: "submenu3",
+      //   },
+      // ],
+      // dropdown: false,
+      firsttime: 0,
+    };
+  },
+  components: {
+    SvgIcon,
+  },
+  mounted() {
+    // let that = this;
+    // $(document).keydown((event) => {
+    //   if (event.keyCode == 192) {
+    //     // c
+    //     // let firstDate = new Date();
+    //     // if (that.firsttime == 0) {
+    //     //   that.firsttime = firstDate.getTime();
+    //     // } else {
+    //     //   var lastDate = new Date();
+    //     //   var lastTime = lastDate.getTime();
+    //     //   if (lastTime - that.firsttime < 1000) {
+    //     //     that.changeTheme();
+    //     //     that.firsttime = 0;
+    //     //   }
+    //     // }
+    //     that.changeTheme();
+    //   }
+    // });
+  },
+  computed: {
+    userName() {
+      return getCookie("username") || this.$store.state.user.username;
+    },
+    // activeClass(data) {
+    //   return data.isActive ? "active" : "";
+    // },
+    currMenu() {
+      // let stateRoutes = this.$store.state.routes.routes;
+      let stateRoutes = this.$router.options.routes;
+      let currMenu = [];
+      if (stateRoutes.length) {
+        stateRoutes.forEach((route) => {
+          if (route.path !== "/login") {
+            if (route.path !== "/") {
+              currMenu.push({
+                id: route.name,
+                text: route.meta.title,
+                path: route.path,
+                isActive: false,
+              });
+            }
+          }
+        });
+        // currMenu.splice(2, 0, {
+        //   id: "zhbj",
+        //   text: "综合报警",
+        //   path: "",
+        // });
+        // currMenu.splice(5, 0, {
+        //   id: "fdfx",
+        //   text: "发电能力分析",
+        //   path: "",
+        // });
+        // currMenu.push();
+        return currMenu;
+      } else {
+        return [];
+      }
+    },
+  },
+  methods: {
+    commandDrop(value) {
+      this.$emit("proStyle", value);
+    },
+    click(index, data) {
+      if (data.id === "zhbj") {
+        let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
 
-                    // let url = `http://192.168.1.117:3002/#/check?username=${getCookie(
-                    //   "username"
-                    // )}&jiami=${jiami}`;
-                    let url = `http://10.81.3.154:8083/#/check?username=${getCookie(
+        // let url = `http://192.168.1.117:3002/#/check?username=${getCookie(
+        //   "username"
+        // )}&jiami=${jiami}`;
+        let url = `http://10.81.3.154:8083/#/check?username=${getCookie(
           "username"
         )}&jiami=${jiami}`;
-                    window.open(url);
-                    return;
-                } else if (data.id === "fdfx") {
-                    let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
+        window.open(url);
+        return;
+      } else if (data.id === "fdfx") {
+        let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
 
-                    // let url = `http://192.168.1.117:3002/#/check?username=${getCookie(
-                    //   "username"
-                    // )}&jiami=${jiami}`;
-                    let url = `http://10.81.3.155:8083/dlfx/#/check?username=${getCookie(
+        // let url = `http://192.168.1.117:3002/#/check?username=${getCookie(
+        //   "username"
+        // )}&jiami=${jiami}`;
+        let url = `http://10.81.3.155:8083/dlfx/#/check?username=${getCookie(
           "username"
         )}&jiami=${jiami}`;
-                    window.open(url);
-                    return;
-                }
-                this.activeIndex = index;
-                this.$router.push(data.path);
-                const ActiveModule = this.currMenu.find((ele) => {
-                    return ele.path === data.path;
-                });
-                if (ActiveModule) {
-                    this.$store.dispatch("changeModuleName", ActiveModule.text);
-                }
-            },
-            clickSubMenu(index, code) {},
-            clickMenu() {
-                this.dropdown = !this.dropdown;
-            },
-            changeTheme() {
-                $("#appBody").toggleClass("dark light");
-                this.$store.dispatch("changeTheme", $("#appBody").attr("class"));
-                this.$store.state.themeName === "dark" ?
-                    (this.themeName = false) :
-                    (this.themeName = true);
-                localStorage.setItem("themeName", this.$store.state.themeName);
-            },
-            handleCommand(command) {
-                if (command == "logout") {
-                    logout({
-                        token: getCookie("authToken"),
-                        userId: getCookie("userId"),
-                    }).then((res) => {
-                        this.$store.commit("user/REMOVE_TOKEN");
-                        this.$store.commit("changeStationAll", []);
-                        this.$router.push("/login");
-                    });
-                }
-            },
-            // 跳转到管理系统
-            goToAdmin() {
-                let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
+        window.open(url);
+        return;
+      } else if (data.path === "/powerGenerating") {
+        this.$router.replace(`${data.path}/dataFilter/prepare`);
+      } else {
+        this.activeIndex = index;
+        this.$router.push(data.path);
+      }
+      const ActiveModule = this.currMenu.find((ele) => {
+        return ele.path === data.path;
+      });
+
+      if (ActiveModule) {
+        this.$store.dispatch("changeModuleName", ActiveModule.text);
+      }
+    },
+    clickSubMenu(index, code) {},
+    clickMenu() {
+      this.dropdown = !this.dropdown;
+    },
+    changeTheme() {
+      $("#appBody").toggleClass("dark light");
+      this.$store.dispatch("changeTheme", $("#appBody").attr("class"));
+      this.$store.state.themeName === "dark"
+        ? (this.themeName = false)
+        : (this.themeName = true);
+      localStorage.setItem("themeName", this.$store.state.themeName);
+    },
+    handleCommand(command) {
+      if (command == "logout") {
+        logout({
+          token: getCookie("authToken"),
+          userId: getCookie("userId"),
+        }).then((res) => {
+          this.$store.commit("user/REMOVE_TOKEN");
+          this.$store.commit("changeStationAll", []);
+          this.$router.push("/login");
+        });
+      }
+    },
+    // 跳转到管理系统
+    goToAdmin() {
+      let jiami = encrypt(getCookie("jiami")).replace(/\+/g, " ");
 
-                // let url = `http://192.168.1.104:80/#/check?username=${getCookie(
-                let url = `http://10.81.3.127:8083/#/check?username=${getCookie(
+      // let url = `http://192.168.1.104:80/#/check?username=${getCookie(
+      let url = `http://10.81.3.127:8083/#/check?username=${getCookie(
         "username"
       )}&jiami=${jiami}`;
-                window.open(url);
-            },
-        },
+      window.open(url);
+    },
+  },
 
-        watch: {
-            $route: {
-                handler: function (val, oldVal) {
-                    if (this.currMenu.length) {
-                        this.currMenu.some((t, index) => {
-                            if (val.path.includes(t.id)) {
-                                this.activeIndex = index;
-                                const ActiveModule = this.currMenu.find((ele) => {
-                                    return ele.path === t.path;
-                                });
-                                if (ActiveModule) {
-                                    this.$store.dispatch("changeModuleName", ActiveModule.text);
-                                }
-                            }
-                        });
-                    }
-                },
-                //深度观察监听
-                deep: true,
-            },
-        },
-    };
+  watch: {
+    $route: {
+      handler: function (val, oldVal) {
+        if (this.currMenu.length) {
+          this.currMenu.some((t, index) => {
+            if (val.path.includes(t.id)) {
+              this.activeIndex = index;
+              const ActiveModule = this.currMenu.find((ele) => {
+                return ele.path === t.path;
+              });
+              if (ActiveModule) {
+                this.$store.dispatch("changeModuleName", ActiveModule.text);
+              }
+            }
+          });
+        }
+      },
+      //深度观察监听
+      deep: true,
+    },
+  },
+};
 </script>
 <style>
-    .admin-set-tooltip {
-        font-size: 14px !important;
-    }
+.admin-set-tooltip {
+  font-size: 14px !important;
+}
 </style>
 <style lang="less" scoped>
-    .header-menu {
-        display: flex;
-        width: 100%;
-        height: 100%;
-        font-size: @fontsize;
-        justify-content: flex-end;
-
-        .header-menu-list {
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            display: flex;
-            height: 100%;
-
-
+.header-menu {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: @fontsize;
+  justify-content: flex-end;
 
-            .header-menu-item {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                padding: 0 15px;
-                //   width: 9.259vh;
-                height: 100%;
-                color: @font-color;
-                cursor: pointer;
-                transition: color 0.2s ease-in-out;
+  .header-menu-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    height: 100%;
 
-                &.active {
+    .header-menu-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 15px;
+      //   width: 9.259vh;
+      height: 100%;
+      color: @font-color;
+      cursor: pointer;
+      transition: color 0.2s ease-in-out;
 
-                    position: relative;
+      &.active {
+        position: relative;
 
-                    transition: color 0.2s ease-in-out;
+        transition: color 0.2s ease-in-out;
 
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 100%;
-                        height: 3px;
+        &::after {
+          content: "";
+          position: absolute;
+          width: 100%;
+          height: 3px;
 
-                        border-top: 0;
-                        left: 0;
-                        bottom: 0;
-                        box-sizing: border-box;
-                    }
-                }
-            }
-
-            .header-menu-item[data-type~="greenSty"] {
-                &.active {
-                    color: @green;
-                    background: @greenLinearTop;
-                    border: 0.093vh solid @green;
-
-                    &::after {
-                        border: 1px solid @green;
-                    }
-                }
-            }
+          border-top: 0;
+          left: 0;
+          bottom: 0;
+          box-sizing: border-box;
+        }
+      }
+    }
 
-            .header-menu-item[data-type~="blueSty"] {
-                &.active {
-                    color: @darkBlue;
-                    background: @blueLinearTop  !important;
-                    border: 0.093vh solid @darkBlue;
+    .header-menu-item[data-type~="greenSty"] {
+      &.active {
+        color: @green;
+        background: @greenLinearTop;
+        border: 0.093vh solid @green;
 
-                    &::after {
-                        border: 1px solid @darkBlue  !important;
-                    }
-                }
-            }
+        &::after {
+          border: 1px solid @green;
         }
+      }
+    }
 
-        .header-menu-user {
-            width: 16%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            display: flex;
-            align-items: center;
+    .header-menu-item[data-type~="blueSty"] {
+      &.active {
+        color: @darkBlue;
+        background: @blueLinearTop !important;
+        border: 0.093vh solid @darkBlue;
 
-            .header-menu-user-title {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                width: 100%;
-                height: 100%;
-                color: @gray;
-                cursor: pointer;
+        &::after {
+          border: 1px solid @darkBlue !important;
+        }
+      }
+    }
+  }
 
-                i {
-                    margin: 0 5px;
+  .header-menu-user {
+    width: 16%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    align-items: center;
 
-                    font-size: 16px;
-                }
+    .header-menu-user-title {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: @gray;
+      cursor: pointer;
 
-                .el-dropdown-link {
-                    font-size: 16px;
+      i {
+        margin: 0 5px;
 
-                    .skinTitle {
-                        font-size: 14px;
-                    }
-                }
+        font-size: 16px;
+      }
 
-                .el-dropdown-link[data-type~="greenSty"] {
-                    color: @green;
-                }
+      .el-dropdown-link {
+        font-size: 16px;
 
-                .el-dropdown-link[data-type~="blueSty"] {
-                    color: @darkBlue;
-                }
-            }
+        .skinTitle {
+          font-size: 14px;
         }
+      }
 
-    }
+      .el-dropdown-link[data-type~="greenSty"] {
+        color: @green;
+      }
 
-    .warning {
-        display: flex;
-        align-items: center;
-        color: #7a8385;
+      .el-dropdown-link[data-type~="blueSty"] {
+        color: @darkBlue;
+      }
     }
+  }
+}
 
-    .dropdown {
-        .el-dropdown-menu {
-            background: #111d1c;
-            border-radius: 3px;
+.warning {
+  display: flex;
+  align-items: center;
+  color: #7a8385;
+}
 
-            .el-dropdown-menu__item {
-                color: #dfeef1;
-                font-size: 14px !important;
+.dropdown {
+  .el-dropdown-menu {
+    background: #111d1c;
+    border-radius: 3px;
 
-                &:hover {
-                    color: #05bb4c;
-                }
-            }
-        }
+    .el-dropdown-menu__item {
+      color: #dfeef1;
+      font-size: 14px !important;
+
+      &:hover {
+        color: #05bb4c;
+      }
     }
+  }
+}
 </style>

src/views/layout/Menu.vue

@@ -275,7 +275,7 @@ export default {
     },
     fillterMenuRoutes,
     click(index) {
-    //   this.reFresh = false;
+      //   this.reFresh = false;
       this.activeIndex = index;
       this.subIndex = index + "" + 0;
     },
@@ -302,7 +302,6 @@ export default {
       let stateRoutes = JSON.parse(
         // JSON.stringify(this.$store.state.routes.routes)
         JSON.stringify(this.$router.options.routes)
-        
       );
 
       if (stateRoutes.length) {
@@ -391,33 +390,33 @@ export default {
     $route: {
       handler: function (val, oldVal) {
         // if (this.reFresh) {
-          this.menuData.some((element, index) => {
-            if (val.path.includes(element.id)) {
+        this.menuData.some((element, index) => {
+          if (val.path.includes(element.id)) {
+            this.$nextTick(() => {
+              this.currRoot = element.id;
               this.$nextTick(() => {
-                this.currRoot = element.id;
-                this.$nextTick(() => {
-                  this.currentMenu.forEach((element, index) => {
-                    if (val.path.includes(element.fullPath)) {
-                      this.activeIndex = index;
-                      element.children &&
-                        element.children.forEach((i, inx) => {
-                          if (val.path == i.path) {
-                            this.subIndex = index + "" + inx;
-                          }
-                        });
-                      return true;
-                    }
-                  });
+                this.currentMenu.forEach((element, index) => {
+                  if (val.path.includes(element.fullPath)) {
+                    this.activeIndex = index;
+                    element.children &&
+                      element.children.forEach((i, inx) => {
+                        if (val.path == i.path) {
+                          this.subIndex = index + "" + inx;
+                        }
+                      });
+                    return true;
+                  }
                 });
               });
-              return true;
-            }
-          });
-          if (val.path.includes("/home")) {
-            this.currRoot = "home";
-            this.activeIndex = 0;
-            return;
+            });
+            return true;
           }
+        });
+        if (val.path.includes("/home")) {
+          this.currRoot = "home";
+          this.activeIndex = 0;
+          return;
+        }
         // }
         // this.reFresh = true;
         const someRes = this.rePagePath.some((path) => {