feat:(led工位级大屏)：静态卡法，电泳区宽高缩放

config/index.js

@@ -13,8 +13,8 @@ module.exports = {
         // 代理后端服务器
         proxyTable: {
             '/host': {
-                // target: 'http://10.100.172.150:9108',  //设置你调用的接口域名和端口号 别忘了加http
-                target: 'http://192.168.43.244:8888',// 东伟服务器地址
+                target: 'http://10.100.172.150:9108',  //设置你调用的接口域名和端口号 别忘了加http
+                // target: 'http://192.168.43.244:8888',// 东伟服务器地址
                 changeOrigin: true,
                 pathRewrite: {
                     '^/host': ''//这里理解成用‘/host’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可

src/permission.js

@@ -9,7 +9,17 @@ import router from './router'
 import store from './store'
 
 // 免登陆白名单
-const whiteList = ['/', '/led', '/led/stationElectrophoresis']
+const whiteList = [
+    '/',
+    '/led',
+    '/led/stationElectrophoresis',
+    '/led/stationInsulatingAnticorrosive',
+    '/led/stationPutty',
+    '/led/stationApplyArtificial',
+    '/led/stationFloatingCoatRobot',
+    '/led/stationSurfaceVarnish',
+    '/led/stationSprayDryingRoom'
+]
 
 NProgress.configure({
     showSpinner: false

src/router/modules/led.js

-/**
- * Led
- */
-export default {
-    path: '/led',
-    component: () => import('@/views/Layout/lsd'),
-    redirect: '/led/stationElectrophoresis',
-    meta: { title: 'Led', icon: 'template', openNewWindow: true },
-    children: [
-        {
-            path: 'stationElectrophoresis', //电泳
-            component: () => import('@/views/Led/Station/electrophoresis'),
-            name: 'StationElectrophoresis',
-            meta: { title: 'StationElectrophoresis', icon: 'template' }
-        },
-        {
-            path: 'stationInsulatingAnticorrosive', //隔热防腐
-            component: () => import('@/views/Led/Station/insulatingAnticorrosive'),
-            name: 'StationInsulatingAnticorrosive',
-            meta: { title: 'StationInsulatingAnticorrosive', icon: 'template' }
-        },
-        {
-            path: 'stationPutty', //腻子
-            component: () => import('@/views/Led/Station/putty'),
-            name: 'StationPutty',
-            meta: { title: 'StationPutty', icon: 'template' }
-        },
-        {
-            path: 'stationApplyArtificial', //中涂人工
-            component: () => import('@/views/Led/Station/applyArtificial'),
-            name: 'StationApplyArtificial',
-            meta: { title: 'StationApplyArtificial', icon: 'template' }
-        },
-        {
-            path: 'stationFloatingCoatRobot', //中涂机器人
-            component: () => import('@/views/Led/Station/floatingCoatRobot'),
-            name: 'StationFloatingCoatRobot',
-            meta: { title: 'StationFloatingCoatRobot', icon: 'template' }
-        },
-        {
-            path: 'stationSurfaceVarnish', //面/清漆
-            component: () => import('@/views/Led/Station/surfaceVarnish'),
-            name: 'StationSurfaceVarnish',
-            meta: { title: 'StationSurfaceVarnish', icon: 'template' }
-        },
-        {
-            path: 'stationSprayDryingRoom', //喷漆室，烘干室
-            component: () => import('@/views/Led/Station/sprayDryingRoom'),
-            name: 'StationSprayDryingRoom',
-            meta: { title: 'StationSprayDryingRoom', icon: 'template' }
-        }
-    ]
-}
+// /**
+//  * Led
+//  */
+// export default {
+//     path: '/led',
+//     component: () => import('@/views/Layout/lsd'),
+//     redirect: '/led/stationElectrophoresis',
+//     meta: { title: 'Led', icon: 'template', openNewWindow: true },
+//     children: [
+//         {
+//             path: 'stationElectrophoresis', //电泳
+//             component: () => import('@/views/Led/Station/electrophoresis'),
+//             name: 'StationElectrophoresis',
+//             meta: { title: 'StationElectrophoresis', icon: 'template' }
+//         },
+//         {
+//             path: 'stationInsulatingAnticorrosive', //隔热防腐
+//             component: () => import('@/views/Led/Station/insulatingAnticorrosive'),
+//             name: 'StationInsulatingAnticorrosive',
+//             meta: { title: 'StationInsulatingAnticorrosive', icon: 'template' }
+//         },
+//         {
+//             path: 'stationPutty', //腻子
+//             component: () => import('@/views/Led/Station/putty'),
+//             name: 'StationPutty',
+//             meta: { title: 'StationPutty', icon: 'template' }
+//         },
+//         {
+//             path: 'stationApplyArtificial', //中涂人工
+//             component: () => import('@/views/Led/Station/applyArtificial'),
+//             name: 'StationApplyArtificial',
+//             meta: { title: 'StationApplyArtificial', icon: 'template' }
+//         },
+//         {
+//             path: 'stationFloatingCoatRobot', //中涂机器人
+//             component: () => import('@/views/Led/Station/floatingCoatRobot'),
+//             name: 'StationFloatingCoatRobot',
+//             meta: { title: 'StationFloatingCoatRobot', icon: 'template' }
+//         },
+//         {
+//             path: 'stationSurfaceVarnish', //面/清漆
+//             component: () => import('@/views/Led/Station/surfaceVarnish'),
+//             name: 'StationSurfaceVarnish',
+//             meta: { title: 'StationSurfaceVarnish', icon: 'template' }
+//         },
+//         {
+//             path: 'stationSprayDryingRoom', //喷漆室，烘干室
+//             component: () => import('@/views/Led/Station/sprayDryingRoom'),
+//             name: 'StationSprayDryingRoom',
+//             meta: { title: 'StationSprayDryingRoom', icon: 'template' }
+//         }
+//     ]
+// }

src/views/Led/Station/electrophoresis.vue

 <template>
-  <div class="page-pack">
+  <div class="page-pack" :style="{transform: zoom}" style="transform-origin: 0 0;">
       <div class="title-pack">电泳</div>
       <div class="table-pack">
           <div class="tr">
-              <div class="th-l">钣金车进车数</div>
+              <div class="th-l">{{width}}</div>
               <div class="th-r">{{width}}</div>
           </div>
           <div class="tr">
-              <div class="th-l">电泳完工挂数</div>
+              <div class="th-l">{{height}}</div>
               <div class="th-r">{{height}}</div>
           </div>
           <div class="info">
               设备报警信息：
+              
           </div>
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>
 
 <script>
+    import { swiper, swiperSlide } from 'vue-awesome-swiper'
     export default {
+        // components: {
+        //     Empty,
+        //     ProjectList,
+        //     swiper,
+        //     swiperSlide
+        // },
         data () {
             return {
                 width: 0,
-                height: 0
+                height: 0,
+                zoom: 'scale(0)'
             }
         },
         methods: {},
@@ -31,7 +40,9 @@
             setTimeout(() => {
                 this.width = document.body.offsetWidth
                 this.height = document.body.offsetHeight
-            }, 3000)
+                this.zoom = `scale(${this.width / 1710})`
+                console.log(this.zoom)
+            }, 0)
         }
     }
 </script>

src/views/Led/Station/floatingCoatRobot.vue

@@ -17,7 +17,7 @@
           <div class="info">
               设备报警信息：
           </div>
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>

src/views/Led/Station/insulatingAnticorrosive.vue

@@ -13,7 +13,7 @@
           <div class="info">
               设备报警信息：
           </div>
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>

src/views/Led/Station/putty.vue

@@ -13,7 +13,7 @@
           <div class="info">
               设备报警信息：
           </div>
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>

src/views/Led/Station/sprayDryingRoom.vue

@@ -12,15 +12,15 @@
           </div>
           <div class="tr clear-float">
               <div class="th-l">喷漆室1</div>
-              <div class="th-2">{{width}}</div>
-              <div class="th-3">{{width}}</div>
+              <div class="th-2">工作</div>
+              <div class="th-3">60min</div>
               <div class="th-4">{{width}}</div>
               <div class="th-5">{{width}}</div>
               <div class="th-6">{{width}}</div>
           </div>
           <div class="tr clear-float">
               <div class="th-l">喷漆室2</div>
-              <div class="th-2">{{width}}</div>
+              <div class="th-2">空闲</div>
               <div class="th-3">{{width}}</div>
               <div class="th-4">{{width}}</div>
               <div class="th-5">{{width}}</div>
@@ -77,7 +77,7 @@
           <!-- <div class="info">
               设备报警信息：
           </div> -->
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>

src/views/Led/Station/surfaceVarnish.vue

@@ -13,7 +13,7 @@
           <div class="info">
               设备报警信息：
           </div>
-          <div class="time">时间v：2019-08-29 09:00:00</div>
+          <div class="time">时间：2019-08-29 09:00:00</div>
       </div>
   </div>
 </template>