fea(AVI大屏): 新增剩余四个工作区路由及相应页面、背景图

src/router/modules/monitor.js

@@ -33,6 +33,34 @@ export default {
             name: 'MonitorComplexionPaint',
             meta: { title: 'MonitorComplexionPaint', icon: 'kanban' },
             hidden: true
+        },
+        {
+            path: 'monitorElectrophoresis',
+            component: () => import('@/views/Monitor/components/Electrophoresis'),
+            name: 'MonitorElectrophoresis',
+            meta: { title: 'MonitorElectrophoresis', icon: 'kanban' },
+            hidden: true
+        },
+        {
+            path: 'monitorFinishedCar',
+            component: () => import('@/views/Monitor/components/FinishedCar'),
+            name: 'MonitorFinishedCar',
+            meta: { title: 'MonitorFinishedCar', icon: 'kanban' },
+            hidden: true
+        },
+        {
+            path: 'monitorSealedAnticorrosion',
+            component: () => import('@/views/Monitor/components/SealedAnticorrosion'),
+            name: 'MonitorSealedAnticorrosion',
+            meta: { title: 'MonitorSealedAnticorrosion', icon: 'kanban' },
+            hidden: true
+        },
+        {
+            path: 'monitorSheetMetalCar',
+            component: () => import('@/views/Monitor/components/SheetMetalCar'),
+            name: 'MonitorSheetMetalCar',
+            mate: { title: 'MonitorSheetMetalCar', icon: 'kanban' },
+            hidden: true
         }
     ]
 }

src/views/Monitor/components/Electrophoresis.vue

+<template>
+    <div class="page-pack">电泳作业区</div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/Monitor/components/FinishedCar.vue

+<template>
+    <div class="page-pack">成品车存放区</div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/Monitor/components/SealedAnticorrosion.vue

+<template>
+    <div class="page-pack">密封防腐作业区</div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/Monitor/components/SheetMetalCar.vue

+<template>
+    <div class="page-pack">钣金车存放区</div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/Monitor/index.vue

@@ -61,7 +61,7 @@
                 </div>
             </div>
             <!--钣金车存放区-->
-            <div class="sheet-metal-car-pack">
+            <div class="sheet-metal-car-pack" @click="doSheetMetalCarClick">
                 <div>
                     <div class="sheet-metal-car-A1"></div>
                     <div class="A1-station-1"></div>
@@ -107,7 +107,7 @@
                 </div>
             </div>
             <!--密封防腐作业区-->
-            <div class="sealed-anticorrosion-pack">
+            <div class="sealed-anticorrosion-pack" @click="doSealedAnticorrosion">
                 <div>
                     <div class="line-1-change-cycle"></div>
                     <div class="line-1-roof-seal"></div>
@@ -311,8 +311,8 @@
                     <div class="column-5-trimming-delivery-11"></div>
                 </div>
             </div>
-            <!--车品车存放区-->
-            <div class="finished-car-storage-pack">
+            <!--成品车存放区-->
+            <div class="finished-car-storage-pack" @click="doFinishedCarStorage">
                 <div>
                     <div class="line-1-station-1"></div>
                     <div class="line-1-station-2"></div>
@@ -349,7 +349,9 @@
         methods: {
             // 点击电泳工作区
             doElectrophoresisClick () {
-                console.log('点击电泳工作区')
+                this.$router.push({
+                    path: '/monitor/monitorElectrophoresis'
+                })
             },
             // 点击腻子作业区
             doPuttyClick () {
@@ -368,6 +370,24 @@
                 this.$router.push({
                     path: '/monitor/monitorComplexionPaint'
                 })
+            },
+            // 点击钣金车存放区
+            doSheetMetalCarClick () {
+                this.$router.push({
+                    path: '/monitor/monitorSheetMetalCar'
+                })
+            },
+            // 点击密封防腐作业区
+            doSealedAnticorrosion () {
+                this.$router.push({
+                    path: '/monitor/monitorSealedAnticorrosion'
+                })
+            },
+            // 点击成品车存放区
+            doFinishedCarStorage () {
+                this.$router.push({
+                    path: '/monitor/monitorFinishedCar'
+                })
             }
         }
     }