新增三个静态贴图页面

src/router/index.ts

@@ -5,9 +5,17 @@ const staticRouter = [
         path: '/',
         name: '首页',
         component: () => import('@/App.vue'),
-        redirect: 'monitor',
+        redirect: 'home',
         children: [
             {
+                path: '/home',
+                name: 'home',
+                component: () => import('@/views/home/Home.vue'),
+                meta: {
+                    title: '首页'
+                },
+            },
+            {
                 path: '/monitor',
                 name: 'monitor',
                 component: () => import('@/views/coalDrop/Monitor.vue'),
@@ -54,7 +62,23 @@ const staticRouter = [
                 meta: {
                     title: '历史波形图'
                 }
-            }
+            },
+            {
+                path: '/beltSplit',
+                name: 'beltSplit',
+                component: () => import('@/views/belt/BeltSplit.vue'),
+                meta: {
+                    title: '皮带表面撕裂'
+                }
+            },
+            {
+                path: '/beltOffTrack',
+                name: 'beltOffTrack',
+                component: () => import('@/views/belt/OffTrack.vue'),
+                meta: {
+                    title: '皮带表面跑偏'
+                }
+            },
         ]
     }
 ]

src/views/belt/BeltSplit.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="layout">
+    </div>
+    <div class="container">
+        <img src="@/assets/ui-png/beltSplit.png" style="width: 100%;height: 100%;" alt="">
+    </div>
+</template>
+
+<script setup lang='ts'>
+
+</script>
+
+<style scoped></style>

src/views/belt/OffTrack.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="layout">
+    </div>
+    <div class="container">
+        <img src="@/assets/ui-png/beltOffTrack.png" style="width: 100%;height: 100%;" alt="">
+    </div>
+</template>
+
+<script setup lang='ts'>
+
+</script>
+
+<style scoped></style>

src/views/coalDrop/Monitor.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/monitor.png" style="width: 100%;height: 100%;" alt="">
+        <img src="@/assets/ui-png/monitor.png" style="width: 100%;height: 100%;" alt="">
     </div>
 </template>
 

src/views/coalDrop/MonitorHistory.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/monitorHistory.png" style="width: 100%;height: 100%;" alt="">
+        <img src="@/assets/ui-png/monitorHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>
 </template>
 

src/views/detail/beltDeviation/Video.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/bdVideo.png" alt="">
+        <img src="@/assets/ui-png/bdVideo.png" alt="">
     </div>
 </template>
 

src/views/detail/beltDeviation/VideoHistory.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/bdVideoHistory.png" style="width: 100%;height: 100%;" alt="">
+        <img src="@/assets/ui-png/bdVideoHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>
 </template>
 

src/views/detail/coalError/Oscillogram.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/ceo.png" style="width: 100%;height: 100%;" alt="">
+        <img src="@/assets/ui-png/ceo.png" style="width: 100%;height: 100%;" alt="">
     </div>
 </template>
 

src/views/detail/coalError/OscillogramHistory.vue

@@ -2,7 +2,7 @@
     <div class="layout">
     </div>
     <div class="container">
-        <img src="@/assets/ui-cut/ceoHistory.png" style="width: 100%;height: 100%;" alt="">
+        <img src="@/assets/ui-png/ceoHistory.png" style="width: 100%;height: 100%;" alt="">
     </div>
 </template>
 

src/views/home/Home.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="layout">
+    </div>
+    <div class="container">
+        <img src="@/assets/ui-png/home.png" style="width: 100%;height: 100%;" alt="">
+    </div>
+</template>
+
+<script setup lang='ts'>
+
+</script>
+
+<style scoped></style>