header

src/components/Header.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {UserFilled, Discount, SwitchButton, Document} from "@element-plus/icons-vue";
+import {UserFilled, Discount, SwitchButton, Document, CirclePlus} from "@element-plus/icons-vue";
 import {router} from '../router'
 
 function logout() {
@@ -49,14 +49,26 @@ const currentIdentity = sessionStorage.getItem('role')
 
       </el-col>
 
-      <el-col :span="1" class="header-icon">
-        <router-link to="/allOrder" v-slot="{navigate}">
+      <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>
+      </el-col>
+
+      <el-col :span="1" class="header-icon" v-if="currentIdentity === 'CUSTOMER'">
+        <router-link to="/customer/allOrder" v-slot="{navigate}">
           <el-icon @click="navigate" :size="35" color="white" ><Document /></el-icon>
         </router-link>
       </el-col>
 
-      <el-col :span="1" class="header-icon">
-        <router-link to="/customer/coupon" v-slot="{navigate}">
+      <el-col :span="1" class="header-icon" v-if="currentIdentity === 'CUSTOMER'">
+        <router-link to="/customer/coupon" v-slot="{navigate}" >
+          <el-icon @click="navigate" :size="35" color="white" ><Discount /></el-icon>
+        </router-link>
+      </el-col>
+
+      <el-col :span="1" class="header-icon" v-if="currentIdentity === 'STAFF'">
+        <router-link to="/staff/coupon" v-slot="{navigate}" >
           <el-icon @click="navigate" :size="35" color="white" ><Discount /></el-icon>
         </router-link>
       </el-col>