库存总览初版大屏

src/layout/components/AppMain.vue

@@ -15,7 +15,7 @@
 .app-main {
   flex: 1;
   overflow-y: auto;
-  background: #f5f7fa;
+  background: #050a15;
   padding: 16px;
   box-sizing: border-box;
   min-height: 0;
@@ -36,4 +36,4 @@
   opacity: 0;
   transform: translateX(30px);
 }
-</style>
+</style>

src/layout/components/Sidebar/index.vue

@@ -60,7 +60,8 @@ const menuItems = [
   { path: '/dashboard/oee', meta: { title: 'OEE综合大屏', icon: 'oee' } },
   { path: '/dashboard/output', meta: { title: '产出监控大屏', icon: 'output' } },
   { path: '/dashboard/stop-analysis', meta: { title: '停机分析大屏', icon: 'stop' } },
-  { path: '/dashboard/acid-rolling', meta: { title: '酸轧数据大屏', icon: 'example' } }
+  { path: '/dashboard/acid-rolling', meta: { title: '酸轧数据大屏', icon: 'example' } },
+  { path: '/dashboard/warehouse-overview', meta: { title: '库区总览大屏', icon: 'example' } }
 ]
 </script>
 

src/main.js

@@ -5,6 +5,7 @@ import store from './store'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import './assets/styles/index.scss'
+import DatavVue3 from '@kjgl77/datav-vue3'
 
 const app = createApp(App)
 
@@ -22,4 +23,5 @@ app.config.errorHandler = (err, instance, info) => {
 app.use(router)
 app.use(store)
 app.use(ElementPlus)
+app.use(DatavVue3)
 app.mount('#app')

src/router/index.js

@@ -59,6 +59,12 @@ export const constantRoutes = [
         name: 'AcidRolling',
         component: () => import('@/views/screens/acid-rolling/index.vue'),
         meta: { title: '酸轧数据大屏', icon: 'example' }
+      },
+      {
+        path: 'warehouse-overview',
+        name: 'WarehouseOverview',
+        component: () => import('@/views/screens/warehouse-overview/index.vue'),
+        meta: { title: '库区总览大屏', icon: 'warehouse' }
       }
     ]
   }
@@ -79,4 +85,4 @@ export function resetRouter() {
   router.matcher = newRouter.matcher
 }
 
-export default router
+export default router