init2

src/views/bottomLeft.vue

@@ -120,17 +120,17 @@ $box-width: 100%;
     line-height: 40px;
   }
   .text7 {
-    font-size: 1.5rem;
+    font-size: 2rem;
     width: 25%;
     height: 32px;
-    line-height: 40px;
+    line-height: 32px;
   }
   .text8 {
-    font-size: 1.5rem;
+    font-size: 2rem;
     width: 20%;
     text-align: right;
     height: 32px;
-    line-height: 40px;
+    line-height: 32px;
   }
   .chart-box {
     margin-top: 16px;

src/views/index.vue

@@ -24,18 +24,15 @@
         <!-- 时间 -->
         <div class="text_date"><topDate /></div>
         <!-- 第二行-->
-        <div class="wrapperTop" >
+        <div class="wrapperTop">
           <swiper
             v-if="showTop"
             class="swiper-containewTop"
             ref="mySwiperTop"
             :options="swiperOptionsTop"
           >
-            <swiper-slide
-              v-for="(item, index) in dayInfoList"
-              :key="index"
-            >
-              <top1  ref="top1" :info="item" />
+            <swiper-slide v-for="(item, index) in dayInfoList" :key="index">
+              <top1 ref="top1" :info="item" />
             </swiper-slide>
           </swiper>
         </div>
@@ -44,18 +41,18 @@
           <div class="content-box">
             <div>
               <dv-border-box-13>
-                <centerRight2 :info="deptInfo"/>
+                <centerRight2 :info="deptInfo" />
               </dv-border-box-13>
             </div>
             <div>
               <dv-border-box-1>
-                <centerRight1 :tableList="planList"/>
-                <center  :info="proportionInfo" />
+                <centerRight1 :tableList="planList" />
+                <center :info="proportionInfo" />
               </dv-border-box-1>
             </div>
             <div>
               <dv-border-box-13>
-                <centerRight3 :info="securitiesInfo"/>
+                <centerRight3 :info="securitiesInfo" />
               </dv-border-box-13>
             </div>
           </div>
@@ -145,14 +142,15 @@ export default {
     topDate
   },
   mounted() {
-    this.cancelLoading()
     this.getTableData()
+    this.cancelLoading()
   },
   created() {
-
-  },
-  beforeDestroy() {
+    setTimeout(() => {
+      this.getTableData()
+    }, 500)
   },
+  beforeDestroy() {},
   methods: {
     async getTableData() {
       // console.log('轮询请求接口')
@@ -177,7 +175,11 @@ export default {
         }
         this.dayInfoList = retObj.dayList
         if (this.dayInfoList.length > 1) {
-          this.$set(this.swiperOptionsTop, 'autoplay', this.defSecuritiesAutoplay)
+          this.$set(
+            this.swiperOptionsTop,
+            'autoplay',
+            this.defSecuritiesAutoplay
+          )
         } else {
           this.$set(this.swiperOptionsTop, 'autoplay', 0)
         }

src/views/top1.vue

@@ -10,7 +10,7 @@
     </div>
     <div class="container" :dur="7">
       <div class="text">{{ info.dayOutQty }}</div>
-      <div class="text1">{{ info.qty }}-今日出库（箱）</div>
+      <div class="text1">{{ info.securities }}-今日出库（箱）</div>
     </div>
   </div>
 </template>