From 4df409b771b8e1c5a6ad0047ec6048f3c971cbcb Mon Sep 17 00:00:00 2001
From: SongZhen <>
Date: Mon, 9 Oct 2023 09:40:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E6=95=B0=E6=8D=AE=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E6=AF=8F=E5=B1=82=E6=A5=BC=E7=9A=84=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataBoard/cpts/homeDetails/index.vue      | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/views/dataBoard/cpts/homeDetails/index.vue b/src/views/dataBoard/cpts/homeDetails/index.vue
index 605b2d169..3fccea977 100644
--- a/src/views/dataBoard/cpts/homeDetails/index.vue
+++ b/src/views/dataBoard/cpts/homeDetails/index.vue
@@ -25,7 +25,7 @@
               <img src="@/assets/images/home/homeTop.png" alt="/" />
             </div>
             <div class="apar_center">
-              <div class="apar_center_flex">
+              <div class="apar_center_flex" :style="{ width: flexWidth + 'px' }">
                 <div v-for="(item, index) in houseMountArr" :key="index" class="floor">
                   <div class="households" v-for="itm in item" :key="itm.id">{{ itm.doorName }}</div>
                 </div>
@@ -99,6 +99,7 @@ export default {
       //   total: 0,
       //   pageNum: 1,
       //   pageSize: 10,
+      flexWidth: 0,
       loading: false,
       homeMsg: {},
       list: [],
@@ -166,6 +167,13 @@ export default {
           this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : "");
           console.log(this.homeText, " this.homeText");
           this.houseMountArr = this.getDoorNameList(this.list);
+          // this.houseMountArr = [
+          //   [{ doorName: 101 }, { doorName: 102 }, { doorName: 103 }, { doorName: 104 }, { doorName: 105 }, { doorName: 106 }, { doorName: 107 }, { doorName: 108 }, { doorName: 109 }],
+          //   [{ doorName: 201 }, { doorName: 202 }, { doorName: 203 }, { doorName: 204 }, { doorName: 205 }, { doorName: 206 }, { doorName: 207 }, { doorName: 208 }, { doorName: 209 }],
+          // ];
+          if (this.houseMountArr.length > 0) {
+            this.flexWidth = this.houseMountArr[0].length * 58;
+          }
           this.loading = false;
         } else {
           this.loading = false;
@@ -230,6 +238,7 @@ export default {
     display: flex;
     align-items: flex-end;
     justify-content: center;
+    margin-top: 100px;
 
     .apar_comtent {
       display: flex;
@@ -246,11 +255,11 @@ export default {
         background-size: 100% 100%;
         padding: 30px 30px 10px 30px;
         display: flex;
-        align-items: flex-end;
+        // align-items: flex-end;
         flex-direction: column-reverse;
 
         .apar_center_flex {
-          width: 100%;
+          // width: 100%;
           display: flex;
           flex-wrap: wrap-reverse;
           justify-content: center;
@@ -275,7 +284,9 @@ export default {
             font-family: PingFang SC;
             font-weight: 500;
             color: #7fceff;
-            margin-right: 10px;
+            &:not(:last-child) {
+              margin-right: 10px;
+            }
           }
         }
       }