diff --git a/src/api/report/reportNoFeeRoomApi.js b/src/api/report/reportNoFeeRoomApi.js
new file mode 100644
index 0000000..5bcdae0
--- /dev/null
+++ b/src/api/report/reportNoFeeRoomApi.js
@@ -0,0 +1,100 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询未收费房屋列表
+export function queryNoFeeRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/reportFeeMonthStatistics/queryNoFeeRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询楼栋列表
+export function queryFloors(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloors',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res.apiFloorDataVoList || [])
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询单元列表
+export function queryUnits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/unit.queryUnits',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res || [])
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋列表
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res || { rooms: [] })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出数据
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/report/reportOweFeeDetailApi.js b/src/api/report/reportOweFeeDetailApi.js
new file mode 100644
index 0000000..0d783c5
--- /dev/null
+++ b/src/api/report/reportOweFeeDetailApi.js
@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+
+// 查询欠费明细
+export function queryOweFeeDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/reportFeeMonthStatistics/queryOweFeeDetail',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出数据
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/report/reportOwnerPayFeeApi.js b/src/api/report/reportOwnerPayFeeApi.js
new file mode 100644
index 0000000..04f9142
--- /dev/null
+++ b/src/api/report/reportOwnerPayFeeApi.js
@@ -0,0 +1,42 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询业主缴费明细报表
+export function queryReportOwnerPayFee(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/reportOwnerPayFee/queryReportOwnerPayFee',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询收费项列表
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/report/reportPayFeeDetailApi.js b/src/api/report/reportPayFeeDetailApi.js
new file mode 100644
index 0000000..352dd84
--- /dev/null
+++ b/src/api/report/reportPayFeeDetailApi.js
@@ -0,0 +1,90 @@
+import request from '@/utils/request'
+
+/**
+ * 查询缴费明细
+ * @param {Object} params 查询参数
+ * @returns {Promise} 
+ */
+export function queryPayFeeDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/reportFeeMonthStatistics/queryPayFeeDetail',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total,
+        records: res.records,
+        sumTotal: res.sumTotal || {}
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 导出缴费明细数据
+ * @param {Object} params 导出参数
+ * @returns {Promise}
+ */
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 查询费用项列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve({
+        feeConfigs: res.feeConfigs || []
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 查询小区列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listMyEnteredCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listMyEnteredCommunitys',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve({
+        communitys: res.communitys || []
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/report/reportQuestionAnswerDetailApi.js b/src/api/report/reportQuestionAnswerDetailApi.js
new file mode 100644
index 0000000..b582591
--- /dev/null
+++ b/src/api/report/reportQuestionAnswerDetailApi.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询问卷回答明细
+export function queryUserQuestionAnswerValue(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/reportQuestionAnswer/queryUserQuestionAnswerValue',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出问卷回答明细
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/report/reportRepairApi.js b/src/api/report/reportRepairApi.js
new file mode 100644
index 0000000..d42fd12
--- /dev/null
+++ b/src/api/report/reportRepairApi.js
@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+// 查询报修汇总数据
+export function queryRepair(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/reportFeeMonthStatistics/queryRepair',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出报修数据
+export function exportData(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取已入驻小区列表
+export function listMyEnteredCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listMyEnteredCommunitys',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/room/searchFloorApi.js b/src/api/room/searchFloorApi.js
index 40be013..6192eff 100644
--- a/src/api/room/searchFloorApi.js
+++ b/src/api/room/searchFloorApi.js
@@ -8,11 +8,8 @@ export function searchFloors(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)
     })
diff --git a/src/components/report/InputSearchOwner.vue b/src/components/report/InputSearchOwner.vue
new file mode 100644
index 0000000..834bf67
--- /dev/null
+++ b/src/components/report/InputSearchOwner.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="input-search-owner">
+    <el-popover placement="bottom" width="400" trigger="manual" v-model="visible">
+      <div class="search-result-container">
+        <div class="close-btn" @click="close">
+          <i class="el-icon-close"></i>
+        </div>
+        <div class="search-item" v-for="(item, index) in owners" :key="index" @click="chooseOwner(item)">
+          <span>{{ item.name }}</span>
+          <span class="separator">---</span>
+          <span>{{ item.link }}</span>
+        </div>
+      </div>
+      <el-button slot="reference" type="primary" icon="el-icon-search"></el-button>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import { queryOwners } from '@/api/owner/ownerApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'InputSearchOwner',
+  data() {
+    return {
+      visible: false,
+      owners: [],
+      searchParam: {
+        ownerName: '',
+        ownerTypeCd: '',
+        callComponent: ''
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(param) {
+      this.searchParam = { ...param }
+      this.loadOwners()
+      this.visible = true
+    },
+    close() {
+      this.visible = false
+    },
+    async loadOwners() {
+      try {
+        const params = {
+          page: 1,
+          row: 10,
+          ownerTypeCd: this.searchParam.ownerTypeCd,
+          name: this.searchParam.ownerName,
+          communityId: this.communityId
+        }
+
+        const { data } = await queryOwners(params)
+        this.owners = data.data || []
+        if (this.owners.length === 0) {
+          this.$message.warning(this.$t('common.noData'))
+        }
+      } catch (error) {
+        console.error('查询业主失败:', error)
+        this.$message.error(this.$t('common.queryFailed'))
+      }
+    },
+    chooseOwner(owner) {
+      this.$emit('notifyOwner', owner)
+      this.$emit('choose', owner)
+      this.close()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.input-search-owner {
+  display: inline-block;
+
+  .search-result-container {
+    max-height: 300px;
+    overflow-y: auto;
+    padding: 10px;
+
+    .close-btn {
+      text-align: right;
+      margin-bottom: 10px;
+      cursor: pointer;
+
+      i {
+        font-size: 16px;
+        color: #999;
+
+        &:hover {
+          color: #333;
+        }
+      }
+    }
+
+    .search-item {
+      padding: 8px 10px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        background-color: #f5f7fa;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .separator {
+        margin: 0 5px;
+        color: #ccc;
+      }
+    }
+  }
+
+  .el-button {
+    padding: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/report/InputSearchRoom.vue b/src/components/report/InputSearchRoom.vue
new file mode 100644
index 0000000..5e2b1de
--- /dev/null
+++ b/src/components/report/InputSearchRoom.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="input-search-room">
+    <el-popover placement="bottom" width="300" trigger="manual" v-model="visible">
+      <div class="search-result-container">
+        <div class="close-btn" @click="close">
+          <i class="el-icon-close"></i>
+        </div>
+        <div class="search-item" v-for="(item, index) in rooms" :key="index" @click="chooseRoom(item)">
+          <span>{{ item.floorNum }}-{{ item.unitNum }}-{{ item.roomNum }}</span>
+        </div>
+      </div>
+      <el-button slot="reference" type="primary" icon="el-icon-search"></el-button>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+import { queryRooms } from '@/api/room/roomApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'InputSearchRoom',
+  data() {
+    return {
+      visible: false,
+      rooms: [],
+      searchParam: {
+        roomName: '',
+        callComponent: ''
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(param) {
+      this.searchParam = { ...param }
+      this.loadRooms()
+      this.visible = true
+    },
+    close() {
+      this.visible = false
+    },
+    async loadRooms() {
+      try {
+        const params = {
+          page: 1,
+          row: 10,
+          flag: 1,
+          roomNum: this.searchParam.roomName,
+          communityId: this.communityId
+        }
+
+        const { data } = await queryRooms(params)
+        this.rooms = data.rooms || []
+        if (this.rooms.length === 0) {
+          this.$message.warning(this.$t('common.noData'))
+        }
+      } catch (error) {
+        console.error('查询房屋失败:', error)
+        this.$message.error(this.$t('common.queryFailed'))
+      }
+    },
+    chooseRoom(room) {
+      this.$emit('notifyRoom', room)
+      this.$emit('choose', room)
+      this.close()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.input-search-room {
+  display: inline-block;
+
+  .search-result-container {
+    max-height: 300px;
+    overflow-y: auto;
+    padding: 10px;
+
+    .close-btn {
+      text-align: right;
+      margin-bottom: 10px;
+      cursor: pointer;
+
+      i {
+        font-size: 16px;
+        color: #999;
+
+        &:hover {
+          color: #333;
+        }
+      }
+    }
+
+    .search-item {
+      padding: 8px 10px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #f5f7fa;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+
+  .el-button {
+    padding: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/reportI18n.js b/src/i18n/reportI18n.js
index 9d61011..03e9f18 100644
--- a/src/i18n/reportI18n.js
+++ b/src/i18n/reportI18n.js
@@ -10,6 +10,12 @@ import { messages as reportFeeSummaryMessages } from '../views/report/reportFeeS
 import { messages as reportFeeDetailMessages } from '../views/report/reportFeeDetailLang'
 import { messages as feeRemindMessages } from '../views/report/feeRemindLang'
 import { messages as dataReportMessages } from '../views/report/dataReportLang'
+import { messages as reportOweFeeDetailMessages } from '../views/report/reportOweFeeDetailLang'
+import { messages as reportPayFeeDetailMessages } from '../views/report/reportPayFeeDetailLang'
+import { messages as reportRepairMessages } from '../views/report/reportRepairLang'
+import { messages as reportNoFeeRoomMessages } from '../views/report/reportNoFeeRoomLang'
+import { messages as reportQuestionAnswerDetailMessages } from '../views/report/reportQuestionAnswerDetailLang'
+import { messages as reportOwnerPayFeeMessages } from '../views/report/reportOwnerPayFeeLang'
 
 export const messages = {
     en: {
@@ -24,6 +30,12 @@ export const messages = {
         ...reportFeeDetailMessages.en,
         ...feeRemindMessages.en,
         ...dataReportMessages.en,
+        ...reportOweFeeDetailMessages.en,
+        ...reportPayFeeDetailMessages.en,
+        ...reportRepairMessages.en,
+        ...reportNoFeeRoomMessages.en,
+        ...reportQuestionAnswerDetailMessages.en,
+        ...reportOwnerPayFeeMessages.en,
     },
     zh: {
         ...reportCustomComponentRelManageMessages.zh,
@@ -36,5 +48,11 @@ export const messages = {
         ...reportFeeDetailMessages.zh,
         ...feeRemindMessages.zh,
         ...dataReportMessages.zh,
+        ...reportOweFeeDetailMessages.zh,
+        ...reportPayFeeDetailMessages.zh,
+        ...reportRepairMessages.zh,
+        ...reportNoFeeRoomMessages.zh,
+        ...reportQuestionAnswerDetailMessages.zh,
+        ...reportOwnerPayFeeMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/reportRouter.js b/src/router/reportRouter.js
index 9cd4a63..db80063 100644
--- a/src/router/reportRouter.js
+++ b/src/router/reportRouter.js
@@ -20,9 +20,39 @@ export default [
         component: () => import('@/views/report/feeRemindList.vue')
     },
     {
-        path:'/pages/report/dataReport',
-        name:'/pages/report/dataReport',
+        path: '/pages/report/dataReport',
+        name: '/pages/report/dataReport',
         component: () => import('@/views/report/dataReportList.vue')
+    },
+    {
+        path: '/pages/property/reportOweFeeDetail',
+        name: '/pages/property/reportOweFeeDetail',
+        component: () => import('@/views/report/reportOweFeeDetailList.vue')
+    },
+    {
+        path: '/pages/property/reportPayFeeDetail',
+        name: '/pages/property/reportPayFeeDetail',
+        component: () => import('@/views/report/reportPayFeeDetailList.vue')
+    },
+    {
+        path: '/pages/property/reportRepair',
+        name: '/pages/property/reportRepair',
+        component: () => import('@/views/report/reportRepairList.vue')
+    },
+    {
+        path: '/pages/property/reportNoFeeRoom',
+        name: '/pages/property/reportNoFeeRoom',
+        component: () => import('@/views/report/reportNoFeeRoomList.vue')
+    },
+    {
+        path: '/pages/property/reportQuestionAnswerDetail',
+        name: '/pages/property/reportQuestionAnswerDetail',
+        component: () => import('@/views/report/reportQuestionAnswerDetailList.vue')
+    },
+    {
+        path:'/pages/property/reportOwnerPayFee',
+        name:'/pages/property/reportOwnerPayFee',
+        component: () => import('@/views/report/reportOwnerPayFeeList.vue')
         },
 
 ]
\ No newline at end of file
diff --git a/src/views/report/reportNoFeeRoomLang.js b/src/views/report/reportNoFeeRoomLang.js
new file mode 100644
index 0000000..d3f4444
--- /dev/null
+++ b/src/views/report/reportNoFeeRoomLang.js
@@ -0,0 +1,54 @@
+export const messages = {
+  en: {
+    reportNoFeeRoom: {
+      search: {
+        title: 'Search Conditions',
+        floor: 'Select Building',
+        unit: 'Select Unit',
+        room: 'Select Room',
+        ownerName: 'Owner Name',
+        link: 'Owner Phone'
+      },
+      list: {
+        title: 'No Fee Rooms',
+        tooltip: 'Rooms not associated with fee items'
+      },
+      table: {
+        index: 'No.',
+        floor: 'Building',
+        unit: 'Unit',
+        room: 'Room',
+        ownerName: 'Owner Name',
+        link: 'Owner Phone'
+      },
+      exportSuccess: 'Export started successfully',
+      exportFailed: 'Export failed'
+    }
+  },
+  zh: {
+    reportNoFeeRoom: {
+      search: {
+        title: '查询条件',
+        floor: '请选择楼栋',
+        unit: '请选择单元',
+        room: '请选择房屋',
+        ownerName: '业主名称',
+        link: '业主电话'
+      },
+      list: {
+        title: '未收费房屋',
+        tooltip: '未关联收费项的房屋信息'
+      },
+      table: {
+        index: '序号',
+        floor: '楼栋',
+        unit: '单元',
+        room: '房屋',
+        ownerName: '业主名称',
+        link: '业主电话'
+      },
+      exportSuccess: '导出任务已开始',
+      exportFailed: '导出失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportNoFeeRoomList.vue b/src/views/report/reportNoFeeRoomList.vue
new file mode 100644
index 0000000..4eb9731
--- /dev/null
+++ b/src/views/report/reportNoFeeRoomList.vue
@@ -0,0 +1,254 @@
+<template>
+  <div class="report-no-fee-room-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('reportNoFeeRoom.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-select v-model="searchForm.floorId" :placeholder="$t('reportNoFeeRoom.search.floor')"
+                @change="handleFloorChange" style="width:100%">
+                <el-option v-for="item in floors" :key="item.floorId" :label="item.floorName" :value="item.floorId" />
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="searchForm.unitId" :placeholder="$t('reportNoFeeRoom.search.unit')"
+                @change="handleUnitChange" style="width:100%">
+                <el-option v-for="item in units" :key="item.unitId"
+                  :label="`${item.unitNum}${$t('reportNoFeeRoom.search.unit')}`" :value="item.unitId" />
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="searchForm.roomId" :placeholder="$t('reportNoFeeRoom.search.room')" style="width:100%">
+                <el-option v-for="item in rooms" :key="item.roomId"
+                  :label="`${item.roomNum}${$t('reportNoFeeRoom.search.room')}`" :value="item.roomId" />
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.ownerName" :placeholder="$t('reportNoFeeRoom.search.ownerName')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.link" :placeholder="$t('reportNoFeeRoom.search.link')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="handleSearch">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="handleReset" style="margin-left:10px;">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top:20px;">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between ">
+            <div>
+            <span>{{ $t('reportNoFeeRoom.list.title') }}</span>
+            <el-tooltip class="item" effect="dark" :content="$t('reportNoFeeRoom.list.tooltip')" placement="top">
+              <i class="el-icon-info" style="margin-left:10px;cursor:pointer;"></i>
+            </el-tooltip>
+          </div>
+            <el-button type="primary" size="small" style="float:right;" @click="handleExport">
+              <i class="el-icon-download"></i>
+              {{ $t('common.export') }}
+            </el-button>
+          </div>
+
+          <el-table :data="tableData" border style="width:100%" v-loading="loading">
+            <el-table-column prop="index" :label="$t('reportNoFeeRoom.table.index')" width="80" align="center" />
+            <el-table-column prop="floorNum" :label="$t('reportNoFeeRoom.table.floor')" align="center" />
+            <el-table-column prop="unitNum" :label="$t('reportNoFeeRoom.table.unit')" align="center" />
+            <el-table-column prop="roomNum" :label="$t('reportNoFeeRoom.table.room')" align="center" />
+            <el-table-column prop="ownerName" :label="$t('reportNoFeeRoom.table.ownerName')" align="center" />
+            <el-table-column prop="link" :label="$t('reportNoFeeRoom.table.link')" align="center" />
+          </el-table>
+
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top:20px;" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryNoFeeRooms, queryFloors, queryUnits, queryRooms, exportData } from '@/api/report/reportNoFeeRoomApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ReportNoFeeRoomList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        floorId: '',
+        unitId: '',
+        roomId: '',
+        ownerName: '',
+        link: '',
+        communityId: ''
+      },
+      floors: [],
+      units: [],
+      rooms: [],
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.loadFloors()
+    this.loadData()
+  },
+  methods: {
+    async loadData() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const { data, total } = await queryNoFeeRooms(params)
+        this.tableData = data.map((item, index) => ({
+          ...item,
+          index: index + 1
+        }))
+        this.pagination.total = total
+      } catch (error) {
+        console.error('加载数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async loadFloors() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.searchForm.communityId
+        }
+        const data = await queryFloors(params)
+        this.floors = data
+      } catch (error) {
+        console.error('加载楼栋数据失败:', error)
+      }
+    },
+    async handleFloorChange(floorId) {
+      try {
+        this.searchForm.unitId = ''
+        this.searchForm.roomId = ''
+        this.units = []
+        this.rooms = []
+
+        if (!floorId) return
+
+        const params = {
+          floorId,
+          communityId: this.searchForm.communityId,
+          page: 1,
+          row: 100
+        }
+        const data = await queryUnits(params)
+        this.units = data
+      } catch (error) {
+        console.error('加载单元数据失败:', error)
+      }
+    },
+    async handleUnitChange(unitId) {
+      try {
+        this.searchForm.roomId = ''
+        this.rooms = []
+
+        if (!unitId) return
+
+        const params = {
+          unitId,
+          communityId: this.searchForm.communityId,
+          page: 1,
+          row: 100
+        }
+        const data = await queryRooms(params)
+        this.rooms = data.rooms
+      } catch (error) {
+        console.error('加载房屋数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.loadData()
+    },
+    handleReset() {
+      this.searchForm = {
+        floorId: '',
+        unitId: '',
+        roomId: '',
+        ownerName: '',
+        link: '',
+        communityId: this.searchForm.communityId
+      }
+      this.units = []
+      this.rooms = []
+      this.pagination.current = 1
+      this.loadData()
+    },
+    async handleExport() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          pagePath: 'reportNoFeeRoom'
+        }
+        await exportData(params)
+        this.$message.success(this.$t('reportNoFeeRoom.exportSuccess'))
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error(this.$t('reportNoFeeRoom.exportFailed'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.loadData()
+    },
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.loadData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-no-fee-room-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+
+    .el-select,
+    .el-input {
+      width: 100%;
+    }
+  }
+
+  .el-icon-info {
+    color: #409EFF;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/report/reportOweFeeDetailLang.js b/src/views/report/reportOweFeeDetailLang.js
new file mode 100644
index 0000000..6cc8ff2
--- /dev/null
+++ b/src/views/report/reportOweFeeDetailLang.js
@@ -0,0 +1,80 @@
+export const messages = {
+  en: {
+    reportOweFeeDetail: {
+      all: 'All',
+      searchCondition: 'Search Condition',
+      feeType: 'Fee Type',
+      selectFeeType: 'Select Fee Type',
+      roomNum: 'Room Number',
+      inputRoomNum: 'Input Room Number',
+      startTime: 'Start Time',
+      selectStartTime: 'Select Start Time',
+      endTime: 'End Time',
+      selectEndTime: 'Select End Time',
+      community: 'Community',
+      selectCommunity: 'Select Community',
+      search: 'Search',
+      reset: 'Reset',
+      ownerName: 'Owner Name',
+      inputOwnerName: 'Input Owner Name',
+      oweFeeDetail: 'Owe Fee Detail',
+      tooltip: 'Details of arrears associated with rooms and fee items',
+      updateDaily: 'Updated daily',
+      export: 'Export',
+      feeNum: 'Fee No.',
+      owner: 'Owner',
+      ownerTel: 'Owner Tel',
+      area: 'Area',
+      feeItem: 'Fee Item',
+      oweDays: 'Owe Days',
+      oweAmount: 'Owe Amount',
+      subtotal: 'Subtotal',
+      total: 'Total',
+      owe: 'Owe',
+      yuan: 'Yuan',
+      feeStartTimeDesc: 'Fee start time: The billing start time of the created fee',
+      oweDaysDesc1: 'Owe days (days): For deposit fee items, the number of days from the fee start time to the current day',
+      oweDaysDesc2: 'For non-deposit fee items, the number of days from the fee start time to the fee end time',
+      oweAmountDesc: 'Owe amount: The amount payable during the arrears period'
+    }
+  },
+  zh: {
+    reportOweFeeDetail: {
+      all: '全部',
+      searchCondition: '查询条件',
+      feeType: '费用大类',
+      selectFeeType: '请选择费用大类',
+      roomNum: '房屋编号',
+      inputRoomNum: '请填写房屋编号',
+      startTime: '开始时间',
+      selectStartTime: '请选择开始时间',
+      endTime: '结束时间',
+      selectEndTime: '请选择结束时间',
+      community: '小区',
+      selectCommunity: '请选择小区',
+      search: '查询',
+      reset: '重置',
+      ownerName: '业主名称',
+      inputOwnerName: '请填写业主名称',
+      oweFeeDetail: '欠费明细表',
+      tooltip: '房屋与费用项关联的欠费明细',
+      updateDaily: '按天更新',
+      export: '导出',
+      feeNum: '费用编号',
+      owner: '业主',
+      ownerTel: '业主电话',
+      area: '面积',
+      feeItem: '费用项',
+      oweDays: '欠费时长(天)',
+      oweAmount: '欠费金额',
+      subtotal: '小计',
+      total: '大计',
+      owe: '欠费',
+      yuan: '元',
+      feeStartTimeDesc: '费用开始时间：所创建费用的计费起始时间',
+      oweDaysDesc1: '欠费时长（天）：押金费用项欠费时长是费用开始时间到当天的天数',
+      oweDaysDesc2: '除押金外的费用项欠费时长是费用的开始时间到费用的结束时间的天数',
+      oweAmountDesc: '欠费金额：欠费周期内应缴费用'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportOweFeeDetailList.vue b/src/views/report/reportOweFeeDetailList.vue
new file mode 100644
index 0000000..5486d8f
--- /dev/null
+++ b/src/views/report/reportOweFeeDetailList.vue
@@ -0,0 +1,419 @@
+<template>
+  <div class="report-owe-fee-detail-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <el-card class="floor-list-card">
+          <ul class="floor-list">
+            <li class="floor-item" @click="swatchFloor('')"
+              :class="{ 'active': reportOweFeeDetailInfo.conditions.floorId === '' }">
+              {{ $t('reportOweFeeDetail.all') }}
+            </li>
+            <li class="floor-item" v-for="(item, index) in reportOweFeeDetailInfo.floors" :key="index"
+              @click="swatchFloor(item.floorId)"
+              :class="{ 'active': reportOweFeeDetailInfo.conditions.floorId === item.floorId }">
+              {{ item.floorName }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="21">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('reportOweFeeDetail.searchCondition') }}</span>
+          </div>
+          <el-form :inline="true" :model="reportOweFeeDetailInfo.conditions" class="search-form text-left">
+            <el-form-item :label="$t('reportOweFeeDetail.feeType')">
+              <el-select v-model="reportOweFeeDetailInfo.conditions.feeTypeCd"
+                :placeholder="$t('reportOweFeeDetail.selectFeeType')" style="width:100%">
+                <el-option v-for="(item, index) in reportOweFeeDetailInfo.feeTypeCds" :key="index" :label="item.name"
+                  :value="item.statusCd">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item :label="$t('reportOweFeeDetail.roomNum')">
+              <el-input v-model="reportOweFeeDetailInfo.conditions.objNameLike"
+                :placeholder="$t('reportOweFeeDetail.inputRoomNum')">
+              </el-input>
+            </el-form-item>
+
+            <el-form-item :label="$t('reportOweFeeDetail.startTime')">
+              <el-date-picker v-model="reportOweFeeDetailInfo.conditions.startTime" type="date"
+                :placeholder="$t('reportOweFeeDetail.selectStartTime')">
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item :label="$t('reportOweFeeDetail.endTime')">
+              <el-date-picker v-model="reportOweFeeDetailInfo.conditions.endTime" type="date"
+                :placeholder="$t('reportOweFeeDetail.selectEndTime')">
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item v-if="reportOweFeeDetailInfo.communitys.length > 1" :label="$t('reportOweFeeDetail.community')">
+              <el-select v-model="reportOweFeeDetailInfo.conditions.communityId" @change="_changCommunity"
+                :placeholder="$t('reportOweFeeDetail.selectCommunity')" style="width:100%">
+                <el-option v-for="(item, index) in reportOweFeeDetailInfo.communitys" :key="index" :label="item.name"
+                  :value="item.communityId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" @click="_queryMethod">{{ $t('reportOweFeeDetail.search') }}</el-button>
+              <el-button @click="_resetMethod" style="margin-left: 10px;">{{ $t('reportOweFeeDetail.reset') }}</el-button>
+            </el-form-item>
+          </el-form>
+
+          <el-form :inline="true" class="search-form text-left">
+            <el-form-item :label="$t('reportOweFeeDetail.ownerName')">
+              <el-input v-model="reportOweFeeDetailInfo.conditions.ownerNameLike"
+                :placeholder="$t('reportOweFeeDetail.inputOwnerName')">
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card style="margin-top: 20px;">
+          <div slot="header" class="flex justify-between">
+            <div>
+              <span>{{ $t('reportOweFeeDetail.oweFeeDetail') }}</span>
+              <el-tooltip class="item" effect="dark" :content="$t('reportOweFeeDetail.tooltip')" placement="top">
+                <i class="el-icon-info" style="margin-left: 10px; cursor: pointer;"></i>
+              </el-tooltip>
+              <span style="font-size: 12px; margin-left: 10px;">({{ $t('reportOweFeeDetail.updateDaily') }})</span>
+            </div>
+            <el-button type="primary" size="small" style="float: right;" @click="_exportExcel">
+              <i class="el-icon-download"></i>
+              {{ $t('reportOweFeeDetail.export') }}
+            </el-button>
+          </div>
+
+          <el-table :data="reportOweFeeDetailInfo.fees" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="index" :label="$t('reportOweFeeDetail.feeNum')" width="80" align="center">
+              <template slot-scope="scope">
+                {{ scope.$index + 1 }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="objName" :label="$t('reportOweFeeDetail.roomNum')" align="center">
+            </el-table-column>
+            <el-table-column prop="ownerName" :label="$t('reportOweFeeDetail.owner')" align="center">
+            </el-table-column>
+            <el-table-column prop="ownerTel" :label="$t('reportOweFeeDetail.ownerTel')" align="center">
+            </el-table-column>
+            <el-table-column prop="builtUpArea" :label="$t('reportOweFeeDetail.area')" align="center">
+            </el-table-column>
+            <el-table-column prop="feeName" :label="$t('reportOweFeeDetail.feeItem')" align="center">
+            </el-table-column>
+            <el-table-column prop="startTime" :label="$t('reportOweFeeDetail.startTime')" align="center">
+            </el-table-column>
+            <el-table-column prop="endTime" :label="$t('reportOweFeeDetail.endTime')" align="center">
+            </el-table-column>
+            <el-table-column prop="oweDay" :label="$t('reportOweFeeDetail.oweDays')" align="center">
+            </el-table-column>
+            <el-table-column prop="oweAmount" :label="$t('reportOweFeeDetail.oweAmount')" align="center">
+            </el-table-column>
+          </el-table>
+
+          <div class="summary">
+            <div class="summary-item">
+              <span class="label">{{ $t('reportOweFeeDetail.subtotal') }}</span>
+              <span class="value">
+                {{ $t('reportOweFeeDetail.owe') }}: {{ reportOweFeeDetailInfo.totalPreferentialAmount }} {{
+                  $t('reportOweFeeDetail.yuan') }}
+              </span>
+            </div>
+            <div class="summary-item">
+              <span class="label">{{ $t('reportOweFeeDetail.total') }}</span>
+              <span class="value">
+                {{ $t('reportOweFeeDetail.owe') }}: {{ reportOweFeeDetailInfo.allOweAmount }} {{
+                  $t('reportOweFeeDetail.yuan') }}
+              </span>
+            </div>
+          </div>
+
+          <div class="footer">
+            <div class="footer-left">
+              <p>{{ $t('reportOweFeeDetail.feeStartTimeDesc') }}</p>
+              <p>{{ $t('reportOweFeeDetail.oweDaysDesc1') }}</p>
+              <p>{{ $t('reportOweFeeDetail.oweDaysDesc2') }}</p>
+              <p>{{ $t('reportOweFeeDetail.oweAmountDesc') }}</p>
+            </div>
+            <div class="footer-right">
+              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+                layout="total, sizes, prev, pager, next, jumper" :total="page.total">
+              </el-pagination>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryOweFeeDetail, exportData } from '@/api/report/reportOweFeeDetailApi'
+import {searchFloors} from '@/api/room/searchFloorApi'
+import {
+  listMyEnteredCommunitys
+} from '@/api/report/dataReportApi'
+
+export default {
+  name: 'ReportOweFeeDetailList',
+  data() {
+    return {
+      loading: false,
+      reportOweFeeDetailInfo: {
+        fees: [],
+        floors: [],
+        total: 0,
+        records: 1,
+        feeTypeCds: [],
+        communitys: [],
+        totalPreferentialAmount: 0.0,
+        allOweAmount: 0.0,
+        conditions: {
+          floorId: '',
+          floorName: '',
+          roomNum: '',
+          objNameLike: '',
+          feeTypeCd: '',
+          startTime: '',
+          endTime: '',
+          communityId: '',
+          ownerNameLike: '',
+          page: 1,
+          row: 10
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      this.reportOweFeeDetailInfo.conditions.communityId = getCommunityId()
+      await this.getDictData()
+      await this._listFloors()
+      await this._listFees()
+      await this._loadStaffCommunitys()
+    },
+
+    async getDictData() {
+      try {
+        const data = await getDict('pay_fee_config', 'fee_type_cd')
+        this.reportOweFeeDetailInfo.feeTypeCds = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+
+    async _listFees() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.reportOweFeeDetailInfo.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await queryOweFeeDetail(params)
+        this.reportOweFeeDetailInfo.fees = data
+        this.page.total = total
+
+        // 计算小计
+        let _totalPreferentialAmount = 0.0
+        data.forEach(item => {
+          _totalPreferentialAmount += parseFloat(item.oweAmount)
+        })
+        this.reportOweFeeDetailInfo.totalPreferentialAmount = _totalPreferentialAmount.toFixed(2)
+
+        if (data.length > 0) {
+          this.reportOweFeeDetailInfo.allOweAmount = data[0].allOweAmount
+        } else {
+          this.reportOweFeeDetailInfo.allOweAmount = 0.0.toFixed(2)
+        }
+      } catch (error) {
+        console.error('获取欠费明细失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async _listFloors() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.reportOweFeeDetailInfo.conditions.communityId
+        }
+        const { apiFloorDataVoList } = await searchFloors(params)
+        this.reportOweFeeDetailInfo.floors = apiFloorDataVoList
+      } catch (error) {
+        console.error('获取楼层列表失败:', error)
+      }
+    },
+
+    async _loadStaffCommunitys() {
+      try {
+        const params = {
+          _uid: '123mlkdinkldldijdhuudjdjkkd',
+          page: 1,
+          row: 100
+        }
+        const data = await listMyEnteredCommunitys(params)
+        this.reportOweFeeDetailInfo.communitys = data.communitys
+      } catch (error) {
+        console.error('获取小区列表失败:', error)
+      }
+    },
+
+    _queryMethod() {
+      this.page.current = 1
+      this._listFees()
+    },
+
+    _resetMethod() {
+      this.reportOweFeeDetailInfo.conditions = {
+        floorId: '',
+        floorName: '',
+        roomNum: '',
+        objNameLike: '',
+        feeTypeCd: '',
+        startTime: '',
+        endTime: '',
+        communityId: this.reportOweFeeDetailInfo.conditions.communityId,
+        ownerNameLike: '',
+        page: 1,
+        row: 10
+      }
+      this._listFees()
+    },
+
+    swatchFloor(floorId) {
+      this.reportOweFeeDetailInfo.conditions.floorId = floorId
+      this._listFees()
+    },
+
+    _changCommunity() {
+      this.reportOweFeeDetailInfo.conditions.floorId = ''
+      this._listFloors()
+      this._listFees()
+    },
+
+    async _exportExcel() {
+      try {
+        const params = {
+          ...this.reportOweFeeDetailInfo.conditions,
+          pagePath: 'reportOweFeeDetail'
+        }
+        const { code, msg } = await exportData(params)
+        this.$message.success(msg)
+        if (code === 0) {
+          this.$router.push('/#/pages/property/downloadTempFile?tab=下载中心')
+        }
+      } catch (error) {
+        console.error('导出失败:', error)
+      }
+    },
+
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listFees()
+    },
+
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listFees()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-owe-fee-detail-container {
+  padding: 20px;
+
+  .floor-list-card {
+    height: 100%;
+
+    .floor-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .floor-item {
+        padding: 10px;
+        margin-bottom: 5px;
+        cursor: pointer;
+        border-radius: 4px;
+        text-align: center;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-form {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-right: 20px;
+    }
+  }
+
+  .summary {
+    margin: 20px 0;
+    padding: 10px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+
+    .summary-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 5px;
+
+      .label {
+        font-weight: bold;
+        margin-right: 10px;
+        width: 60px;
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+
+    .footer-left {
+      width: 60%;
+      font-size: 12px;
+      color: #666;
+
+      p {
+        margin: 5px 0;
+      }
+    }
+
+    .footer-right {
+      width: 40%;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/report/reportOwnerPayFeeLang.js b/src/views/report/reportOwnerPayFeeLang.js
new file mode 100644
index 0000000..24fea1b
--- /dev/null
+++ b/src/views/report/reportOwnerPayFeeLang.js
@@ -0,0 +1,42 @@
+export const messages = {
+  en: {
+    reportOwnerPayFee: {
+      queryCondition: 'Query Conditions',
+      selectFeeType: 'Select Fee Type',
+      selectFeeItem: 'Select Fee Item',
+      inputRoomNum: 'Input Room Number',
+      inputOwnerName: 'Input Owner Name',
+      inputYear: 'Input Year',
+      paymentDetails: 'Owner Payment Details',
+      paymentDetailsTip: 'Details of owner payment records',
+      owner: 'Owner',
+      room: 'Room',
+      feeItem: 'Fee Item',
+      month: 'Month',
+      total: 'Total',
+      receivable: 'Receivable',
+      prepayment: 'Prepayment',
+      fetchError: 'Failed to fetch payment details'
+    }
+  },
+  zh: {
+    reportOwnerPayFee: {
+      queryCondition: '查询条件',
+      selectFeeType: '请选择收费大类',
+      selectFeeItem: '请选择收费项',
+      inputRoomNum: '请输入房屋编号',
+      inputOwnerName: '请输入业主名称',
+      inputYear: '请输入年份',
+      paymentDetails: '业主缴费明细',
+      paymentDetailsTip: '业主缴费记录明细',
+      owner: '业主',
+      room: '房屋',
+      feeItem: '费用项目',
+      month: '月',
+      total: '合计',
+      receivable: '应收',
+      prepayment: '预收',
+      fetchError: '获取缴费明细失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportOwnerPayFeeList.vue b/src/views/report/reportOwnerPayFeeList.vue
new file mode 100644
index 0000000..f7ad2cb
--- /dev/null
+++ b/src/views/report/reportOwnerPayFeeList.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="report-owner-pay-fee-container animated fadeInRight">
+    <el-row>
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('reportOwnerPayFee.queryCondition') }}</span>
+            <div style="float: right;">
+              <el-button type="text" @click="_moreCondition()">
+                {{ reportOwnerPayFeeInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+              </el-button>
+            </div>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-select v-model="reportOwnerPayFeeInfo.conditions.feeTypeCd"
+                :placeholder="$t('reportOwnerPayFee.selectFeeType')" @change="_changeReporficientFeeTypeCd"
+                style="width:100%">
+                <el-option v-for="(item, index) in reportOwnerPayFeeInfo.feeTypeCds" :key="index" :label="item.name"
+                  :value="item.statusCd">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="reportOwnerPayFeeInfo.conditions.configId"
+                :placeholder="$t('reportOwnerPayFee.selectFeeItem')" style="width:100%">
+                <el-option v-for="(item, index) in reportOwnerPayFeeInfo.feeConfigDtos" :key="index" :label="item.feeName"
+                  :value="item.configId">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="reportOwnerPayFeeInfo.conditions.roomName"
+                :placeholder="$t('reportOwnerPayFee.inputRoomNum')" @input="_meterInputRoom">
+                <input-search-room slot="append" ref="inputSearchRoom"></input-search-room>
+              </el-input>
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="reportOwnerPayFeeInfo.conditions.ownerName"
+                :placeholder="$t('reportOwnerPayFee.inputOwnerName')" @input="_meterInputOwner">
+                <input-search-owner slot="append" ref="inputSearchOwner"></input-search-owner>
+              </el-input>
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="_queryMethod">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="_resetMethod">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20" v-show="reportOwnerPayFeeInfo.moreCondition">
+            <el-col :span="4">
+              <el-input v-model="reportOwnerPayFeeInfo.conditions.pfYear"
+                :placeholder="$t('reportOwnerPayFee.inputYear')">
+              </el-input>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row style="margin-top:20px;">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <div>
+              <span>{{ $t('reportOwnerPayFee.paymentDetails') }}</span>
+              <el-tooltip class="item" effect="dark" :content="$t('reportOwnerPayFee.paymentDetailsTip')" placement="top">
+                <i class="el-icon-info" style="cursor:pointer;"></i>
+              </el-tooltip>
+            </div>
+          </div>
+          <el-table :data="reportOwnerPayFeeInfo.ownerPayFees" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="ownerName" :label="$t('reportOwnerPayFee.owner')" align="center"></el-table-column>
+            <el-table-column prop="roomName" :label="$t('reportOwnerPayFee.room')" align="center"></el-table-column>
+            <el-table-column prop="feeName" :label="$t('reportOwnerPayFee.feeItem')" align="center"></el-table-column>
+            <el-table-column v-for="month in 12" :key="month" :label="month + $t('reportOwnerPayFee.month')"
+              align="center">
+              <template slot-scope="scope">
+                {{ _getAmountByMonth(scope.row, month) }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('reportOwnerPayFee.total')" align="center">
+              <template slot-scope="scope">
+                {{ _getTotalAmount(scope.row) }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('reportOwnerPayFee.receivable')" align="center">
+              <template slot-scope="scope">
+                {{ _getReceivableTotalAmount(scope.row) }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('reportOwnerPayFee.prepayment')" align="center">
+              <template slot-scope="scope">
+                {{ _getCollectTotalAmount(scope.row) }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total">
+          </el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryReportOwnerPayFee, listFeeConfigs } from '@/api/report/reportOwnerPayFeeApi'
+import { getDict } from '@/api/community/communityApi'
+import InputSearchRoom from '@/components/report/InputSearchRoom'
+import InputSearchOwner from '@/components/report/InputSearchOwner'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ReportOwnerPayFeeList',
+  components: {
+    InputSearchRoom,
+    InputSearchOwner
+  },
+  data() {
+    return {
+      loading: false,
+      reportOwnerPayFeeInfo: {
+        ownerPayFees: [],
+        moreCondition: false,
+        feeTypeCds: [],
+        feeConfigDtos: [],
+        conditions: {
+          feeTypeCd: '',
+          configId: '',
+          roomName: '',
+          ownerName: '',
+          pfYear: '',
+          page: 1,
+          row: 10,
+          communityId: ''
+        },
+        timer: null
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.reportOwnerPayFeeInfo.conditions.communityId = this.communityId
+    this._initData()
+  },
+  methods: {
+    async _initData() {
+      try {
+        // 获取费用类型字典
+        const feeTypeData = await getDict('pay_fee_config', 'fee_type_cd')
+        this.reportOwnerPayFeeInfo.feeTypeCds = feeTypeData
+
+        // 获取初始列表数据
+        this._listOwnerPayFees()
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+      }
+    },
+    async _listOwnerPayFees() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.reportOwnerPayFeeInfo.conditions,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+
+        const { data, total } = await queryReportOwnerPayFee(params)
+        this.reportOwnerPayFeeInfo.ownerPayFees = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('获取业主缴费明细失败:', error)
+        this.$message.error(this.$t('reportOwnerPayFee.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryMethod() {
+      this.pagination.current = 1
+      this._listOwnerPayFees()
+    },
+    _resetMethod() {
+      this.reportOwnerPayFeeInfo.conditions = {
+        feeTypeCd: '',
+        configId: '',
+        roomName: '',
+        ownerName: '',
+        pfYear: '',
+        page: 1,
+        row: 10,
+        communityId: this.communityId
+      }
+      this.reportOwnerPayFeeInfo.feeConfigDtos = []
+      this.pagination.current = 1
+      this._listOwnerPayFees()
+    },
+    async _changeReporficientFeeTypeCd() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: this.communityId,
+          feeTypeCd: this.reportOwnerPayFeeInfo.conditions.feeTypeCd,
+          isDefault: '',
+          feeFlag: '',
+          valid: '1'
+        }
+
+        const { data } = await listFeeConfigs(params)
+        this.reportOwnerPayFeeInfo.feeConfigDtos = data
+      } catch (error) {
+        console.error('获取收费项失败:', error)
+      }
+    },
+    _meterInputRoom() {
+      if (this.reportOwnerPayFeeInfo.timer) {
+        clearTimeout(this.reportOwnerPayFeeInfo.timer)
+      }
+      this.reportOwnerPayFeeInfo.timer = setTimeout(() => {
+        this.$refs.inputSearchRoom.open({
+          callComponent: 'reportOwnerPayFee',
+          roomName: this.reportOwnerPayFeeInfo.conditions.roomName
+        })
+      }, 1500)
+    },
+    _meterInputOwner() {
+      if (this.reportOwnerPayFeeInfo.timer) {
+        clearTimeout(this.reportOwnerPayFeeInfo.timer)
+      }
+      this.reportOwnerPayFeeInfo.timer = setTimeout(() => {
+        this.$refs.inputSearchOwner.open({
+          callComponent: 'reportOwnerPayFee',
+          ownerTypeCd: '1001',
+          ownerName: this.reportOwnerPayFeeInfo.conditions.ownerName
+        })
+      }, 1500)
+    },
+    _getAmountByMonth(fee, month) {
+      let amount = 0
+      if (!fee['reportOwnerPayFeeDtos']) {
+        return amount
+      }
+      const reportOwnerPayFeeDtos = fee.reportOwnerPayFeeDtos
+      if (reportOwnerPayFeeDtos.length === 0) {
+        return amount
+      }
+      reportOwnerPayFeeDtos.forEach(item => {
+        if (item.pfMonth == month) {
+          amount = item.amount
+          return
+        }
+      })
+      return amount
+    },
+    _getTotalAmount(fee) {
+      let amount = 0
+      if (!fee['reportOwnerPayFeeDtos']) {
+        return amount.toFixed(2)
+      }
+      const reportOwnerPayFeeDtos = fee.reportOwnerPayFeeDtos
+      if (reportOwnerPayFeeDtos.length === 0) {
+        return amount.toFixed(2)
+      }
+      reportOwnerPayFeeDtos.forEach(item => {
+        amount += parseFloat(item.amount)
+      })
+      return amount.toFixed(2)
+    },
+    _getReceivableTotalAmount(fee) {
+      let amount = 0
+      if (!fee['reportOwnerPayFeeDtos']) {
+        return amount.toFixed(2)
+      }
+      const reportOwnerPayFeeDtos = fee.reportOwnerPayFeeDtos
+      if (reportOwnerPayFeeDtos.length === 0) {
+        return amount.toFixed(2)
+      }
+      const now = new Date()
+      const month = now.getMonth() + 1
+      reportOwnerPayFeeDtos.forEach(item => {
+        if (parseInt(item.pfMonth) <= month) {
+          amount += parseFloat(item.amount)
+        }
+      })
+      return amount.toFixed(2)
+    },
+    _getCollectTotalAmount(fee) {
+      let amount = 0
+      if (!fee['reportOwnerPayFeeDtos']) {
+        return amount.toFixed(2)
+      }
+      const reportOwnerPayFeeDtos = fee.reportOwnerPayFeeDtos
+      if (reportOwnerPayFeeDtos.length === 0) {
+        return amount.toFixed(2)
+      }
+      const now = new Date()
+      const month = now.getMonth() + 1
+      reportOwnerPayFeeDtos.forEach(item => {
+        if (parseInt(item.pfMonth) > month) {
+          amount += parseFloat(item.amount)
+        }
+      })
+      return amount.toFixed(2)
+    },
+    _moreCondition() {
+      this.reportOwnerPayFeeInfo.moreCondition = !this.reportOwnerPayFeeInfo.moreCondition
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this._listOwnerPayFees()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this._listOwnerPayFees()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-owner-pay-fee-container {
+  padding: 20px;
+  background-color: #f0f2f5;
+
+  .el-card {
+    margin-bottom: 20px;
+
+    .el-card__header {
+      padding: 18px 20px;
+      border-bottom: 1px solid #ebeef5;
+      box-sizing: border-box;
+    }
+  }
+
+  .el-row {
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .el-col {
+    border-radius: 4px;
+  }
+
+  .el-pagination {
+    margin-top: 15px;
+    text-align: right;
+  }
+
+  .el-icon-info {
+    margin-left: 10px;
+    color: #409EFF;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/report/reportPayFeeDetailLang.js b/src/views/report/reportPayFeeDetailLang.js
new file mode 100644
index 0000000..7ad948c
--- /dev/null
+++ b/src/views/report/reportPayFeeDetailLang.js
@@ -0,0 +1,122 @@
+export const messages = {
+  en: {
+    reportPayFeeDetail: {
+      search: {
+        title: 'Search Conditions',
+        startTime: 'Please select payment start time',
+        endTime: 'Please select payment end time',
+        paymentMethod: 'Please select payment method',
+        feeStatus: 'Please select fee status',
+        roomOrCarNum: 'Room number or license plate number',
+        feeType: 'Please select fee type',
+        feeItem: 'Please select fee item',
+        feeStartTime: 'Please select fee start time',
+        feeEndTime: 'Please select fee end time',
+        community: 'Please select community'
+      },
+      table: {
+        title: 'Payment Details',
+        tooltip: 'All house payment records details',
+        orderNum: 'Order Number',
+        roomOwner: 'Room/Owner',
+        feeTypeItem: 'Fee Type > Fee Item',
+        feeStatus: 'Fee Status',
+        paymentMethod: 'Payment Method',
+        paymentPeriod: 'Payment Period',
+        paymentTime: 'Payment Time',
+        cashier: 'Cashier',
+        payableAmount: 'Payable/Receivable Amount(Yuan)',
+        receivedAmount: 'Received Amount(Yuan)',
+        withholdAmount: 'Account Deduction(Yuan)',
+        preferentialAmount: 'Preferential/Deduction Amount(Yuan)',
+        giftAmount: 'Gift Amount(Yuan)',
+        lateFee: 'Late Fee(Yuan)',
+        area: 'Area(sqm)',
+        parkingSpace: 'Parking Space',
+        remark: 'Remark'
+      },
+      summary: {
+        subtotal: 'Subtotal',
+        total: 'Total',
+        receivable: 'Receivable',
+        received: 'Received',
+        preferential: 'Preferential',
+        deduction: 'Deduction',
+        gift: 'Gift',
+        lateFee: 'Late Fee',
+        yuan: 'Yuan'
+      },
+      explanation: {
+        preferential: 'Preferential amount: preferential amount generated under discount rules and no arrears discount rules',
+        deduction: 'Deduction amount: deduction amount generated under deduction rules',
+        gift: 'Gift amount: the payable amount of the gifted month under the gift rules',
+        lateFee: 'Late fee: the default late fee generated under the default late fee rules, which needs to be paid additionally'
+      },
+      hide: 'Hide',
+      more: 'More',
+      fetchError: 'Failed to fetch payment details',
+      exportError: 'Failed to export data',
+      dateError: 'Payment end time must be greater than payment start time'
+    }
+  },
+  zh: {
+    reportPayFeeDetail: {
+      search: {
+        title: '查询条件',
+        startTime: '请选择缴费开始时间',
+        endTime: '请选择缴费结束时间',
+        paymentMethod: '请选择支付方式',
+        feeStatus: '请选择费用状态',
+        roomOrCarNum: '房屋编号或者车牌号',
+        feeType: '请选择费用类型',
+        feeItem: '请选择收费项',
+        feeStartTime: '请选择收费开始时间',
+        feeEndTime: '请选择收费结束时间',
+        community: '请选择小区'
+      },
+      table: {
+        title: '缴费明细表',
+        tooltip: '所有房屋缴费记录明细',
+        orderNum: '订单号',
+        roomOwner: '房号/业主',
+        feeTypeItem: '费用类型>费用项',
+        feeStatus: '费用状态',
+        paymentMethod: '支付方式',
+        paymentPeriod: '缴费时间段',
+        paymentTime: '缴费时间',
+        cashier: '收银员',
+        payableAmount: '应缴/应收金额(元)',
+        receivedAmount: '实收金额(元)',
+        withholdAmount: '账户抵扣(元)',
+        preferentialAmount: '优惠/减免金额(元)',
+        giftAmount: '赠送金额(元)',
+        lateFee: '滞纳金(元)',
+        area: '面积(平方米)',
+        parkingSpace: '车位',
+        remark: '说明'
+      },
+      summary: {
+        subtotal: '小计',
+        total: '大计',
+        receivable: '应收',
+        received: '实收',
+        preferential: '优惠',
+        deduction: '减免',
+        gift: '赠送',
+        lateFee: '滞纳金',
+        yuan: '元'
+      },
+      explanation: {
+        preferential: '优惠金额：打折规则和打折无欠费规则下产生的优惠金额',
+        deduction: '减免金额：减免规则下产生的减免金额',
+        gift: '赠送金额：赠送规则下赠送月份应缴的金额',
+        lateFee: '滞纳金：违约滞纳金规则下产生的违约金额，需额外缴纳的滞纳金'
+      },
+      hide: '隐藏',
+      more: '更多',
+      fetchError: '获取缴费明细失败',
+      exportError: '导出数据失败',
+      dateError: '缴费结束时间必须大于缴费开始时间'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportPayFeeDetailList.vue b/src/views/report/reportPayFeeDetailList.vue
new file mode 100644
index 0000000..49930ce
--- /dev/null
+++ b/src/views/report/reportPayFeeDetailList.vue
@@ -0,0 +1,474 @@
+<template>
+  <div class="report-pay-fee-detail-container animated fadeInRight">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('reportPayFeeDetail.search.title') }}</span>
+        <el-button type="text" style="float: right; padding: 3px 0" @click="_moreCondition()">
+          {{ reportPayFeeDetailInfo.moreCondition ? $t('reportPayFeeDetail.hide') : $t('reportPayFeeDetail.more') }}
+        </el-button>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <el-date-picker v-model="reportPayFeeDetailInfo.conditions.startTime" type="datetime"
+            :placeholder="$t('reportPayFeeDetail.search.startTime')" style="width: 100%" />
+        </el-col>
+
+        <el-col :span="4">
+          <el-date-picker v-model="reportPayFeeDetailInfo.conditions.endTime" type="datetime"
+            :placeholder="$t('reportPayFeeDetail.search.endTime')" style="width: 100%" @change="validateDate" />
+        </el-col>
+
+        <el-col :span="4">
+          <el-select v-model="reportPayFeeDetailInfo.conditions.primeRate"
+            :placeholder="$t('reportPayFeeDetail.search.paymentMethod')" style="width: 100%" clearable>
+            <el-option v-for="(item, index) in reportPayFeeDetailInfo.primeRates" :key="index" :label="item.name"
+              :value="item.statusCd" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="4">
+          <el-select v-model="reportPayFeeDetailInfo.conditions.state"
+            :placeholder="$t('reportPayFeeDetail.search.feeStatus')" style="width: 100%" clearable>
+            <el-option v-for="(item, index) in reportPayFeeDetailInfo.states" :key="index" :label="item.name"
+              :value="item.statusCd" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="4">
+          <el-input v-model="reportPayFeeDetailInfo.conditions.payerObjName"
+            :placeholder="$t('reportPayFeeDetail.search.roomOrCarNum')" clearable />
+        </el-col>
+
+        <el-col :span="4">
+          <el-button type="primary" @click="_queryMethod()">
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="_resetMethod()">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <!-- 更多查询条件 -->
+      <el-row v-show="reportPayFeeDetailInfo.moreCondition" :gutter="20" style="margin-top: 20px">
+        <el-col :span="4">
+          <el-select v-model="reportPayFeeDetailInfo.conditions.feeTypeCd"
+            :placeholder="$t('reportPayFeeDetail.search.feeType')" style="width: 100%" clearable @change="_selectConfig">
+            <el-option v-for="(item, index) in reportPayFeeDetailInfo.feeTypeCds" :key="index" :label="item.name"
+              :value="item.statusCd" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="4">
+          <el-select v-model="reportPayFeeDetailInfo.conditions.configId"
+            :placeholder="$t('reportPayFeeDetail.search.feeItem')" style="width: 100%" clearable>
+            <el-option v-for="(item, index) in reportPayFeeDetailInfo.feeConfigDtos" :key="index" :label="item.feeName"
+              :value="item.configId" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="4">
+          <el-date-picker v-model="reportPayFeeDetailInfo.conditions.feeStartTime" type="datetime"
+            :placeholder="$t('reportPayFeeDetail.search.feeStartTime')" style="width: 100%" />
+        </el-col>
+
+        <el-col :span="4">
+          <el-date-picker v-model="reportPayFeeDetailInfo.conditions.feeEndTime" type="datetime"
+            :placeholder="$t('reportPayFeeDetail.search.feeEndTime')" style="width: 100%" />
+        </el-col>
+      </el-row>
+
+      <el-row v-show="reportPayFeeDetailInfo.moreCondition && reportPayFeeDetailInfo.communitys.length > 1" :gutter="20"
+        style="margin-top: 20px">
+        <el-col :span="4">
+          <el-select v-model="reportPayFeeDetailInfo.conditions.communityId"
+            :placeholder="$t('reportPayFeeDetail.search.community')" style="width: 100%" clearable
+            @change="_changCommunity">
+            <el-option v-for="(item, index) in reportPayFeeDetailInfo.communitys" :key="index" :label="item.name"
+              :value="item.communityId" />
+          </el-select>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 缴费明细表 -->
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <div>
+          <span>{{ $t('reportPayFeeDetail.table.title') }}</span>
+          <el-tooltip effect="dark" :content="$t('reportPayFeeDetail.table.tooltip')" placement="top">
+            <i class="el-icon-info" style="margin-left: 10px; cursor: pointer"></i>
+          </el-tooltip>
+        </div>
+        <el-button type="primary" size="small" style="float: right" @click="_exportFee">
+          {{ $t('common.export') }}
+        </el-button>
+      </div>
+
+      <el-table :data="reportPayFeeDetailInfo.fees" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="oId" :label="$t('reportPayFeeDetail.table.orderNum')" align="center" />
+        <el-table-column :label="$t('reportPayFeeDetail.table.roomOwner')" align="center" width="120">
+          <template slot-scope="scope">
+            <div>{{ scope.row.payerObjName }}/{{ scope.row.ownerName }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('reportPayFeeDetail.table.feeTypeItem')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.feeTypeCdName }}>{{ scope.row.feeName }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="stateName" :label="$t('reportPayFeeDetail.table.feeStatus')" align="center" />
+        <el-table-column prop="primeRate" :label="$t('reportPayFeeDetail.table.paymentMethod')" align="center" />
+        <el-table-column :label="$t('reportPayFeeDetail.table.paymentPeriod')" align="center" width="150">
+          <template slot-scope="scope">
+            <div>{{ dateFormat(scope.row.startTime) }}</div>
+            <div>~</div>
+            <div>{{ dateFormat(scope.row.endTime) }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('reportPayFeeDetail.table.paymentTime')" align="center" />
+        <el-table-column prop="cashierName" :label="$t('reportPayFeeDetail.table.cashier')" align="center" />
+        <el-table-column :label="$t('reportPayFeeDetail.table.payableAmount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.payableAmount }}/{{ scope.row.receivableAmount }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="receivedAmount" :label="$t('reportPayFeeDetail.table.receivedAmount')" align="center" />
+        <el-table-column prop="withholdAmount" :label="$t('reportPayFeeDetail.table.withholdAmount')" align="center" />
+        <el-table-column :label="$t('reportPayFeeDetail.table.preferentialAmount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.preferentialAmount }}/{{ scope.row.deductionAmount }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="giftAmount" :label="$t('reportPayFeeDetail.table.giftAmount')" align="center" />
+        <el-table-column prop="lateFee" :label="$t('reportPayFeeDetail.table.lateFee')" align="center" />
+        <el-table-column prop="builtUpArea" :label="$t('reportPayFeeDetail.table.area')" align="center" />
+        <el-table-column prop="psName" :label="$t('reportPayFeeDetail.table.parkingSpace')" align="center" />
+        <el-table-column prop="remark" :label="$t('reportPayFeeDetail.table.remark')" align="center" width="200" />
+      </el-table>
+
+      <!-- 统计信息 -->
+      <el-row class="summary-row">
+        <el-col :span="24">
+          <el-row>
+            <el-col :span="2">{{ $t('reportPayFeeDetail.summary.subtotal') }}</el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.receivable') }}: {{ reportPayFeeDetailInfo.totalReceivableAmount }}
+                {{
+                  $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.received') }}: {{ reportPayFeeDetailInfo.totalReceivedAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.preferential') }}: {{ reportPayFeeDetailInfo.totalPreferentialAmount
+              }}
+                {{ $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.deduction') }}: {{ reportPayFeeDetailInfo.totalDeductionAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.gift') }}: {{ reportPayFeeDetailInfo.totalGiftAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.lateFee') }}: {{ reportPayFeeDetailInfo.totalLateFee }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+          </el-row>
+          <el-row style="margin-top: 10px">
+            <el-col :span="2">{{ $t('reportPayFeeDetail.summary.total') }}</el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.receivable') }}: {{ reportPayFeeDetailInfo.allReceivableAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.received') }}: {{ reportPayFeeDetailInfo.allReceivedAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.preferential') }}: {{ reportPayFeeDetailInfo.allPreferentialAmount }}
+                {{ $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.deduction') }}: {{ reportPayFeeDetailInfo.allDeductionAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+            <el-col :span="4">
+              <div>{{ $t('reportPayFeeDetail.summary.gift') }}: {{ reportPayFeeDetailInfo.allGiftAmount }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+              <div>{{ $t('reportPayFeeDetail.summary.lateFee') }}: {{ reportPayFeeDetailInfo.allLateFee }} {{
+                $t('reportPayFeeDetail.summary.yuan') }}</div>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+
+      <!-- 说明 -->
+      <el-row class="explanation-row">
+        <el-col :span="18">
+          <div>{{ $t('reportPayFeeDetail.explanation.preferential') }}</div>
+          <div>{{ $t('reportPayFeeDetail.explanation.deduction') }}</div>
+          <div>{{ $t('reportPayFeeDetail.explanation.gift') }}</div>
+          <div>{{ $t('reportPayFeeDetail.explanation.lateFee') }}</div>
+        </el-col>
+      </el-row>
+
+      <!-- 分页 -->
+      <el-pagination :current-page.sync="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper" :total="reportPayFeeDetailInfo.total"
+        @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryPayFeeDetail, exportData ,listFeeConfigs} from '@/api/report/reportPayFeeDetailApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import {
+  listMyEnteredCommunitys
+} from '@/api/report/dataReportApi'
+import {dateFormat} from '@/utils/dateUtil'
+
+export default {
+  name: 'ReportPayFeeDetailList',
+  data() {
+    return {
+      loading: false,
+      currentPage: 1,
+      pageSize: 10,
+      reportPayFeeDetailInfo: {
+        fees: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        primeRates: [],
+        feeConfigDtos: [],
+        states: [],
+        feeTypeCds: [],
+        floors: [],
+        communitys: [],
+        totalReceivableAmount: 0.0,
+        totalReceivedAmount: 0.0,
+        allReceivableAmount: 0.0,
+        allReceivedAmount: 0.0,
+        totalPreferentialAmount: 0.0,
+        totalDeductionAmount: 0.0,
+        totalLateFee: 0.0,
+        totalGiftAmount: 0.0,
+        allPreferentialAmount: 0.0,
+        allDeductionAmount: 0.0,
+        allLateFee: 0.0,
+        allGiftAmount: 0.0,
+        conditions: {
+          floorId: '',
+          roomNum: '',
+          payerObjName: '',
+          configId: '',
+          primeRate: '',
+          state: '',
+          feeTypeCd: '',
+          startTime: '',
+          endTime: '',
+          feeStartTime: '',
+          feeEndTime: '',
+          communityId: ''
+        }
+      }
+    }
+  },
+  created() {
+    this._initMethod()
+  },
+  methods: {
+    async _initMethod() {
+      this.reportPayFeeDetailInfo.conditions.communityId = getCommunityId()
+      await this._loadStaffCommunitys()
+      await this._listFees(1, this.pageSize)
+
+      // 获取字典数据
+      try {
+        this.reportPayFeeDetailInfo.primeRates = await getDict('pay_fee_detail', 'prime_rate')
+        this.reportPayFeeDetailInfo.states = await getDict('pay_fee_detail', 'state')
+        this.reportPayFeeDetailInfo.feeTypeCds = await getDict('pay_fee_config', 'fee_type_cd')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+
+    async _listFees(page, rows) {
+      this.loading = true
+      try {
+        const params = {
+          ...this.reportPayFeeDetailInfo.conditions,
+          page,
+          row: rows
+        }
+
+        const { data, total, records, sumTotal } = await queryPayFeeDetail(params)
+
+        this.reportPayFeeDetailInfo.fees = data.map(item => ({
+          ...item,
+          lateFee: (item.lateFee * -1).toFixed(2)
+        }))
+        this.reportPayFeeDetailInfo.total = total
+        this.reportPayFeeDetailInfo.records = records
+
+        // 处理统计信息
+        this._processSummaryData(sumTotal)
+      } catch (error) {
+        console.error('查询缴费明细失败:', error)
+        this.$message.error(this.$t('reportPayFeeDetail.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    _processSummaryData(sumTotal) {
+      const fields = [
+        'totalReceivableAmount', 'totalReceivedAmount', 'allReceivableAmount', 'allReceivedAmount',
+        'totalPreferentialAmount', 'totalDeductionAmount', 'totalLateFee', 'totalGiftAmount',
+        'allPreferentialAmount', 'allDeductionAmount', 'allLateFee', 'allGiftAmount'
+      ]
+
+      fields.forEach(field => {
+        this.reportPayFeeDetailInfo[field] = sumTotal[field]
+          ? parseFloat(sumTotal[field]).toFixed(2)
+          : '0.00'
+      })
+    },
+
+    async _loadStaffCommunitys() {
+      try {
+        const params = {
+          _uid: '123mlkdinkldldijdhuudjdjkkd',
+          page: 1,
+          row: 100
+        }
+        const { communitys } = await listMyEnteredCommunitys(params)
+        this.reportPayFeeDetailInfo.communitys = communitys
+      } catch (error) {
+        console.error('获取小区列表失败:', error)
+      }
+    },
+
+    async _selectConfig() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: this.reportPayFeeDetailInfo.conditions.communityId,
+          feeTypeCd: this.reportPayFeeDetailInfo.conditions.feeTypeCd,
+          isFlag: "0"
+        }
+        const { feeConfigs } = await listFeeConfigs( params)
+        this.reportPayFeeDetailInfo.feeConfigDtos = feeConfigs
+      } catch (error) {
+        console.error('获取费用项失败:', error)
+      }
+    },
+
+    _moreCondition() {
+      this.reportPayFeeDetailInfo.moreCondition = !this.reportPayFeeDetailInfo.moreCondition
+    },
+
+    async _exportFee() {
+      try {
+        const params = {
+          ...this.reportPayFeeDetailInfo.conditions,
+          pagePath: 'reportPayFeeDetail'
+        }
+
+        const { code, msg } = await exportData(params)
+
+        this.$message.success(msg)
+        if (code === 0) {
+          this.$router.push('/pages/property/downloadTempFile?tab=下载中心')
+        }
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error(this.$t('reportPayFeeDetail.exportError'))
+      }
+    },
+
+    _changCommunity() {
+      this._listFees(1, this.pageSize)
+    },
+
+    _queryMethod() {
+      this._listFees(1, this.pageSize)
+    },
+
+    _resetMethod() {
+      this.reportPayFeeDetailInfo.conditions = {
+        floorId: '',
+        roomNum: '',
+        payerObjName: '',
+        configId: '',
+        primeRate: '',
+        state: '',
+        feeTypeCd: '',
+        startTime: '',
+        endTime: '',
+        feeStartTime: '',
+        feeEndTime: '',
+        communityId: this.reportPayFeeDetailInfo.conditions.communityId
+      }
+      this._listFees(1, this.pageSize)
+    },
+
+    validateDate() {
+      if (this.reportPayFeeDetailInfo.conditions.startTime &&
+        this.reportPayFeeDetailInfo.conditions.endTime &&
+        new Date(this.reportPayFeeDetailInfo.conditions.startTime) >=
+        new Date(this.reportPayFeeDetailInfo.conditions.endTime)) {
+        this.$message.error(this.$t('reportPayFeeDetail.dateError'))
+        this.reportPayFeeDetailInfo.conditions.endTime = ''
+      }
+    },
+
+    dateFormat,
+
+    handleSizeChange(val) {
+      this.pageSize = val
+      this._listFees(this.currentPage, val)
+    },
+
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._listFees(val, this.pageSize)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-pay-fee-detail-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .table-card {
+    margin-bottom: 20px;
+  }
+
+  .summary-row {
+    margin: 20px 0;
+    padding: 15px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+  }
+
+  .explanation-row {
+    margin: 20px 0;
+    padding: 15px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+    color: #909399;
+    font-size: 14px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}</style>
\ No newline at end of file
diff --git a/src/views/report/reportQuestionAnswerDetailLang.js b/src/views/report/reportQuestionAnswerDetailLang.js
new file mode 100644
index 0000000..a6bfb4f
--- /dev/null
+++ b/src/views/report/reportQuestionAnswerDetailLang.js
@@ -0,0 +1,58 @@
+export const messages = {
+  en: {
+    reportQuestionAnswerDetail: {
+      queryCondition: 'Query Condition',
+      selectQaType: 'Please select questionnaire type',
+      pleaseSelect: 'Please select',
+      ownerQuestionnaire: 'Owner Questionnaire',
+      ownerVote: 'Owner Vote',
+      staffVote: 'Staff Vote',
+      selectStartTime: 'Please select start time',
+      selectEndTime: 'Please select end time',
+      query: 'Query',
+      reset: 'Reset',
+      questionnaireDetail: 'Questionnaire Detail Table',
+      questionnaireAnswerDetail: 'Questionnaire answer details',
+      export: 'Export',
+      serialNumber: 'No.',
+      questionnairePerson: 'Questionnaire Person',
+      questionnaireType: 'Questionnaire Type',
+      questionnaireName: 'Questionnaire Name',
+      questionnaireQuestion: 'Questionnaire Question',
+      answer: 'Answer',
+      time: 'Time',
+      endTimeMustGreater: 'End time must be greater than start time',
+      fetchError: 'Failed to fetch questionnaire data',
+      exportSuccess: 'Export success',
+      exportError: 'Export failed'
+    }
+  },
+  zh: {
+    reportQuestionAnswerDetail: {
+      queryCondition: '查询条件',
+      selectQaType: '请选择问卷类型',
+      pleaseSelect: '请选择',
+      ownerQuestionnaire: '业主问卷',
+      ownerVote: '业主投票',
+      staffVote: '员工投票',
+      selectStartTime: '请选择问卷开始时间',
+      selectEndTime: '请选择问卷结束时间',
+      query: '查询',
+      reset: '重置',
+      questionnaireDetail: '问卷明细表',
+      questionnaireAnswerDetail: '问卷回答明细',
+      export: '导出',
+      serialNumber: '序号',
+      questionnairePerson: '问卷人',
+      questionnaireType: '问卷类型',
+      questionnaireName: '问卷名称',
+      questionnaireQuestion: '问卷题目',
+      answer: '答案',
+      time: '时间',
+      endTimeMustGreater: '结束时间必须大于开始时间',
+      fetchError: '获取问卷数据失败',
+      exportSuccess: '导出成功',
+      exportError: '导出失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportQuestionAnswerDetailList.vue b/src/views/report/reportQuestionAnswerDetailList.vue
new file mode 100644
index 0000000..35a285b
--- /dev/null
+++ b/src/views/report/reportQuestionAnswerDetailList.vue
@@ -0,0 +1,192 @@
+<template>
+  <div class="report-question-answer-detail-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('reportQuestionAnswerDetail.queryCondition') }}</span>
+          </div>
+          <el-form :inline="true" :model="queryForm" class="demo-form-inline text-left">
+            <el-form-item>
+              <el-select v-model="queryForm.qaType" :placeholder="$t('reportQuestionAnswerDetail.selectQaType')"
+                style="width:100%">
+                <el-option :label="$t('reportQuestionAnswerDetail.pleaseSelect')" value="" />
+                <el-option :label="$t('reportQuestionAnswerDetail.ownerQuestionnaire')" value="1001" />
+                <el-option :label="$t('reportQuestionAnswerDetail.ownerVote')" value="3003" />
+                <el-option :label="$t('reportQuestionAnswerDetail.staffVote')" value="4004" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker v-model="queryForm.startTime" type="date"
+                :placeholder="$t('reportQuestionAnswerDetail.selectStartTime')" style="width:100%" />
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker v-model="queryForm.endTime" type="date"
+                :placeholder="$t('reportQuestionAnswerDetail.selectEndTime')" style="width:100%"
+                @change="handleEndTimeChange" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery" icon="el-icon-search">
+                {{ $t('reportQuestionAnswerDetail.query') }}
+              </el-button>
+              <el-button type="primary" @click="handleReset" icon="el-icon-refresh">
+                {{ $t('reportQuestionAnswerDetail.reset') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top:20px">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <div>
+              <span>{{ $t('reportQuestionAnswerDetail.questionnaireDetail') }}</span>
+              <el-tooltip class="item" effect="dark" :content="$t('reportQuestionAnswerDetail.questionnaireAnswerDetail')"
+                placement="top">
+                <i class="el-icon-info" style="cursor:pointer;margin-left:10px"></i>
+              </el-tooltip>
+            </div>
+            <el-button type="primary" size="small" class="float-right" @click="handleExport" icon="el-icon-download">
+              {{ $t('reportQuestionAnswerDetail.export') }}
+            </el-button>
+          </div>
+          <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="index" :label="$t('reportQuestionAnswerDetail.serialNumber')" width="80"
+              align="center" />
+            <el-table-column prop="userName" :label="$t('reportQuestionAnswerDetail.questionnairePerson')"
+              align="center" />
+            <el-table-column prop="qaTypeName" :label="$t('reportQuestionAnswerDetail.questionnaireType')"
+              align="center" />
+            <el-table-column prop="qaName" :label="$t('reportQuestionAnswerDetail.questionnaireName')" align="center" />
+            <el-table-column prop="qaTitle" :label="$t('reportQuestionAnswerDetail.questionnaireQuestion')"
+              align="center" />
+            <el-table-column prop="qaValue" :label="$t('reportQuestionAnswerDetail.answer')" align="center" />
+            <el-table-column prop="createTime" :label="$t('reportQuestionAnswerDetail.time')" align="center" />
+          </el-table>
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" class="pagination-container" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryUserQuestionAnswerValue, exportData } from '@/api/report/reportQuestionAnswerDetailApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ReportQuestionAnswerDetailList',
+  data() {
+    return {
+      loading: false,
+      queryForm: {
+        qaType: '',
+        startTime: '',
+        endTime: '',
+        communityId: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.queryForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.queryForm
+        }
+        const { data, total } = await queryUserQuestionAnswerValue(params)
+        this.tableData = data.map((item, index) => {
+          return {
+            ...item,
+            index: index + 1
+          }
+        })
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('reportQuestionAnswerDetail.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleQuery() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.queryForm = {
+        qaType: '',
+        startTime: '',
+        endTime: '',
+        communityId: this.queryForm.communityId
+      }
+      this.handleQuery()
+    },
+    handleEndTimeChange(val) {
+      if (this.queryForm.startTime && val) {
+        const start = new Date(this.queryForm.startTime).getTime()
+        const end = new Date(val).getTime()
+        if (start >= end) {
+          this.$message.error(this.$t('reportQuestionAnswerDetail.endTimeMustGreater'))
+          this.queryForm.endTime = ''
+        }
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    },
+    async handleExport() {
+      try {
+        const params = {
+          ...this.queryForm,
+          pagePath: 'reportQuestionAnswerDetail'
+        }
+        await exportData(params)
+        this.$message.success(this.$t('reportQuestionAnswerDetail.exportSuccess'))
+      } catch (error) {
+        this.$message.error(this.$t('reportQuestionAnswerDetail.exportError'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-question-answer-detail-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .pagination-container {
+    margin-top: 20px;
+    text-align: right;
+  }
+
+  .float-right {
+    float: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/report/reportRepairLang.js b/src/views/report/reportRepairLang.js
new file mode 100644
index 0000000..9771f06
--- /dev/null
+++ b/src/views/report/reportRepairLang.js
@@ -0,0 +1,64 @@
+export const messages = {
+  en: {
+    reportRepair: {
+      queryCondition: 'Query Conditions',
+      hide: 'Hide',
+      more: 'More',
+      beginStartTimePlaceholder: 'Please select creation start time',
+      beginEndTimePlaceholder: 'Please select creation end time',
+      finishStartTimePlaceholder: 'Please select completion start time',
+      finishEndTimePlaceholder: 'Please select completion end time',
+      communityPlaceholder: 'Please select community',
+      search: 'Search',
+      reset: 'Reset',
+      staffPlaceholder: 'Please select staff name',
+      statePlaceholder: 'Please select status',
+      reportTitle: 'Repair Summary Report',
+      tooltip: 'Display work order summary by staff dimension',
+      export: 'Export',
+      repairId: 'Repair ID',
+      staffId: 'Staff ID',
+      staffName: 'Staff Name',
+      dealing: 'Processing (count)',
+      dispatch: 'Dispatch (count)',
+      transfer: 'Transfer (count)',
+      chargeback: 'Chargeback (count)',
+      returnVisit: 'Return Visit (count)',
+      finished: 'Finished (count)',
+      score: 'Staff Score',
+      statistics: 'Statistics',
+      timeError: 'End time must be greater than start time'
+    }
+  },
+  zh: {
+    reportRepair: {
+      queryCondition: '查询条件',
+      hide: '隐藏',
+      more: '更多',
+      beginStartTimePlaceholder: '请选择创建开始时间',
+      beginEndTimePlaceholder: '请选择创建结束时间',
+      finishStartTimePlaceholder: '请选择完结开始时间',
+      finishEndTimePlaceholder: '请选择完结结束时间',
+      communityPlaceholder: '请选择小区',
+      search: '查询',
+      reset: '重置',
+      staffPlaceholder: '请选择员工姓名',
+      statePlaceholder: '请选择状态',
+      reportTitle: '报修汇总表',
+      tooltip: '以员工为维度，展示员工处理工单情况汇总',
+      export: '导出',
+      repairId: '报修编号',
+      staffId: '员工ID',
+      staffName: '员工姓名',
+      dealing: '处理中(条)',
+      dispatch: '派单(条)',
+      transfer: '转单(条)',
+      chargeback: '退单(条)',
+      returnVisit: '已回访(条)',
+      finished: '已完结(条)',
+      score: '员工评分',
+      statistics: '统计',
+      timeError: '结束时间必须大于开始时间'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/report/reportRepairList.vue b/src/views/report/reportRepairList.vue
new file mode 100644
index 0000000..23a4ab3
--- /dev/null
+++ b/src/views/report/reportRepairList.vue
@@ -0,0 +1,349 @@
+<template>
+  <div class="animated fadeInRight report-repair-container">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('reportRepair.queryCondition') }}</span>
+            <div style="float: right;">
+              <el-button type="text" @click="_moreCondition()">
+                {{ reportRepairInfo.moreCondition ? $t('reportRepair.hide') : $t('reportRepair.more') }}
+              </el-button>
+            </div>
+          </div>
+          <div class="card-body">
+            <el-row :gutter="20">
+              <el-col :span="4">
+                <el-date-picker v-model="reportRepairInfo.conditions.beginStartTime" type="date"
+                  :placeholder="$t('reportRepair.beginStartTimePlaceholder')" style="width: 100%;" />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker v-model="reportRepairInfo.conditions.beginEndTime" type="date"
+                  :placeholder="$t('reportRepair.beginEndTimePlaceholder')" style="width: 100%;"
+                  @change="validateBeginTime" />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker v-model="reportRepairInfo.conditions.finishStartTime" type="date"
+                  :placeholder="$t('reportRepair.finishStartTimePlaceholder')" style="width: 100%;" />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker v-model="reportRepairInfo.conditions.finishEndTime" type="date"
+                  :placeholder="$t('reportRepair.finishEndTimePlaceholder')" style="width: 100%;"
+                  @change="validateFinishTime" />
+              </el-col>
+              <el-col :span="4" v-if="reportRepairInfo.communitys.length > 1">
+                <el-select v-model="reportRepairInfo.conditions.communityId"
+                  :placeholder="$t('reportRepair.communityPlaceholder')" style="width: 100%;" @change="_changCommunity">
+                  <el-option v-for="item in reportRepairInfo.communitys" :key="item.communityId" :label="item.name"
+                    :value="item.communityId" />
+                </el-select>
+              </el-col>
+              <el-col :span="4">
+                <el-button type="primary" @click="_queryMethod">
+                  <i class="el-icon-search"></i>
+                  {{ $t('reportRepair.search') }}
+                </el-button>
+                <el-button @click="_resetMethod" style="margin-left: 10px;">
+                  <i class="el-icon-refresh"></i>
+                  {{ $t('reportRepair.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20" v-show="reportRepairInfo.moreCondition">
+              <el-col :span="4">
+                <el-select v-model="reportRepairInfo.conditions.staffId"
+                  :placeholder="$t('reportRepair.staffPlaceholder')" style="width: 100%;">
+                  <el-option v-for="item in reportRepairInfo.repairUsers" :key="item.staffId" :label="item.staffName"
+                    :value="item.staffId" />
+                </el-select>
+              </el-col>
+              <el-col :span="4">
+                <el-select v-model="reportRepairInfo.conditions.state" :placeholder="$t('reportRepair.statePlaceholder')"
+                  style="width: 100%;">
+                  <template v-for="item in reportRepairInfo.states">
+                  <el-option :key="item.statusCd" :label="item.name"
+                    :value="item.statusCd" v-if="item.statusCd != '10005'" />
+                  </template>
+                </el-select>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top: 20px;">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <div>
+              <span>{{ $t('reportRepair.reportTitle') }}</span>
+              <el-tooltip :content="$t('reportRepair.tooltip')" placement="top">
+                <i class="el-icon-info" style="cursor: pointer; margin-left: 10px;"></i>
+              </el-tooltip>
+            </div>
+            <div style="float: right;">
+              <el-button type="primary" size="small" @click="_exportFee">
+                <i class="el-icon-download"></i>
+                {{ $t('reportRepair.export') }}
+              </el-button>
+            </div>
+          </div>
+          <div class="card-body">
+            <el-table :data="reportRepairInfo.repairs" border style="width: 100%" v-loading="loading">
+              <el-table-column prop="index" :label="$t('reportRepair.repairId')" align="center" width="80">
+                <template slot-scope="scope">
+                  {{ scope.$index + 1 }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="staffId" :label="$t('reportRepair.staffId')" align="center" />
+              <el-table-column prop="staffName" :label="$t('reportRepair.staffName')" align="center" />
+              <el-table-column prop="dealAmount" :label="$t('reportRepair.dealing')" align="center" />
+              <el-table-column prop="dispatchAmount" :label="$t('reportRepair.dispatch')" align="center" />
+              <el-table-column prop="transferOrderAmount" :label="$t('reportRepair.transfer')" align="center" />
+              <el-table-column prop="chargebackAmount" :label="$t('reportRepair.chargeback')" align="center" />
+              <el-table-column prop="returnAmount" :label="$t('reportRepair.returnVisit')" align="center" />
+              <el-table-column prop="statementAmount" :label="$t('reportRepair.finished')" align="center" />
+              <el-table-column prop="score" :label="$t('reportRepair.score')" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.score || '-' }}
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-table :data="[{}]" border style="width: 100%; margin-top: 20px;">
+              <el-table-column :label="$t('reportRepair.statistics')" align="center" width="80"
+                class-name="statistics-cell" />
+              <el-table-column label="---" align="center" class-name="statistics-cell" />
+              <el-table-column label="---" align="center" class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.dealNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.dispatchNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.transferOrderNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.chargebackNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.returnNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column :label="reportRepairInfo.conditions.statementNumber" align="center"
+                class-name="statistics-cell" />
+              <el-table-column label="---" align="center" class-name="statistics-cell" />
+            </el-table>
+
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+              layout="total, sizes, prev, pager, next, jumper" :total="page.total" style="margin-top: 20px;" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryRepair, exportData, listMyEnteredCommunitys } from '@/api/report/reportRepairApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ReportRepairList',
+  data() {
+    return {
+      loading: false,
+      reportRepairInfo: {
+        repairs: [],
+        communitys: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        states: [],
+        repairUsers: [],
+        conditions: {
+          staffId: '',
+          staffName: '',
+          state: '',
+          stateName: '',
+          amount: '',
+          beginStartTime: '',
+          beginEndTime: '',
+          finishStartTime: '',
+          finishEndTime: '',
+          dealNumber: '',
+          dispatchNumber: '',
+          transferOrderNumber: '',
+          chargebackNumber: '',
+          statementNumber: '',
+          returnNumber: '',
+          score: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this._initMethod()
+  },
+  methods: {
+    async _initMethod() {
+      this.reportRepairInfo.conditions.communityId = getCommunityId()
+      await this._loadStaffCommunitys()
+      await this._listRepairs(this.page.current, this.page.size)
+
+      try {
+        const states = await getDict('r_repair_user', 'state')
+        this.reportRepairInfo.states = states
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    validateBeginTime() {
+      if (this.reportRepairInfo.conditions.beginStartTime && this.reportRepairInfo.conditions.beginEndTime) {
+        const start = new Date(this.reportRepairInfo.conditions.beginStartTime).getTime()
+        const end = new Date(this.reportRepairInfo.conditions.beginEndTime).getTime()
+        if (start > end) {
+          this.$message.error(this.$t('reportRepair.timeError'))
+          this.reportRepairInfo.conditions.beginEndTime = ''
+        }
+      }
+    },
+    validateFinishTime() {
+      if (this.reportRepairInfo.conditions.finishStartTime && this.reportRepairInfo.conditions.finishEndTime) {
+        const start = new Date(this.reportRepairInfo.conditions.finishStartTime).getTime()
+        const end = new Date(this.reportRepairInfo.conditions.finishEndTime).getTime()
+        if (start > end) {
+          this.$message.error(this.$t('reportRepair.timeError'))
+          this.reportRepairInfo.conditions.finishEndTime = ''
+        }
+      }
+    },
+    async _listRepairs(page, size) {
+      this.loading = true
+      try {
+        const params = {
+          page,
+          row: size,
+          ...this.reportRepairInfo.conditions
+        }
+
+        const res = await queryRepair(params)
+        this.reportRepairInfo.repairs = res.data
+        this.reportRepairInfo.repairUsers = res.sumTotal
+        this.reportRepairInfo.conditions.dealNumber = res.rep.dealNumber
+        this.reportRepairInfo.conditions.dispatchNumber = res.rep.dispatchNumber
+        this.reportRepairInfo.conditions.transferOrderNumber = res.rep.transferOrderNumber
+        this.reportRepairInfo.conditions.chargebackNumber = res.rep.chargebackNumber
+        this.reportRepairInfo.conditions.statementNumber = res.rep.statementNumber
+        this.reportRepairInfo.conditions.returnNumber = res.rep.returnNumber
+        this.page.total = res.records
+      } catch (error) {
+        console.error('查询报修汇总失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryMethod() {
+      this.page.current = 1
+      this._listRepairs(this.page.current, this.page.size)
+    },
+    _resetMethod() {
+      this.reportRepairInfo.conditions = {
+        ...this.reportRepairInfo.conditions,
+        staffId: '',
+        staffName: '',
+        beginStartTime: '',
+        beginEndTime: '',
+        finishStartTime: '',
+        finishEndTime: '',
+        state: '',
+        stateName: ''
+      }
+      this._listRepairs(this.page.current, this.page.size)
+    },
+    _moreCondition() {
+      this.reportRepairInfo.moreCondition = !this.reportRepairInfo.moreCondition
+    },
+    async _exportFee() {
+      try {
+        const params = {
+          pagePath: 'reportRepairDetail',
+          ...this.reportRepairInfo.conditions
+        }
+
+        const res = await exportData(params )
+        this.$message.success(res.msg)
+        if (res.code === 0) {
+          this.$router.push('/pages/property/downloadTempFile?tab=下载中心')
+        }
+      } catch (error) {
+        console.error('导出失败:', error)
+      }
+    },
+    async _loadStaffCommunitys() {
+      try {
+        const params = {
+          _uid: '123mlkdinkldldijdhuudjdjkkd',
+          page: 1,
+          row: 100
+        }
+
+        const res = await listMyEnteredCommunitys(params)
+        this.reportRepairInfo.communitys = res.communitys
+      } catch (error) {
+        console.error('获取小区列表失败:', error)
+      }
+    },
+    _changCommunity() {
+      this._listRepairs(this.page.current, this.page.size)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listRepairs(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listRepairs(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.report-repair-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .card-body {
+      padding: 20px 0;
+    }
+  }
+
+  .el-table {
+    margin-top: 20px;
+
+    .statistics-cell {
+      font-size: 18px;
+      color: red;
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file