修改中心设备图

src/router/index.js

@@ -121,13 +121,11 @@ export const constantRoutes = [
       meta: {title: '生产进度监控', icon: '404',}
     }, {
       path: 'board5',
-      component: () => import('@/views/board/board4/index'),
+      component: () => import('@/views/board/board4/index'), name: 'board5',
-      name: 'Board4',
       meta: {title: '数字化注塑车间管控中心', icon: '404',}
     }, {
       path: 'board6',
-      component: () => import('@/views/board/board5/index'),
+      component: () => import('@/views/board/board5/index'), name: 'board6',
-      name: 'Board4',
       meta: {title: '数字化注塑车间管控中心', icon: '404',}
     },
       {

src/views/board/board4/index.vue

@@ -1,3 +1,4 @@
+<script src="../../../router/index.js"></script>
 <template>
   <div class="app-container">
     <div class="headTitle">数字化注塑车间管控中心</div>
@@ -157,20 +158,20 @@ export default {
           color: '#ffffff',
           rich: {
             dot1: {
-              fontSize: 16,
+              fontSize: 0.9 * vw,
               color: '#ffffff',
             },
             dot2: {
-              fontSize: 16,
+              fontSize: 0.9 * vw,
               color: '#4E97FF',
             },
             name: {
               color: '#fff',
-              fontSize: 18,
+              fontSize: 1 * vw,
             },
             value: {
               color: '#fff',
-              fontSize: 22,
+              fontSize: 1.1 * vw,
               fontWeight: '800',
             }
           }
@@ -232,7 +233,7 @@ export default {
         splitNumber: 1,
         splitLine: {
           lineStyle: {
-            color: '#fff4',       // 最外圈颜色
+            color: '#fff4',
             width: 1
           }
         },
@@ -565,7 +566,7 @@ export default {
   top: 22%;
   left: 28.6%;
   width: 42.9%;
-  height: 36.4%;
+  height: 24.13vw;
   background-image: url("../../../assets/board/device.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;