添加菜单权限

src/App.vue

@@ -14,48 +14,45 @@
 				</transition>
 				<v-footer></v-footer>
 			</div>
-			
 		</el-container>
-		
     </div>
 </template>
 
 <script>
-	import VHeader from './views/layout/header.vue'
-	import VSlidebar from './views/layout/slidebar.vue'
-	import VFooter from './views/layout/footer.vue'
-	let vm = null
-  	export default {
-    	components:{
-			VHeader,
-			VSlidebar,
-			VFooter
-		},
-		data() {
-			return {
-
-			}
-		},
-		created() {
-			vm = this
-		},
-		mounted() {
-			setInterval(function(){
-				vm.pushMessage()
-			},60000)
-		},
-		methods: {
-			// 实时消息推送
-			pushMessage() {
-				vm.$notify({
-					title: '警告',
-					message: '这是一条警告的提示消息',
-					type: 'warning'
-				});
-			}
+import VHeader from './views/layout/header.vue'
+import VSlidebar from './views/layout/slidebar.vue'
+import VFooter from './views/layout/footer.vue'
+let vm = null
+export default {
+	components:{
+		VHeader,
+		VSlidebar,
+		VFooter
+	},
+	data() {
+		return {
+			
 		}
-  	}
-
+	},
+	created() {
+		vm = this
+	},
+	mounted() {
+		setInterval(function(){
+			vm.pushMessage()
+		},60000)
+	},
+	methods: {
+		// 实时消息推送
+		pushMessage() {
+			vm.$notify({
+				title: '警告',
+				message: '这是一条警告的提示消息',
+				type: 'warning'
+			});
+		}
+	}
+}
 </script>
 
 <style lang="scss">

src/store/actions.js

+import * as types from './mutations-types'
+
+export const changeToken = ({commit}, data) => {
+    commit(types.TOKEN, data)
+}
+
+export const changeIdType = ({commit}, data) => {
+    commit(types.ID_TYPE, data)
+}
\ No newline at end of file

src/store/getters.js

-const getters = {
-  userInfo: state => state.sousuo.userInfo,
-  statusBarHeight: state => state.sousuo.statusBarHeight,
-}
-export default getters
+export const _token = state => state._token
+export const idType = state => state.idType

src/store/index.js

 import Vue from 'vue'
 import Vuex from 'vuex'
-import lecturer from './modules/lecturer'
-import getters from './getters'  
+import * as actions from './actions'
+import * as getters from './getters'  
+import state from './state'
+import mutations from './mutations'
 
 Vue.use(Vuex)
 
-const store = new Vuex.Store({
-  modules: {
-    lecturer
-  },
-  getters
+export default new Vuex.Store({
+  actions,
+  getters,
+  state,
+  mutations,
 })
 
-export default store

src/store/modules/lecturer.js

-const lecturer = {
-  state: {
-    userInfo: {},
-    statusBarHeight: {}
-  },
-  mutations: {
-    SET_USER_INFO: (state, userInfo) => {
-      state.userInfo = userInfo
-    },
-    SET_STATUS_BAR_HEIGHT: (state, statusBarHeight) => {
-      state.statusBarHeight = statusBarHeight
-    },
-  },
-  actions: {
-    setUserInfo({ commit }, userInfo) {
-      commit('SET_USER_INFO', userInfo)
-    },
-    setStatusBarHeight({ commit }, statusBarHeight) {
-      commit('SET_STATUS_BAR_HEIGHT', statusBarHeight)
-    },
-  }
-}
-
-export default lecturer

src/store/mutations-types.js

+export const TOKEN = 'TOKEN'
+
+export const ID_TYPE = 'ID_TYPE'
\ No newline at end of file

src/store/mutations.js

+import * as types from './mutations-types'
+
+const mutations = {
+    [types.TOKEN](state, tokenData) {
+        state._token = tokenData
+    },
+    [types.ID_TYPE](state, idTypeData) {
+        state.idType = idTypeData
+    }
+}
+
+export default mutations
\ No newline at end of file

src/store/state.js

+const state = {
+    _token: '',
+    idType: ''
+}
+
+export default state
\ No newline at end of file

src/views/blank.vue

 <template>
-    <div>
-        很抱歉，您暂时还没开通工作站功能
+    <div class="blank-wrap screenSet">
+        <div class="blank-content">
+            <img src="../assets/image/noData.png"/>
+            <p>很抱歉，您暂时还没开通工作站功能</p>
+        </div>
     </div>
 </template>
 <script>
@@ -8,8 +11,27 @@ export default {
     
 }
 </script>
-<style>
-
+<style lang="scss">
+.blank-wrap {
+    background: #fff;
+    margin: 20px !important;
+    position: relative;
+    text-align: center;
+    .blank-content {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 400px;
+        height: 100px;
+        margin-top: -50px;
+        margin-left: -200px;
+        p {
+            margin-top: 20px;
+            font-size: 20px;
+            color: #999;
+        }
+    }
+}
 </style>
 
 

src/views/education/create-component.vue

@@ -286,6 +286,7 @@
 import BreadCrumb from '../../components/breadcrumb.vue'
 import { doUpload, getFilePath } from "../../utils/qiniuUtil"
 import { validateWord150 } from "../../utils/validate.js"
+import { mapGetters } from 'vuex'
 let vm = null
 // 判断组件是否重名
 let validateRepeatWord = function(rule, value, callback, message) {
@@ -295,9 +296,9 @@ let validateRepeatWord = function(rule, value, callback, message) {
         return
     }
     let req = {
-        token: 'C1C5360EEC754092B9EC244147B35BB7',
+        token: vm._token,
         name: value,
-        idType: 1  // 1内部  2外部
+        idType: vm.idType  // 1内部  2外部
     }
     if(vm.itemName != value) {
         vm.GET('portalComponent/checkComponentName',req).then((res) => {
@@ -443,6 +444,12 @@ export default {
             }
         }
     },
+    computed: {
+      ...mapGetters([
+            '_token',
+            'idType'
+      ])
+    },
     created() {
         vm = this
         vm.componentId = vm.$route.query.id

src/views/education/item-component.vue

@@ -72,6 +72,7 @@
 import BreadCrumb from '../../components/breadcrumb.vue'
 import { doUpload, getFilePath } from "../../utils/qiniuUtil"
 import { validateWord } from "../../utils/validate.js"
+import { mapGetters } from 'vuex'
 let vm = null
 export default {
     components: {
@@ -120,6 +121,11 @@ export default {
         }
         
     },
+    computed: {
+      ...mapGetters([
+            '_token'
+      ])
+    },
     created() {
         vm = this
         vm.search()
@@ -151,7 +157,7 @@ export default {
         // 编辑(验证可编辑范围)
         editComponentList(row) {
             let req = {
-                token: 'C1C5360EEC754092B9EC244147B35BB7',
+                token: vm._token,
                 componentId: row.id
             }
             vm.GET('portalComponent/componentEditRange',req).then((res) => {

src/views/home.vue

@@ -43,7 +43,7 @@
 </template>
 <script>
 import BreadCrumb from '../components/breadcrumb.vue'
-import { setTimeout, setInterval } from 'timers';
+import { setTimeout, setInterval } from 'timers'
 let vm = null
 export default {
     components: {
@@ -90,6 +90,10 @@ export default {
             }]
         }
     },
+    created() {
+        vm = this
+        
+    },
     methods: {
         // 查看更多
         lookMore() {

src/views/layout/slidebar.vue

@@ -21,9 +21,13 @@
     </div>
 </template>
 <script>
+import { mapActions } from 'vuex'
+let vm = null
 export default {
     data() {
         return {
+            token: '',
+			authList: {},
             items: [
                 {
                     title: '数据总览',
@@ -64,6 +68,40 @@ export default {
         onRoutes() {
             return this.$route.path.replace('/', '');
         }
+    },
+    created() {
+        vm = this
+        vm.token = vm.$route.query.token || 'C1C5360EEC754092B9EC244147B35BB7'
+		vm.changeToken(vm.token)
+		vm.getUserAuth(vm.token)
+    },
+    mounted() {
+        
+    },
+    methods: {
+        // 修改token
+		...mapActions([
+			'changeToken',
+			'changeIdType'
+		]),
+		// 获取用户权限
+		getUserAuth(token) {
+			vm.GET('common/v1/role',{token: token}).then((res) => {
+				if(res.code == '000000') {
+                    vm.changeIdType(res.data.idType)
+                    vm.authList = res.data.auth
+                    if(!vm.authList.P001) { // 项目管理
+                        vm.items[1].subs[1].index = 'blank'
+                    }
+                    if(!vm.authList.P002) { // 组件管理
+                        vm.items[1].subs[0].index = 'blank'
+                    }
+                    if(!vm.authList.P001) { // 角色管理
+                        vm.items[2].subs[0].index = 'blank'
+                    }
+				}
+			})
+		}
     }
 }
 </script>