✨ feat(header, menu, order): 调整组件布局，优化样式，更新搜索功能

src/views/layout/components/Header.vue

@@ -37,8 +37,9 @@
         </div>
       </div>
     </div>
-    <OrderDrawer v-model:show="show" :type="SearchType" />
   </header>
+  <OrderDrawer v-model:show="show" :type="SearchType" />
+
 </template>
 <script lang="ts" setup>
   import { computed, ref } from 'vue'

src/views/menu/index.vue

@@ -21,7 +21,6 @@
               >
                 <div ref="" class="flex flex-nowrap items-center">
                   <div
-                    @click="catgroyClick"
                     v-for="item in products"
                     class="flex items-center shrink-0 mr-[20px] h-[34px]"
                   >

src/views/order/index.vue

@@ -6,8 +6,8 @@
       <!-- Search Area -->
       <div class="mb-6 flex items-center gap-4">
         <el-input v-model="searchKeyword" placeholder="Enter Keywords To Search" class="!rounded-button">
-          <template #append>
-            <el-icon>
+          <template #append >
+            <el-icon class="w-full h-full" @click="console.log('搜索')">
               <Search />
             </el-icon>
           </template>
@@ -161,4 +161,9 @@ const handleDetails = (row) => {
   --el-table-border-color: #e5e7eb;
   --el-table-header-text-color: #4b5563;
 }
+.el-input{
+  --el-fill-color-light:#f67f20;
+  --el-color-info:white;
+  --el-input-border-color:#f67f20;
+}
 </style>