fea(AVI大屏总图): 新增腻子、中涂、面/色漆作业区跳转路由及区域

src/router/modules/monitor.js

@@ -12,6 +12,25 @@ export default {
             component: () => import('@/views/Monitor/index'),
             name: 'MonitorIndex',
             meta: { title: 'MonitorIndex', icon: 'kanban' }
+        },
+        {
+            path: 'monitorPutty',
+            component: () => import('@/views/Monitor/components/Putty'),
+            name: 'MonitorPutty',
+            meta: { title: 'MonitorPutty', icon: 'kanban' },
+            hidden: true
+        },
+        {
+            path: 'monitorMiddleCoat',
+            component: () => import('@/views/Monitor/components/MiddleCoat'),
+            name: 'MonitorMiddleCoat',
+            meta: { title: 'MonitorMiddleCoat', icon: 'kanban' }
+        },
+        {
+            path: 'monitorComplexionPaint',
+            component: () => import('@/views/Monitor/components/ComplexionPaint'),
+            name: 'MonitorComplexionPaint',
+            meta: { title: 'MonitorComplexionPaint', icon: 'kanban' }
         }
     ]
 }

src/views/Monitor/components/ComplexionPaint.vue

+<template>
+    <div>
+        <span>面/色漆工作区</span>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style>
+
+</style>

src/views/Monitor/components/MiddleCoat.vue

+<template>
+    <div>
+        <span>中涂作业区</span>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style>
+
+</style>

src/views/Monitor/components/Putty.vue

+<template>
+    <div>
+        <span>腻子工作区</span>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {}
+        }
+    }
+</script>
+
+<style>
+
+</style>

src/views/Monitor/index.vue

@@ -139,6 +139,26 @@
                     <div class="line-6-station-1"></div>
                 </div>
             </div>
+            <!--腻子上半作业区-->
+            <div class="putty-t-pack" @click="doPuttyClick">
+                <div></div>
+            </div>
+            <!--腻子下半作业区-->
+            <div class="putty-b-pack" @click="doPuttyClick">
+                <div></div>
+            </div>
+            <!--中涂左作业区-->
+            <div class="middle-coat-l-pack" @click="doMiddleCoatClick">
+                <div></div>
+            </div>
+            <!--中涂右作业区-->
+            <div class="middle-coat-r-pack" @click="doMiddleCoatClick">
+                <div></div>
+            </div>
+            <!--面/色漆作业区-->
+            <div class="complexion-paint-pack" @click="doComplexionPaintClick">
+                <div></div>
+            </div>
         </div>
     </div>
 </template>
@@ -152,6 +172,24 @@
             // 点击电泳工作区
             doElectrophoresisClick () {
                 console.log('点击电泳工作区')
+            },
+            // 点击腻子作业区
+            doPuttyClick () {
+                this.$router.push({
+                    path: '/monitor/monitorPutty'
+                })
+            },
+            // 点击中涂作业区
+            doMiddleCoatClick () {
+                this.$router.push({
+                    path: '/monitor/monitorMiddleCoat'
+                })
+            },
+            // 点击面/色漆作业区
+            doComplexionPaintClick () {
+                this.$router.push({
+                    path: '/monitor/monitorComplexionPaint'
+                })
             }
         }
     }
@@ -953,6 +991,66 @@
                     }
                 }
             }
+
+            // 腻子上半作业区
+            .putty-t-pack {
+                position: absolute;
+                top: 562px;
+                left: 786px;
+
+                div {
+                    width: 650px;
+                    height: 125px;
+                }
+            }
+
+            // 腻子下半作业区
+            .putty-b-pack {
+                position: absolute;
+                top: 687px;
+                left: 1327px;
+
+                div {
+                    height: 32px;
+                    width: 109px;
+                }
+            }
+
+            // 中涂左作业区
+            .middle-coat-l-pack {
+                position: absolute;
+                left: 786px;
+                top: 690px;
+
+                div {
+                    height: 120px;
+                    width: 530px;
+                }
+            }
+
+            // 中涂右作业区
+            .middle-coat-r-pack {
+                position: absolute;
+                left: 1327px;
+                top: 722px;
+
+                div {
+                    height: 88px;
+                    width: 109px;
+                }
+            }
+
+            // 面/色漆作业区
+            .complexion-paint-pack {
+                position: absolute;
+                top: 816px;
+                left: 690px;
+
+                div {
+                    height: 390px;
+                    width: 747px;
+                }
+            }
         }
     }
 </style>