From e4e314519b2077e09a40f5b50b1c2a51af525b3e Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Thu, 5 Jun 2025 03:11:56 +0800
Subject: [PATCH] 完成物业首页功能

---
 public/img/hc_use.png                                 | Bin 0 -> 66505 bytes
 src/api/community/enterCommunityApi.js                |  41 +++++++++++++++++++++++++++++++++++++++++
 src/api/community/roomRenovationManageApi.js          | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/AddRoomRenovation.vue        | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/DeleteRoomRenovation.vue     |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/EditRoomRenovation.vue       | 228 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/RoomDecorationAcceptance.vue | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/RoomRenovationCompleted.vue  |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/RoomToExamine.vue            | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/editCommunityArea.vue        | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/community/uploadImageUrl.vue           | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/index/indexRepairComplaint.vue         |   2 --
 src/i18n/index.js                                     |   6 ++++++
 src/router/index.js                                   |  16 +++++++++++++---
 src/src/locale/lang/community/enterCommunityLang.js   |  68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/community/enterCommunityLang.js             |  68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/community/enterCommunityList.vue            | 153 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/community/roomRenovationManageLang.js       | 126 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/community/roomRenovationManageList.vue      | 372 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 19 files changed, 1915 insertions(+), 5 deletions(-)
 create mode 100644 public/img/hc_use.png
 create mode 100644 src/api/community/enterCommunityApi.js
 create mode 100644 src/api/community/roomRenovationManageApi.js
 create mode 100644 src/components/community/AddRoomRenovation.vue
 create mode 100644 src/components/community/DeleteRoomRenovation.vue
 create mode 100644 src/components/community/EditRoomRenovation.vue
 create mode 100644 src/components/community/RoomDecorationAcceptance.vue
 create mode 100644 src/components/community/RoomRenovationCompleted.vue
 create mode 100644 src/components/community/RoomToExamine.vue
 create mode 100644 src/components/community/editCommunityArea.vue
 create mode 100644 src/components/community/uploadImageUrl.vue
 create mode 100644 src/src/locale/lang/community/enterCommunityLang.js
 create mode 100644 src/views/community/enterCommunityLang.js
 create mode 100644 src/views/community/enterCommunityList.vue
 create mode 100644 src/views/community/roomRenovationManageLang.js
 create mode 100644 src/views/community/roomRenovationManageList.vue

