From dd046c83217aef06c3e5bcb20a81878e0ffe051c Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Thu, 12 Jan 2023 14:28:02 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BD=AE=E6=92=AD?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/homepage.vue | 83 +++++++++++++++++---------------
 1 file changed, 45 insertions(+), 38 deletions(-)

diff --git a/src/views/dashboard/homepage.vue b/src/views/dashboard/homepage.vue
index f12c5ce..2c079e5 100644
--- a/src/views/dashboard/homepage.vue
+++ b/src/views/dashboard/homepage.vue
@@ -30,25 +30,26 @@
           </div>
         </div>
         <div class="cen_con">
+          <div class="table_con">
+            <div class="table_line">
+              <div class="table_item"></div>
+              <div class="table_item">排名</div>
+              <div class="table_item">乡镇</div>
+              <div class="table_item">运单量</div>
+            </div>
+          </div>
           <div class="swiper-container swiper1">
             <div class="swiper-wrapper">
-              <div class="swiper-slide"  v-for="(item, index) in slideList" :key="index">
+              <div class="swiper-slide" v-for="(item, index) in slideList" :key="index">
                 <!-- <table> -->
-                <div class="table_con">
-                  <div class="table_line">
-                    <div class="table_item"></div>
-                    <div class="table_item">排名</div>
-                    <div class="table_item">乡镇</div>
-                    <div class="table_item">运单量</div>
-                  </div>
-                  <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
-                    <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
-                      {{ item1.no <= 3 ? "top" : "" }}
-                    </div>
-                    <div class="table_item">{{ item1.no }}</div>
-                    <div class="table_item">{{ item1.name }}</div>
-                    <div class="table_item">{{ item1.count }}</div>
+
+                <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
+                  <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
+                    {{ item1.no <= 3 ? "top" : "" }}
                   </div>
+                  <div class="table_item">{{ item1.no }}</div>
+                  <div class="table_item">{{ item1.name }}</div>
+                  <div class="table_item">{{ item1.count }}</div>
                 </div>
                 <!-- </table> -->
               </div>
@@ -62,20 +63,20 @@
           <div class="tit">村点信息</div>
         </div>
         <div class="table_box">
+          <div class="table_con">
+            <div class="table_line">
+              <div class="table_item">站点名称</div>
+              <div class="table_item">上行</div>
+              <div class="table_item">下行</div>
+            </div>
+          </div>
           <div class="swiper-container swiper2">
             <div class="swiper-wrapper">
-              <div class="swiper-slide"  v-for="(item, index) in villList" :key="index">
-                <div class="table_con">
-                  <div class="table_line">
-                    <div class="table_item">站点名称</div>
-                    <div class="table_item">上行</div>
-                    <div class="table_item">下行</div>
-                  </div>
-                  <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
-                    <div class="table_item">{{ item1.name }}</div>
-                    <div class="table_item">{{ item1.upData }}</div>
-                    <div class="table_item">{{ item1.downData }}</div>
-                  </div>
+              <div class="swiper-slide" v-for="(item, index) in villList" :key="index">
+                <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
+                  <div class="table_item">{{ item1.name }}</div>
+                  <div class="table_item">{{ item1.upData }}</div>
+                  <div class="table_item">{{ item1.downData }}</div>
                 </div>
               </div>
             </div>
