切换账号

src/App.vue

@@ -5,4 +5,5 @@
 </template>
 
 <style lang="scss">
+  @import "@assets/css/base.scss";
 </style>

src/assets/js/main.js

@@ -1,49 +1,8 @@
 export default {
   data() {
     return {
-      userinfo: "", // 用户信息 - 从缓存中取
-      menuData: [], // 菜单数据
-      menuActive: [-1, -1, -1, -1], // 选中的菜单的层级索引
-      menuOpenData: [], // 打开的菜单数据
-      workerContentList: [], // 工作内容
-      notes: "", // 备忘功能
-      chirPage: true, // 页面模式
-
-      // 手动控制所有环节
-      control: {
-        logoutTip: false, // 注销按钮的气泡是否显示
-        skinTip: false, // 换肤按钮的气泡是否显示
-        skinValue: 0, // 换肤按钮选择值
-        panel: false, // 操作面板是否显示
-        full: false, // 是否全屏的标记，用于切换全屏和缩小按钮
-      },
-
-      // 工作导航
-      wddbMenu: [], // 工作导航接口需要的数据
-      wddbMenu: [], // 工作导航接口需要的数据
-      workNav: {
-        menu: [], // 显示的菜单
-        wddbNum: 0, // 我的待办
-        messageNum: 0, // 消息中心
-        tag: false, // 防抖 - 一次未执行完成不得执行第二次
-      },
-      tableData: [{
-        date: '2016-05-02',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1518 弄'
-      }, {
-        date: '2016-05-04',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1517 弄'
-      }, {
-        date: '2016-05-01',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1519 弄'
-      }, {
-        date: '2016-05-03',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1516 弄'
-      }]
+      activeIndex: '1',
+      activeIndex2: '1'
     }
   },
   created: function() {
@@ -53,13 +12,16 @@ export default {
     // 初始化
     init() {
       console.log("测试")
-      this.API.get('/powercompare/windfarmAjax').then(res => {
-        console.log(res)
-        // if (res.code === 200) {
-        //   this.eqType = this.BASE.cascaderBugRepair(res.data.result);
-        // }
+      // this.API.get('/powercompare/windfarmAjax').then(res => {
+      //   console.log(res)
+      //   // if (res.code === 200) {
+      //   //   this.eqType = this.BASE.cascaderBugRepair(res.data.result);
+      //   // }
   
-      });
+      // });
     },
+    handleSelect(key, keyPath) {
+      console.log(key, keyPath);
+    }
   }
 }

src/router/index.js

@@ -7,6 +7,7 @@ import main from '@views/main'
 // 子路由
 import yRouter from '@router/ylf';
 import lRouter from '@router/lzx';
+import zRouter from '@router/zm';
 
 Vue.use(VueRouter)
 
@@ -19,7 +20,8 @@ const routes = [
     component: main,
     children:[
       ...yRouter,
-      ...lRouter
+      ...lRouter,
+      ...zRouter
     ]
   },
 ]

src/router/lzx.js

@@ -1,6 +1,6 @@
 export default [
-  { // 路由页面注释
-    path:'/b',
-    component: r => require.ensure([], () => r(require('@views/module1/b')), 'sysManage2')
-  },
+  // { // 路由页面注释
+  //   path:'/b',
+  //   component: r => require.ensure([], () => r(require('@views/module1/b')), 'sysManage2')
+  // },
 ]

src/router/zm.js

@@ -0,0 +1,6 @@
+export default [
+  { // 路由页面注释
+    path:'/a',
+    component: r => require.ensure([], () => r(require('@views/module1/a')), 'sysManage2')
+  },
+]

src/views/main.vue

@@ -1,12 +1,52 @@
 <template>
   <div class="home">
