同步6/16

src/views/system/house/components/building.vue

@@ -6,7 +6,7 @@
         <span class="pointer" @click="handleAddBuilding" v-hasPermi="['system:building:add']">+增加楼栋</span>
       </div>
     </div>
-    <ul>
+    <ul class="flex-1 overflow-y-auto overflow-x-hidden">
       <li
         v-for="(item, index) in currentBuildingInfoList"
         :class="{
@@ -14,7 +14,7 @@
         }"
         :key="index"
       >
-        <div class="buildingname" @click="switchBuilding(item.id ?? null)">{{ item.buildingName ?? '' }}</div>
+        <div class="buildingname" :title="item.buildingName ?? ''" @click="switchBuilding(item.id ?? null)">{{ item.buildingName ?? '' }}</div>
         <div class="buildactions flex align-center justify-around">
           <el-icon class="pointer hover-color-blue" @click="editBuilding(item.id)" v-hasPermi="['system:building:edit']"><Setting /></el-icon>
           <el-icon class="pointer hover-color-red" @click="deleteBuilding(item.id)" v-hasPermi="['system:building:remove']"><Delete /></el-icon>
@@ -67,6 +67,9 @@ $primary_color: #1978fe;
   border-radius: 2px;
   color: rgba(0, 0, 0, 1);
   margin-right: 10px;
+
+  display: flex;
+  flex-direction: column;
   .buildingheader {
     height: 60px;
     line-height: 60px;
@@ -78,6 +81,9 @@ $primary_color: #1978fe;
   }
 
   li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     height: 45px;
     line-height: 45px;
     color: rgba(16, 16, 16, 1);
@@ -87,15 +93,17 @@ $primary_color: #1978fe;
       background-color: #1978fe0c;
     }
     .buildingname {
-      text-align: center;
-      width: 100%;
-      padding: 0 20px 0 0;
+      padding: 0 10px 0 5px;
       cursor: pointer;
+      flex: 1;
+      max-width: 175px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+
+      text-align: right;
     }
     .buildactions {
-      position: absolute;
-      right: 0;
-      top: 0;
       width: 75px;
       font-size: 15px;
       padding: 15px 0;