@@ -288,10 +289,10 @@ export default {
     run() {
       this.mySwiper = new Swiper(".swiper1", {
         loop: true, // 循环模式选项
-        autoplay:{
-          delay: 10000,//10秒切换一次
+        autoplay: {
+          delay: 10000, //10秒切换一次
           disableOnInteraction: false,
-        }
+        },
       });
     },
 
@@ -299,10 +300,10 @@ export default {
       this.mySwiper = new Swiper(".swiper2", {
         loop: true, // 循环模式选项
         // autoplay: true, //可选选项，自动滑动
-        autoplay:{
-          delay: 10000,//10秒切换一次
+        autoplay: {
+          delay: 10000, //10秒切换一次
           disableOnInteraction: false,
-        } 
+        },
       });
     },
 
@@ -1103,11 +1104,14 @@ export default {
         height: 89%;
 
         .swiper1 {
+          width: 100%;
           height: 100%;
           .swiper-wrapper {
+            width: 100%;
             height: 100%;
 
             .swiper-slide {
+              width: 100%;
               height: 100%;
             }
           }
@@ -1115,7 +1119,7 @@ export default {
 
         .table_con {
           width: 100%;
-          height: 100%;
+          // height: 100%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
@@ -1205,13 +1209,16 @@ export default {
         height: 88%;
         // overflow-y: auto;
 
-        .swiper2{
+        .swiper2 {
+          width: 100%;
           height: 100%;
 
-          .swiper-wrapper{
+          .swiper-wrapper {
+            width: 100%;
             height: 100%;
 
-            .swiper-slide{
+            .swiper-slide {
+              width: 100%;
               height: 100%;
             }
           }
@@ -1219,7 +1226,7 @@ export default {
 
         .table_con {
           width: 100%;
-          height: 100%;
+          // height: 100%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;

From a0112f93ef6341cf9028efc14b7348ecdb7a36df Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Thu, 12 Jan 2023 15:44:33 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/homepage.vue | 56 +++++++++++++++++---------------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/views/dashboard/homepage.vue b/src/views/dashboard/homepage.vue
index 2c079e5..79d9fca 100644
--- a/src/views/dashboard/homepage.vue
+++ b/src/views/dashboard/homepage.vue
@@ -30,27 +30,27 @@
           </div>
         </div>
         <div class="cen_con">
-          <div class="table_con">
-            <div class="table_line">
-              <div class="table_item"></div>
-              <div class="table_item">排名</div>
-              <div class="table_item">乡镇</div>
-              <div class="table_item">运单量</div>
-            </div>
+          <div class="table_line">
+            <div class="table_item"></div>
+            <div class="table_item">排名</div>
+            <div class="table_item">乡镇</div>
+            <div class="table_item">运单量</div>
           </div>
           <div class="swiper-container swiper1">
             <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="(item, index) in slideList" :key="index">
                 <!-- <table> -->
-
-                <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
-                  <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
-                    {{ item1.no <= 3 ? "top" : "" }}
+                <div class="table_con">
+                  <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
+                    <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
+                      {{ item1.no <= 3 ? "top" : "" }}
+                    </div>
+                    <div class="table_item">{{ item1.no }}</div>
+                    <div class="table_item">{{ item1.name }}</div>
+                    <div class="table_item">{{ item1.count }}</div>
                   </div>
-                  <div class="table_item">{{ item1.no }}</div>
-                  <div class="table_item">{{ item1.name }}</div>
-                  <div class="table_item">{{ item1.count }}</div>
                 </div>
+
                 <!-- </table> -->
               </div>
               <!-- <div class="swiper-slide">Slide 2</div> -->
@@ -63,20 +63,20 @@
           <div class="tit">村点信息</div>
         </div>
         <div class="table_box">
-          <div class="table_con">
-            <div class="table_line">
-              <div class="table_item">站点名称</div>
-              <div class="table_item">上行</div>
-              <div class="table_item">下行</div>
-            </div>
+          <div class="table_line">
+            <div class="table_item">站点名称</div>
+            <div class="table_item">上行</div>
+            <div class="table_item">下行</div>
           </div>
           <div class="swiper-container swiper2">
             <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="(item, index) in villList" :key="index">
-                <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
-                  <div class="table_item">{{ item1.name }}</div>
-                  <div class="table_item">{{ item1.upData }}</div>
-                  <div class="table_item">{{ item1.downData }}</div>
+                <div class="table_con" :class="item.arr.length < 5 ? 'tab_con' : ''">
+                  <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
+                    <div class="table_item">{{ item1.name }}</div>
+                    <div class="table_item">{{ item1.upData }}</div>
+                    <div class="table_item">{{ item1.downData }}</div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -1119,7 +1119,7 @@ export default {
 
         .table_con {
           width: 100%;
-          // height: 100%;
+          height: 92%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
@@ -1226,13 +1226,17 @@ export default {
 
         .table_con {
           width: 100%;
-          // height: 100%;
+          height: 88%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           align-items: center;
         }
 
+        .tab_con {
+          height: 55%;
+        }
+
         .table_line {
           width: 100%;
           height: 0.4rem;