按身份展示Header按钮

src/components/Header.vue

@@ -4,7 +4,6 @@ import {router} from '../router'
 
 // const searchContent = ref('')
 
-
 // const userName = ref()
 // userName.value = sessionStorage.getItem("name")
 
@@ -34,9 +33,10 @@ function logout() {
 function search() {
   //todo: search
 
-
 }
 
+const currentIdentity = sessionStorage.getItem('role')
+
 </script>
 
 <template>
@@ -56,7 +56,7 @@ function search() {
       </el-col>
 
 
-      <el-col :span="1" class="header-icon">
+      <el-col :span="1" class="header-icon" v-if="currentIdentity === 'MANAGER'">
         <router-link to="/manager/createStore" v-slot="{navigate}">
           <el-icon @click="navigate" :size="35" color="white" ><CirclePlus /></el-icon>
         </router-link>
@@ -64,7 +64,7 @@ function search() {
 
 
       <el-col :span="1" class="header-icon">
-        <router-link to="/customer/allOrder" v-slot="{navigate}">
+        <router-link to="/customer/allOrder" v-slot="{navigate}" v-if="currentIdentity === 'CUSTOMER'">
           <el-icon @click="navigate" :size="35" color="white" ><Document /></el-icon>
         </router-link>
       </el-col>