优化房屋页面

wuxw
1 parent af1bcbd6
Showing 73 changed files with 896 additions and 1402 deletions
public/import/hc.xlsx
public/import/hc20200610.xlsx
public/import/importCar.xlsx
public/import/importCarFeeDetail.xlsx
public/import/importFeeDetail.xlsx
public/import/importResourceStore.xlsx
public/import/importRoom.xlsx
public/import/meterMachine.xlsx
public/import/wy.xlsx
src/api/room/addFloorApi.js
src/api/room/deleteFloorApi.js
src/api/room/deleteUnitApi.js
src/api/room/editFloorApi.js
src/api/room/editRoomApi.js
src/api/room/floorUnitTreeApi.js
src/api/room/ownerRoomsApi.js
src/api/room/roomApi.js
src/components/admin/WriteAdvertMachine.vue
src/components/community/DeleteRoomRenovation.vue
src/components/community/EditRoomRenovation.vue
@@ -3,11 +3,11 @@ import request from &#39;@/utils/request&#39;
 export function addFloor(data) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/floor/saveFloor',
+      url: '/floor.saveFloor',
       method: 'post',
       data
     }).then(response => {
-      resolve(response)
+      resolve(response.data)
     }).catch(error => {
       reject(error)
     })
@@ -3,11 +3,11 @@ import request from &#39;@/utils/request&#39;
 export function deleteFloor(data) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/floor/deleteFloor',
+      url: '/floor.deleteFloor',
       method: 'post',
       data
     }).then(response => {
-      resolve(response)
+      resolve(response.data)
     }).catch(error => {
       reject(error)
     })
 import request from '@/utils/request'
-export function deleteUnit(params) {
+export function deleteUnit(data) {
   return new Promise((resolve, reject) => {
     request({
       url: '/unit.deleteUnit',
       method: 'post',
-      params
+      data
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
+      if (res.code == 0) {
         resolve(res)
       } else {
         reject(new Error(res.msg || '删除单元失败'))
@@ -3,11 +3,11 @@ import request from &#39;@/utils/request&#39;
 export function editFloor(data) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/floor/editFloor',
+      url: '/floor.editFloor',
       method: 'post',
       data
     }).then(response => {
-      resolve(response)
+      resolve(response.data)
     }).catch(error => {
       reject(error)
     })
@@ -27,11 +27,8 @@ export function getUnits(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
-        resolve(res.data)
-      } else {
-        reject(new Error(res.msg || '获取单元列表失败'))
-      }
+
+        resolve(res)
     }).catch(error => {
       reject(error)
     })
@@ -8,11 +8,7 @@ export function getFloorAndUnits(communityId) {
       params: { communityId }
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
-        resolve(res.data)
-      } else {
-        reject(new Error(res.msg || '获取楼栋单元失败'))
-      }
+      resolve(res)
     }).catch(error => {
       reject(error)
     })
@@ -8,11 +8,7 @@ export function queryRoomsByOwner(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
-        resolve(res.data)
-      } else {
-        reject(new Error(res.msg || '获取业主房屋失败'))
-      }
+        resolve(res)
     }).catch(error => {
       reject(error)
     })
@@ -9,11 +9,7 @@ export function queryRooms(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
         resolve(res)
-      } else {
-        reject(new Error(res.msg || '获取房屋列表失败'))
-      }
     }).catch(error => {
       reject(error)
     })
@@ -29,11 +25,8 @@ export function getFloors(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
+
         resolve(res)
-      } else {
-        reject(new Error(res.msg || '获取楼栋列表失败'))
-      }
     }).catch(error => {
       reject(error)
     })
@@ -49,11 +42,8 @@ export function getUnits(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
+  
         resolve(res)
-      } else {
-        reject(new Error(res.msg || '获取单元列表失败'))
-      }
     }).catch(error => {
       reject(error)
     })
@@ -44,7 +44,7 @@ export default {
         path: '/advertVedio',
         query: {
           machineCode: this.machineCode,
-          communityId: this.$store.getters.communityId
+          communityId: this.getCommunityId()
         }
       })
       this.visible = false