-  <el-button type="primary">主要按钮</el-button>
-  <el-button type="success">成功按钮</el-button>
-  <el-button type="info">信息按钮</el-button>
-  <el-button type="warning">警告按钮</el-button>
-  <el-button type="danger">危险按钮</el-button>
-    <img alt="Vue logo" src="@assets/images/login.jpg" />
-    防静电卡萨龙卷风看了大神接口了放大
+    <div>我是logo</div>
+
+    <!-- 一级菜单 -->
+    <el-menu :default-active="activeIndex"
+      background-color="#545c64"
+      text-color="#fff"
+      active-text-color="#ffd04b" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+      <el-menu-item index="1">首页</el-menu-item>
+      <el-submenu index="2">
+        <template slot="title">实时监控</template>
+        <el-menu-item index="2-1">状态监视</el-menu-item>
+        <el-menu-item index="2-2">矩阵监视</el-menu-item>
+        <el-menu-item index="2-3">明细矩阵</el-menu-item>
+        <el-menu-item index="2-4">欠发矩阵</el-menu-item>
+        <el-menu-item index="2-5">明细矩阵</el-menu-item>
+        <el-menu-item index="2-6">AGC监视</el-menu-item>
+        <el-menu-item index="2-7">实时分析</el-menu-item>
+        <el-menu-item index="2-8">气象预测</el-menu-item>
+      </el-submenu>
+      <el-submenu index="3">
+        <template slot="title">性能分析</template>
+        <el-menu-item index="3-1">性能分析</el-menu-item>
+        <el-menu-item index="3-2">专题分析</el-menu-item>
+        <el-menu-item index="3-3">指标排行</el-menu-item>
+      </el-submenu>
+      <el-menu-item index="3">对标管理</el-menu-item>
+      <el-submenu index="4">
+        <template slot="title">健康管理</template>
+        <el-menu-item index="4-1">等级评估</el-menu-item>
+        <el-menu-item index="4-2">故障诊断</el-menu-item>
+        <el-menu-item index="4-3">液压站诊断</el-menu-item>
+        <el-menu-item index="4-4">故障自诊断</el-menu-item>
+        <el-menu-item index="4-5">健康管理</el-menu-item>
+      </el-submenu>
+      <el-menu-item index="5">智能报警</el-menu-item>
+      <el-submenu index="6">
+        <template slot="title">安全管控</template>
+        <el-menu-item index="6-1">人员矩阵</el-menu-item>
+        <el-menu-item index="6-2">全局监视</el-menu-item>
+      </el-submenu>
+      <el-submenu index="7">
+        <template slot="title">报表管理</template>
+        <el-menu-item index="7-1">统计分析</el-menu-item>
+        <el-menu-item index="7-2">报    表</el-menu-item>
+        <el-menu-item index="7-3">新能源日报</el-menu-item>
+      </el-submenu>
+    </el-menu>
     
     <router-view/>
   </div>

vue.config.js

@@ -40,21 +40,6 @@ module.exports = {
     //     });
     // }
   },
-  css: {
-    // extract: IS_PROD,
-    sourceMap: false,
-    loaderOptions: {
-      scss: {
-        // 向全局sass样式传入共享的全局变量, $src可以配置图片cdn前缀
-        // 详情: https://cli.vuejs.org/guide/css.html#passing-options-to-pre-processor-loaders
-        // 全局都会使用的文件
-        prependData: `
-        @import "@assets/css/base.scss";
-        $src: "${process.env.VUE_APP_OSS_SRC}";
-        `
-      }
-    }
-  }, 
   // 去掉console.log
   configureWebpack: config => {
     if (IS_PROD) {
@@ -75,5 +60,24 @@ module.exports = {
       config.plugins = [...config.plugins, ...plugins];
     }
   },
+  pages: {
+    index: {
+      // page 的入口
+      entry: 'src/main.js',
+      // 模板来源
+      template: 'public/index.html',
+      // 在 dist/index.html 的输出
+      filename: 'index.html',
+      // 当使用 title 选项时，
+      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
+      title: '国电电力宁夏新能源集中监控系统',
+      // 在这个页面中包含的块，默认情况下会包含
+      // 提取出来的通用 chunk 和 vendor chunk。
+      chunks: ['chunk-vendors', 'chunk-common', 'index']
+    },
+  },
+  devServer: {
+    open: true, // 是否打开浏览器
+  }
 
 }