新增曲线查询页面

vpp-ui/src/router/index.js

@@ -31,6 +31,7 @@ import ssddllx from '../views/vpp/ssddejcd/llx/index.vue'
 import ssddptfh from '../views/vpp/ssddejcd/ptfh/index.vue'
 import ssddhdc from '../views/vpp/ssddejcd/ssjkhd/index.vue'
 import ssddfdgf from '../views/vpp/ssddejcd/fdgf/index.vue'
+import echartsQuery from '../views/vpp/echartsQuery/index.vue'
 /* Layout */
 import Layout from '@/layout'
 
@@ -285,6 +286,11 @@ export const constantRoutes = [
     name: '系统配置菜单',
     component: xtpznav
   },
+  {
+    path: '/echartsQuery',
+    name: '曲线查询',
+    component: echartsQuery
+  },
 ]
 
 // 动态路由，基于用户权限动态去加载

vpp-ui/src/views/vpp/fdjh/LeftNav.vue

@@ -138,7 +138,7 @@ export default {
               ]
             },
             {
-              path: "/#/echartsQuery",
+              path: "/1/5",
               name: "曲线展示"
             }
           ]
@@ -148,6 +148,12 @@ export default {
   },
   methods: {
     selectMenu(key, keyPath, node) {
+      if (key == '/1/5') {
+        window.open('/#/echartsQuery')
+      }
+      /*if (document.getElementsByClassName('el-menu-item')[i].id == '/1/5') {
+        console.log(111)
+      }*/
       // 右侧区域显示页面
       var parentIframe = parent.document.getElementById('showcontent');
       parentIframe.src = node.$attrs.id;
@@ -158,13 +164,10 @@ export default {
           document.getElementById(document.getElementsByClassName('el-submenu')[i].id).getElementsByTagName('img')[0].src = require('./img/pc.png');
           document.getElementById(document.getElementsByClassName('el-submenu')[i].id).getElementsByTagName('span')[0].style = 'color:rgb(227,220,10);font-size:16px;font-weight:bold';
         } else {
-
           if (document.getElementsByClassName('el-submenu')[i].id != '/1') {
             document.getElementById(document.getElementsByClassName('el-submenu')[i].id).getElementsByTagName('img')[0].src = require('./img/pc1.png');
             document.getElementById(document.getElementsByClassName('el-submenu')[i].id).getElementsByTagName('span')[0].style = 'font-size:16px;font-weight:bold';
           }
-
-
           if (document.getElementsByClassName('el-submenu')[i].id == '/1') {
             // root根设置背景图
             document.getElementById(document.getElementsByClassName('el-submenu')[i].id).getElementsByTagName('span')[0].className = "rootbg";
@@ -175,19 +178,16 @@ export default {
 
       // 3级菜单设置
       for (var i = 0; i < document.getElementsByClassName('el-menu-item').length; i++) {
-        console.log(document.getElementsByClassName('el-menu-item')[i].id)
         if (document.getElementsByClassName('el-menu-item')[i].id == key) {
           document.getElementsByClassName('el-menu-item')[i].getElementsByTagName('img')[0].src = require('./img/last.png');
           document.getElementById(document.getElementsByClassName('el-menu-item')[i].id).getElementsByTagName('span')[0].className = "test";
           document.getElementById(document.getElementsByClassName('el-menu-item')[i].id).getElementsByTagName('span')[0].style = 'color:rgb(227,220,10);font-size:16px;font-weight:bold';
         } else {
-          if ('/#/echartsQuery' != document.getElementsByClassName('el-menu-item')[i].id) {
+          if (document.getElementsByClassName('el-menu-item')[i].id != '/1/5') {
             document.getElementsByClassName('el-menu-item')[i].getElementsByTagName('img')[0].src = require('./img/last1.png');
             document.getElementById(document.getElementsByClassName('el-menu-item')[i].id).getElementsByTagName('span')[0].className = "";
             document.getElementById(document.getElementsByClassName('el-menu-item')[i].id).getElementsByTagName('span')[0].style = 'font-size:16px;font-weight:bold';
-          } else {
-            console.log(12312312)
-            window.open('/#/echartsQuery', "_self")
+
           }
         }
       }