修改样式

src/router/router.js

@@ -3,6 +3,7 @@ import App from '../App'
 const home = r => require.ensure([], () => r(require('../views/home')), 'home')
 const itemManager = r => require.ensure([], () => r(require('../views/education/item-manager.vue')), 'item-manager')
 const itemComponent = r => require.ensure([], () => r(require('../views/education/item-component.vue')), 'item-component')
+const roleManager = r => require.ensure([], () => r(require('../views/system/role.vue')),'role')
 
 export default [{
     path: '/',
@@ -23,6 +24,9 @@ export default [{
         },{
             path: '/item-component',
             component: itemComponent
+        },{
+            path: '/role',
+            component: roleManager
         }
     ]
 }]

src/utils/mixins.js

@@ -34,10 +34,6 @@ module.exports = {
             }
             return ''
         },
-        // 埋点
-        pageBurialPoin(options){
-            rocNative.appBuryingPointEntrust(options)
-        },
 
         setRouterParm(paramList){
             let parm = {};

src/views/layout/header.vue

@@ -2,26 +2,23 @@
     <div class="header-container">
         <div class="logo"><img src="../../assets/image/index_logoicon.png"/>内容管理系统</div>
         <div class="user-info">
-            <el-dropdown trigger="click" @command="handleCommand">
-                <span class="el-dropdown-link">
-                    <img class="user-logo" src="../../assets/image/img.jpg">
-                    <span id="headName">{{name}}</span><i class="el-icon-arrow-down el-icon--right"></i>
-                </span>
-                <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item command="logout">退出</el-dropdown-item>
-                </el-dropdown-menu>
-            </el-dropdown>
+            <div class="el-dropdown-link">
+                <img class="user-logo" src="../../assets/image/img.jpg">
+                <span id="headName">{{name}}，您好</span>
+                <span class="line">|</span>
+                <span id="login-out">退出</span>
+            </div>
         </div>
         <!--导航-->
         <div class="user-info">
             <el-dropdown trigger="click" @command="handleCommand">
                 <span class="el-dropdown-link">
-                    {{'系统切换'}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{'系统切换'}}
+                    <i class="el-icon-arrow-down el-icon--right"></i>
                 </span>
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item v-for="item in systemInfoList" :key="item.id">
                         <span class="menu-item" @click="forward(item)">{{item.systemName}}</span>
-                        <!--<el-tag type="warning" @click="forward(item)">{{item.system_name}}</el-tag>-->
                     </el-dropdown-item>
                 </el-dropdown-menu>
             </el-dropdown>
@@ -32,7 +29,7 @@
 export default {
     data() {
         return {
-            name: '',
+            name: 'hws',
             systemInfoList: []
         }
     },
@@ -68,8 +65,8 @@ export default {
         img{
             width: 30px;
             float: left;
-            margin-left:60px;
-            margin-top:20px;
+            margin-left: 60px;
+            margin-top: 20px;
         }
     }
     .user-info {
@@ -93,8 +90,13 @@ export default {
             height: 40px;
             border-radius: 50%;
         }
-        .el-icon--right{
+        .el-icon--right, #headName,.line, #login-out{
             color: #fff;
+            font-size: 14px;
+        }
+        .line {
+            display: inline-block;
+            padding: 0 10px;
         }
     }
 }

src/views/layout/slidebar.vue

@@ -5,9 +5,10 @@
                 <template v-if="item.subs">
                     <el-submenu :index=" 'index_' + _index" :key="item.index">
                         <template slot="title"><i :class="item.icon"></i>{{item.title}}</template>
-                        <el-menu-item-group>
-                            <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="subItem.index">{{subItem.title}}</el-menu-item>
-                        </el-menu-item-group>
+                            <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="subItem.index">
+                                <i class="sub-icon" :class="subItem.icon"></i>
+                                {{subItem.title}}
+                            </el-menu-item>
                     </el-submenu>
                 </template>
                 <template v-else>
@@ -31,13 +32,13 @@ export default {
                     subs: [
                         {
                             title: '项目组件',
-                            icon: 'el-icon-message',
+                            icon: 'el-icon-setting',
                             index: 'item-component',
                             subs: []
                         },
                         {
                             title: '项目管理',
-                            icon: 'el-icon-message',
+                            icon: 'el-icon-setting',
                             index: 'item-manager',
                             subs: []
                         }
@@ -47,11 +48,17 @@ export default {
                     icon: 'el-icon-menu',
                     index: '2',
                     subs: [
+                        {
+                            title: '基础数据管理',
+                            icon: 'el-icon-setting',
+                            index: 'role',
+                            subs: []
+                        },
                         {
                             title: '角色管理',
-                            icon: 'el-icon-menu',
-                            index: '2',
-                            icon: 'el-icon-menu'
+                            icon: 'el-icon-setting',
+                            index: 'role',
+                            subs: []
                         }
                     ]
                 }
@@ -76,6 +83,9 @@ export default {
     background: #EAEEF5;
     .el-menu {
         background: #EAEEF5;
+        .sub-icon {
+            font-size: 12px;
+        }
     }
 }
 </style>

src/views/system/role.vue

+<template>
+    <div class="create-item">
+        <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
+        角色管理
+    </div>
+</template>
+<script>
+import BreadCrumb from '../../components/breadcrumb.vue'
+export default {
+    components: {
+      BreadCrumb
+    },
+    data() {
+        return {
+            curmbFirst: '系统管理',
+            curmbSecond: '角色管理'
+        }
+    }
+}
+</script>
+<style>
+
+</style>
+
+