库存总览初版大屏

src/layout/components/AppMain.vue

@@ -14,9 +14,9 @@
 <style lang="scss" scoped>
 .app-main {
   flex: 1;
-  overflow-y: auto;
-  background: #050a15;
-  padding: 16px;
+  overflow: hidden;
+  background: transparent;
+  padding: 0;
   box-sizing: border-box;
   min-height: 0;
   width: 100%;

src/layout/components/Navbar/index.vue

@@ -2,7 +2,6 @@
   <nav class="navbar">
     <div class="navbar-left">
       <hamburger @toggle-click="toggleSideBar" />
-      <span class="navbar-title">{{ title }}</span>
     </div>
     <div class="navbar-right">
       <button class="action-btn refresh-btn" @click="handleRefresh" title="刷新数据">
@@ -54,23 +53,23 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 60px;
-  background: linear-gradient(90deg, rgba(0, 168, 204, 0.95) 0%, rgba(0, 212, 255, 0.9) 50%, rgba(0, 168, 204, 0.95) 100%);
+  height: 50px;
+  background: linear-gradient(90deg, #00a8cc 0%, #00d4ff 50%, #00a8cc 100%);
   width: 100%;
   flex-shrink: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0 24px;
+  padding: 0 16px;
   box-sizing: border-box;
-  border-bottom: 2px solid rgba(0, 212, 255, 0.4);
-  box-shadow: 0 4px 20px rgba(0, 212, 255, 0.2);
+  border-bottom: 1px solid rgba(0, 212, 255, 0.3);
 }
 
 .navbar-left {
   display: flex;
   align-items: center;
   gap: 20px;
+  width: 200px;
 }
 
 .navbar-title {

src/layout/components/Sidebar/index.vue

@@ -39,7 +39,6 @@ const activeMenu = computed(() => route.path)
 
 const iconMap = {
   'monitor': Monitor,
-  'example': PieChart,
   'order': Document,
   'cost': PieChart,
   'energy': Monitor,
@@ -53,7 +52,6 @@ const getIcon = (iconName) => {
 }
 
 const menuItems = [
-  { path: '/dashboard/demo', meta: { title: '示例大屏', icon: 'example' } },
   { path: '/dashboard/order', meta: { title: '订单大屏', icon: 'order' } },
   { path: '/dashboard/cost', meta: { title: '成本大屏', icon: 'cost' } },
   { path: '/dashboard/energy', meta: { title: '能源大屏', icon: 'energy' } },