添加页面

src/router/index.js

@@ -32,6 +32,7 @@ import Layout from '@/layout'
 export const constantRoutes = [
   {path: '/cs', component: () => import('@/views/cs/index.vue')},
   {path: '/cs2', component: () => import('@/views/cs/index2.vue')},
+  {path: '/cs3', component: () => import('@/views/cs/index3.vue')},
   {
     path: '/redirect',
     component: Layout,

src/views/cs/index2.vue

@@ -313,15 +313,19 @@ export default {
       getAgvData().then(e => {
         e.Data.forEach(v => {
           if (this.agvData.filter(r => r.id === v.AgvId).length >= 1) {
-            new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
+            let f1 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
               rotate: v.Angle,
-            }, 100).start()
-            new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
+            }, 100).start().onComplete(()=>{
+              f1 = null
+            })
+            let f2 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
               x: (v.X - 126000) / this.siteData.x,
               y: (72000 - (v.Y - 116000)) / this.siteData.y,
               show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000
               // show: true
-            }, time - 100).start()
+            }, time - 100).start().onComplete(()=>{
+              f2 = null
+            })
           } else {
             this.agvData.push({
               id: v.AgvId,

src/views/cs/index3.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="body">
+    <iframe :src="iframeSrc" style="width: 100%;height: 100%"></iframe>
+  </div>
+</template>
+<script>
+
+import * as TWEEN from '@tweenjs/tween.js'
+import {getAgvData, getHourProductionList} from "../../api/board/cs2";
+
+export default {
+  data() {
+    return {
+      iframeSrc:'http://192.168.202.20:8100/#/de-link/gXZdFzxH'
+    }
+  },
+  methods: {},
+  mounted() {}
+}
+</script>
+<style scoped lang="less">
+.body{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>