@@ -38,7 +38,7 @@ export default {
     open(row) {
       this.form = {
         rId: row.rId,
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.visible = true
     },
@@ -177,7 +177,7 @@ export default {
       this.getDictData()
       this.form = {
         ...row,
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.visible = true
     },
@@ -71,7 +71,7 @@ export default {
         state: '',
         remark: '',
         detailType: '1001',
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.visible = true
     },
@@ -83,7 +83,7 @@ export default {
         state: '',
         remark: '',
         detailType: '1001',
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
     },
@@ -38,7 +38,7 @@ export default {
     open(row) {
       this.form = {
         rId: row.rId,
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.visible = true
     },
@@ -69,7 +69,7 @@ export default {
         roomName: row.roomName,
         state: '',
         examineRemark: '',
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.visible = true
     },
@@ -39,7 +39,7 @@ export default {
       try {
         await deleteJunkRequirement({
           junkRequirementId: this.junkRequirementId,
-          communityId: this.$store.getters.communityId
+          communityId: this.getCommunityId()
         })
         this.$message.success(this.$t('junkRequirement.delete.success'))
         this.$emit('success')
@@ -120,7 +120,7 @@ export default {
           try {
             await updateJunkRequirement({
               ...this.editJunkRequirementInfo,
-              communityId: this.$store.getters.communityId
+              communityId: this.getCommunityId()
             })
             this.$message.success(this.$t('junkRequirement.edit.success'))
             this.$emit('success')
 <template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :title="$t('ownerCars.title')"
-    width="80%"
-    top="5vh"
-    @close="handleClose"
-  >
+  <el-dialog :visible.sync="dialogVisible" :title="$t('ownerCars.title')" width="80%" top="5vh" @close="handleClose">
     <el-row>
       <el-col :span="24">
         <div class="table-container">
@@ -42,15 +36,8 @@
             </el-table-column>
           </el-table>
         </div>
-        <el-pagination
-          background
-          layout="prev, pager, next, sizes, total"
-          :total="totalCount"
-          :page-size="pageSize"
-          :current-page="currentPage"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
+        <el-pagination background layout="prev, pager, next, sizes, total" :total="totalCount" :page-size="pageSize"
+          :current-page="currentPage" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       </el-col>
     </el-row>
   </el-dialog>
@@ -95,10 +82,10 @@ export default {
         const params = {
           page: page,
           row: size,
-          communityId: this.$store.getters.communityId,
+          communityId: this.getCommunityId(),
           ownerId: this.ownerCarsInfo.ownerId
         }
-        
+
         const response = await queryOwnerCars(params)
         this.ownerCarsInfo.cars = response.data
         this.totalCount = response.total
 <template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :title="$t('ownerComplaints.title')"
-    width="80%"
-    top="5vh"
-    @close="handleClose"
-  >
+  <el-dialog :visible.sync="dialogVisible" :title="$t('ownerComplaints.title')" width="80%" top="5vh"
+    @close="handleClose">
     <el-row>
       <el-col :span="24">
         <div class="table-container">
@@ -32,15 +27,8 @@
             <el-table-column prop="createTime" :label="$t('ownerComplaints.createTime')" align="center" />
           </el-table>
         </div>
-        <el-pagination
-          background
-          layout="prev, pager, next, sizes, total"
-          :total="totalCount"
-          :page-size="pageSize"
-          :current-page="currentPage"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
+        <el-pagination background layout="prev, pager, next, sizes, total" :total="totalCount" :page-size="pageSize"
+          :current-page="currentPage" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       </el-col>
     </el-row>
   </el-dialog>
@@ -85,10 +73,10 @@ export default {
         const params = {
           page: page,
           row: size,
-          communityId: this.$store.getters.communityId,
+          communityId: this.getCommunityId(),
           ownerId: this.ownerComplaintsInfo.ownerId
         }
-        
+
         const response = await listComplaints(params)
         this.ownerComplaintsInfo.complaints = response.data
         this.totalCount = response.total
 <template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :title="$t('ownerMembers.title')"
-    width="80%"
-    top="5vh"
-    @close="handleClose"
-  >
+  <el-dialog :visible.sync="dialogVisible" :title="$t('ownerMembers.title')" width="80%" top="5vh" @close="handleClose">
     <el-row>
       <el-col :span="24">
         <div class="table-container">
@@ -23,15 +17,8 @@
             <el-table-column prop="address" :label="$t('ownerMembers.address')" align="center" />
           </el-table>
         </div>
-        <el-pagination
-          background
-          layout="prev, pager, next, sizes, total"
-          :total="totalCount"
-          :page-size="pageSize"
-          :current-page="currentPage"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
+        <el-pagination background layout="prev, pager, next, sizes, total" class="margin-top" :total="totalCount" :page-size="pageSize"
+          :current-page="currentPage" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       </el-col>
     </el-row>
   </el-dialog>
@@ -76,10 +63,10 @@ export default {
         const params = {
           page: page,
           row: size,
-          communityId: this.$store.getters.communityId,
+          communityId: this.getCommunityId(),
           ownerId: this.ownerMembersInfo.ownerId
         }
-        
+
         const response = await queryOwnerMembers(params)
         this.ownerMembersInfo.members = response.data
         this.totalCount = response.total
 <template>
-  <el-dialog
-    :visible.sync="visible"
-    :title="$t('ownerOweFees.title')"
-    width="80%"
-    top="5vh"
-    custom-class="custom-modal"
-    @close="handleClose"
-  >
-    <el-table
-      :data="ownerOweFeesInfo.fees"
-      stripe
-      border
-      style="width: 100%; margin-top: 15px"
-    >
-      <el-table-column
-        prop="payerObjName"
-        :label="$t('ownerOweFees.payerObj')"
-        align="center"
-      />
-      <el-table-column
-        prop="ownerName"
-        :label="$t('ownerOweFees.ownerName')"
-        align="center"
-      />
-      <el-table-column
-        prop="ownerTel"
-        :label="$t('ownerOweFees.phone')"
-        align="center"
-      />
-      <el-table-column
-        prop="endTime"
-        :label="$t('ownerOweFees.startTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="deadlineTime"
-        :label="$t('ownerOweFees.endTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="amountOwed"
-        :label="`${$t('ownerOweFees.total')} (${$t('ownerOweFees.unit')})`"
-        align="center"
-      />
-      <el-table-column
-        prop="updateTime"
-        :label="$t('ownerOweFees.updateTime')"
-        align="center"
-      />
+  <el-dialog :visible.sync="visible" :title="$t('ownerOweFees.title')" width="80%" top="5vh" custom-class="custom-modal"
+    @close="handleClose">
+    <el-table :data="ownerOweFeesInfo.fees" stripe border style="width: 100%; margin-top: 15px">
+      <el-table-column prop="payerObjName" :label="$t('ownerOweFees.payerObj')" align="center" />
+      <el-table-column prop="ownerName" :label="$t('ownerOweFees.ownerName')" align="center" />
+      <el-table-column prop="ownerTel" :label="$t('ownerOweFees.phone')" align="center" />
+      <el-table-column prop="endTime" :label="$t('ownerOweFees.startTime')" align="center" />
+      <el-table-column prop="deadlineTime" :label="$t('ownerOweFees.endTime')" align="center" />
+      <el-table-column prop="amountOwed" :label="`${$t('ownerOweFees.total')} (${$t('ownerOweFees.unit')})`"
+        align="center" />
+      <el-table-column prop="updateTime" :label="$t('ownerOweFees.updateTime')" align="center" />
     </el-table>
-    
-    <el-pagination
-      v-if="pagination.total > 0"
-      background
-      layout="prev, pager, next"
-      :total="pagination.total"
-      :page-size="pagination.pageSize"
-      :current-page="pagination.currentPage"
-      @current-change="handlePageChange"
-      style="margin-top: 20px; text-align: right"
-    />
+
+    <el-pagination v-if="pagination.total > 0" background layout="prev, pager, next" :total="pagination.total"
+      :page-size="pagination.pageSize" :current-page="pagination.currentPage" @current-change="handlePageChange"
+      style="margin-top: 20px; text-align: right" />
   </el-dialog>
 </template>
@@ -104,7 +59,7 @@ export default {
           communityId: this.getCommunityId(),
           ownerId: this.ownerOweFeesInfo.ownerId
         }
-        
+
         const response = await getOwnerOweFees(params)
         this.ownerOweFeesInfo.fees = response.data
         this.pagination.total = response.records
@@ -113,15 +68,12 @@ export default {
         this.$message.error(this.$t('common.loadFailed'))
       }
     },
-    getCommunityId() {
-      return this.$store.state.user.currentCommunity.communityId
-    }
   }
 }
 </script>
 <style scoped>
-.custom-modal >>> .el-dialog__body {
+.custom-modal>>>.el-dialog__body {
   padding: 15px 20px;
 }
 </style>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :title="$t('ownerRepairs.title')"
-    width="80%"
-    top="5vh"
-    @close="handleClose"
-  >
+  <el-dialog :visible.sync="dialogVisible" :title="$t('ownerRepairs.title')" width="80%" top="5vh" @close="handleClose">
     <el-row>
       <el-col :span="24">
         <div class="table-container">
@@ -28,15 +22,8 @@
             </el-table-column>
           </el-table>
         </div>
-        <el-pagination
-          background
-          layout="prev, pager, next, sizes, total"
-          :total="totalCount"
-          :page-size="pageSize"
-          :current-page="currentPage"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
+        <el-pagination background layout="prev, pager, next, sizes, total" :total="totalCount" :page-size="pageSize"
+          :current-page="currentPage" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
       </el-col>
     </el-row>
   </el-dialog>
@@ -81,10 +68,10 @@ export default {
         const params = {
           page: page,
           row: size,
-          communityId: this.$store.getters.communityId,
+          communityId: this.getCommunityId(),
           ownerId: this.ownerRepairsInfo.ownerId
         }
-        
+
         const response = await listOwnerRepairs(params)
         this.ownerRepairsInfo.repairs = response.data
         this.totalCount = response.total
 <template>
-  <el-dialog
-    :title="$t('ownerRooms.title')"
-    :visible.sync="visible"
-    width="70%"
-    :before-close="handleClose"
-  >
+  <el-dialog :title="$t('ownerRooms.title')" :visible.sync="visible" width="70%" :before-close="handleClose">
     <el-table :data="ownerRoomsInfo.rooms" style="width: 100%">
       <el-table-column prop="roomId" :label="$t('ownerRooms.roomId')" align="center" />
       <el-table-column prop="layer" :label="$t('ownerRooms.layer')" align="center" />
@@ -22,19 +17,14 @@
         </template>
       </el-table-column>
     </el-table>
-    
-    <el-row class="mt-3">
+
+    <el-row class="mt-3 margin-top">
       <el-col :span="8">
         <span>{{ $t('ownerRooms.subtotal') }}: {{ ownerRoomsInfo.allOweFeeAmount }}</span>
       </el-col>
       <el-col :span="16" class="text-right">
-        <el-pagination
-          :current-page="pagination.currentPage"
-          :page-size="pagination.pageSize"
-          :total="pagination.total"
-          layout="prev, pager, next"
-          @current-change="handlePageChange"
-        />
+        <el-pagination :current-page="pagination.currentPage" :page-size="pagination.pageSize" :total="pagination.total"
+          layout="prev, pager, next" @current-change="handlePageChange" />
       </el-col>
     </el-row>
   </el-dialog>
@@ -81,7 +71,7 @@ export default {
           communityId: this.getCommunityId(),
           ownerId: this.ownerRoomsInfo.ownerId
         }
-        
+
         const response = await queryRoomsByOwner(params)
         this.ownerRoomsInfo.rooms = response.rooms
         this.pagination.total = response.total || 0
@@ -20,7 +20,7 @@
         </el-input>
       </el-form-item>
-      <el-form-item :label="$t('room.addFloor.seq')" prop="seq">
+      <el-form-item :label="$t('room.addFloor.seq')" class="text-left" prop="seq">
         <el-input-number v-model="form.seq" :min="1" />
       </el-form-item>
@@ -28,7 +28,6 @@
         <el-input v-model="form.remark" type="textarea" :placeholder="$t('room.addFloor.remarkPlaceholder')" />
       </el-form-item>
-      <el-alert v-if="errorInfo" :title="errorInfo" type="error" show-icon />
     </el-form>
     <span slot="footer" class="dialog-footer">
@@ -117,21 +116,13 @@ export default {
         if (!valid) return
         try {
-          if (this.callBackListener && this.callBackFunction) {
-            const floorInfo = { ...this.form }
-            floorInfo.floorName = this.form.name
-            this.$emit(this.callBackFunction, floorInfo)
-            this.handleClose()
-            return
-          }
-          
+
           const response = await addFloor(this.form)
-          if (response.code === 0) {
+          if (response.code == 0) {
             this.$message.success(this.$t('room.addFloor.saveSuccess'))
             this.handleClose()
-            this.$emit('refresh-data')
-            this.$emit('refresh-tree')
+            this.$emit('handleRefreshTree', {})
           } else {
             this.errorInfo = response.msg || this.$t('room.addFloor.saveFailed')
           }
@@ -140,10 +131,6 @@ export default {
         }
       })
     },
-    getCommunityId() {
-      // 实际项目中替换为获取社区ID的逻辑
-      return 'your-community-id'
-    }
   }
 }
 </script>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :title="$t('addUnit.title')"
-    :visible.sync="visible"
-    width="50%"
-    :before-close="handleClose"
-  >
+  <el-dialog :title="$t('addUnit.title')" :visible.sync="visible" width="50%" :before-close="handleClose">
     <el-form ref="form" :model="addUnitInfo" label-width="120px">
       <el-form-item :label="$t('addUnit.unitNum')" prop="unitNum" required>
-        <el-input
-          v-model="addUnitInfo.unitNum"
-          :placeholder="$t('addUnit.unitNumPlaceholder')"
-        ></el-input>
+        <el-input v-model="addUnitInfo.unitNum" :placeholder="$t('addUnit.unitNumPlaceholder')"></el-input>
       </el-form-item>
-      
+
       <el-form-item :label="$t('addUnit.layerCount')" prop="layerCount" required>
-        <el-input
-          v-model.number="addUnitInfo.layerCount"
-          type="number"
-          :placeholder="$t('addUnit.layerCountPlaceholder')"
-        ></el-input>
+        <el-input v-model.number="addUnitInfo.layerCount" type="number"
+          :placeholder="$t('addUnit.layerCountPlaceholder')"></el-input>
       </el-form-item>
-      
+
       <el-form-item :label="$t('addUnit.unitArea')" prop="unitArea" required>
-        <el-input
-          v-model="addUnitInfo.unitArea"
-          :placeholder="$t('addUnit.unitAreaPlaceholder')"
-        ></el-input>
+        <el-input v-model="addUnitInfo.unitArea" :placeholder="$t('addUnit.unitAreaPlaceholder')"></el-input>
       </el-form-item>
-      
+
       <el-form-item :label="$t('addUnit.lift')" prop="lift" required>
-        <el-select 
-          v-model="addUnitInfo.lift" 
-          :placeholder="$t('addUnit.liftPlaceholder')"
-          style="width: 100%"
-        >
-          <el-option 
-            :label="$t('addUnit.liftOption1')" 
-            value="1010"
-          ></el-option>
-          <el-option 
-            :label="$t('addUnit.liftOption2')" 
-            value="2020"
-          ></el-option>
+        <el-select v-model="addUnitInfo.lift" :placeholder="$t('addUnit.liftPlaceholder')" style="width: 100%">
+          <el-option :label="$t('addUnit.liftOption1')" value="1010"></el-option>
+          <el-option :label="$t('addUnit.liftOption2')" value="2020"></el-option>
         </el-select>
       </el-form-item>
-      
+
       <el-form-item :label="$t('addUnit.remark')">
-        <el-input
-          v-model="addUnitInfo.remark"
-          type="textarea"
-          :rows="3"
-          :placeholder="$t('addUnit.remarkPlaceholder')"
-        ></el-input>
+        <el-input v-model="addUnitInfo.remark" type="textarea" :rows="3"
+          :placeholder="$t('addUnit.remarkPlaceholder')"></el-input>
       </el-form-item>
     </el-form>
-    
+
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose">{{ $t('addUnit.cancel') }}</el-button>
       <el-button type="primary" @click="addUnit">{{ $t('addUnit.save') }}</el-button>
@@ -119,17 +91,17 @@ export default {
     async addUnit() {
       const isValid = await this.validateForm()
       if (!isValid) return
-      
+
       if (this.addUnitInfo.unitNum === '0') {
         this.$message.warning(this.$t('addUnit.zeroUnitWarning'))
         return
       }
-      
+
       try {
         await saveUnit(this.addUnitInfo)
         this.$message.success(this.$t('addUnit.successMessage'))
-        this.$emit('refresh-tree', { floorId: this.addUnitInfo.floorId })
-        this.$emit('refresh-data', { floorId: this.addUnitInfo.floorId })
+        this.$emit('handleRefreshTree', {})
+
         this.handleClose()
       } catch (error) {
         console.error('添加单元失败:', error)
 <template>
-  <el-dialog
-    :title="$t('room.deleteFloor.title')"
-    :visible.sync="visible"
-    width="30%"
-    :before-close="handleClose"
-  >
+  <el-dialog :title="$t('room.deleteFloor.title')" :visible.sync="visible" width="30%" :before-close="handleClose">
     <p>{{ $t('room.deleteFloor.confirmMessage') }}</p>
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose">{{ $t('room.deleteFloor.cancelText') }}</el-button>
@@ -41,12 +36,12 @@ export default {
     async handleDelete() {
       try {
         const response = await deleteFloor(this.floorInfo)
-        
-        if (response.code === 0) {
+
+        if (response.code == 0) {
           this.$message.success(this.$t('room.deleteFloor.deleteSuccess'))
           this.handleClose()
-          this.$emit('refresh-data')
-          this.$emit('refresh-tree')
+          this.$emit('handleRefreshTree', {})
+
         } else {
           this.$message.error(response.msg || this.$t('room.deleteFloor.deleteFailed'))
         }
@@ -54,10 +49,6 @@ export default {
         this.$message.error(this.$t('room.deleteFloor.deleteError'))
       }
     },
-    getCommunityId() {
-      // 实际项目中替换为获取社区ID的逻辑
-      return 'your-community-id'
-    }
   }
 }
 </script>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :title="$t('room.deleteRoom.title')"
-    :visible.sync="dialogVisible"
-    width="30%"
-  >
+  <el-dialog :title="$t('room.deleteRoom.title')" :visible.sync="dialogVisible" width="30%">
     <div style="text-align: center">
       <p>{{ $t('room.deleteRoom.confirmMessage') }}</p>
     </div>
     <div slot="footer">
       <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
-      <el-button type="danger" @click="deleteRoom">{{ $t('common.confirmDelete') }}</el-button>
+      <el-button type="danger" @click="deleteRoom">{{ $t('common.confirm') }}</el-button>
     </div>
   </el-dialog>
 </template>
@@ -39,21 +35,18 @@ export default {
     async deleteRoom() {
       try {
         this.roomInfo.communityId = this.getCommunityId()
-        
+
         await deleteRoom(this.roomInfo)
-        
+
         this.dialogVisible = false
-        this.$emit('room-deleted')
-        this.$eventBus.$emit('room', 'loadData', { floorId: this.roomInfo.floorId })
+        this.$emit('handleRefreshRoom')
+
         this.$message.success(this.$t('common.deleteSuccess'))
       } catch (error) {
         console.error('删除房屋失败', error)
         this.$message.error(error.message || this.$t('common.deleteFailed'))
       }
     },
-    getCommunityId() {
-      return this.$store.state.community.currentCommunity.communityId
-    }
   }
 }
 </script>
 \ No newline at end of file
@@ -48,8 +48,8 @@ export default {
       try {
         await deleteUnit(param)
         this.$message.success(this.$t('deleteUnit.successMessage'))
-        this.$emit('refresh-tree', { floorId: this.deleteUnitInfo._currentFloorId })
-        this.$emit('refresh-data', { floorId: this.deleteUnitInfo._currentFloorId })
+        this.$emit('handleRefreshTree', {})
+
         this.handleClose()
       } catch (error) {
         console.error('删除单元失败:', error)
 <template>
-  <el-dialog
-    :title="$t('room.editFloor.title')"
-    :visible.sync="visible"
-    width="50%"
-    :before-close="handleClose"
-  >
+  <el-dialog :title="$t('room.editFloor.title')" :visible.sync="visible" width="50%" :before-close="handleClose">
     <el-form ref="form" :model="form" :rules="rules" label-width="120px">
       <el-form-item :label="$t('room.editFloor.floorNum')" prop="floorNum">
         <el-input v-model="form.floorNum" :placeholder="$t('room.editFloor.floorNumPlaceholder')" />
       </el-form-item>
-      
+
       <el-form-item :label="$t('room.editFloor.floorName')" prop="floorName">
         <el-input v-model="form.floorName" :placeholder="$t('room.editFloor.floorNamePlaceholder')" />
       </el-form-item>
-      
+
       <el-form-item :label="$t('room.editFloor.floorArea')" prop="floorArea">
         <el-input v-model="form.floorArea" :placeholder="$t('room.editFloor.floorAreaPlaceholder')">
           <template slot="append">m²</template>
         </el-input>
       </el-form-item>
-      
-      <el-form-item :label="$t('room.editFloor.seq')" prop="seq">
+
+      <el-form-item :label="$t('room.editFloor.seq')" class="text-left" prop="seq">
         <el-input-number v-model="form.seq" :min="1" />
       </el-form-item>
-      
+
       <el-form-item :label="$t('room.editFloor.remark')" prop="remark">
         <el-input v-model="form.remark" type="textarea" :placeholder="$t('room.editFloor.remarkPlaceholder')" />
       </el-form-item>
-      
+
       <el-alert v-if="errorInfo" :title="errorInfo" type="error" show-icon />
     </el-form>
-    
+
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
       <el-button type="primary" @click="handleUpdate">{{ $t('common.update') }}</el-button>
@@ -107,20 +102,20 @@ export default {
     async handleUpdate() {
       this.$refs.form.validate(async (valid) => {
         if (!valid) return
-        
+
         try {
           const payload = {
             ...this.form,
             name: this.form.floorName
           }
-          
+
           const response = await editFloor(payload)
-          
-          if (response.code === 0) {
+
+          if (response.code == 0) {
             this.$message.success(this.$t('room.editFloor.updateSuccess'))
             this.handleClose()
-            this.$emit('refresh-data')
-            this.$emit('refresh-tree', { floorId: this.form.floorId })
+            this.$emit('handleRefreshTree', {})
+
           } else {
             this.errorInfo = response.msg || this.$t('room.editFloor.updateFailed')
           }
@@ -129,10 +124,6 @@ export default {
         }
       })
     },
-    getCommunityId() {
-      // 实际项目中替换为获取社区ID的逻辑
-      return 'your-community-id'
-    }
   }
 }
 </script>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :title="$t('room.editRoom.title')"
-    :visible.sync="dialogVisible"
-    width="50%"
-  >
+  <el-dialog :title="$t('room.editRoom.title')" :visible.sync="dialogVisible" width="50%">
     <el-form :model="form" label-width="120px" label-position="right">
       <el-row>
         <el-col :span="12">
@@ -17,65 +13,47 @@
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.unit')" required>
-            <el-select v-model="form.unitId" :placeholder="$t('room.editRoom.placeholder.unit')">
-              <el-option
-                v-for="unit in units"
-                :key="unit.unitId"
-                :label="`${unit.unitNum}${$t('room.editRoom.unit')}`"
-                :value="unit.unitId"
-              />
+            <el-select v-model="form.unitId" :placeholder="$t('room.editRoom.placeholder.unit')" style="width: 100%;">
+              <el-option v-for="unit in units" :key="unit.unitId" :label="`${unit.unitNum}${$t('room.editRoom.unit')}`"
+                :value="unit.unitId" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.roomType')" required>
-            <el-select v-model="form.roomSubType" :placeholder="$t('room.editRoom.placeholder.roomType')">
-              <el-option
-                v-for="item in roomSubTypes"
-                :key="item.statusCd"
-                :label="item.name"
-                :value="item.statusCd"
-              />
+            <el-select v-model="form.roomSubType" :placeholder="$t('room.editRoom.placeholder.roomType')" style="width: 100%;">
+              <el-option v-for="item in roomSubTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.apartment1')" required>
-            <el-select v-model="form.apartment1" :placeholder="$t('room.editRoom.placeholder.apartment')">
-              <el-option
-                v-for="item in apartment1Options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
+            <el-select v-model="form.apartment1" :placeholder="$t('room.editRoom.placeholder.apartment')" style="width: 100%;">
+              <el-option v-for="item in apartment1Options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.apartment2')" required>
-            <el-select v-model="form.apartment2" :placeholder="$t('room.editRoom.placeholder.apartment')">
-              <el-option
-                v-for="item in apartment2Options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
+            <el-select v-model="form.apartment2" :placeholder="$t('room.editRoom.placeholder.apartment')" style="width: 100%;">
+              <el-option v-for="item in apartment2Options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.builtUpArea')" required>
-            <el-input v-model="form.builtUpArea" type="number" :placeholder="$t('room.editRoom.placeholder.builtUpArea')" />
+            <el-input v-model="form.builtUpArea" type="number"
+              :placeholder="$t('room.editRoom.placeholder.builtUpArea')" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -84,7 +62,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.feeCoefficient')">
@@ -97,64 +75,37 @@
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row v-if="form.state !== '2002'">
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.roomState')" required>
-            <el-select v-model="form.state" :placeholder="$t('room.editRoom.placeholder.roomState')">
-              <el-option
-                v-for="item in roomStateOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
+            <el-select v-model="form.state" :placeholder="$t('room.editRoom.placeholder.roomState')" style="width: 100%;">
+              <el-option v-for="item in roomStateOptions" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item :label="$t('room.editRoom.endTime')" required>
-            <el-date-picker
-              v-model="form.endTime"
-              type="date"
-              :placeholder="$t('room.editRoom.placeholder.endTime')"
-              value-format="yyyy-MM-dd"
-            />
+            <el-date-picker v-model="form.endTime" type="date" :placeholder="$t('room.editRoom.placeholder.endTime')" style="width: 100%;"
+              value-format="yyyy-MM-dd" />
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <div v-for="(item, index) in form.attrs" :key="index">
         <el-form-item :label="item.specName">
-          <el-input
-            v-if="item.specType === '2233'"
-            v-model="item.value"
-            :placeholder="item.specHoldplace"
-          />
-          <el-select
-            v-else-if="item.specType === '3344'"
-            v-model="item.value"
-            :placeholder="item.specHoldplace"
-          >
-            <el-option
-              v-for="value in item.values"
-              :key="value.value"
-              :label="value.valueName"
-              :value="value.value"
-            />
+          <el-input v-if="item.specType === '2233'" v-model="item.value" :placeholder="item.specHoldplace" />
+          <el-select v-else-if="item.specType === '3344'" v-model="item.value" :placeholder="item.specHoldplace">
+            <el-option v-for="value in item.values" :key="value.value" :label="value.valueName" :value="value.value" />
           </el-select>
         </el-form-item>
       </div>
-      
+
       <el-form-item :label="$t('room.editRoom.remark')">
-        <el-input
-          v-model="form.remark"
-          type="textarea"
-          :placeholder="$t('room.editRoom.placeholder.remark')"
-          :rows="3"
-        />
+        <el-input v-model="form.remark" type="textarea" :placeholder="$t('room.editRoom.placeholder.remark')" :rows="3" />
       </el-form-item>
     </el-form>
-    
+
     <div slot="footer">
       <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
       <el-button type="primary" @click="editRoom">{{ $t('common.save') }}</el-button>
@@ -223,24 +174,22 @@ export default {
   },
   created() {
     this.loadRoomAttrSpec()
-    this.$eventBus.$on('editRoom', this.open)
   },
   beforeDestroy() {
-    this.$eventBus.$off('editRoom', this.open)
   },
   methods: {
     async open(room) {
       this.resetForm()
       this.form = { ...this.form, ...room }
-      
+
       try {
         // 加载房屋类型字典
         const data = await getDict('building_room', 'room_sub_type')
         this.roomSubTypes = data
-        
+
         // 加载单元列表
         await this.loadUnits(room.floorId)
-        
+
         this.dialogVisible = true
       } catch (error) {
         console.error('打开编辑房屋失败', error)
@@ -270,13 +219,11 @@ export default {
       try {
         this.form.apartment = this.form.apartment1 + this.form.apartment2
         this.form.communityId = this.getCommunityId()
-        
+
         await updateRoom(this.form)
-        
+
         this.dialogVisible = false
-        this.$emit('room-updated')
-        this.$eventBus.$emit('room', 'loadData', { floorId: this.form.floorId })
-        this.$message.success(this.$t('common.updateSuccess'))
+        this.$emit('handleRefreshRoom')
       } catch (error) {
         console.error('更新房屋失败', error)
         this.$message.error(error.message || this.$t('common.updateFailed'))
@@ -303,9 +250,6 @@ export default {
         endTime: ''
       }
     },
-    getCommunityId() {
-      return this.$store.state.community.currentCommunity.communityId
-    }
   }
 }
 </script>
 \ No newline at end of file
@@ -110,8 +110,8 @@ export default {
       try {
         await updateUnit(this.editUnitInfo)
         this.$message.success(this.$t('editUnit.successMessage'))
-        this.$emit('refresh-tree', { floorId: this.editUnitInfo.floorId })
-        this.$emit('refresh-data', { floorId: this.editUnitInfo.floorId })
+        this.$emit('handleRefreshTree', {})
+
         this.handleClose()
       } catch (error) {
         console.error('修改单元失败:', error)
@@ -5,7 +5,6 @@
       :data="treeData"
       :props="defaultProps"
       node-key="id"
-      default-expand-all
       :expand-on-click-node="false"
       @node-click="handleNodeClick"
     >
@@ -35,19 +34,20 @@ export default {
       treeData: [],
       defaultProps: {
         children: 'children',
-        label: 'text'
+        label: 'text',
       },
       currentFloorId: ''
     }
   },
   mounted() {
     this.loadData()
-    this.$eventBus.$on('floorUnitTree', this.handleRefreshTree)
   },
   beforeDestroy() {
-    this.$eventBus.$off('floorUnitTree', this.handleRefreshTree)
   },
   methods: {
+    refreshTree(param) {
+      this.handleRefreshTree(param)
+    },
     handleRefreshTree(param) {
       if (param) {
         this.currentFloorId = param.floorId
@@ -94,11 +94,9 @@ export default {
     },
     handleNodeClick(data) {
       if (data.id.startsWith('f_')) {
-        this.$emit('switchFloor', { floorId: data.floorId })
-        this.$eventBus.$emit(this.callBackListener, 'switchFloor', { floorId: data.floorId })
+        this.$emit('switchFloorUnit', { floorId: data.floorId,unitId: '' })
       } else {
-        this.$emit('switchUnit', { unitId: data.unitId })
-        this.$eventBus.$emit(this.callBackListener, 'switchUnit', { unitId: data.unitId })
+        this.$emit('switchFloorUnit', { floorId:'',unitId: data.unitId })
       }
     },
   }
@@ -118,4 +116,10 @@ export default {
   padding: 20px;
   color: #909399;
 }
+.custom-tree-node {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px; /* 根据你的布局调整 */
+}
 </style>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :title="$t('room.importOwnerRoom.title')"
-    :visible.sync="visible"
-    width="50%"
-    :before-close="handleClose"
-  >
-    <el-form ref="form" :model="form" label-width="120px">
+  <el-dialog :title="$t('room.importOwnerRoom.title')" :visible.sync="visible" width="40%" :before-close="handleClose">
+    <el-form ref="form" :model="form" label-width="120px" class="text-left">
       <el-form-item :label="$t('room.importOwnerRoom.selectFile')">
-        <el-upload
-          ref="upload"
-          action=""
-          :auto-upload="false"
-          :on-change="handleFileChange"
-          accept=".xls,.xlsx"
-        >
+        <el-upload ref="upload" action="" :auto-upload="false" :on-change="handleFileChange" accept=".xls,.xlsx" class="margin-left">
           <el-button size="small" type="primary">{{ $t('room.importOwnerRoom.clickUpload') }}</el-button>
           <div slot="tip" class="el-upload__tip">
             {{ fileName || $t('room.importOwnerRoom.requiredFile') }}
           </div>
         </el-upload>
       </el-form-item>
-      
+
       <el-form-item :label="$t('room.importOwnerRoom.downloadTemplate')">
-        <span>{{ $t('room.importOwnerRoom.downloadFirst') }}</span>
+        <span class="margin-left">{{ $t('room.importOwnerRoom.downloadFirst') }}</span>
         <el-link type="primary" :href="templateUrl" target="_blank">
           {{ $t('room.importOwnerRoom.propertyTemplate') }}
         </el-link>
         <span>{{ $t('room.importOwnerRoom.prepareData') }}</span>
       </el-form-item>
     </el-form>
-    
+
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
       <el-button type="primary" @click="handleImport">{{ $t('common.import') }}</el-button>
@@ -78,31 +67,31 @@ export default {
         this.$message.error(this.$t('room.importOwnerRoom.fileRequired'))
         return false
       }
-      
+
       const fileType = this.fileName.split('.').pop().toLowerCase()
       if (!['xls', 'xlsx'].includes(fileType)) {
         this.$message.error(this.$t('room.importOwnerRoom.invalidFormat'))
         return false
       }
-      
+
       if (this.form.file.size > 2 * 1024 * 1024) {
         this.$message.error(this.$t('room.importOwnerRoom.fileSizeExceeded'))
         return false
       }
-      
+
       return true
     },
     async handleImport() {
       if (!this.validate()) return
-      
+
       try {
         const formData = new FormData()
         formData.append('uploadFile', this.form.file)
         formData.append('communityId', this.form.communityId)
         formData.append('importAdapt', 'importRoomOwner')
-        
+
         const response = await importOwnerRoom(formData)
-        
+
         if (response.code === 0) {
           this.$message.success(this.$t('room.importOwnerRoom.importSuccess'))
           this.handleClose()
@@ -120,10 +109,6 @@ export default {
         this.$message.error(this.$t('room.importOwnerRoom.importError'))
       }
     },
-    getCommunityId() {
-      // 实际项目中替换为获取社区ID的逻辑
-      return 'your-community-id'
-    }
   }
 }
 </script>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :visible.sync="visible"
-    :title="$t('roomContracts.title')"
-    width="90%"
-    top="5vh"
-    custom-class="custom-modal"
-    @close="handleClose"
-  >
-    <el-table
-      :data="roomContractsInfo.contracts"
-      stripe
-      border
-      style="width: 100%; margin-top: 15px"
-    >
-      <el-table-column
-        prop="contractName"
-        :label="$t('roomContracts.contractName')"
-        align="center"
-      />
-      <el-table-column
-        prop="contractCode"
-        :label="$t('roomContracts.contractCode')"
-        align="center"
-      />
-      <el-table-column
-        prop="parentContractCode"
-        :label="$t('roomContracts.parentContractCode')"
-        align="center"
-      >
+  <el-dialog :visible.sync="visible" :title="$t('roomContracts.title')" width="90%" top="5vh" custom-class="custom-modal"
+    @close="handleClose">
+    <el-table :data="roomContractsInfo.contracts" stripe border style="width: 100%; margin-top: 15px">
+      <el-table-column prop="contractName" :label="$t('roomContracts.contractName')" align="center" />
+      <el-table-column prop="contractCode" :label="$t('roomContracts.contractCode')" align="center" />
+      <el-table-column prop="parentContractCode" :label="$t('roomContracts.parentContractCode')" align="center">
         <template slot-scope="scope">
           {{ scope.row.parentContractCode || '-' }}
         </template>
       </el-table-column>
-      <el-table-column
-        prop="contractTypeName"
-        :label="$t('roomContracts.contractType')"
-        align="center"
-      />
-      <el-table-column
-        prop="operator"
-        :label="$t('roomContracts.operator')"
-        align="center"
-      />
-      <el-table-column
-        prop="amount"
-        :label="$t('roomContracts.amount')"
-        align="center"
-      />
-      <el-table-column
-        prop="startTime"
-        :label="$t('roomContracts.startTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="endTime"
-        :label="$t('roomContracts.endTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="createTime"
-        :label="$t('roomContracts.createTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="stateName"
-        :label="$t('roomContracts.state')"
-        align="center"
-      />
+      <el-table-column prop="contractTypeName" :label="$t('roomContracts.contractType')" align="center" />
+      <el-table-column prop="operator" :label="$t('roomContracts.operator')" align="center" />
+      <el-table-column prop="amount" :label="$t('roomContracts.amount')" align="center" />
+      <el-table-column prop="startTime" :label="$t('roomContracts.startTime')" align="center" />
+      <el-table-column prop="endTime" :label="$t('roomContracts.endTime')" align="center" />
+      <el-table-column prop="createTime" :label="$t('roomContracts.createTime')" align="center" />
+      <el-table-column prop="stateName" :label="$t('roomContracts.state')" align="center" />
     </el-table>
-    
-    <el-pagination
-      v-if="pagination.total > 0"
-      background
-      layout="prev, pager, next"
-      :total="pagination.total"
-      :page-size="pagination.pageSize"
-      :current-page="pagination.currentPage"
-      @current-change="handlePageChange"
-      style="margin-top: 20px; text-align: right"
-    />
+
+    <el-pagination v-if="pagination.total > 0" background layout="prev, pager, next" :total="pagination.total"
+      :page-size="pagination.pageSize" :current-page="pagination.currentPage" @current-change="handlePageChange"
+      style="margin-top: 20px; text-align: right" />
   </el-dialog>
 </template>
@@ -125,11 +67,11 @@ export default {
           communityId: this.getCommunityId(),
           objId: this.roomContractsInfo.ownerId
         }
-        
+
         if (this.roomContractsInfo.roomId) {
           params.roomId = this.roomContractsInfo.roomId
         }
-        
+
         const response = await getRoomContracts(params, this.roomContractsInfo.roomId)
         this.roomContractsInfo.contracts = response.data
         this.pagination.total = response.records
@@ -138,15 +80,13 @@ export default {
         this.$message.error(this.$t('common.loadFailed'))
       }
     },
-    getCommunityId() {
-      return this.$store.state.user.currentCommunity.communityId
-    }
+    
   }
 }
 </script>
 <style scoped>
-.custom-modal >>> .el-dialog__body {
+.custom-modal>>>.el-dialog__body {
   padding: 15px 20px;
 }
 </style>
 \ No newline at end of file
 <template>
-  <el-dialog
-    :visible.sync="visible"
-    :title="$t('roomOweFees.title')"
-    width="80%"
-    top="5vh"
-    custom-class="custom-modal"
-    @close="handleClose"
-  >
-    <el-table
-      :data="roomOweFeesInfo.fees"
-      stripe
-      border
-      style="width: 100%; margin-top: 15px"
-    >
-      <el-table-column
-        prop="payerObjName"
-        :label="$t('roomOweFees.payerObj')"
-        align="center"
-      />
-      <el-table-column
-        prop="ownerName"
-        :label="$t('roomOweFees.ownerName')"
-        align="center"
-      />
-      <el-table-column
-        prop="ownerTel"
-        :label="$t('roomOweFees.phone')"
-        align="center"
-      />
-      <el-table-column
-        prop="endTime"
-        :label="$t('roomOweFees.startTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="deadlineTime"
-        :label="$t('roomOweFees.endTime')"
-        align="center"
-      />
-      <el-table-column
-        prop="amountOwed"
-        :label="`${$t('roomOweFees.total')} (${$t('roomOweFees.unit')})`"
-        align="center"
-      />
-      <el-table-column
-        prop="updateTime"
-        :label="$t('roomOweFees.updateTime')"
-        align="center"
-      />
+  <el-dialog :visible.sync="visible" :title="$t('roomOweFees.title')" width="80%" top="5vh" custom-class="custom-modal"
+    @close="handleClose">
+    <el-table :data="roomOweFeesInfo.fees" stripe border style="width: 100%; margin-top: 15px">
+      <el-table-column prop="payerObjName" :label="$t('roomOweFees.payerObj')" align="center" />
+      <el-table-column prop="ownerName" :label="$t('roomOweFees.ownerName')" align="center" />
+      <el-table-column prop="ownerTel" :label="$t('roomOweFees.phone')" align="center" />
+      <el-table-column prop="endTime" :label="$t('roomOweFees.startTime')" align="center" />
+      <el-table-column prop="deadlineTime" :label="$t('roomOweFees.endTime')" align="center" />
+      <el-table-column prop="amountOwed" :label="`${$t('roomOweFees.total')} (${$t('roomOweFees.unit')})`"
+        align="center" />
+      <el-table-column prop="updateTime" :label="$t('roomOweFees.updateTime')" align="center" />
     </el-table>
-    
-    <el-pagination
-      v-if="pagination.total > 0"
-      background
-      layout="prev, pager, next"
-      :total="pagination.total"
-      :page-size="pagination.pageSize"
-      :current-page="pagination.currentPage"
-      @current-change="handlePageChange"
-      style="margin-top: 20px; text-align: right"
-    />
+
+    <el-pagination v-if="pagination.total > 0" background layout="prev, pager, next" :total="pagination.total"
+      :page-size="pagination.pageSize" :current-page="pagination.currentPage" @current-change="handlePageChange"
+      style="margin-top: 20px; text-align: right" />
   </el-dialog>
 </template>
@@ -105,7 +60,7 @@ export default {
           payerObjId: this.roomOweFeesInfo.roomId,
           payerObjType: '3333'
         }
-        
+
         const response = await getRoomOweFees(params)
         this.roomOweFeesInfo.fees = response.data
         this.pagination.total = response.records
@@ -114,15 +69,13 @@ export default {
         this.$message.error(this.$t('common.loadFailed'))
       }
     },
-    getCommunityId() {
-      return this.$store.state.user.currentCommunity.communityId
-    }
+
   }
 }
 </script>
 <style scoped>
-.custom-modal >>> .el-dialog__body {
+.custom-modal>>>.el-dialog__body {
   padding: 15px 20px;
 }
 </style>
 \ No newline at end of file
@@ -132,9 +132,6 @@ export default {
       this.$eventBus.$emit(this.emitLoadData, 'loadData', { floorId: floor.floorId })
       this.dialogVisible = false
     },
-    getCommunityId() {
-      return this.$store.state.community.currentCommunity.communityId
-    }
   }
 }
 </script>
 \ No newline at end of file
@@ -60,7 +60,7 @@ export default {
         try {
           await replyRepairAppraise({
             ...this.form,
-            communityId: this.$store.getters.communityId
+            communityId: this.getCommunityId()
           })
           this.$message.success(this.$t('adminRepairDetail.replySuccess'))
           this.visible = false
@@ -39,6 +39,7 @@ export const messages = {
         status: 'Status',
         enabled: 'Enabled',
         disabled: 'Disabled',
+        import: 'Import',
       }
     },
     zh: {
@@ -81,6 +82,7 @@ export const messages = {
         status: '状态',
         enabled: '启用',
         disabled: '禁用',
+        import: '导入',
       }
     }
   } 
 \ No newline at end of file
@@ -373,7 +373,7 @@ const messages = {
     ...roomRenovationManageMessages.zh,
     ...feeConfigManageMessages.zh,
     ...payFeeConfigDiscountManageMessages.zh,
-    ...roomMessages.en,
+    ...roomMessages.zh,
   }
 }
@@ -625,6 +625,9 @@ router.beforeEach((to, from, next) =&gt; {
   if (to.path.startsWith('/img/') || to.path.startsWith('/static/')) {
     return next(); // 直接放行
   }
+  if (to.path.endsWith('.xlsx')) {
+    return next(); // 直接放行
+  }
   const token = localStorage.getItem('token')
   if (to.path !== '/views/user/login' && !token) {
     next('/views/user/login')
@@ -270,7 +270,7 @@ export default {
         renovationTime: '',
         startTime: '',
         endTime: '',
-        communityId: this.$store.getters.communityId
+        communityId: this.getCommunityId()
       }
       this.page.current = 1
       this.listRoomRenovation()
@@ -135,7 +135,7 @@ export default {
           page: page,
           row: size,
           ...this.junkRequirementManageInfo.conditions,
-          communityId: this.$store.getters.communityId
+          communityId: this.getCommunityId()
         }
         const { data, total } = await listJunkRequirements(params)
         this.junkRequirementManageInfo.junkRequirements = data
-export default {
-  en: {
-    room: {
-      addFloor: {
-        title: 'Add Building',
-        floorNum: 'Building Number',
-        name: 'Building Name',
-        floorArea: 'Floor Area',
-        seq: 'Sequence',
-        remark: 'Remark',
-        buildingSuffix: ' Building',
-        floorNumPlaceholder: 'Required, please enter number',
-        namePlaceholder: 'Required, please enter name',
-        floorAreaPlaceholder: 'Required, please enter floor area',
-        remarkPlaceholder: 'Optional, please enter remark',
-        floorNumRequired: 'Building number is required',
-        floorNumLength: 'Building number must be 1-64 characters',
-        nameRequired: 'Building name is required',
-        nameLength: 'Building name must be 2-64 characters',
-        floorAreaRequired: 'Floor area is required',
-        floorAreaFormat: 'Invalid floor area format, e.g. 300.00',
-        seqRequired: 'Sequence is required',
-        seqNumber: 'Sequence must be a number',
-        remarkMaxLength: 'Remark cannot exceed 200 characters',
-        saveSuccess: 'Add successful',
-        saveFailed: 'Add failed',
-        saveError: 'Error adding building'
-      }
-    }
-  },
-  zh: {
-    room: {
-      addFloor: {
-        title: '添加楼栋',
-        floorNum: '楼栋编号',
-        name: '楼栋名称',
-        floorArea: '建筑面积',
-        seq: '排序',
-        remark: '备注',
-        buildingSuffix: '号楼',
-        floorNumPlaceholder: '必填，请填写编号',
-        namePlaceholder: '必填，请填写名称',
-        floorAreaPlaceholder: '必填，请填写建筑面积',
-        remarkPlaceholder: '可填，请填写备注',
-        floorNumRequired: '楼栋编号不能为空',
-        floorNumLength: '楼栋编号长度必须在1位至64位',
-        nameRequired: '楼栋名称不能为空',
-        nameLength: '楼栋名称长度必须在2位至64位',
-        floorAreaRequired: '建筑面积不能为空',
-        floorAreaFormat: '建筑面积错误，如300.00',
-        seqRequired: '排序不能为空',
-        seqNumber: '排序必须是数字',
-        remarkMaxLength: '备注长度不能超过200位',
-        saveSuccess: '添加成功',
-        saveFailed: '添加失败',
-        saveError: '添加楼栋出错'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    addUnit: {
-      title: 'Add Unit',
-      unitNum: 'Unit Number',
-      unitNumPlaceholder: 'Required, please enter unit number',
-      layerCount: 'Total Floors',
-      layerCountPlaceholder: 'Required, please enter total floors',
-      unitArea: 'Building Area',
-      unitAreaPlaceholder: 'Required, please enter building area',
-      lift: 'Elevator',
-      liftPlaceholder: 'Required, please select elevator availability',
-      liftOption1: 'Yes',
-      liftOption2: 'No',
-      remark: 'Remark',
-      remarkPlaceholder: 'Please enter remarks',
-      save: 'Save',
-      cancel: 'Cancel',
-      zeroUnitWarning: 'Unit 0 is specific to shops and cannot be added',
-      successMessage: 'Unit added successfully',
-      errorMessage: 'Failed to add unit'
-    }
-  },
-  zh: {
-    addUnit: {
-      title: '添加单元',
-      unitNum: '单元编号',
-      unitNumPlaceholder: '必填，请填写单元编号',
-      layerCount: '总层数',
-      layerCountPlaceholder: '必填，请填写单元总层数',
-      unitArea: '建筑面积',
-      unitAreaPlaceholder: '必填，请填写建筑面积',
-      lift: '电梯',
-      liftPlaceholder: '必填，请选择是否有电梯',
-      liftOption1: '有',
-      liftOption2: '无',
-      remark: '备注',
-      remarkPlaceholder: '请填写备注信息',
-      save: '保存',
-      cancel: '取消',
-      zeroUnitWarning: '0单元为商铺特有，不允许添加',
-      successMessage: '单元添加成功',
-      errorMessage: '添加单元失败'
-    }
-  }
-}
 \ No newline at end of file
-export default {
-  en: {
-    room: {
-      deleteFloor: {
-        title: 'Confirm Operation',
-        confirmMessage: 'Are you sure you want to delete?',
-        cancelText: 'Cancel',
-        confirmDelete: 'Confirm Delete',
-        deleteSuccess: 'Delete successful',
-        deleteFailed: 'Delete failed',
-        deleteError: 'Error deleting building'
-      }
-    }
-  },
-  zh: {
-    room: {
-      deleteFloor: {
-        title: '请确认您的操作',
-        confirmMessage: '确认是否删除？',
-        cancelText: '点错了',
-        confirmDelete: '确认删除',
-        deleteSuccess: '删除成功',
-        deleteFailed: '删除失败',
-        deleteError: '删除楼栋出错'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    room: {
-      deleteRoom: {
-        title: 'Confirm Operation',
-        confirmMessage: 'Confirm deletion! Deleting a room will delete associated fees and payment records, and automatically unbind owners!'
-      }
-    }
-  },
-  zh: {
-    room: {
-      deleteRoom: {
-        title: '请确认您的操作',
-        confirmMessage: '确认是否删除! 删除房屋会关联删除房屋下的费用以及缴费记录，并且自动解绑业主！'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    deleteUnit: {
-      title: 'Confirm Operation',
-      confirmMessage: 'Are you sure you want to delete this unit?',
-      cancel: 'Cancel',
-      confirm: 'Confirm Delete',
-      successMessage: 'Unit deleted successfully',
-      errorMessage: 'Failed to delete unit'
-    }
-  },
-  zh: {
-    deleteUnit: {
-      title: '请确认您的操作',
-      confirmMessage: '确定删除小区单元?',
-      cancel: '点错了',
-      confirm: '确认删除',
-      successMessage: '单元删除成功',
-      errorMessage: '删除单元失败'
-    }
-  }
-}
 \ No newline at end of file
-export default {
-  en: {
-    room: {
-      editFloor: {
-        title: 'Edit Building',
-        floorNum: 'Building Number',
-        floorName: 'Building Name',
-        floorArea: 'Floor Area',
-        seq: 'Sequence',
-        remark: 'Remark',
-        floorNumPlaceholder: 'Required, please enter number',
-        floorNamePlaceholder: 'Required, please enter name',
-        floorAreaPlaceholder: 'Required, please enter floor area',
-        remarkPlaceholder: 'Optional, please enter remark',
-        floorNumRequired: 'Building number is required',
-        floorNumLength: 'Building number must be 1-64 characters',
-        floorNameRequired: 'Building name is required',
-        floorNameLength: 'Building name must be 2-64 characters',
-        floorAreaRequired: 'Floor area is required',
-        floorAreaFormat: 'Invalid floor area format, e.g. 300.00',
-        seqRequired: 'Sequence is required',
-        seqNumber: 'Sequence must be a number',
-        remarkMaxLength: 'Remark cannot exceed 200 characters',
-        updateSuccess: 'Update successful',
-        updateFailed: 'Update failed',
-        updateError: 'Error updating building'
-      }
-    }
-  },
-  zh: {
-    room: {
-      editFloor: {
-        title: '修改楼栋',
-        floorNum: '楼栋编号',
-        floorName: '楼栋名称',
-        floorArea: '建筑面积',
-        seq: '排序',
-        remark: '备注',
-        floorNumPlaceholder: '必填，请填写编号',
-        floorNamePlaceholder: '必填，请填写名称',
-        floorAreaPlaceholder: '必填，请填写建筑面积',
-        remarkPlaceholder: '可填，请填写备注',
-        floorNumRequired: '楼栋编号不能为空',
-        floorNumLength: '楼栋编号长度必须在1位至64位',
-        floorNameRequired: '楼栋名称不能为空',
-        floorNameLength: '楼栋名称长度必须在2位至64位',
-        floorAreaRequired: '建筑面积不能为空',
-        floorAreaFormat: '建筑面积错误，如300.00',
-        seqRequired: '排序不能为空',
-        seqNumber: '排序必须是数字',
-        remarkMaxLength: '备注长度不能超过200位',
-        updateSuccess: '修改成功',
-        updateFailed: '修改失败',
-        updateError: '修改楼栋出错'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    room: {
-      editRoom: {
-        title: 'Edit Room',
-        roomNum: 'Room Number',
-        layer: 'Floor',
-        unit: 'Unit',
-        roomType: 'Room Type',
-        apartment1: 'Bedrooms',
-        apartment2: 'Living Rooms',
-        builtUpArea: 'Built-up Area (m²)',
-        roomArea: 'Indoor Area (m²)',
-        feeCoefficient: 'Fee Coefficient',
-        roomRent: 'Rent',
-        roomState: 'Room State',
-        endTime: 'End Time',
-        remark: 'Remark',
-        placeholder: {
-          roomNum: 'Required, please enter room number',
-          layer: 'Required, please enter floor',
-          unit: 'Required, please select unit',
-          roomType: 'Required, please select room type',
-          apartment: 'Required, please select apartment layout',
-          builtUpArea: 'Required, please enter built-up area! m²',
-          roomArea: 'Required, please enter indoor area! m²',
-          feeCoefficient: 'Please enter fee coefficient',
-          roomRent: 'Required, please enter rent',
-          roomState: 'Required, please select room state',
-          endTime: 'Required, please select end time',
-          remark: 'Please enter remark information'
-        },
-        apartment1Options: {
-          oneRoom: 'One Bedroom',
-          twoRooms: 'Two Bedrooms',
-          threeRooms: 'Three Bedrooms',
-          fourRooms: 'Four Bedrooms',
-          fiveRooms: 'Five Bedrooms',
-          sixRooms: 'Six Bedrooms',
-          sevenRooms: 'Seven Bedrooms',
-          eightRooms: 'Eight Bedrooms'
-        },
-        apartment2Options: {
-          oneHall: 'One Living Room',
-          twoHalls: 'Two Living Rooms',
-          threeHalls: 'Three Living Rooms',
-          fourHalls: 'Four Living Rooms',
-          fiveHalls: 'Five Living Rooms',
-          sixHalls: 'Six Living Rooms',
-          sevenHalls: 'Seven Living Rooms',
-          eightHalls: 'Eight Living Rooms'
-        },
-        roomStateOptions: {
-          occupied: 'Occupied',
-          delivered: 'Delivered',
-          decorated: 'Decorated',
-          vacant: 'Vacant',
-          decorating: 'Decorating'
-        }
-      }
-    }
-  },
-  zh: {
-    room: {
-      editRoom: {
-        title: '修改房屋',
-        roomNum: '房屋编号',
-        layer: '房屋楼层',
-        unit: '房屋单元',
-        roomType: '房屋类型',
-        apartment1: '户型室',
-        apartment2: '户型厅',
-        builtUpArea: '建筑面积(平方)',
-        roomArea: '室内面积(平方)',
-        feeCoefficient: '算费系数',
-        roomRent: '租金',
-        roomState: '房屋状态',
-        endTime: '结束时间',
-        remark: '备注',
-        placeholder: {
-          roomNum: '必填，请填写房屋编号',
-          layer: '必填，请填写房屋楼层',
-          unit: '必填，请选择单元',
-          roomType: '必填，请选择房屋类型',
-          apartment: '必填，请选择房屋户型',
-          builtUpArea: '必填，请填写房屋建筑面积! 平方',
-          roomArea: '必填，请填写室内面积! 平方',
-          feeCoefficient: '请填写算费系数',
-          roomRent: '必填，请填写租金',
-          roomState: '必填，请选择房屋状态',
-          endTime: '必填，请选择结束时间',
-          remark: '请填写备注信息'
-        },
-        apartment1Options: {
-          oneRoom: '一室',
-          twoRooms: '两室',
-          threeRooms: '三室',
-          fourRooms: '四室',
-          fiveRooms: '五室',
-          sixRooms: '六室',
-          sevenRooms: '七室',
-          eightRooms: '八室'
-        },
-        apartment2Options: {
-          oneHall: '一厅',
-          twoHalls: '两厅',
-          threeHalls: '三厅',
-          fourHalls: '四厅',
-          fiveHalls: '五厅',
-          sixHalls: '六厅',
-          sevenHalls: '七厅',
-          eightHalls: '八厅'
-        },
-        roomStateOptions: {
-          occupied: '已入住',
-          delivered: '已交房',
-          decorated: '已装修',
-          vacant: '未入住',
-          decorating: '装修中'
-        }
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    editUnit: {
-      title: 'Edit Unit',
-      unitNum: 'Unit Number',
-      unitNumPlaceholder: 'Required, please enter unit number',
-      layerCount: 'Total Floors',
-      layerCountPlaceholder: 'Required, please enter total floors',
-      unitArea: 'Building Area',
-      unitAreaPlaceholder: 'Required, please enter building area',
-      lift: 'Elevator',
-      liftPlaceholder: 'Required, please select elevator availability',
-      liftOption1: 'Yes',
-      liftOption2: 'No',
-      remark: 'Remark',
-      remarkPlaceholder: 'Please enter remarks',
-      save: 'Save',
-      cancel: 'Cancel',
-      zeroUnitWarning: 'Unit 0 is specific to shops and cannot be edited',
-      successMessage: 'Unit updated successfully',
-      errorMessage: 'Failed to update unit'
-    }
-  },
-  zh: {
-    editUnit: {
-      title: '修改单元',
-      unitNum: '单元编号',
-      unitNumPlaceholder: '必填，请填写单元编号',
-      layerCount: '总层数',
-      layerCountPlaceholder: '必填，请填写单元总层数',
-      unitArea: '建筑面积',
-      unitAreaPlaceholder: '必填，请填写建筑面积',
-      lift: '电梯',
-      liftPlaceholder: '必填，请选择是否有电梯',
-      liftOption1: '有',
-      liftOption2: '无',
-      remark: '备注',
-      remarkPlaceholder: '请填写备注信息',
-      save: '保存',
-      cancel: '取消',
-      zeroUnitWarning: '0单元为商铺特有，不允许修改',
-      successMessage: '单元修改成功',
-      errorMessage: '修改单元失败'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    room: {
-      floorUnitTree: {
-        building: 'Building',
-        unit: 'Unit',
-        noData: 'No buildings currently'
-      }
-    }
-  },
-  zh: {
-    room: {
-      floorUnitTree: {
-        building: '栋',
-        unit: '单元',
-        noData: '当前没有楼栋'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export default {
-  en: {
-    room: {
-      importOwnerRoom: {
-        title: 'Property Import',
-        selectFile: 'Select File',
-        clickUpload: 'Click to upload',
-        requiredFile: 'Required, please select data file',
-        downloadTemplate: 'Download Template',
-        downloadFirst: 'Please download first',
-        propertyTemplate: 'Property Template',
-        prepareData: 'to prepare data, then upload for import',
-        fileRequired: 'File cannot be empty',
-        invalidFormat: 'Invalid Excel format',
-        fileSizeExceeded: 'Excel file size cannot exceed 2MB',
-        importSuccess: 'Import successful',
-        importFailed: 'Import failed',
-        importError: 'Import error occurred'
-      }
-    }
-  },
-  zh: {
-    room: {
-      importOwnerRoom: {
-        title: '房产导入',
-        selectFile: '选择文件',
-        clickUpload: '点击上传',
-        requiredFile: '必填，请选择数据文件',
-        downloadTemplate: '下载模板',
-        downloadFirst: '请先下载',
-        propertyTemplate: '房产模板',
-        prepareData: '准备数据后，上传导入',
-        fileRequired: '文件不能为空',
-        invalidFormat: '不是有效的Excel格式',
-        fileSizeExceeded: 'Excel文件大小不能超过2M',
-        importSuccess: '导入成功',
-        importFailed: '导入失败',
-        importError: '导入出错'
-      }
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerCars: {
-      title: 'Owner Cars',
-      licensePlate: 'License Plate',
-      licenseType: 'License Type',
-      temporary: 'Temporary Car',
-      carType: 'Car Type',
-      color: 'Color',
-      owner: 'Owner',
-      parkingSpace: 'Parking Space',
-      park: ' Park',
-      space: ' Space',
-      released: 'Space Released',
-      validity: 'Validity Period'
-    }
-  },
-  zh: {
-    ownerCars: {
-      title: '业主车辆',
-      licensePlate: '车牌号',
-      licenseType: '车牌类型',
-      temporary: '临时车',
-      carType: '车辆类型',
-      color: '颜色',
-      owner: '业主',
-      parkingSpace: '车位',
-      park: '车场',
-      space: '车位',
-      released: '车位已释放',
-      validity: '有效期'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerComplaints: {
-      title: 'Owner Complaints',
-      type: 'Type',
-      room: 'Room',
-      contact: 'Contact',
-      phone: 'Phone',
-      status: 'Status',
-      handler: 'Handler',
-      handlerPhone: 'Handler Phone',
-      createTime: 'Create Time',
-      none: 'None'
-    }
-  },
-  zh: {
-    ownerComplaints: {
-      title: '业主投诉',
-      type: '类型',
-      room: '房屋',
-      contact: '联系人',
-      phone: '联系电话',
-      status: '状态',
-      handler: '处理人',
-      handlerPhone: '处理人电话',
-      createTime: '创建时间',
-      none: '无'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerMembers: {
-      title: 'Owner Members',
-      name: 'Name',
-      sex: 'Gender',
-      male: 'Male',
-      female: 'Female',
-      age: 'Age',
-      type: 'Type',
-      idCard: 'ID Card',
-      contact: 'Contact',
-      address: 'Address'
-    }
-  },
-  zh: {
-    ownerMembers: {
-      title: '业主成员',
-      name: '名称',
-      sex: '性别',
-      male: '男',
-      female: '女',
-      age: '年龄',
-      type: '类型',
-      idCard: '身份证',
-      contact: '联系方式',
-      address: '家庭住址'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerOweFees: {
-      title: 'Owner Arrears',
-      payerObj: 'Charge Object',
-      ownerName: 'Owner Name',
-      phone: 'Phone',
-      startTime: 'Start Time',
-      endTime: 'End Time',
-      total: 'Total',
-      unit: 'Unit: Yuan',
-      updateTime: 'Update Time'
-    },
-    ownerOweFeesDemo: {
-      openBtn: 'View Owner Arrears'
-    }
-  },
-  zh: {
-    ownerOweFees: {
-      title: '业主欠费',
-      payerObj: '收费对象',
-      ownerName: '业主名称',
-      phone: '手机号',
-      startTime: '开始时间',
-      endTime: '结束时间',
-      total: '合计',
-      unit: '单位:元',
-      updateTime: '更新时间'
-    },
-    ownerOweFeesDemo: {
-      openBtn: '查看业主欠费'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerRepairs: {
-      title: 'Owner Repairs',
-      workOrder: 'Work Order ID',
-      location: 'Location',
-      repairType: 'Repair Type',
-      reporter: 'Reporter',
-      contact: 'Contact',
-      appointmentTime: 'Appointment Time',
-      status: 'Status',
-      taskProcessed: '(Task Processed)'
-    }
-  },
-  zh: {
-    ownerRepairs: {
-      title: '业主报修',
-      workOrder: '工单编码',
-      location: '位置',
-      repairType: '报修类型',
-      reporter: '报修人',
-      contact: '联系方式',
-      appointmentTime: '预约时间',
-      status: '状态',
-      taskProcessed: '(定时任务处理)'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    ownerRooms: {
-      title: 'Owner Rooms',
-      roomId: 'Room ID',
-      layer: 'Floor',
-      type: 'Type',
-      area: 'Built/Indoor Area',
-      rent: 'Rent',
-      status: 'Room Status',
-      oweFee: 'Owed Fee',
-      updateDaily: 'Updated daily',
-      subtotal: 'Subtotal of owed fees',
-      successMessage: 'Data loaded successfully',
-      errorMessage: 'Failed to load data'
-    }
-  },
-  zh: {
-    ownerRooms: {
-      title: '业主房屋',
-      roomId: '房屋ID',
-      layer: '楼层',
-      type: '类型',
-      area: '建筑/室内面积',
-      rent: '租金',
-      status: '房屋状态',
-      oweFee: '房屋欠费',
-      updateDaily: '按天更新',
-      subtotal: '欠费小计',
-      successMessage: '数据加载成功',
-      errorMessage: '加载数据失败'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    roomContracts: {
-      title: 'Room Contracts',
-      contractName: 'Contract Name',
-      contractCode: 'Contract Code',
-      parentContractCode: 'Parent Contract Code',
-      contractType: 'Contract Type',
-      operator: 'Operator',
-      amount: 'Contract Amount',
-      startTime: 'Start Time',
-      endTime: 'End Time',
-      createTime: 'Draft Time',
-      state: 'Status'
-    },
-    roomContractsDemo: {
-      openByOwner: 'Open by Owner',
-      openByRoom: 'Open by Room'
-    }
-  },
-  zh: {
-    roomContracts: {
-      title: '房屋合同',
-      contractName: '合同名称',
-      contractCode: '合同编号',
-      parentContractCode: '父合同编号',
-      contractType: '合同类型',
-      operator: '经办人',
-      amount: '合同金额',
-      startTime: '开始时间',
-      endTime: '结束时间',
-      createTime: '起草时间',
-      state: '状态'
-    },
-    roomContractsDemo: {
-      openByOwner: '按业主打开',
-      openByRoom: '按房屋打开'
-    }
-  }
-}
 \ No newline at end of file
@@ -44,7 +44,321 @@ export const messages = {
       roomStatusDesc2: '1. Unsold means there is no relationship between the room and the owner, so the status cannot be manually modified. It needs to be changed to occupied by the owner moving in.',
       roomStatusDesc3: '2. Unoccupied, handed over, decorated, and occupied status indicate that there is a relationship between the owner and the room. They can be modified mutually, mainly used to create different fees based on different status when creating room fees.',
       rentDesc: 'Rent: Mainly used for park-type properties or properties with many rented rooms, residential properties can ignore this.'
-    }
+    },
+    room: {
+      floorUnitTree: {
+        building: 'Building',
+        unit: 'Unit',
+        noData: 'No buildings currently'
+      },
+      searchFloor: {
+        title: 'Building Search',
+        placeholder: {
+          floorId: 'Please enter building ID',
+          floorName: 'Please enter building name',
+          floorNum: 'Please enter building number'
+        },
+        table: {
+          floorId: 'Building ID',
+          floorName: 'Name',
+          floorNum: 'Number',
+          creator: 'Creator',
+          actions: 'Actions'
+        }
+      },
+      editRoom: {
+        title: 'Edit Room',
+        roomNum: 'Room Number',
+        layer: 'Floor',
+        unit: 'Unit',
+        roomType: 'Room Type',
+        apartment1: 'Bedrooms',
+        apartment2: 'Living Rooms',
+        builtUpArea: 'Built-up Area (m²)',
+        roomArea: 'Indoor Area (m²)',
+        feeCoefficient: 'Fee Coefficient',
+        roomRent: 'Rent',
+        roomState: 'Room State',
+        endTime: 'End Time',
+        remark: 'Remark',
+        placeholder: {
+          roomNum: 'Required, please enter room number',
+          layer: 'Required, please enter floor',
+          unit: 'Required, please select unit',
+          roomType: 'Required, please select room type',
+          apartment: 'Required, please select apartment layout',
+          builtUpArea: 'Required, please enter built-up area! m²',
+          roomArea: 'Required, please enter indoor area! m²',
+          feeCoefficient: 'Please enter fee coefficient',
+          roomRent: 'Required, please enter rent',
+          roomState: 'Required, please select room state',
+          endTime: 'Required, please select end time',
+          remark: 'Please enter remark information'
+        },
+        apartment1Options: {
+          oneRoom: 'One Bedroom',
+          twoRooms: 'Two Bedrooms',
+          threeRooms: 'Three Bedrooms',
+          fourRooms: 'Four Bedrooms',
+          fiveRooms: 'Five Bedrooms',
+          sixRooms: 'Six Bedrooms',
+          sevenRooms: 'Seven Bedrooms',
+          eightRooms: 'Eight Bedrooms'
+        },
+        apartment2Options: {
+          oneHall: 'One Living Room',
+          twoHalls: 'Two Living Rooms',
+          threeHalls: 'Three Living Rooms',
+          fourHalls: 'Four Living Rooms',
+          fiveHalls: 'Five Living Rooms',
+          sixHalls: 'Six Living Rooms',
+          sevenHalls: 'Seven Living Rooms',
+          eightHalls: 'Eight Living Rooms'
+        },
+        roomStateOptions: {
+          occupied: 'Occupied',
+          delivered: 'Delivered',
+          decorated: 'Decorated',
+          vacant: 'Vacant',
+          decorating: 'Decorating'
+        }
+      },
+      deleteRoom: {
+        title: 'Confirm Operation',
+        confirmMessage: 'Confirm deletion! Deleting a room will delete associated fees and payment records, and automatically unbind owners!'
+      },
+      importOwnerRoom: {
+        title: 'Property Import',
+        selectFile: 'Select File',
+        clickUpload: 'Click to upload',
+        requiredFile: 'Required, please select data file',
+        downloadTemplate: 'Download Template',
+        downloadFirst: 'Please download first',
+        propertyTemplate: 'Property Template',
+        prepareData: 'to prepare data, then upload for import',
+        fileRequired: 'File cannot be empty',
+        invalidFormat: 'Invalid Excel format',
+        fileSizeExceeded: 'Excel file size cannot exceed 2MB',
+        importSuccess: 'Import successful',
+        importFailed: 'Import failed',
+        importError: 'Import error occurred'
+      },
+      addFloor: {
+        title: 'Add Building',
+        floorNum: 'Building Number',
+        name: 'Building Name',
+        floorArea: 'Floor Area',
+        seq: 'Sequence',
+        remark: 'Remark',
+        buildingSuffix: ' Building',
+        floorNumPlaceholder: 'Required, please enter number',
+        namePlaceholder: 'Required, please enter name',
+        floorAreaPlaceholder: 'Required, please enter floor area',
+        remarkPlaceholder: 'Optional, please enter remark',
+        floorNumRequired: 'Building number is required',
+        floorNumLength: 'Building number must be 1-64 characters',
+        nameRequired: 'Building name is required',
+        nameLength: 'Building name must be 2-64 characters',
+        floorAreaRequired: 'Floor area is required',
+        floorAreaFormat: 'Invalid floor area format, e.g. 300.00',
+        seqRequired: 'Sequence is required',
+        seqNumber: 'Sequence must be a number',
+        remarkMaxLength: 'Remark cannot exceed 200 characters',
+        saveSuccess: 'Add successful',
+        saveFailed: 'Add failed',
+        saveError: 'Error adding building'
+      },
+      editFloor: {
+        title: 'Edit Building',
+        floorNum: 'Building Number',
+        floorName: 'Building Name',
+        floorArea: 'Floor Area',
+        seq: 'Sequence',
+        remark: 'Remark',
+        floorNumPlaceholder: 'Required, please enter number',
+        floorNamePlaceholder: 'Required, please enter name',
+        floorAreaPlaceholder: 'Required, please enter floor area',
+        remarkPlaceholder: 'Optional, please enter remark',
+        floorNumRequired: 'Building number is required',
+        floorNumLength: 'Building number must be 1-64 characters',
+        floorNameRequired: 'Building name is required',
+        floorNameLength: 'Building name must be 2-64 characters',
+        floorAreaRequired: 'Floor area is required',
+        floorAreaFormat: 'Invalid floor area format, e.g. 300.00',
+        seqRequired: 'Sequence is required',
+        seqNumber: 'Sequence must be a number',
+        remarkMaxLength: 'Remark cannot exceed 200 characters',
+        updateSuccess: 'Update successful',
+        updateFailed: 'Update failed',
+        updateError: 'Error updating building'
+      },
+      deleteFloor: {
+        title: 'Confirm Operation',
+        confirmMessage: 'Are you sure you want to delete?',
+        cancelText: 'Cancel',
+        confirmDelete: 'Confirm Delete',
+        deleteSuccess: 'Delete successful',
+        deleteFailed: 'Delete failed',
+        deleteError: 'Error deleting building'
+      }
+    },
+    ownerRooms: {
+      title: 'Owner Rooms',
+      roomId: 'Room ID',
+      layer: 'Floor',
+      type: 'Type',
+      area: 'Built/Indoor Area',
+      rent: 'Rent',
+      status: 'Room Status',
+      oweFee: 'Owed Fee',
+      updateDaily: 'Updated daily',
+      subtotal: 'Subtotal of owed fees',
+      successMessage: 'Data loaded successfully',
+      errorMessage: 'Failed to load data'
+    },
+    ownerMembers: {
+      title: 'Owner Members',
+      name: 'Name',
+      sex: 'Gender',
+      male: 'Male',
+      female: 'Female',
+      age: 'Age',
+      type: 'Type',
+      idCard: 'ID Card',
+      contact: 'Contact',
+      address: 'Address'
+    },
+    ownerCars: {
+      title: 'Owner Cars',
+      licensePlate: 'License Plate',
+      licenseType: 'License Type',
+      temporary: 'Temporary Car',
+      carType: 'Car Type',
+      color: 'Color',
+      owner: 'Owner',
+      parkingSpace: 'Parking Space',
+      park: ' Park',
+      space: ' Space',
+      released: 'Space Released',
+      validity: 'Validity Period'
+    },
+    ownerComplaints: {
+      title: 'Owner Complaints',
+      type: 'Type',
+      room: 'Room',
+      contact: 'Contact',
+      phone: 'Phone',
+      status: 'Status',
+      handler: 'Handler',
+      handlerPhone: 'Handler Phone',
+      createTime: 'Create Time',
+      none: 'None'
+    },
+    ownerRepairs: {
+      title: 'Owner Repairs',
+      workOrder: 'Work Order ID',
+      location: 'Location',
+      repairType: 'Repair Type',
+      reporter: 'Reporter',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      status: 'Status',
+      taskProcessed: '(Task Processed)'
+    },
+    ownerOweFees: {
+      title: 'Owner Arrears',
+      payerObj: 'Charge Object',
+      ownerName: 'Owner Name',
+      phone: 'Phone',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      total: 'Total',
+      unit: 'Unit: Yuan',
+      updateTime: 'Update Time'
+    },
+    ownerOweFeesDemo: {
+      openBtn: 'View Owner Arrears'
+    },
+    roomOweFees: {
+      title: 'Room Arrears',
+      payerObj: 'Charge Object',
+      ownerName: 'Owner Name',
+      phone: 'Phone',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      total: 'Total',
+      unit: 'Unit: Yuan',
+      updateTime: 'Update Time'
+    },
+    roomOweFeesDemo: {
+      openBtn: 'View Room Arrears'
+    },
+    roomContracts: {
+      title: 'Room Contracts',
+      contractName: 'Contract Name',
+      contractCode: 'Contract Code',
+      parentContractCode: 'Parent Contract Code',
+      contractType: 'Contract Type',
+      operator: 'Operator',
+      amount: 'Contract Amount',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      createTime: 'Draft Time',
+      state: 'Status'
+    },
+    roomContractsDemo: {
+      openByOwner: 'Open by Owner',
+      openByRoom: 'Open by Room'
+
+    },
+    addUnit: {
+      title: 'Add Unit',
+      unitNum: 'Unit Number',
+      unitNumPlaceholder: 'Required, please enter unit number',
+      layerCount: 'Total Floors',
+      layerCountPlaceholder: 'Required, please enter total floors',
+      unitArea: 'Building Area',
+      unitAreaPlaceholder: 'Required, please enter building area',
+      lift: 'Elevator',
+      liftPlaceholder: 'Required, please select elevator availability',
+      liftOption1: 'Yes',
+      liftOption2: 'No',
+      remark: 'Remark',
+      remarkPlaceholder: 'Please enter remarks',
+      save: 'Save',
+      cancel: 'Cancel',
+      zeroUnitWarning: 'Unit 0 is specific to shops and cannot be added',
+      successMessage: 'Unit added successfully',
+      errorMessage: 'Failed to add unit'
+    },
+    editUnit: {
+      title: 'Edit Unit',
+      unitNum: 'Unit Number',
+      unitNumPlaceholder: 'Required, please enter unit number',
+      layerCount: 'Total Floors',
+      layerCountPlaceholder: 'Required, please enter total floors',
+      unitArea: 'Building Area',
+      unitAreaPlaceholder: 'Required, please enter building area',
+      lift: 'Elevator',
+      liftPlaceholder: 'Required, please select elevator availability',
+      liftOption1: 'Yes',
+      liftOption2: 'No',
+      remark: 'Remark',
+      remarkPlaceholder: 'Please enter remarks',
+      save: 'Save',
+      cancel: 'Cancel',
+      zeroUnitWarning: 'Unit 0 is specific to shops and cannot be edited',
+      successMessage: 'Unit updated successfully',
+      errorMessage: 'Failed to update unit'
+    },
+    deleteUnit: {
+      title: 'Confirm Operation',
+      confirmMessage: 'Are you sure you want to delete this unit?',
+      cancel: 'Cancel',
+      confirm: 'Confirm Delete',
+      successMessage: 'Unit deleted successfully',
+      errorMessage: 'Failed to delete unit'
+    },
   },
   zh: {
     roomList: {
@@ -91,6 +405,320 @@ export const messages = {
       roomStatusDesc2: '1、未销售表示 房屋和业主之间还没有任何关系，所以修改时状态不能手工修改 需要业主入住房屋的方式 将未销售改为已入住',
       roomStatusDesc3: '2、未入住 已交房 已装修 已入住 状态表示业主和房屋之间已经有关系 可以相互修改，主要作用为在房屋创建费用时根据不同的状态去创建不同的费用',
       rentDesc: '租金：主要用于园区类或者房屋出租比较多的物业使用，小区物业忽略'
+    },
+    room: {
+      floorUnitTree: {
+        building: '栋',
+        unit: '单元',
+        noData: '当前没有楼栋'
+      },
+      searchFloor: {
+        title: '小区楼',
+        placeholder: {
+          floorId: '请输入楼栋ID',
+          floorName: '请输入楼栋名称',
+          floorNum: '请输入楼栋编号'
+        },
+        table: {
+          floorId: '楼ID',
+          floorName: '名称',
+          floorNum: '编号',
+          creator: '创建人',
+          actions: '操作'
+        }
+      },
+      editRoom: {
+        title: '修改房屋',
+        roomNum: '房屋编号',
+        layer: '房屋楼层',
+        unit: '房屋单元',
+        roomType: '房屋类型',
+        apartment1: '户型室',
+        apartment2: '户型厅',
+        builtUpArea: '建筑面积(平方)',
+        roomArea: '室内面积(平方)',
+        feeCoefficient: '算费系数',
+        roomRent: '租金',
+        roomState: '房屋状态',
+        endTime: '结束时间',
+        remark: '备注',
+        placeholder: {
+          roomNum: '必填，请填写房屋编号',
+          layer: '必填，请填写房屋楼层',
+          unit: '必填，请选择单元',
+          roomType: '必填，请选择房屋类型',
+          apartment: '必填，请选择房屋户型',
+          builtUpArea: '必填，请填写房屋建筑面积! 平方',
+          roomArea: '必填，请填写室内面积! 平方',
+          feeCoefficient: '请填写算费系数',
+          roomRent: '必填，请填写租金',
+          roomState: '必填，请选择房屋状态',
+          endTime: '必填，请选择结束时间',
+          remark: '请填写备注信息'
+        },
+        apartment1Options: {
+          oneRoom: '一室',
+          twoRooms: '两室',
+          threeRooms: '三室',
+          fourRooms: '四室',
+          fiveRooms: '五室',
+          sixRooms: '六室',
+          sevenRooms: '七室',
+          eightRooms: '八室'
+        },
+        apartment2Options: {
+          oneHall: '一厅',
+          twoHalls: '两厅',
+          threeHalls: '三厅',
+          fourHalls: '四厅',
+          fiveHalls: '五厅',
+          sixHalls: '六厅',
+          sevenHalls: '七厅',
+          eightHalls: '八厅'
+        },
+        roomStateOptions: {
+          occupied: '已入住',
+          delivered: '已交房',
+          decorated: '已装修',
+          vacant: '未入住',
+          decorating: '装修中'
+        }
+      },
+      deleteRoom: {
+        title: '请确认您的操作',
+        confirmMessage: '确认是否删除! 删除房屋会关联删除房屋下的费用以及缴费记录，并且自动解绑业主！'
+      },
+      importOwnerRoom: {
+        title: '房产导入',
+        selectFile: '选择文件',
+        clickUpload: '点击上传',
+        requiredFile: '必填，请选择数据文件',
+        downloadTemplate: '下载模板',
+        downloadFirst: '请先下载',
+        propertyTemplate: '房产模板',
+        prepareData: '准备数据后，上传导入',
+        fileRequired: '文件不能为空',
+        invalidFormat: '不是有效的Excel格式',
+        fileSizeExceeded: 'Excel文件大小不能超过2M',
+        importSuccess: '导入成功',
+        importFailed: '导入失败',
+        importError: '导入出错'
+      },
+      addFloor: {
+        title: '添加楼栋',
+        floorNum: '楼栋编号',
+        name: '楼栋名称',
+        floorArea: '建筑面积',
+        seq: '排序',
+        remark: '备注',
+        buildingSuffix: '号楼',
+        floorNumPlaceholder: '必填，请填写编号',
+        namePlaceholder: '必填，请填写名称',
+        floorAreaPlaceholder: '必填，请填写建筑面积',
+        remarkPlaceholder: '可填，请填写备注',
+        floorNumRequired: '楼栋编号不能为空',
+        floorNumLength: '楼栋编号长度必须在1位至64位',
+        nameRequired: '楼栋名称不能为空',
+        nameLength: '楼栋名称长度必须在2位至64位',
+        floorAreaRequired: '建筑面积不能为空',
+        floorAreaFormat: '建筑面积错误，如300.00',
+        seqRequired: '排序不能为空',
+        seqNumber: '排序必须是数字',
+        remarkMaxLength: '备注长度不能超过200位',
+        saveSuccess: '添加成功',
+        saveFailed: '添加失败',
+        saveError: '添加楼栋出错'
+      },
+      editFloor: {
+        title: '修改楼栋',
+        floorNum: '楼栋编号',
+        floorName: '楼栋名称',
+        floorArea: '建筑面积',
+        seq: '排序',
+        remark: '备注',
+        floorNumPlaceholder: '必填，请填写编号',
+        floorNamePlaceholder: '必填，请填写名称',
+        floorAreaPlaceholder: '必填，请填写建筑面积',
+        remarkPlaceholder: '可填，请填写备注',
+        floorNumRequired: '楼栋编号不能为空',
+        floorNumLength: '楼栋编号长度必须在1位至64位',
+        floorNameRequired: '楼栋名称不能为空',
+        floorNameLength: '楼栋名称长度必须在2位至64位',
+        floorAreaRequired: '建筑面积不能为空',
+        floorAreaFormat: '建筑面积错误，如300.00',
+        seqRequired: '排序不能为空',
+        seqNumber: '排序必须是数字',
+        remarkMaxLength: '备注长度不能超过200位',
+        updateSuccess: '修改成功',
+        updateFailed: '修改失败',
+        updateError: '修改楼栋出错'
+      },
+      deleteFloor: {
+        title: '请确认您的操作',
+        confirmMessage: '确认是否删除？',
+        cancelText: '点错了',
+        confirmDelete: '确认删除',
+        deleteSuccess: '删除成功',
+        deleteFailed: '删除失败',
+        deleteError: '删除楼栋出错'
+      },
+    },
+    ownerRooms: {
+      title: '业主房屋',
+      roomId: '房屋ID',
+      layer: '楼层',
+      type: '类型',
+      area: '建筑/室内面积',
+      rent: '租金',
+      status: '房屋状态',
+      oweFee: '房屋欠费',
+      updateDaily: '按天更新',
+      subtotal: '欠费小计',
+      successMessage: '数据加载成功',
+      errorMessage: '加载数据失败'
+    },
+    ownerMembers: {
+      title: '业主成员',
+      name: '名称',
+      sex: '性别',
+      male: '男',
+      female: '女',
+      age: '年龄',
+      type: '类型',
+      idCard: '身份证',
+      contact: '联系方式',
+      address: '家庭住址'
+    },
+    ownerCars: {
+      title: '业主车辆',
+      licensePlate: '车牌号',
+      licenseType: '车牌类型',
+      temporary: '临时车',
+      carType: '车辆类型',
+      color: '颜色',
+      owner: '业主',
+      parkingSpace: '车位',
+      park: '车场',
+      space: '车位',
+      released: '车位已释放',
+      validity: '有效期'
+    },
+    ownerComplaints: {
+      title: '业主投诉',
+      type: '类型',
+      room: '房屋',
+      contact: '联系人',
+      phone: '联系电话',
+      status: '状态',
+      handler: '处理人',
+      handlerPhone: '处理人电话',
+      createTime: '创建时间',
+      none: '无'
+    },
+    ownerRepairs: {
+      title: '业主报修',
+      workOrder: '工单编码',
+      location: '位置',
+      repairType: '报修类型',
+      reporter: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      status: '状态',
+      taskProcessed: '(定时任务处理)'
+    },
+    ownerOweFees: {
+      title: '业主欠费',
+      payerObj: '收费对象',
+      ownerName: '业主名称',
+      phone: '手机号',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      total: '合计',
+      unit: '单位:元',
+      updateTime: '更新时间'
+    },
+    ownerOweFeesDemo: {
+      openBtn: '查看业主欠费'
+    },
+    roomOweFees: {
+      title: '房屋欠费',
+      payerObj: '收费对象',
+      ownerName: '业主名称',
+      phone: '手机号',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      total: '合计',
+      unit: '单位:元',
+      updateTime: '更新时间'
+    },
+    roomOweFeesDemo: {
+      openBtn: '查看房屋欠费'
+    },
+    roomContracts: {
+      title: '房屋合同',
+      contractName: '合同名称',
+      contractCode: '合同编号',
+      parentContractCode: '父合同编号',
+      contractType: '合同类型',
+      operator: '经办人',
+      amount: '合同金额',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      createTime: '起草时间',
+      state: '状态'
+    },
+    roomContractsDemo: {
+      openByOwner: '按业主打开',
+      openByRoom: '按房屋打开'
     }
+    ,
+    addUnit: {
+      title: '添加单元',
+      unitNum: '单元编号',
+      unitNumPlaceholder: '必填，请填写单元编号',
+      layerCount: '总层数',
+      layerCountPlaceholder: '必填，请填写单元总层数',
+      unitArea: '建筑面积',
+      unitAreaPlaceholder: '必填，请填写建筑面积',
+      lift: '电梯',
+      liftPlaceholder: '必填，请选择是否有电梯',
+      liftOption1: '有',
+      liftOption2: '无',
+      remark: '备注',
+      remarkPlaceholder: '请填写备注信息',
+      save: '保存',
+      cancel: '取消',
+      zeroUnitWarning: '0单元为商铺特有，不允许添加',
+      successMessage: '单元添加成功',
+      errorMessage: '添加单元失败'
+    },
+    editUnit: {
+      title: '修改单元',
+      unitNum: '单元编号',
+      unitNumPlaceholder: '必填，请填写单元编号',
+      layerCount: '总层数',
+      layerCountPlaceholder: '必填，请填写单元总层数',
+      unitArea: '建筑面积',
+      unitAreaPlaceholder: '必填，请填写建筑面积',
+      lift: '电梯',
+      liftPlaceholder: '必填，请选择是否有电梯',
+      liftOption1: '有',
+      liftOption2: '无',
+      remark: '备注',
+      remarkPlaceholder: '请填写备注信息',
+      save: '保存',
+      cancel: '取消',
+      zeroUnitWarning: '0单元为商铺特有，不允许修改',
+      successMessage: '单元修改成功',
+      errorMessage: '修改单元失败'
+    },
+    deleteUnit: {
+      title: '请确认您的操作',
+      confirmMessage: '确定删除小区单元?',
+      cancel: '点错了',
+      confirm: '确认删除',
+      successMessage: '单元删除成功',
+      errorMessage: '删除单元失败'
+    },
   }
 }
 \ No newline at end of file
@@ -4,19 +4,22 @@
       <el-button type="primary" size="small" @click="openAddRoomFloorModal">
         <i class="el-icon-plus"></i>{{ $t('roomList.addBuilding') }}
       </el-button>
-      <el-button type="primary" size="small" @click="openUpdateRoomFloorModal">
+      <el-button type="primary" size="small" @click="openUpdateRoomFloorModal" v-if="roomInfo.conditions.floorId">
         <i class="el-icon-edit"></i>{{ $t('roomList.editBuilding') }}
       </el-button>
-      <el-button type="primary" size="small" @click="openDeleteRoomFloorModal">
+      <el-button type="primary" size="small" @click="openDeleteRoomFloorModal" v-if="roomInfo.conditions.floorId">
         <i class="el-icon-close"></i>{{ $t('roomList.deleteBuilding') }}
       </el-button>
-      <el-button type="primary" size="small" class="margin-left-sm" @click="openAddRoomUnitModal">
+      <el-button type="primary" size="small" class="margin-left-sm" @click="openAddRoomUnitModal"
+        v-if="roomInfo.conditions.floorId">
         <i class="el-icon-plus"></i>{{ $t('roomList.addUnit') }}
       </el-button>
-      <el-button type="primary" size="small" class="margin-left-sm" @click="openUpdateRoomUnitModal">
+      <el-button type="primary" size="small" class="margin-left-sm" @click="openUpdateRoomUnitModal"
+        v-if="roomInfo.conditions.unitId">
         <i class="el-icon-edit"></i>{{ $t('roomList.editUnit') }}
       </el-button>
-      <el-button type="primary" size="small" class="margin-left-sm" @click="openDeleteRoomUnitModal">
+      <el-button type="primary" size="small" class="margin-left-sm" @click="openDeleteRoomUnitModal"
+        v-if="roomInfo.conditions.unitId">
         <i class="el-icon-close"></i>{{ $t('roomList.deleteUnit') }}
       </el-button>
       <el-button type="primary" size="small" class="margin-left-sm" @click="openAddRoom"
@@ -36,8 +39,7 @@
     <el-row class="flex justify-start">
       <el-col :span="4" class="room-floor-unit-tree">
-        <floor-unit-tree :call-back-listener="callbackListener" @switchFloor="handleSwitchFloor"
-          @switchUnit="handleSwitchUnit" />
+        <floor-unit-tree ref="floorUnitTree" @switchFloorUnit="switchFloorUnit" />
       </el-col>
       <el-col :span="20" class="margin-top-xs margin-left-sm">
         <el-card class="ibox">
@@ -266,16 +268,18 @@
     </el-row>
     <!-- 子组件 -->
+    <add-floor ref="addFloor" @handleRefreshTree="floorUnitTree" />
+    <edit-floor ref="editFloor" @handleRefreshTree="floorUnitTree" />
+    <delete-floor ref="deleteFloor" @handleRefreshTree="floorUnitTree" />
+    <add-unit ref="addUnit" @handleRefreshTree="floorUnitTree" />
+    <edit-unit ref="editUnit" @handleRefreshTree="floorUnitTree" />
+    <delete-unit ref="deleteUnit" @handleRefreshTree="floorUnitTree" />
     <search-floor ref="searchFloor" emit-choose-floor="room" emit-load-data="room" />
-    <edit-room ref="editRoom" />
-    <delete-room ref="deleteRoom" />
+    <edit-room ref="editRoom" @handleRefreshRoom="handleRefreshRoom" />
+    <delete-room ref="deleteRoom" @handleRefreshRoom="handleRefreshRoom" />
     <import-owner-room ref="importOwnerRoom" />
-    <add-floor ref="addFloor" />
-    <edit-floor ref="editFloor" />
-    <delete-floor ref="deleteFloor" />
-    <add-unit ref="addUnit" />
-    <edit-unit ref="editUnit" />
-    <delete-unit ref="deleteUnit" />
+
+
     <owner-rooms ref="ownerRooms" />
     <owner-members ref="ownerMembers" />
     <owner-cars ref="ownerCars" />
@@ -289,7 +293,7 @@
 <script>
 import { getDict } from '@/api/community/communityApi'
-import { queryRooms,getFloors,getUnits } from '@/api/room/roomApi'
+import { queryRooms, getFloors, getUnits } from '@/api/room/roomApi'
 import FloorUnitTree from '@/components/room/floorUnitTree'
 import SearchFloor from '@/components/room/searchFloor'
 import EditRoom from '@/components/room/editRoom'
@@ -310,6 +314,9 @@ import OwnerOweFees from &#39;@/components/owner/ownerOweFees&#39;
 import RoomOweFees from '@/components/room/roomOweFees'
 import RoomContracts from '@/components/room/roomContracts'
+import { getAttrSpecList } from '@/api/dev/attrSpecApi'
+// import { getAttrValueList } from '@/api/dev/attrValueApi'
+
 const DEFAULT_PAGE = 1
 const DEFAULT_ROW = 10
@@ -371,10 +378,10 @@ export default {
   },
   mounted() {
     this.initData()
-   // window.addEventListener('resize', this.handleResize)
+    // window.addEventListener('resize', this.handleResize)
   },
   beforeDestroy() {
-   // window.removeEventListener('resize', this.handleResize)
+    // window.removeEventListener('resize', this.handleResize)
   },
   methods: {
     async initData() {
@@ -395,7 +402,9 @@ export default {
         console.error('初始化数据失败:', error)
       }
     },
-
+    handleRefreshRoom(){
+      this.listRoom(this.roomInfo.conditions.page,this.roomInfo.conditions.row)
+    },
     async listRoom(page, row) {
       this.roomInfo.conditions.page = page
       this.roomInfo.conditions.row = row
@@ -455,8 +464,12 @@ export default {
     async getColumns(rooms, callback) {
       try {
-        const attrSpecs = await getDict('building_room_attr')
-        this.roomInfo.listColumns = attrSpecs
+        const { data } = await getAttrSpecList({
+          page: 1,
+          row: 100,
+          tableName: 'building_room_attr'
+        })
+        this.roomInfo.listColumns = data
           .filter(item => item.listShow === 'Y')
           .map(item => item.specName)
         callback()
@@ -465,16 +478,8 @@ export default {
       }
     },
-    handleSwitchFloor(data) {
+    switchFloorUnit(data) {
       this.roomInfo.conditions.floorId = data.floorId
-      this.roomInfo.conditions.unitId = ''
-      this.roomInfo.conditions.flag = 1
-      this.roomInfo.isAll = 'N'
-      this.listRoom(DEFAULT_PAGE, DEFAULT_ROW)
-    },
-
-    handleSwitchUnit(data) {
-      this.roomInfo.conditions.floorId = ''
       this.roomInfo.conditions.unitId = data.unitId
       this.roomInfo.conditions.flag = 1
       this.roomInfo.isAll = 'N'
@@ -490,18 +495,14 @@ export default {
       this.listRoom(val, DEFAULT_ROW)
     },
-    computeTableDivWidth() {
-      // const bodyWidth = document.body.clientWidth
-      // const menuWidth = document.getElementById('menu-nav').offsetWidth || 0
-      // const treeWidth = document.querySelector('.room-floor-unit-tree').offsetWidth || 0
-     // return `${bodyWidth - menuWidth - treeWidth - 80}px`
-     return '100%'
-    },
     handleResize() {
       this.$forceUpdate()
     },
+    floorUnitTree(param) {
+      this.$refs.floorUnitTree.refreshTree(param)
+    },
     // 按钮操作相关方法
     openAddRoom() {
       this.$router.push('/pages/property/addRoomView')
-export const messages = {
-  en: {
-    roomOweFees: {
-      title: 'Room Arrears',
-      payerObj: 'Charge Object',
-      ownerName: 'Owner Name',
-      phone: 'Phone',
-      startTime: 'Start Time',
-      endTime: 'End Time',
-      total: 'Total',
-      unit: 'Unit: Yuan',
-      updateTime: 'Update Time'
-    },
-    roomOweFeesDemo: {
-      openBtn: 'View Room Arrears'
-    }
-  },
-  zh: {
-    roomOweFees: {
-      title: '房屋欠费',
-      payerObj: '收费对象',
-      ownerName: '业主名称',
-      phone: '手机号',
-      startTime: '开始时间',
-      endTime: '结束时间',
-      total: '合计',
-      unit: '单位:元',
-      updateTime: '更新时间'
-    },
-    roomOweFeesDemo: {
-      openBtn: '查看房屋欠费'
-    }
-  }
-}
 \ No newline at end of file
-export const messages = {
-  en: {
-    room: {
-      searchFloor: {
-        title: 'Building Search',
-        placeholder: {
-          floorId: 'Please enter building ID',
-          floorName: 'Please enter building name',
-          floorNum: 'Please enter building number'
-        },
-        table: {
-          floorId: 'Building ID',
-          floorName: 'Name',
-          floorNum: 'Number',
-          creator: 'Creator',
-          actions: 'Actions'
-        }
-      }
-    }
-  },
-  zh: {
-    room: {
-      searchFloor: {
-        title: '小区楼',
-        placeholder: {
-          floorId: '请输入楼栋ID',
-          floorName: '请输入楼栋名称',
-          floorNum: '请输入楼栋编号'
-        },
-        table: {
-          floorId: '楼ID',
-          floorName: '名称',
-          floorNum: '编号',
-          creator: '创建人',
-          actions: '操作'
-        }
-      }
-    }
-  }
-}
 \ No newline at end of file
@@ -141,7 +141,7 @@ export default {
           page: 1
         })
         Object.assign(this.staffDetailInfo, response.staffs[0])
-        //this.staffDetailInfo.photo = `/callComponent/download/getFile/fileByObjId?objId=${this.staffDetailInfo.staffId}&communityId=${this.$store.getters.communityId}&fileTypeCd=12000&time=${new Date().getTime()}`
+        //this.staffDetailInfo.photo = `/callComponent/download/getFile/fileByObjId?objId=${this.staffDetailInfo.staffId}&communityId=${this.getCommunityId()}&fileTypeCd=12000&time=${new Date().getTime()}`
       } catch (error) {
         this.$message.error(this.$t('aStaffDetailList.loadError'))
       }
@@ -22,7 +22,8 @@ module.exports = {
     historyApiFallback: {
       disableDotRule: true,
       rewrites: [
-        { from: /\/img\/.*/, to: function (context) { return context.parsedUrl.pathname; } }
+        { from: /\/img\/.*/, to: function (context) { return context.parsedUrl.pathname; } },
+        { from: /\*.xlsx/, to: function (context) { return context.parsedUrl.pathname; } }
       ]
     }
   }