修改切换

src/pages/DeviceScreen.vue

@@ -10,9 +10,9 @@
             <div id="echart_d01" style="width: 100%; height: 100%"></div>
           </div>
           <div class="total">
-            <div v-if="totalNum">{{totalNum}}<span>台</span></div>
+            <div v-show="totalNum">{{totalNum}}<span>台</span></div>
           </div>
-          <div v-if="totalNum" class="total-desc">设备总数</div>
+          <div v-show="totalNum" class="total-desc">设备总数</div>
         </div>
         <div class="item_5_r">
           <div class="right_1_down_inner_3_i"  v-for="(e, i) in arrR01" :key="i">
@@ -141,7 +141,7 @@
               <li>关机时间</li>
               <!-- <li>生产日期</li> -->
             </ul>
-            <div class="scroll_container_1 scroll_container_3" v-if="array1.length">
+            <div class="scroll_container_1 scroll_container_3" v-show="array1.length">
               <vue-seamless-scroll :data="array1" :class-option="defaultOption1">
                 <ul class="scroll-ul_1">
                   <li v-for="(e, i) in array1" :key="i">
@@ -377,8 +377,14 @@ export default {
       }
     }
   },
-  created () {
+  // created () {
+  //   this.refresh()
+  // },
+  mounted () {
     this.refresh()
+    setTimeout(() => {
+      this.$router.push('/MonitoringScreen')
+    }, 5000)
   },
   beforeDestroy () {
     this.$once('hook:beforeDestroy', () => {

src/pages/MonitoringScreen.vue

@@ -10,7 +10,8 @@
         </div>
         <div class="swiper_wrap">
           <div class="swiper_wrap_con">
-            <div v-if="swiper === false" class="swiper_item">
+            <div v-show="swiper === false" class="swiper_item">
+            <!-- <div v-if="swiper === false" class="swiper_item"> -->
               <div class="item_content_1_inner">
                 <div class="item_content_1_inner_1">弯头工段</div>
                 <div class="item_content_1_inner_2 item_content_1_inner_2_bg">
@@ -57,7 +58,8 @@
                 </div>
               </div>
             </div>
-            <div v-else class="swiper_item">
+            <div v-show="swiper === true" class="swiper_item">
+            <!-- <div v-else class="swiper_item"> -->
               <div class="item_content_1_inner">
                 <div class="item_content_1_inner_1">弯头工段</div>
                 <div class="item_content_1_inner_2 item_content_1_inner_2_bg">
@@ -388,8 +390,14 @@ export default {
       }
     }
   },
-  created () {
+  // created () {
+  //   this.refresh()
+  // },
+  mounted () {
     this.refresh()
+    setTimeout(() => {
+      this.$router.push('/devicescreen')
+    }, 5000)
   },
   beforeDestroy () {
     this.$once('hook:beforeDestroy', () => {

src/pages/Setup.vue

@@ -98,7 +98,8 @@ export default {
         // equipId: this.active
       }
       this.$store.dispatch('setConfig', obj)
-      this.$router.push('/HomeScreen')
+      this.$router.push('/devicescreen')
+      // this.$router.push('/HomeScreen')
       // if (this.active === '0') {
       //   this.$router.push('/MonitoringScreen')
       // } else {