diff --git a/public/img/hc_use.png b/public/img/hc_use.png
new file mode 100644
index 0000000..0fe161a
Binary files /dev/null and b/public/img/hc_use.png differ
diff --git a/src/api/community/enterCommunityApi.js b/src/api/community/enterCommunityApi.js
new file mode 100644
index 0000000..ed2e2be
--- /dev/null
+++ b/src/api/community/enterCommunityApi.js
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+// 查询入驻小区列表
+export function listMyCommunity(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communitys/queryStoreCommunitys',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '查询小区列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新小区信息
+export function updateCommunity(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.updateCommunity',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新小区信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/community/roomRenovationManageApi.js b/src/api/community/roomRenovationManageApi.js
new file mode 100644
index 0000000..b9743c0
--- /dev/null
+++ b/src/api/community/roomRenovationManageApi.js
@@ -0,0 +1,141 @@
+import request from '@/utils/request'
+
+// 查询装修信息列表
+export function listRoomRenovation(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/queryRoomRenovation',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询装修信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加装修信息
+export function addRoomRenovation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/saveRoomRenovation',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加装修信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新装修信息
+export function updateRoomRenovation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/updateRoomRenovation',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新装修信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除装修信息
+export function deleteRoomRenovation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/deleteRoomRenovation',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除装修信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新装修状态
+export function updateRoomRenovationState(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/updateRoomRenovationState',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新装修状态失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新装修审核状态
+export function updateRoomToExamine(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/updateRoomToExamine',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新审核状态失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存装修验收信息
+export function saveRoomRenovationDetail(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/roomRenovation/saveRoomRenovationDetail',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存验收信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/community/AddRoomRenovation.vue b/src/components/community/AddRoomRenovation.vue
new file mode 100644
index 0000000..83001e3
--- /dev/null
+++ b/src/components/community/AddRoomRenovation.vue
@@ -0,0 +1,130 @@
+<template>
+  <el-dialog :title="$t('roomRenovationManage.add')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('roomRenovationManage.room')" prop="roomName" required>
+        <el-input v-model.trim="form.roomName"  :placeholder="$t('roomRenovationManage.roomNumberPlaceholder')"
+          @blur="queryRoom" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.contactPerson')" prop="personName" required>
+        <el-input v-model.trim="form.personName" :placeholder="$t('roomRenovationManage.contactPersonPlaceholder')"
+          disabled />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.phone')" prop="personTel" required>
+        <el-input v-model.trim="form.personTel" :placeholder="$t('roomRenovationManage.phonePlaceholder')" disabled />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.renovationStartTime')" prop="startTime" required>
+        <el-date-picker v-model="form.startTime" type="date"
+          :placeholder="$t('roomRenovationManage.startTimePlaceholder')" value-format="yyyy-MM-dd" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.renovationEndTime')" prop="endTime" required>
+        <el-date-picker v-model="form.endTime" type="date" :placeholder="$t('roomRenovationManage.endTimePlaceholder')"
+          value-format="yyyy-MM-dd" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.renovationCompany')" prop="renovationCompany" required>
+        <el-input v-model.trim="form.renovationCompany"
+          :placeholder="$t('roomRenovationManage.renovationCompanyPlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.renovationManager')" prop="personMain" required>
+        <el-input v-model.trim="form.personMain" :placeholder="$t('roomRenovationManage.renovationManagerPlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.managerPhone')" prop="personMainTel" required>
+        <el-input v-model.trim="form.personMainTel" :placeholder="$t('roomRenovationManage.managerPhonePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('roomRenovationManage.remark')" prop="remark">
+        <el-input v-model.trim="form.remark" type="textarea"
+          :placeholder="$t('roomRenovationManage.remarkPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="saveRoomRenovation">
+        {{ $t('roomRenovationManage.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addRoomRenovation } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'AddRoomRenovation',
+  data() {
+    return {
+      visible: false,
+      form: {
+        roomName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        renovationCompany: '',
+        personMain: '',
+        personMainTel: '',
+        remark: '',
+        isPostpone: 'N',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+
+    resetForm() {
+      this.form = {
+        roomName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        renovationCompany: '',
+        personMain: '',
+        personMainTel: '',
+        remark: '',
+        isPostpone: 'N',
+        communityId: this.getCommunityId()
+      }
+      this.$refs.form && this.$refs.form.resetFields()
+    },
+
+    async saveRoomRenovation() {
+      try {
+        this.form.communityId = this.getCommunityId()
+        await addRoomRenovation(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('添加装修信息失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    },
+
+    async queryRoom() {
+      if (!this.form.roomName) return
+
+      try {
+        // 这里需要根据实际API实现查询房屋信息
+        // const roomInfo = await getRoomInfo({ roomName: this.form.roomName })
+        // this.form.personName = roomInfo.ownerName
+        // this.form.personTel = roomInfo.link
+      } catch (error) {
+        console.error('查询房屋信息失败:', error)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/DeleteRoomRenovation.vue b/src/components/community/DeleteRoomRenovation.vue
new file mode 100644
index 0000000..dad58ce
--- /dev/null
+++ b/src/components/community/DeleteRoomRenovation.vue
@@ -0,0 +1,66 @@
+<template>
+  <el-dialog 
+    :title="$t('roomRenovationManage.confirmDelete')" 
+    :visible.sync="visible"
+    width="30%"
+    @close="resetForm"
+  >
+    <div>
+      <p>{{ $t('roomRenovationManage.confirmDeleteMsg') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancelDelete') }}
+      </el-button>
+      <el-button type="danger" @click="deleteRoomRenovation">
+        {{ $t('roomRenovationManage.confirmDelete') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteRoomRenovation } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'DeleteRoomRenovation',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        rId: row.rId,
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    
+    resetForm() {
+      this.form = {
+        rId: '',
+        communityId: ''
+      }
+    },
+    
+    async deleteRoomRenovation() {
+      try {
+        await deleteRoomRenovation(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除装修信息失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/EditRoomRenovation.vue b/src/components/community/EditRoomRenovation.vue
new file mode 100644
index 0000000..7f6f5ef
--- /dev/null
+++ b/src/components/community/EditRoomRenovation.vue
@@ -0,0 +1,228 @@
+<template>
+  <el-dialog 
+    :title="$t('roomRenovationManage.modify')" 
+    :visible.sync="visible"
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('roomRenovationManage.room')" prop="roomName">
+        <el-input 
+          v-model.trim="form.roomName" 
+          disabled
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.contactPerson')" prop="personName" required>
+        <el-input 
+          v-model.trim="form.personName" 
+          :placeholder="$t('roomRenovationManage.contactPersonPlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.phone')" prop="personTel" required>
+        <el-input 
+          v-model.trim="form.personTel" 
+          :placeholder="$t('roomRenovationManage.phonePlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.renovationStartTime')" prop="startTime" required>
+        <el-date-picker
+          v-model="form.startTime"
+          type="date"
+          :placeholder="$t('roomRenovationManage.startTimePlaceholder')"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.renovationEndTime')" prop="endTime" required>
+        <el-date-picker
+          v-model="form.endTime"
+          type="date"
+          :placeholder="$t('roomRenovationManage.endTimePlaceholder')"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.isPostponed')" prop="isPostpone" required>
+        <el-select v-model="form.isPostpone">
+          <el-option :label="$t('roomRenovationManage.yes')" value="Y" />
+          <el-option :label="$t('roomRenovationManage.no')" value="N" />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item 
+        v-if="form.isPostpone === 'Y'"
+        :label="$t('roomRenovationManage.postponeTime')" 
+        prop="postponeTime"
+      >
+        <el-date-picker
+          v-model="form.postponeTime"
+          type="date"
+          :placeholder="$t('roomRenovationManage.endTimePlaceholder')"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.renovationCompany')" prop="renovationCompany" required>
+        <el-input 
+          v-model.trim="form.renovationCompany" 
+          :placeholder="$t('roomRenovationManage.renovationCompanyPlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.renovationManager')" prop="personMain" required>
+        <el-input 
+          v-model.trim="form.personMain" 
+          :placeholder="$t('roomRenovationManage.renovationManagerPlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.managerPhone')" prop="personMainTel" required>
+        <el-input 
+          v-model.trim="form.personMainTel" 
+          :placeholder="$t('roomRenovationManage.managerPhonePlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.status')" prop="state" required>
+        <el-select v-model="form.state">
+          <el-option 
+            v-for="(item, index) in states" 
+            :key="index"
+            :label="item.name"
+            :value="item.statusCd"
+          />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.isViolation')" prop="isViolation" required>
+        <el-select v-model="form.isViolation">
+          <el-option :label="$t('roomRenovationManage.yes')" value="Y" />
+          <el-option :label="$t('roomRenovationManage.no')" value="N" />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item 
+        v-if="form.isViolation === 'Y'"
+        :label="$t('roomRenovationManage.violationDesc')" 
+        prop="violationDesc"
+      >
+        <el-input 
+          v-model.trim="form.violationDesc" 
+          type="textarea"
+          :placeholder="$t('roomRenovationManage.violationDescPlaceholder')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.remark')" prop="remark">
+        <el-input 
+          v-model.trim="form.remark" 
+          type="textarea"
+          :placeholder="$t('roomRenovationManage.remarkPlaceholder')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="editRoomRenovation">
+        {{ $t('roomRenovationManage.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateRoomRenovation } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'EditRoomRenovation',
+  data() {
+    return {
+      visible: false,
+      states: [],
+      form: {
+        rId: '',
+        roomName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        isPostpone: 'N',
+        postponeTime: '',
+        renovationCompany: '',
+        personMain: '',
+        personMainTel: '',
+        state: '',
+        isViolation: '',
+        violationDesc: '',
+        remark: '',
+        communityId: ''
+      }
+    }
+  },
+  watch: {
+    'form.isPostpone'(val) {
+      if (val === 'N') {
+        this.form.postponeTime = ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.getDictData()
+      this.form = {
+        ...row,
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    
+    resetForm() {
+      this.form = {
+        rId: '',
+        roomName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        isPostpone: 'N',
+        postponeTime: '',
+        renovationCompany: '',
+        personMain: '',
+        personMainTel: '',
+        state: '',
+        isViolation: '',
+        violationDesc: '',
+        remark: '',
+        communityId: ''
+      }
+    },
+    
+    async getDictData() {
+      try {
+        const res = await this.$store.dispatch('dict/getDict', 'room_renovation')
+        this.states = res.state || []
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    
+    async editRoomRenovation() {
+      try {
+        await updateRoomRenovation(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('更新装修信息失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/RoomDecorationAcceptance.vue b/src/components/community/RoomDecorationAcceptance.vue
new file mode 100644
index 0000000..73c3704
--- /dev/null
+++ b/src/components/community/RoomDecorationAcceptance.vue
@@ -0,0 +1,103 @@
+<template>
+  <el-dialog 
+    :title="$t('roomRenovationManage.renovationAcceptance')" 
+    :visible.sync="visible"
+    width="40%"
+    @close="resetForm"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('roomRenovationManage.room')" prop="roomName">
+        <el-input 
+          v-model.trim="form.roomName" 
+          disabled
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.status')" prop="state" required>
+        <el-select v-model="form.state">
+          <el-option 
+            :label="$t('roomRenovationManage.acceptanceSuccess')" 
+            value="5000" 
+          />
+          <el-option 
+            :label="$t('roomRenovationManage.acceptanceFailed')" 
+            value="6000" 
+          />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.acceptanceOpinion')" prop="remark" required>
+        <el-input 
+          v-model.trim="form.remark" 
+          type="textarea"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="saveRoomDecorationAcceptance">
+        {{ $t('roomRenovationManage.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveRoomRenovationDetail } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'RoomDecorationAcceptance',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rId: '',
+        roomName: '',
+        state: '',
+        remark: '',
+        detailType: '1001',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        rId: row.rId,
+        roomName: row.roomName,
+        state: '',
+        remark: '',
+        detailType: '1001',
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    
+    resetForm() {
+      this.form = {
+        rId: '',
+        roomName: '',
+        state: '',
+        remark: '',
+        detailType: '1001',
+        communityId: this.$store.getters.communityId
+      }
+    },
+    
+    async saveRoomDecorationAcceptance() {
+      try {
+        await saveRoomRenovationDetail(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('保存验收信息失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/RoomRenovationCompleted.vue b/src/components/community/RoomRenovationCompleted.vue
new file mode 100644
index 0000000..3c37200
--- /dev/null
+++ b/src/components/community/RoomRenovationCompleted.vue
@@ -0,0 +1,66 @@
+<template>
+  <el-dialog 
+    :title="$t('roomRenovationManage.confirmComplete')" 
+    :visible.sync="visible"
+    width="30%"
+    @close="resetForm"
+  >
+    <div>
+      <p>{{ $t('roomRenovationManage.confirmCompleteMsg') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancelComplete') }}
+      </el-button>
+      <el-button type="primary" @click="roomRenovationCompleted">
+        {{ $t('roomRenovationManage.confirmComplete') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateRoomRenovationState } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'RoomRenovationCompleted',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        rId: row.rId,
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    
+    resetForm() {
+      this.form = {
+        rId: '',
+        communityId: ''
+      }
+    },
+    
+    async roomRenovationCompleted() {
+      try {
+        await updateRoomRenovationState(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('更新装修状态失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/RoomToExamine.vue b/src/components/community/RoomToExamine.vue
new file mode 100644
index 0000000..a0b95cd
--- /dev/null
+++ b/src/components/community/RoomToExamine.vue
@@ -0,0 +1,100 @@
+<template>
+  <el-dialog 
+    :title="$t('roomRenovationManage.review')" 
+    :visible.sync="visible"
+    width="40%"
+    @close="resetForm"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('roomRenovationManage.room')" prop="roomName">
+        <el-input 
+          v-model.trim="form.roomName" 
+          disabled
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.status')" prop="state" required>
+        <el-select v-model="form.state">
+          <el-option 
+            :label="$t('roomRenovationManage.reviewPass')" 
+            value="3000" 
+          />
+          <el-option 
+            :label="$t('roomRenovationManage.reviewReject')" 
+            value="2000" 
+          />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item :label="$t('roomRenovationManage.reviewOpinion')" prop="examineRemark" required>
+        <el-input 
+          v-model.trim="form.examineRemark" 
+          type="textarea"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('roomRenovationManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="saveRoomToExamine">
+        {{ $t('roomRenovationManage.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateRoomToExamine } from '@/api/community/roomRenovationManageApi'
+
+export default {
+  name: 'RoomToExamine',
+  data() {
+    return {
+      visible: false,
+      form: {
+        rId: '',
+        roomName: '',
+        state: '',
+        examineRemark: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        rId: row.rId,
+        roomName: row.roomName,
+        state: '',
+        examineRemark: '',
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    
+    resetForm() {
+      this.form = {
+        rId: '',
+        roomName: '',
+        state: '',
+        examineRemark: '',
+        communityId: ''
+      }
+    },
+    
+    async saveRoomToExamine() {
+      try {
+        await updateRoomToExamine(this.form)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('保存审核信息失败:', error)
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/editCommunityArea.vue b/src/components/community/editCommunityArea.vue
new file mode 100644
index 0000000..1064826
--- /dev/null
+++ b/src/components/community/editCommunityArea.vue
@@ -0,0 +1,112 @@
+<template>
+  <el-dialog :title="$t('enterCommunity.modifyCommunity')" :visible.sync="visible" width="800px" @close="resetForm">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('enterCommunity.communityName')" prop="name">
+        <el-input v-model="form.name" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.communityAddress')" prop="address">
+        <el-input v-model="form.address" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.communityLandmark')" prop="nearbyLandmarks">
+        <el-input v-model="form.nearbyLandmarks" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.cityCode')" prop="cityCode">
+        <el-input v-model="form.cityCode" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.xCoordinate')" prop="mapX">
+        <el-input v-model="form.mapX" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.yCoordinate')" prop="mapY">
+        <el-input v-model="form.mapY" disabled />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.servicePhone')" prop="tel">
+        <el-input v-model="form.tel" :placeholder="$t('enterCommunity.requiredPhone')" />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.serviceQR')" prop="qrCode">
+        <upload-image-url ref="uploadImage" :limit="1" @notifyUploadCoverImage="handleQRUpdate" />
+      </el-form-item>
+      <el-form-item :label="$t('enterCommunity.communityArea')" prop="communityArea">
+        <el-input v-model="form.communityArea" :placeholder="$t('enterCommunity.requiredArea')" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('enterCommunity.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('enterCommunity.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateCommunity } from '@/api/community/enterCommunityApi'
+import UploadImageUrl from '@/components/upload/UploadImageUrl.vue'
+
+export default {
+  name: 'EditCommunityArea',
+  components: { UploadImageUrl },
+  data() {
+    return {
+      visible: false,
+      form: {
+        communityId: '',
+        name: '',
+        address: '',
+        nearbyLandmarks: '',
+        cityCode: '',
+        mapX: '101.33',
+        mapY: '101.33',
+        tel: '',
+        communityArea: '',
+        qrCode: ''
+      },
+      rules: {
+        tel: [
+          { required: true, message: this.$t('enterCommunity.requiredPhone'), trigger: 'blur' }
+        ],
+        communityArea: [
+          { required: true, message: this.$t('enterCommunity.requiredArea'), trigger: 'blur' },
+          { pattern: /^\d+(\.\d{1,2})?$/, message: this.$t('enterCommunity.areaFormatError'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(community) {
+      Object.keys(this.form).forEach(key => {
+        if (community[key] !== undefined) {
+          this.form[key] = community[key]
+        }
+      })
+      this.visible = true
+      setTimeout(() => {
+          this.$refs.uploadImage.setImages([community.qrCode])
+        }, 500)
+    },
+    handleQRUpdate(photosUrl) {
+      this.form.qrCode = photosUrl.length > 0 ? photosUrl[0] : ''
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.updateCommunity()
+        }
+      })
+    },
+    async updateCommunity() {
+      try {
+        await updateCommunity(this.form)
+        this.$message.success(this.$t('enterCommunity.updateSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('enterCommunity.updateError'))
+      }
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      Object.keys(this.form).forEach(key => {
+        this.form[key] = key === 'mapX' || key === 'mapY' ? '101.33' : ''
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/uploadImageUrl.vue b/src/components/community/uploadImageUrl.vue
new file mode 100644
index 0000000..6c3a6a7
--- /dev/null
+++ b/src/components/community/uploadImageUrl.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="uploadImage">
+    <div v-for="(image, index) in photos" :key="index" class="image-item">
+      <img :src="image" width="100" height="100" />
+      <i class="el-icon-close remove-icon" @click="removeImage(index)"></i>
+    </div>
+    <div v-if="photos.length < imageCount" class="upload-button" @click="triggerUpload">
+      <i class="el-icon-plus"></i>
+    </div>
+    <input type="file" ref="fileInput" accept="image/*" hidden @change="handleFileChange">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UploadImageUrl',
+  props: {
+    imageCount: {
+      type: Number,
+      default: 99
+    }
+  },
+  data() {
+    return {
+      photos: [],
+      photosUrl: []
+    }
+  },
+  watch: {
+    photosUrl: {
+      handler(val) {
+        this.$emit('update:photosUrl', val)
+      },
+      deep: true
+    }
+  },
+  methods: {
+    triggerUpload() {
+      this.$refs.fileInput.click()
+    },
+    handleFileChange(event) {
+      const file = event.target.files[0]
+      if (!file) return
+      
+      if (file.size > 2 * 1024 * 1024) {
+        this.$message.error(this.$t('enterCommunity.fileSizeError'))
+        return
+      }
+      
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        this.photos.push(e.target.result)
+        this.uploadImage(file)
+      }
+      reader.readAsDataURL(file)
+      
+      // 重置input
+      event.target.value = null
+    },
+    removeImage(index) {
+      this.photos.splice(index, 1)
+      this.photosUrl.splice(index, 1)
+    },
+    uploadImage(file) {
+      const formData = new FormData()
+      formData.append('uploadFile', file)
+      formData.append('communityId', this.$store.getters.currentCommunity.communityId)
+      
+      this.$http.upload('uploadFile', 'uploadImage', formData, {
+        headers: { 'Content-Type': 'multipart/form-data' }
+      }).then(res => {
+        const data = JSON.parse(res.data)
+        this.photosUrl.push({
+          fileId: data.fileId,
+          url: `/callComponent/download/getFile/file?fileId=${data.fileId}`
+        })
+      }).catch(err => {
+        this.$message.error(this.$t('enterCommunity.uploadError'))
+      })
+    },
+    setPhotos(photos) {
+      this.photos = photos
+    }
+  }
+}
+</script>
+
+<style scoped>
+.uploadImage {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.image-item {
+  position: relative;
+  display: inline-block;
+}
+.remove-icon {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  color: #f56c6c;
+  cursor: pointer;
+  background: white;
+  border-radius: 50%;
+}
+.upload-button {
+  width: 100px;
+  height: 100px;
+  border: 1px dashed #dcdfe6;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #8c939d;
+  cursor: pointer;
+}
+.upload-button:hover {
+  border-color: #409eff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index/indexRepairComplaint.vue b/src/components/index/indexRepairComplaint.vue
index 6906028..a1507c5 100644
--- a/src/components/index/indexRepairComplaint.vue
+++ b/src/components/index/indexRepairComplaint.vue
@@ -212,9 +212,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.repair-complaint-container {
 
-}
 
 .index-1-left-item {
   background: #fff;
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 862a380..57f72f4 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -118,6 +118,8 @@ import { messages as aStaffCommunityMessages } from '../views/staff/aStaffCommun
 import { messages as communityWechatMessages } from '../views/community/communityWechatLang'
 import { messages as communityMiniMessages } from '../views/community/communityMiniLang'
 import { messages as communityPaymentMessages } from '../views/fee/communityPaymentLang'
+import { messages as enterCommunityMessages } from '../views/community/enterCommunityLang'
+import { messages as roomRenovationManageMessages } from '../views/community/roomRenovationManageLang'
 
 Vue.use(VueI18n)
 
@@ -240,6 +242,8 @@ const messages = {
     ...communityWechatMessages.en,
     ...communityMiniMessages.en,
     ...communityPaymentMessages.en,
+    ...enterCommunityMessages.en,
+    ...roomRenovationManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -358,6 +362,8 @@ const messages = {
     ...communityWechatMessages.zh,
     ...communityMiniMessages.zh,
     ...communityPaymentMessages.zh,
+    ...enterCommunityMessages.zh,
+    ...roomRenovationManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 632fc9a..6f251c5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -572,10 +572,20 @@ const routes = [
         component: () => import('@/views/community/communityMiniList.vue')
       },
       {
-        path:'/pages/fee/communityPayment',
-        name:'/pages/fee/communityPayment',
+        path: '/pages/fee/communityPayment',
+        name: '/pages/fee/communityPayment',
         component: () => import('@/views/fee/communityPaymentList.vue')
-        },
+      },
+      {
+        path: '/pages/common/enterCommunity',
+        name: '/pages/common/enterCommunity',
+        component: () => import('@/views/community/enterCommunityList.vue')
+      },
+      {
+        path: '/pages/property/roomRenovationManage',
+        name: '/pages/property/roomRenovationManage',
+        component: () => import('@/views/community/roomRenovationManageList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/src/locale/lang/community/enterCommunityLang.js b/src/src/locale/lang/community/enterCommunityLang.js
new file mode 100644
index 0000000..45c4054
--- /dev/null
+++ b/src/src/locale/lang/community/enterCommunityLang.js
@@ -0,0 +1,68 @@
+export default {
+  en: {
+    enterCommunity: {
+      myCommunity: 'My Community',
+      commercialProcess: 'Commercial Process',
+      province: 'Province',
+      city: 'City',
+      district: 'District',
+      communityName: 'Community Name',
+      communityCode: 'Community Code',
+      servicePhone: 'Service Phone',
+      area: 'Area',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      status: 'Status',
+      operation: 'Operation',
+      modify: 'Modify',
+      back: 'Back',
+      communityAddress: 'Community Address',
+      communityLandmark: 'Community Landmark',
+      cityCode: 'City Code',
+      xCoordinate: 'X Coordinate',
+      yCoordinate: 'Y Coordinate',
+      serviceQR: 'Service QR Code',
+      communityArea: 'Community Area',
+      save: 'Save',
+      cancel: 'Cancel',
+      statusOptions: {
+        '1000': 'Under Review',
+        '1100': 'Approved',
+        '1200': 'Rejected'
+      }
+    }
+  },
+  zh: {
+    enterCommunity: {
+      myCommunity: '我的小区',
+      commercialProcess: '商用流程',
+      province: '省份',
+      city: '市/州',
+      district: '区/县',
+      communityName: '小区名称',
+      communityCode: '小区编码',
+      servicePhone: '客服电话',
+      area: '面积',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      status: '状态',
+      operation: '操作',
+      modify: '修改',
+      back: '返回',
+      communityAddress: '小区地址',
+      communityLandmark: '小区地标',
+      cityCode: '城市编码',
+      xCoordinate: 'X坐标',
+      yCoordinate: 'Y坐标',
+      serviceQR: '客服二维码',
+      communityArea: '小区面积',
+      save: '保存',
+      cancel: '取消',
+      statusOptions: {
+        '1000': '入驻审核',
+        '1100': '入驻成功',
+        '1200': '入驻失败'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/community/enterCommunityLang.js b/src/views/community/enterCommunityLang.js
new file mode 100644
index 0000000..613eca4
--- /dev/null
+++ b/src/views/community/enterCommunityLang.js
@@ -0,0 +1,68 @@
+export const messages = {
+    en: {
+      enterCommunity: {
+        myCommunity: 'My Community',
+        commercialProcess: 'Commercial Process',
+        province: 'Province',
+        city: 'City',
+        district: 'District',
+        communityName: 'Community Name',
+        communityCode: 'Community Code',
+        servicePhone: 'Service Phone',
+        area: 'Area',
+        startTime: 'Start Time',
+        endTime: 'End Time',
+        status: 'Status',
+        operation: 'Operation',
+        modify: 'Modify',
+        back: 'Back',
+        communityAddress: 'Community Address',
+        communityLandmark: 'Community Landmark',
+        cityCode: 'City Code',
+        xCoordinate: 'X Coordinate',
+        yCoordinate: 'Y Coordinate',
+        serviceQR: 'Service QR Code',
+        communityArea: 'Community Area',
+        save: 'Save',
+        cancel: 'Cancel',
+        statusOptions: {
+          '1000': 'Under Review',
+          '1100': 'Approved',
+          '1200': 'Rejected'
+        }
+      }
+    },
+    zh: {
+      enterCommunity: {
+        myCommunity: '我的小区',
+        commercialProcess: '商用流程',
+        province: '省份',
+        city: '市/州',
+        district: '区/县',
+        communityName: '小区名称',
+        communityCode: '小区编码',
+        servicePhone: '客服电话',
+        area: '面积',
+        startTime: '开始时间',
+        endTime: '结束时间',
+        status: '状态',
+        operation: '操作',
+        modify: '修改',
+        back: '返回',
+        communityAddress: '小区地址',
+        communityLandmark: '小区地标',
+        cityCode: '城市编码',
+        xCoordinate: 'X坐标',
+        yCoordinate: 'Y坐标',
+        serviceQR: '客服二维码',
+        communityArea: '小区面积',
+        save: '保存',
+        cancel: '取消',
+        statusOptions: {
+          '1000': '入驻审核',
+          '1100': '入驻成功',
+          '1200': '入驻失败'
+        }
+      }
+    }
+  }
\ No newline at end of file
diff --git a/src/views/community/enterCommunityList.vue b/src/views/community/enterCommunityList.vue
new file mode 100644
index 0000000..7f1ab03
--- /dev/null
+++ b/src/views/community/enterCommunityList.vue
@@ -0,0 +1,153 @@
+<template>
+  <div class="enter-community-container">
+    <el-card v-if="showPage === 'myCommunity'">
+      <div slot="header" class=" flex justify-between">
+        <span>{{ $t('enterCommunity.myCommunity') }}</span>
+        <el-button type="primary" size="small"  @click="showHcUse">
+          <i class="el-icon-plus"></i>
+          {{ $t('enterCommunity.commercialProcess') }}
+        </el-button>
+      </div>
+
+      <el-table :data="communityList" border v-loading="loading">
+        <el-table-column prop="provName" :label="$t('enterCommunity.province')" align="center" />
+        <el-table-column prop="cityName" :label="$t('enterCommunity.city')" align="center" />
+        <el-table-column prop="areaName" :label="$t('enterCommunity.district')" align="center" width="150" />
+        <el-table-column prop="name" :label="$t('enterCommunity.communityName')" align="center" width="200" />
+        <el-table-column prop="communityId" :label="$t('enterCommunity.communityCode')" align="center" />
+        <el-table-column prop="tel" :label="$t('enterCommunity.servicePhone')" align="center" />
+        <el-table-column prop="communityArea" :label="$t('enterCommunity.area')" align="center" />
+        <el-table-column prop="startTime" :label="$t('enterCommunity.startTime')" align="center" />
+        <el-table-column prop="endTime" :label="$t('enterCommunity.endTime')" align="center" />
+        <el-table-column :label="$t('enterCommunity.status')" align="center">
+          <template slot-scope="{ row }">
+            {{ statusMap[row.auditStatusCd] || row.auditStatusCd }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('enterCommunity.operation')" align="center" width="120">
+          <template slot-scope="{ row }">
+            <el-button v-if="row.auditStatusCd === '1100'" type="text" size="small" @click="openEditDialog(row)">
+              {{ $t('enterCommunity.modify') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination class="pagination" :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size" :total="pagination.total" layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange" @current-change="handlePageChange" />
+    </el-card>
+
+    <el-card v-else>
+      <div slot="header" class=" flex justify-between">
+        <div>{{ $t('enterCommunity.commercialProcess') }}</div>
+        <el-button type="primary" size="small"  @click="goBack">
+          <i class="el-icon-close"></i>
+          {{ $t('enterCommunity.back') }}
+        </el-button>
+      </div>
+
+      <div class="commercial-content">
+        <img src="/img/hc_use.png" alt="Commercial Process">
+      </div>
+    </el-card>
+
+    <edit-community-area ref="editDialog" @success="fetchCommunityList" />
+  </div>
+</template>
+
+<script>
+import { listMyCommunity } from '@/api/community/enterCommunityApi'
+import EditCommunityArea from '@/components/community/editCommunityArea.vue'
+
+export default {
+  name: 'EnterCommunityList',
+  components: { EditCommunityArea },
+  data() {
+    return {
+      showPage: 'myCommunity',
+      loading: false,
+      communityList: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      statusMap: {
+        '1000': this.$t('enterCommunity.statusOptions.1000'),
+        '1100': this.$t('enterCommunity.statusOptions.1100'),
+        '1200': this.$t('enterCommunity.statusOptions.1200')
+      }
+    }
+  },
+  mounted() {
+    this.fetchCommunityList()
+  },
+  methods: {
+    async fetchCommunityList() {
+      this.loading = true
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: this.getCommunityId()
+        }
+        const data = await listMyCommunity(params)
+        this.communityList = data
+        this.pagination.total = data.length
+      } catch (error) {
+        this.$message.error(error.message || this.$t('enterCommunity.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    openEditDialog(community) {
+      this.$refs.editDialog.open(community)
+    },
+    showHcUse() {
+      this.showPage = 'hcUse'
+    },
+    goBack() {
+      this.showPage = 'myCommunity'
+    },
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.fetchCommunityList()
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchCommunityList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.enter-community-container {
+  padding: 20px;
+}
+
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.float-right {
+  float: right;
+}
+
+.commercial-content {
+  text-align: center;
+  padding: 20px 0;
+}
+
+.commercial-content img {
+  max-width: 100%;
+}
+
+.pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/community/roomRenovationManageLang.js b/src/views/community/roomRenovationManageLang.js
new file mode 100644
index 0000000..2960485
--- /dev/null
+++ b/src/views/community/roomRenovationManageLang.js
@@ -0,0 +1,126 @@
+export const messages = {
+  en: {
+    roomRenovationManage: {
+      queryCondition: "Query Condition",
+      hide: "Hide",
+      more: "More",
+      roomNumberPlaceholder: "Please enter room number (e.g. 1-1-101)",
+      contactPersonPlaceholder: "Please enter contact person",
+      phonePlaceholder: "Please enter phone number",
+      search: "Search",
+      reset: "Reset",
+      statusPlaceholder: "Please select status",
+      postponePlaceholder: "Please select if postponed",
+      renovationTimePlaceholder: "Please select renovation time",
+      startTimePlaceholder: "Please select start time",
+      endTimePlaceholder: "Please select end time",
+      renovationInfo: "Renovation Information",
+      add: "Add",
+      room: "Room",
+      contactPerson: "Contact Person",
+      phone: "Phone",
+      renovationTime: "Renovation Time",
+      applyTime: "Apply Time",
+      renovationCompany: "Renovation Company",
+      renovationManager: "Renovation Manager",
+      managerPhone: "Manager Phone",
+      status: "Status",
+      isPostponed: "Is Postponed",
+      postponeTime: "Postpone Time",
+      isViolation: "Is Violation",
+      violationDesc: "Violation Description",
+      remark: "Remark",
+      operation: "Operation",
+      fee: "Fee",
+      review: "Review",
+      completeRenovation: "Complete Renovation",
+      renovationAcceptance: "Renovation Acceptance",
+      acceptanceDetail: "Acceptance Detail",
+      modify: "Modify",
+      delete: "Delete",
+      trackRecord: "Track Record",
+      yes: "Yes",
+      no: "No",
+      confirmDelete: "Confirm Delete",
+      confirmDeleteMsg: "Are you sure to delete this renovation record?",
+      cancelDelete: "Cancel",
+      confirmComplete: "Confirm Complete",
+      confirmCompleteMsg: "Are you sure to mark this renovation as completed?",
+      cancelComplete: "Cancel",
+      save: "Save",
+      cancel: "Cancel",
+      renovationStartTime: "Renovation Start Time",
+      renovationEndTime: "Renovation End Time",
+      renovationCompanyPlaceholder: "Please enter renovation company",
+      renovationManagerPlaceholder: "Please enter renovation manager",
+      managerPhonePlaceholder: "Please enter manager phone",
+      remarkPlaceholder: "Optional remarks",
+      acceptanceOpinion: "Acceptance Opinion",
+      reviewOpinion: "Review Opinion",
+      violationPlaceholder: "Please select if violation",
+      violationDescPlaceholder: "Please enter violation description"
+    }
+  },
+  zh: {
+    roomRenovationManage: {
+      queryCondition: "查询条件",
+      hide: "隐藏",
+      more: "更多",
+      roomNumberPlaceholder: "请输入房屋编号 (如1-1-101)",
+      contactPersonPlaceholder: "请输入联系人",
+      phonePlaceholder: "请输入联系电话",
+      search: "查询",
+      reset: "重置",
+      statusPlaceholder: "请选择状态",
+      postponePlaceholder: "请选择是否延期",
+      renovationTimePlaceholder: "请选择装修时间",
+      startTimePlaceholder: "请选择开始时间",
+      endTimePlaceholder: "请选择结束时间",
+      renovationInfo: "装修信息",
+      add: "添加",
+      room: "房屋",
+      contactPerson: "联系人",
+      phone: "联系电话",
+      renovationTime: "装修时间",
+      applyTime: "申请时间",
+      renovationCompany: "装修单位",
+      renovationManager: "装修负责人",
+      managerPhone: "负责人电话",
+      status: "状态",
+      isPostponed: "是否延期",
+      postponeTime: "延期时间",
+      isViolation: "是否违规",
+      violationDesc: "违规说明",
+      remark: "备注",
+      operation: "操作",
+      fee: "费用",
+      review: "审核",
+      completeRenovation: "装修完成",
+      renovationAcceptance: "装修验收",
+      acceptanceDetail: "验收明细",
+      modify: "修改",
+      delete: "删除",
+      trackRecord: "跟踪记录",
+      yes: "是",
+      no: "否",
+      confirmDelete: "确认删除",
+      confirmDeleteMsg: "确定删除该装修记录吗？",
+      cancelDelete: "点错了",
+      confirmComplete: "确认完成",
+      confirmCompleteMsg: "确定完成该装修记录吗？",
+      cancelComplete: "点错了",
+      save: "保存",
+      cancel: "取消",
+      renovationStartTime: "装修开始时间",
+      renovationEndTime: "装修结束时间",
+      renovationCompanyPlaceholder: "请输入装修单位",
+      renovationManagerPlaceholder: "请输入装修负责人",
+      managerPhonePlaceholder: "请输入负责人电话",
+      remarkPlaceholder: "选填备注",
+      acceptanceOpinion: "验收意见",
+      reviewOpinion: "审核意见",
+      violationPlaceholder: "请选择是否违规",
+      violationDescPlaceholder: "请输入违规说明"
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/community/roomRenovationManageList.vue b/src/views/community/roomRenovationManageList.vue
new file mode 100644
index 0000000..090f91e
--- /dev/null
+++ b/src/views/community/roomRenovationManageList.vue
@@ -0,0 +1,372 @@
+<template>
+  <div class="room-renovation-container">
+    <!-- 查询条件 -->
+    <el-card class="box-card">
+      <div slot="header" class=" flex justify-between">
+        <span>{{ $t('roomRenovationManage.queryCondition') }}</span>
+        <el-button type="text" style="float: right; padding: 3px 0" @click="toggleMoreCondition">
+          {{ roomRenovationManageInfo.moreCondition ? $t('roomRenovationManage.hide') : $t('roomRenovationManage.more') }}
+        </el-button>
+      </div>
+      <div>
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-input v-model.trim="roomRenovationManageInfo.conditions.roomName"
+              :placeholder="$t('roomRenovationManage.roomNumberPlaceholder')" clearable />
+          </el-col>
+          <el-col :span="6">
+            <el-input v-model.trim="roomRenovationManageInfo.conditions.personName"
+              :placeholder="$t('roomRenovationManage.contactPersonPlaceholder')" clearable />
+          </el-col>
+          <el-col :span="6">
+            <el-input v-model.trim="roomRenovationManageInfo.conditions.personTel"
+              :placeholder="$t('roomRenovationManage.phonePlaceholder')" clearable maxlength="11" />
+          </el-col>
+          <el-col :span="6">
+            <el-button type="primary" @click="queryRoomRenovationMethod">
+              <i class="el-icon-search"></i>
+              {{ $t('roomRenovationManage.search') }}
+            </el-button>
+            <el-button @click="resetRoomRenovationMethod" style="margin-left: 20px;">
+              <i class="el-icon-refresh"></i>
+              {{ $t('roomRenovationManage.reset') }}
+            </el-button>
+          </el-col>
+        </el-row>
+
+        <div v-show="roomRenovationManageInfo.moreCondition">
+          <el-row :gutter="20" style="margin-top: 20px;">
+            <el-col :span="6">
+              <el-select v-model="roomRenovationManageInfo.conditions.state"
+                :placeholder="$t('roomRenovationManage.statusPlaceholder')" clearable>
+                <el-option v-for="(item, index) in roomRenovationManageInfo.states" :key="index" :label="item.name"
+                  :value="item.statusCd" />
+              </el-select>
+            </el-col>
+            <el-col :span="6">
+              <el-select v-model="roomRenovationManageInfo.conditions.isPostpone"
+                :placeholder="$t('roomRenovationManage.postponePlaceholder')" clearable>
+                <el-option :label="$t('roomRenovationManage.yes')" value="Y" />
+                <el-option :label="$t('roomRenovationManage.no')" value="N" />
+              </el-select>
+            </el-col>
+            <el-col :span="6">
+              <el-date-picker v-model="roomRenovationManageInfo.conditions.renovationTime" type="date"
+                :placeholder="$t('roomRenovationManage.renovationTimePlaceholder')" value-format="yyyy-MM-dd" />
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20" style="margin-top: 20px;">
+            <el-col :span="6">
+              <el-date-picker v-model="roomRenovationManageInfo.conditions.startTime" type="date"
+                :placeholder="$t('roomRenovationManage.startTimePlaceholder')" value-format="yyyy-MM-dd" />
+            </el-col>
+            <el-col :span="6">
+              <el-date-picker v-model="roomRenovationManageInfo.conditions.endTime" type="date"
+                :placeholder="$t('roomRenovationManage.endTimePlaceholder')" value-format="yyyy-MM-dd" />
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-card>
+
+    <!-- 装修信息 -->
+    <el-card class="box-card" style="margin-top: 20px;">
+      <div slot="header" class=" flex justify-between">
+        <span>{{ $t('roomRenovationManage.renovationInfo') }}</span>
+        <el-button type="primary" size="small" style="float: right;" @click="openAddRoomRenovationModal">
+          <i class="el-icon-plus"></i>
+          {{ $t('roomRenovationManage.add') }}
+        </el-button>
+      </div>
+      <div>
+        <el-table :data="roomRenovationManageInfo.roomRenovations" border style="width: 100%" v-loading="loading">
+          <el-table-column prop="roomName" :label="$t('roomRenovationManage.room')" align="center" />
+          <el-table-column prop="personName" :label="$t('roomRenovationManage.contactPerson')" align="center" />
+          <el-table-column prop="personTel" :label="$t('roomRenovationManage.phone')" align="center" />
+          <el-table-column :label="$t('roomRenovationManage.renovationTime')" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.startTime }}</div>
+              <div>{{ scope.row.endTime }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="createTime" :label="$t('roomRenovationManage.applyTime')" align="center" />
+          <el-table-column prop="renovationCompany" :label="$t('roomRenovationManage.renovationCompany')"
+            align="center" />
+          <el-table-column prop="personMain" :label="$t('roomRenovationManage.renovationManager')" align="center" />
+          <el-table-column prop="personMainTel" :label="$t('roomRenovationManage.managerPhone')" align="center" />
+          <el-table-column prop="stateName" :label="$t('roomRenovationManage.status')" align="center" />
+          <el-table-column :label="$t('roomRenovationManage.isPostponed')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.isPostpone === 'Y' ? $t('roomRenovationManage.yes') : $t('roomRenovationManage.no') }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="postponeTime" :label="$t('roomRenovationManage.postponeTime')" align="center" />
+          <el-table-column :label="$t('roomRenovationManage.isViolation')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.isViolation === 'Y' ? $t('roomRenovationManage.yes') : $t('roomRenovationManage.no') }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="violationDesc" :label="$t('roomRenovationManage.violationDesc')" align="center" />
+          <el-table-column prop="remark" :label="$t('roomRenovationManage.remark')" align="center" />
+          <el-table-column :label="$t('roomRenovationManage.operation')" align="center" width="350">
+            <template slot-scope="scope">
+              <div v-if="scope.row.state === '1000'">
+                <el-button size="mini" @click="openRoomRenovationFee(scope.row)">
+                  {{ $t('roomRenovationManage.fee') }}
+                </el-button>
+              </div>
+              <div v-if="scope.row.state === '1000' && scope.row.isViolation === 'N'">
+                <el-button size="mini" type="primary" @click="openToExamine(scope.row)">
+                  {{ $t('roomRenovationManage.review') }}
+                </el-button>
+              </div>
+              <div v-if="scope.row.state === '3000' && scope.row.isViolation === 'N'">
+                <el-button size="mini" type="success" @click="openDecorationCompleted(scope.row)">
+                  {{ $t('roomRenovationManage.completeRenovation') }}
+                </el-button>
+              </div>
+              <div v-if="scope.row.state === '4000' && scope.row.isViolation === 'N'">
+                <el-button size="mini" type="warning" @click="openDecorationAcceptanceModel(scope.row)">
+                  {{ $t('roomRenovationManage.renovationAcceptance') }}
+                </el-button>
+              </div>
+              <div v-if="scope.row.state === '5000' || scope.row.state === '6000'">
+                <el-button size="mini" @click="openRoomRenovationDetail(scope.row)">
+                  {{ $t('roomRenovationManage.acceptanceDetail') }}
+                </el-button>
+              </div>
+              <el-button size="mini" @click="openEditRoomRenovationModel(scope.row)">
+                {{ $t('roomRenovationManage.modify') }}
+              </el-button>
+              <el-button size="mini" type="danger" @click="openDeleteRoomRenovationModel(scope.row)">
+                {{ $t('roomRenovationManage.delete') }}
+              </el-button>
+              <el-button size="mini" @click="openRoomDecorationRecord(scope.row)">
+                {{ $t('roomRenovationManage.trackRecord') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <!-- 分页 -->
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+          :page-sizes="[10, 20, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+          :total="page.total" style="margin-top: 20px;" />
+      </div>
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-room-renovation ref="addRoomRenovation" @success="listRoomRenovation" />
+    <room-decoration-acceptance ref="roomDecorationAcceptance" @success="listRoomRenovation" />
+    <room-to-examine ref="roomToExamine" @success="listRoomRenovation" />
+    <edit-room-renovation ref="editRoomRenovation" @success="listRoomRenovation" />
+    <delete-room-renovation ref="deleteRoomRenovation" @success="listRoomRenovation" />
+    <room-renovation-completed ref="roomRenovationCompleted" @success="listRoomRenovation" />
+  </div>
+</template>
+
+<script>
+import { listRoomRenovation } from '@/api/community/roomRenovationManageApi'
+import AddRoomRenovation from '@/components/community/AddRoomRenovation'
+import RoomDecorationAcceptance from '@/components/community/RoomDecorationAcceptance'
+import RoomToExamine from '@/components/community/RoomToExamine'
+import EditRoomRenovation from '@/components/community/EditRoomRenovation'
+import DeleteRoomRenovation from '@/components/community/DeleteRoomRenovation'
+import RoomRenovationCompleted from '@/components/community/RoomRenovationCompleted'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'RoomRenovationManageList',
+  components: {
+    AddRoomRenovation,
+    RoomDecorationAcceptance,
+    RoomToExamine,
+    EditRoomRenovation,
+    DeleteRoomRenovation,
+    RoomRenovationCompleted
+  },
+  data() {
+    return {
+      loading: false,
+      roomRenovationManageInfo: {
+        roomRenovations: [],
+        moreCondition: false,
+        states: [],
+        conditions: {
+          roomName: '',
+          personName: '',
+          personTel: '',
+          state: '',
+          isPostpone: '',
+          renovationTime: '',
+          startTime: '',
+          endTime: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getDictData()
+    this.listRoomRenovation()
+  },
+  methods: {
+    // 获取字典数据
+    async getDictData() {
+      try {
+        const res = await getDict('room_renovation','state')
+        this.roomRenovationManageInfo.states = res || []
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+
+    // 查询装修信息
+    async listRoomRenovation() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.roomRenovationManageInfo.conditions,
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.getCommunityId()
+        }
+
+        const { data, total } = await listRoomRenovation(params)
+        this.roomRenovationManageInfo.roomRenovations = data
+        this.page.total = total
+      } catch (error) {
+        console.error('查询装修信息失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 切换更多条件
+    toggleMoreCondition() {
+      this.roomRenovationManageInfo.moreCondition = !this.roomRenovationManageInfo.moreCondition
+    },
+
+    // 查询
+    queryRoomRenovationMethod() {
+      this.page.current = 1
+      this.listRoomRenovation()
+    },
+
+    // 重置
+    resetRoomRenovationMethod() {
+      this.roomRenovationManageInfo.conditions = {
+        roomName: '',
+        personName: '',
+        personTel: '',
+        state: '',
+        isPostpone: '',
+        renovationTime: '',
+        startTime: '',
+        endTime: '',
+        communityId: this.$store.getters.communityId
+      }
+      this.page.current = 1
+      this.listRoomRenovation()
+    },
+
+    // 分页大小改变
+    handleSizeChange(val) {
+      this.page.size = val
+      this.listRoomRenovation()
+    },
+
+    // 当前页改变
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.listRoomRenovation()
+    },
+
+    // 打开添加模态框
+    openAddRoomRenovationModal() {
+      this.$refs.addRoomRenovation.open()
+    },
+
+    // 打开修改模态框
+    openEditRoomRenovationModel(row) {
+      this.$refs.editRoomRenovation.open(row)
+    },
+
+    // 打开删除模态框
+    openDeleteRoomRenovationModel(row) {
+      this.$refs.deleteRoomRenovation.open(row)
+    },
+
+    // 打开审核模态框
+    openToExamine(row) {
+      this.$refs.roomToExamine.open(row)
+    },
+
+    // 打开验收模态框
+    openDecorationAcceptanceModel(row) {
+      this.$refs.roomDecorationAcceptance.open(row)
+    },
+
+    // 打开装修完成模态框
+    openDecorationCompleted(row) {
+      this.$refs.roomRenovationCompleted.open(row)
+    },
+
+    // 打开费用页面
+    openRoomRenovationFee(row) {
+      this.$router.push({
+        path: '/fee/room-fee',
+        query: { roomId: row.roomId }
+      })
+    },
+
+    // 打开跟踪记录
+    openRoomDecorationRecord(row) {
+      this.$router.push({
+        path: '/property/room-decoration-record',
+        query: {
+          roomId: row.roomId,
+          rId: row.rId
+        }
+      })
+    },
+
+    // 打开验收明细
+    openRoomRenovationDetail(row) {
+      this.$router.push({
+        path: '/property/room-renovation-detail',
+        query: {
+          rId: row.rId,
+          roomName: row.roomName
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.room-renovation-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+
+  .clearfix:after {
+    clear: both;
+  }
+}
+</style>
\ No newline at end of file
--
libgit2 0.21.4