header中加入订单

src/components/Header.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import {CirclePlus, UserFilled, SwitchButton} from "@element-plus/icons-vue";
-import {ref} from 'vue';
+import {CirclePlus, UserFilled, SwitchButton, Document} from "@element-plus/icons-vue";
 import {router} from '../router'
 
 // const searchContent = ref('')
@@ -56,12 +55,20 @@ function search() {
 
       </el-col>
 
+
       <el-col :span="1" class="header-icon">
         <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">
+        <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="/dashboard" v-slot="{navigate}">
           <el-icon @click="navigate" :size="35" color="white" ><UserFilled /></el-icon>
@@ -105,6 +112,7 @@ function search() {
 
 .header-icon {
   display: flex;
+  flex-direction: column;
   align-items:center;
   justify-content: center;
 }