9/2 禅道问题

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

@@ -1,7 +1,7 @@
 <template>
   <div class="UnitBox">
-    <div class="Unit_top flex align-center justify-between">
-      <div style="text-wrap: nowrap">
+    <div class="Unit_top flex align-center justify-between flex-wrap">
+      <div style="text-wrap: wrap">
         <span class="text-size-16px text-color-black text-widget-bold mr-30px">
           <strong>{{ houseStore.currentBuildingInfo?.buildingName }}</strong>
         </span>
@@ -17,7 +17,7 @@
         <span v-has-permi="['unitNo:unitNo:add']" class="mr-20px" @click="handleAddUnit">+添加单元</span>
         <span v-has-permi="['system:house:add']" class="mr-20px" @click="handleAddHouse">+增加房屋</span>
         <!-- <span class="mr-20px">收费标准设置</span> -->
-        <span v-has-permi="['system:house:remove']" @click="deleteAllhouse">批量删除房屋</span>
+        <span v-has-permi="['system:house:remove']" @click="deleteAllHouse">批量删除房屋</span>
         <el-select v-model="houseUse" class="selectbox" clearable placeholder="筛选房屋类型" @change="handleChangeUse" @clear="handleClearUse">
           <el-option v-for="item in houseUseTypeList" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
@@ -200,7 +200,7 @@ function reset() {
   houseStore.getHouseBybuildingNo(housename.value, houseUse.value);
 }
 
-async function deleteAllhouse() {
+async function deleteAllHouse() {
   await proxy?.$modal.confirm('该信息删除后无法恢复，确定要删除吗？');
   const checkhouse = houseStore.checkoutHouses;
   if (checkhouse.length > 0) {
@@ -229,12 +229,16 @@ $primary_color: #1978fe;
   min-height: 0;
 
   .Unit_top {
-    padding: 20px;
-    height: 60px;
+    padding: 20px 20px 0;
+    flex-wrap: wrap;
+    box-sizing: border-box;
     color: rgba(102, 102, 102, 1);
+    & > div {
+      margin-bottom: 10px;
+    }
     .rightActions {
       color: $primary_color;
-      height: 35px;
+      height: 25px;
       span {
         cursor: pointer;
       }
@@ -245,17 +249,17 @@ $primary_color: #1978fe;
           width: 120px;
         }
         @media (max-width: 1400px) {
-          width: 80px;
+          width: 100px;
         }
       }
-      .searchbox {
+      s .searchbox {
         .searchinput {
           width: 250px;
           @media (max-width: 1550px) {
             width: 130px;
           }
           @media (max-width: 1400px) {
-            width: 50px;
+            width: 80px;
           }
         }
       }