开发完成报修功能

wuxw
1 parent 2e0fd29c
Showing 47 changed files with 5512 additions and 77 deletions
src/api/work/myRepairDispatchManageApi.js
src/api/work/ownerRepairManageApi.js
src/api/work/repairDetailApi.js
src/api/work/repairDispatchManageApi.js
src/api/work/repairForceFinishManageApi.js
src/api/work/repairPoolManageApi.js
src/api/work/repairReturnVisitApi.js
src/api/work/repairTypeUserApi.js
src/components/work/OrgTreeShow.vue → src/components/org/OrgTreeShow.vue
src/components/work/SelectStaff.vue → src/components/staff/SelectStaff.vue
src/components/work/AppraiseRepair.vue
src/components/work/DeleteRepairTypeUser.vue
src/components/work/EditRepairTypeUser.vue
src/components/work/StartRepair.vue
src/components/work/StopRepair.vue
src/components/work/addOwnerRepair.vue
src/components/work/chooseSingleResource.vue
src/components/work/closeOrder.vue
src/components/work/deleteOwnerRepair.vue
src/components/work/dispatchRepair.vue
+import request from '@/utils/request'
+
+// 获取维修已办列表
+export function listStaffFinishRepairs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listStaffFinishRepairs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取维修已办列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取报修类型列表
+export function listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: 'repair.listRepairSettings',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取报修类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 结单操作
+export function closeRepairDispatch(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.closeRepairDispatch',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '结单操作失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询业主报修列表
+export function listOwnerRepairs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listOwnerRepairs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取业主报修列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加业主报修
+export function saveOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.saveOwnerRepair',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加业主报修失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新业主报修
+export function updateOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.updateOwnerRepair',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新业主报修失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除业主报修
+export function deleteOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.deleteOwnerRepair',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除业主报修失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询报修类型列表
+export function listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairSettings',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取报修类型列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询楼栋列表
+export function queryFloors(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloors',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取楼栋列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询单元列表
+export function queryUnits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/unit.queryUnits',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取单元列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋列表
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取房屋列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取工单详情
+export function getRepairDetail(repairId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/ownerRepair.listOwnerRepairs',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 1,
+        communityId,
+        repairId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data[0])
+      } else {
+        reject(new Error(res.msg || '获取工单详情失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工单图片
+export function getRepairPhotos(repairId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/ownerRepair.listOwnerRepairs',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 1,
+        communityId,
+        repairId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          photos: res.data[0].repairPhotos || [],
+          beforePhotos: res.data[0].beforePhotos || [],
+          afterPhotos: res.data[0].afterPhotos || []
+        })
+      } else {
+        reject(new Error(res.msg || '获取工单图片失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取维修物品
+export function getRepairResources(repairId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/resourceStore.listResourceStoreUseRecords',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 100,
+        communityId,
+        repairId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        const resources = res.data.map(item => {
+          if (item.resId === '666666') {
+            return { ...item, rstName: '自定义', specName: '自定义' }
+          }
+          return item
+        })
+        resolve(resources)
+      } else {
+        reject(new Error(res.msg || '获取维修物品失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工单流转
+export function getRepairFlow(repairId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/ownerRepair.listRepairStaffs',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 100,
+        communityId,
+        repairId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取工单流转失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工单事件
+export function getRepairEvents(repairId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/repair.listRepairEvent',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 100,
+        communityId,
+        repairId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取工单事件失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 回复评价
+export function replyAppraise(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/repair.replyRepairAppraise',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve()
+      } else {
+        reject(new Error(res.msg || '回复评价失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取报修单列表
+export function listStaffRepairs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listStaffRepairs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取报修单列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取报修类型
+export function listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairSettings',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取报修类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取维修师傅列表
+export function listRepairTypeUsers(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairTypeUsers',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取维修师傅列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 报修派单
+export function repairDispatch(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairDispatch',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '报修派单失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 回访工单
+export function appraiseRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.appraiseRepair',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '回访工单失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 暂停报修
+export function repairStop(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairStop',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '暂停报修失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 启动报修
+export function repairStart(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairStart',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '启动报修失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取报修设置列表
+export function listRepairSettings() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairSettings',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 50,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取报修设置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取报修池列表
+export function listOwnerRepairs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listOwnerRepairs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve({
+          data: res.data,
+          total: res.total,
+          records: res.records
+        })
+      } else {
+        reject(new Error(res.msg || '获取报修列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取资源物品类型
+export function listResourceStoreTypes(parentId = '0') {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStoreType.listResourceStoreTypes',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 100,
+        communityId: getCommunityId(),
+        parentId,
+        giveType: 1
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取资源物品类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取用户仓库物品
+export function listUserStorehouses(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStore.listUserStorehouses',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId(),
+        chooseType: "repair",
+        flag: 1,
+        sign: 1,
+        giveType: 1
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取仓库物品失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 强制回单
+export function repairForceFinish(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairForceFinish',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '强制回单失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取字典数据
+export function getDict(dictType, statusCd) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.listDict',
+      method: 'get',
+      params: {
+        dictType,
+        statusCd,
+        page: 1,
+        row: 100
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取字典失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询报修工单池
+export function listRepairPools(params) {
+  return new Promise((resolve, reject) => {
+    const baseParams = {
+      communityId: getCommunityId(),
+      page: params.page || 1,
+      row: params.row || 10
+    }
+    
+    const queryParams = { ...baseParams, ...params }
+    
+    if (queryParams.state === 'TIMEOUT') {
+      queryParams.state = ''
+      queryParams.timeoutFlag = 'Y'
+    }
+    
+    request({
+      url: '/ownerRepair.listOwnerRepairs',
+      method: 'get',
+      params: queryParams
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to fetch repair pools'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 派单
+export function dispatchRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairDispatch',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Dispatch failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 结束工单
+export function endRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.repairEnd',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'End repair failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新业主报修
+export function updateOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.updateOwnerRepair',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Update failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除业主报修
+export function deleteOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.deleteOwnerRepair',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Delete failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 抢单
+export function grabbingRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.grabbingRepair',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Grab order failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询报修回访列表
+export function getRepairReturnVisitList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair/queryRepairReturnVisit',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || '查询报修回访列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存报修回访记录
+export function saveRepairReturnVisit(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair/saveRepairReturnVisit',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存回访记录失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询报修类型设置
+export function listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairSettings',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data
+        })
+      } else {
+        reject(new Error(res.msg || '查询报修类型设置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
@@ -38,7 +38,7 @@ export function updateRepairTypeUser(data) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/repair/updateRepairTypeUser',
+      url: '/repair.updateRepairTypeUser',
       method: 'post',
       data
     }).then(response => {
@@ -55,7 +55,7 @@ export function deleteRepairTypeUser(data) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/repair/deleteRepairTypeUser',
+      url: '/repair.deleteRepairTypeUser',
       method: 'post',
       data
     }).then(response => {
@@ -71,7 +71,7 @@ export function listOrgTree(params) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/org/listOrgTree',
+      url: '/org.listOrgTree',
       method: 'get',
       params
     }).then(response => {
 <template>
   <div>
-    <el-tree
-      ref="orgTree"
-      :data="orgs"
-      node-key="id"
-      :props="defaultProps"
-      default-expand-all
-      :expand-on-click-node="false"
-      @node-click="handleNodeClick"
-    ></el-tree>
+    <el-tree ref="orgTree" :data="orgs" node-key="id" :props="defaultProps" default-expand-all
+      :expand-on-click-node="false" @node-click="handleNodeClick"></el-tree>
   </div>
 </template>
@@ -36,7 +29,7 @@ export default {
         }
         const response = await listOrgTree(params)
         if (response.code === 0) {
-          this.orgs = response.data
+          this.orgs = [response.data]
         } else {
           this.$message.error(response.msg || this.$t('common.requestFailed'))
         }
 <template>
-  <el-dialog
-    :visible="visible"
-    :title="$t('selectStaff.title')"
-    width="80%"
-    @close="handleClose"
-  >
+  <el-dialog :visible="visible" :title="$t('selectStaff.title')" width="80%" @close="handleClose">
     <el-row :gutter="20">
       <el-col :span="12" class="border-right">
         <div class="text-center">
@@ -19,13 +14,8 @@
           <h4>{{ $t('selectStaff.staffInfo') }}</h4>
         </div>
         <div class="padding-left staff padding padding-top-xs">
-          <div 
-            v-for="(item, index) in staffs" 
-            :key="index"
-            class="staff-item"
-            :class="{'selected': curStaffId === item.staffId}"
-            @click="selectStaff(item)"
-          >
+          <div v-for="(item, index) in staffs" :key="index" class="staff-item" 
+          :class="{'selected': curStaffId == item.userId }" @click="selectStaff(item)">
             <div>
               <i class="el-icon-user margin-right-xs"></i>
               {{ item.name }}
@@ -43,7 +33,7 @@
 </template>
 <script>
-import OrgTreeShow from '@/components/work/OrgTreeShow'
+import OrgTreeShow from '@/components/org/OrgTreeShow'
 import { getStaffInfos } from '@/api/work/repairTypeUserApi'
 export default {
@@ -62,8 +52,7 @@ export default {
     }
   },
   methods: {
-    open(staffConfig) {
-      this.staffConfig = staffConfig || {}
+    open() {
       this.visible = true
       this.$nextTick(() => {
         this.$refs.orgTree.refreshTree()
@@ -83,34 +72,29 @@ export default {
       try {
         const params = {
           orgId: orgId,
-          row: 50
+          row: 50,
+          page: 1
         }
-        const response = await getStaffInfos(params)
-        if (response.code === 0) {
-          this.staffs = response.data
+        const {staffs} = await getStaffInfos(params)
+
+          this.staffs = staffs
           if (this.staffs.length > 0) {
-            this.curStaffId = this.staffs[0].staffId
+            this.curStaffId = this.staffs[0].userId
           }
-        } else {
-          this.$message.error(response.msg || this.$t('common.requestFailed'))
-        }
       } catch (error) {
         console.error('Error loading staff:', error)
         this.$message.error(this.$t('common.requestFailed'))
       }
     },
     selectStaff(staff) {
-      this.curStaffId = staff.staffId
+      this.curStaffId = staff.userId
       this.selectedStaff = staff
     },
     handleSubmit() {
       if (this.selectedStaff) {
-        if (this.staffConfig.call) {
-          this.staffConfig.call({
-            staffId: this.selectedStaff.staffId,
-            staffName: this.selectedStaff.name
-          })
-        }
+        this.selectedStaff.staffId = this.selectedStaff.userId
+        this.selectedStaff.staffName = this.selectedStaff.userName
+        this.$emit('selectStaff', this.selectedStaff)
         this.handleClose()
       } else {
         this.$message.warning(this.$t('selectStaff.selectStaffFirst'))
@@ -124,23 +108,28 @@ export default {
 .border-right {
   border-right: 1px solid #ebeef5;
 }
+
 .padding {
   padding: 15px;
 }
+
 .staff-item {
   padding: 10px;
   margin-bottom: 10px;
-  border: 1px solid #ebeef5;
+  
   border-radius: 4px;
   cursor: pointer;
 }
+
 .staff-item:hover {
   background-color: #f5f7fa;
 }
-.staff-item.selected {
+
+.selected {
   background-color: #ecf5ff;
-  border-color: #409eff;
+  border: 1px solid #409eff;
 }
+
 .text-center {
   text-align: center;
   margin-bottom: 15px;
+<template>
+  <el-dialog
+    :title="$t('repairDispatchManage.returnVisit')"
+    :visible.sync="visible"
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item
+        :label="$t('repairDispatchManage.returnVisitSuggestion')"
+        prop="context"
+        :rules="[{ required: true, message: $t('repairDispatchManage.requiredReturnVisitSuggestion'), trigger: 'blur' }]"
+      >
+        <el-input
+          type="textarea"
+          :rows="4"
+          v-model="form.context"
+          :placeholder="$t('repairDispatchManage.requiredReturnVisitSuggestion')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { appraiseRepair } from '@/api/work/repairDispatchManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AppraiseRepair',
+  data() {
+    return {
+      visible: false,
+      form: {
+        repairId: '',
+        repairType: '',
+        context: '',
+        publicArea: '',
+        repairChannel: '',
+        maintenanceType: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        repairId: row.repairId,
+        repairType: row.repairType,
+        publicArea: row.publicArea,
+        repairChannel: row.repairChannel,
+        maintenanceType: row.maintenanceType,
+        context: ''
+      }
+      this.visible = true
+    },
+    async submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const data = {
+            ...this.form,
+            communityId: getCommunityId()
+          }
+          
+          await appraiseRepair(data)
+          this.$emit('success')
+          this.visible = false
+          this.$message.success(this.$t('common.operationSuccess'))
+        } catch (error) {
+          console.error('回访失败:', error)
+          this.$message.error(this.$t('repairDispatchManage.returnVisitFailed'))
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.form = {
+        repairId: '',
+        repairType: '',
+        context: '',
+        publicArea: '',
+        repairChannel: '',
+        maintenanceType: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -10,7 +10,7 @@
     </div>
     <div slot="footer" class="dialog-footer">
       <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
-      <el-button type="danger" @click="confirmDelete">{{ $t('common.confirmDelete') }}</el-button>
+      <el-button type="danger" @click="confirmDelete">{{ $t('common.delete') }}</el-button>
     </div>
   </el-dialog>
 </template>
 <template>
-  <el-dialog
-    :visible="visible"
-    :title="$t('editRepairTypeUser.title')"
-    width="50%"
-    @close="handleClose"
-  >
+  <el-dialog :visible="visible" :title="$t('editRepairTypeUser.title')" width="50%" @close="handleClose">
     <el-form ref="form" :model="form" label-width="120px">
       <el-form-item :label="$t('editRepairTypeUser.status')" prop="state" required>
         <el-select v-model="form.state" style="width: 100%">
@@ -35,7 +30,8 @@ export default {
       form: {
         typeUserId: '',
         state: '',
-        remark: ''
+        remark: '',
+        repairType: ''
       }
     }
   },
@@ -43,6 +39,7 @@ export default {
     open(repairTypeUser) {
       this.form = {
         typeUserId: repairTypeUser.typeUserId,
+        repairType: repairTypeUser.repairType,
         state: repairTypeUser.state,
         remark: repairTypeUser.remark
       }
@@ -53,7 +50,8 @@ export default {
       this.form = {
         typeUserId: '',
         state: '',
-        remark: ''
+        remark: '',
+        repairType: ''
       }
     },
     async saveChanges() {
@@ -62,13 +60,13 @@ export default {
           this.$message.warning(this.$t('editRepairTypeUser.statusRequired'))
           return
         }
-        
+
         const communityId = await getCommunityId()
         const data = {
           ...this.form,
           communityId: communityId
         }
-        
+
         const response = await updateRepairTypeUser(data)
         if (response.code === 0) {
           this.$message.success(this.$t('common.saveSuccess'))
+<template>
+  <el-dialog
+    :title="$t('repairDispatchManage.confirmOperation')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('repairDispatchManage.confirmStartRepair') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { repairStart } from '@/api/work/repairDispatchManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'StartRepair',
+  data() {
+    return {
+      visible: false,
+      form: {}
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = { ...row }
+      this.visible = true
+    },
+    async submitForm() {
+      try {
+        const data = {
+          ...this.form,
+          communityId: getCommunityId()
+        }
+        
+        await repairStart(data)
+        this.$emit('success')
+        this.visible = false
+        this.$message.success(this.$t('common.operationSuccess'))
+      } catch (error) {
+        console.error('启动失败:', error)
+        this.$message.error(this.$t('repairDispatchManage.startFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('repairDispatchManage.pauseRepair')"
+    :visible.sync="visible"
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item
+        :label="$t('repairDispatchManage.pauseReason')"
+        prop="remark"
+        :rules="[{ required: true, message: $t('repairDispatchManage.requiredPauseReason'), trigger: 'blur' }]"
+      >
+        <el-input
+          type="textarea"
+          :rows="4"
+          v-model="form.remark"
+          :placeholder="$t('repairDispatchManage.requiredPauseReason')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { repairStop } from '@/api/work/repairDispatchManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'StopRepair',
+  data() {
+    return {
+      visible: false,
+      form: {
+        repairId: '',
+        repairType: '',
+        remark: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        repairId: row.repairId,
+        repairType: row.repairType,
+        remark: ''
+      }
+      this.visible = true
+    },
+    async submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const data = {
+            ...this.form,
+            communityId: getCommunityId()
+          }
+          
+          await repairStop(data)
+          this.$emit('success')
+          this.visible = false
+          this.$message.success(this.$t('common.operationSuccess'))
+        } catch (error) {
+          console.error('暂停失败:', error)
+          this.$message.error(this.$t('repairDispatchManage.pauseFailed'))
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.form = {
+        repairId: '',
+        repairType: '',
+        remark: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('addOwnerRepair.title')" :visible.sync="visible" width="50%" @close="closeDialog">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('addOwnerRepair.repairScope')" prop="repairObjType" required>
+        <el-select v-model="formData.repairObjType" style="width:100%" @change="changeRepairObjType">
+          <el-option v-for="item in repairObjTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.repairObjType && formData.repairObjType !== '001'"
+        :label="$t('addOwnerRepair.belongBuilding')">
+        <el-select v-model="formData.floorId" style="width:100%" @change="handleFloorChange">
+          <el-option v-for="item in floors" :key="item.floorId" :label="item.floorNum" :value="item.floorId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.repairObjType === '003' || formData.repairObjType === '004'"
+        :label="$t('addOwnerRepair.belongUnit')">
+        <el-select v-model="formData.unitId" style="width:100%" @change="handleUnitChange">
+          <el-option v-for="item in units" :key="item.unitId" :label="item.unitNum" :value="item.unitId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.repairObjType === '004'" :label="$t('addOwnerRepair.belongRoom')">
+        <el-select v-model="formData.roomId" style="width:100%" @change="handleRoomChange">
+          <el-option v-for="item in rooms" :key="item.roomId" :label="item.roomName" :value="item.roomId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addOwnerRepair.repairType')" prop="repairType" required>
+        <el-select v-model="formData.repairType" style="width:100%">
+          <el-option v-for="item in repairSettings" :key="item.repairType" :label="item.repairTypeName"
+            :value="item.repairType" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addOwnerRepair.repairName')" prop="repairName" required>
+        <el-input v-model.trim="formData.repairName" />
+      </el-form-item>
+
+      <el-form-item :label="$t('addOwnerRepair.tel')" prop="tel" required>
+        <el-input v-model.trim="formData.tel" type="tel" />
+      </el-form-item>
+
+      <el-form-item :label="$t('addOwnerRepair.appointmentTime')" prop="appointmentTime" required>
+        <el-date-picker v-model="formData.appointmentTime" type="datetime" style="width:100%"
+          :placeholder="$t('addOwnerRepair.placeholder.appointmentTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+      </el-form-item>
+
+      <el-form-item :label="$t('addOwnerRepair.context')" prop="context" required>
+        <el-input v-model.trim="formData.context" type="textarea" rows="4" />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="saveOwnerRepairInfo">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import * as ownerRepairManageApi from '@/api/work/ownerRepairManageApi'
+import { getCommunityName } from '@/api/community/communityApi'
+import {getFloors, getUnits, queryRooms} from '@/api/room/roomApi'
+import {getDateYYYYMMDD} from '@/utils/dateUtil'
+
+export default {
+  name: 'AddOwnerRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '',
+        repairObjId: '',
+        repairObjName: '',
+        repairChannel: 'T',
+        floorId: '',
+        unitId: '',
+        roomId: ''
+      },
+      repairSettings: [],
+      repairObjTypes: [
+        { value: '001', label: this.$t('addOwnerRepair.community') },
+        { value: '002', label: this.$t('addOwnerRepair.building') },
+        { value: '003', label: this.$t('addOwnerRepair.unit') },
+        { value: '004', label: this.$t('addOwnerRepair.room') }
+      ],
+      floors:[],
+      units:[],
+      rooms:[]
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetForm()
+      this.formData.appointmentTime =getDateYYYYMMDD()
+      this.listRepairSettings('T')
+    },
+    closeDialog() {
+      this.$refs.form.resetFields()
+    },
+    resetForm() {
+      this.formData = {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '',
+        repairObjId: '',
+        repairObjName: '',
+        repairChannel: 'T'
+      }
+    },
+    handleFloorChange(floorId) {
+      if (this.formData.repairObjType == '002') {
+        this.formData.repairObjId = floorId
+        this.formData.repairObjName = this.floors.find(item => item.floorId == floorId).floorNum + this.$t('addOwnerRepair.buildingSuffix')
+      }else{
+        this.listUnits()
+      }
+    },
+    handleUnitChange(unitId) {
+      if (this.formData.repairObjType == '003') {
+        this.formData.repairObjId = unitId
+        this.formData.repairObjName = this.units.find(item => item.unitId == unitId).unitNum + this.$t('addOwnerRepair.unitSuffix')
+      }else{
+        this.listRooms()
+      }
+    },
+    handleRoomChange(roomId) {
+      if (this.formData.repairObjType === '004') {
+        this.formData.repairObjId = roomId
+        this.formData.repairObjName =this.rooms.find(item => item.roomId == roomId).roomNum + this.$t('addOwnerRepair.roomSuffix')
+      }
+    },
+    changeRepairObjType() {
+      this.formData.repairType = ''
+      const publicArea = this.formData.repairObjType === '004' ? 'F' : 'T'
+      this.listRepairSettings(publicArea)
+      this.listFloors()
+    },
+    async listFloors() {
+      const params = {
+        communityId: this.getCommunityId(),
+        page: 1,
+        row: 200
+      }
+      const { apiFloorDataVoList } = await getFloors(params);
+      this.floors = apiFloorDataVoList
+    },
+    async listUnits() {
+      const params = {
+        communityId: this.getCommunityId(),
+        floorId: this.formData.floorId,
+        page: 1,
+        row: 200
+      }
+      const  data  = await getUnits(params);
+      this.units = data
+    },
+    async listRooms() {
+      const params = {
+        communityId: this.getCommunityId(),
+        unitId: this.formData.unitId,
+        page: 1,
+        row: 500
+      }
+      const { rooms } = await queryRooms(params);
+      this.rooms = rooms
+    },
+    async listRepairSettings(publicArea) {
+      const params = {
+        page: 1,
+        row: 50,
+        publicArea: publicArea,
+        communityId: this.getCommunityId()
+      }
+      const { data } = await ownerRepairManageApi.listRepairSettings(params);
+      this.repairSettings = data
+    },
+    saveOwnerRepairInfo() {
+      if (this.formData.repairObjType === '001') {
+        this.formData.repairObjId = this.getCommunityId()
+        this.formData.repairObjName = getCommunityName()
+      }
+      this.formData.communityId = this.getCommunityId()
+
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          ownerRepairManageApi.saveOwnerRepair(this.formData).then(res => {
+            if (res.code === 0) {
+              this.$message.success(this.$t('common.addSuccess'))
+              this.visible = false
+              this.$emit('success')
+            } else {
+              this.$message.error(res.msg)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog 
+    :title="$t('chooseSingleResource.title')"
+    :visible.sync="visible"
+    width="60%"
+    @close="closeDialog"
+  >
+    <el-form label-width="120px">
+      <el-form-item :label="$t('chooseSingleResource.goodsType')">
+        <el-select 
+          v-model="form.rsId"
+          placeholder="请选择"
+          style="width:100%"
+          @change="listSonResourceStoreType"
+        >
+          <el-option
+            v-for="item in resourceStoreTypes"
+            :key="item.rstId"
+            :label="item.name"
+            :value="item.rstId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <template v-if="form.isCustom">
+        <el-form-item :label="$t('chooseSingleResource.goodsName')">
+          <el-input
+            v-model="form.customGoodsName"
+            :placeholder="$t('chooseSingleResource.goodsNamePlaceholder')"
+          />
+        </el-form-item>
+      </template>
+      
+      <template v-else>
+        <el-form-item :label="$t('chooseSingleResource.secondaryCategory')">
+          <el-select 
+            v-model="form.rstId"
+            placeholder="请选择"
+            style="width:100%"
+            @change="choseGoods"
+          >
+            <el-option
+              v-for="item in sonResourceStoreTypes"
+              :key="item.rstId"
+              :label="item.name"
+              :value="item.rstId"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item v-if="form.rstId" :label="$t('chooseSingleResource.goods')">
+          <el-select 
+            v-model="form.resId"
+            placeholder="请选择"
+            style="width:100%"
+            @change="chosePrice"
+          >
+            <el-option
+              v-for="item in resourceStores"
+              :key="item.resId"
+              :label="item.resName"
+              :value="item.resId"
+            />
+          </el-select>
+        </el-form-item>
+      </template>
+
+      <template v-if="form.resId || form.isCustom">
+        <el-form-item :label="$t('chooseSingleResource.quantity')">
+          <el-input-number
+            v-model="form.useNumber"
+            :min="1"
+            label="数量"
+          />
+        </el-form-item>
+      </template>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('chooseSingleResource.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmSelection">{{ $t('chooseSingleResource.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listResourceStoreTypes, listUserStorehouses } from '@/api/work/repairForceFinishManageApi'
+
+export default {
+  name: 'ChooseSingleResource',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    maintenanceType: {
+      type: String,
+      default: ''
+    },
+    repairId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      form: {
+        maintenanceType: '',
+        resourceStoreTypes: [],
+        sonResourceStoreTypes: [],
+        rstId: '',
+        rsId: '',
+        resId: '',
+        repairId: '',
+        selectedGoodsInfo: {},
+        resourceStores: [],
+        isCustom: false,
+        customGoodsName: '',
+        price: '',
+        outLowPrice: '',
+        outHighPrice: '',
+        useNumber: 1,
+        sign: ''
+      }
+    }
+  },
+  watch: {
+    maintenanceType(newVal) {
+      this.form.maintenanceType = newVal
+    },
+    repairId(newVal) {
+      this.form.repairId = newVal
+    }
+  },
+  mounted() {
+    this.listResourceStoreType()
+  },
+  methods: {
+    open(param) {
+      this.form = {
+        ...this.form,
+        maintenanceType: param.maintenanceType,
+        repairId: param.repairId || '',
+        sign: param.sign || ''
+      }
+      this.listResourceStoreType()
+    },
+    closeDialog() {
+      this.$emit('update:visible', false)
+    },
+    async listResourceStoreType() {
+      try {
+        const data = await listResourceStoreTypes('0')
+        this.form.resourceStoreTypes = [...data, { rstId: 'custom', name: '自定义' }]
+      } catch (error) {
+        console.error('获取资源类型失败:', error)
+        this.$message.error('获取资源类型失败')
+      }
+    },
+    async listSonResourceStoreType() {
+      if (this.form.rsId === 'custom') {
+        this.form.isCustom = true
+        return
+      }
+      
+      this.form.isCustom = false
+      try {
+        const data = await listResourceStoreTypes(this.form.rsId)
+        this.form.sonResourceStoreTypes = data
+      } catch (error) {
+        console.error('获取子资源类型失败:', error)
+        this.$message.error('获取子资源类型失败')
+      }
+    },
+    async choseGoods() {
+      if (!this.form.rstId) return
+      
+      try {
+        const params = {
+          repairId: this.form.repairId,
+          rstId: this.form.rstId,
+          sign: this.form.sign
+        }
+        const data = await listUserStorehouses(params)
+        this.form.resourceStores = data
+      } catch (error) {
+        console.error('获取商品失败:', error)
+        this.$message.error('获取商品失败')
+      }
+    },
+    chosePrice() {
+      const selected = this.form.resourceStores.find(item => item.resId === this.form.resId)
+      if (selected) {
+        this.form.selectedGoodsInfo = selected
+        if (selected.outLowPrice === selected.outHighPrice) {
+          this.form.price = selected.outLowPrice
+        } else {
+          this.form.price = ''
+        }
+        this.form.outLowPrice = selected.outLowPrice
+        this.form.outHighPrice = selected.outHighPrice
+      }
+    },
+    confirmSelection() {
+      if (this.validateForm()) {
+        this.$emit('confirm', {
+          ...this.form.selectedGoodsInfo,
+          price: this.form.price,
+          useNumber: this.form.useNumber,
+          isCustom: this.form.isCustom,
+          customGoodsName: this.form.customGoodsName
+        })
+        this.closeDialog()
+      }
+    },
+    validateForm() {
+      if (this.form.isCustom) {
+        if (!this.form.customGoodsName) {
+          this.$message.warning('请填写商品名')
+          return false
+        }
+        if (this.form.maintenanceType === '1001' && !this.form.price) {
+          this.$message.warning('请填写价格')
+          return false
+        }
+      } else {
+        if (!this.form.rsId) {
+          this.$message.warning('请选择商品类型')
+          return false
+        }
+        if (!this.form.rstId) {
+          this.$message.warning('请选择二级分类')
+          return false
+        }
+        if (!this.form.resId) {
+          this.$message.warning('请选择商品')
+          return false
+        }
+      }
+      return true
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+    <el-dialog
+      :title="$t('closeOrder.closeOrderInfo')"
+      :visible.sync="visible"
+      width="50%"
+      :before-close="handleClose"
+    >
+      <el-form ref="form" :model="closeOrderInfo" label-width="120px">
+        <el-form-item :label="$t('closeOrder.closeStatus')" prop="state" required>
+          <el-select
+            v-model="closeOrderInfo.state"
+            :placeholder="$t('closeOrder.selectCloseStatus')"
+            style="width:100%;"
+          >
+            <el-option
+              :label="$t('closeOrder.closeOrder')"
+              value="1100"
+            />
+            <el-option
+              :label="$t('closeOrder.returnOrder')"
+              value="1200"
+            />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item :label="$t('closeOrder.reason')" prop="remark">
+          <el-input
+            v-model="closeOrderInfo.remark"
+            type="textarea"
+            :placeholder="$t('closeOrder.reasonPlaceholder')"
+            :rows="4"
+          />
+        </el-form-item>
+      </el-form>
+      
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="_closeOrderSubmit">{{ $t('common.submit') }}</el-button>
+      </div>
+    </el-dialog>
+  </template>
+  
+  <script>
+  export default {
+    name: 'CloseOrder',
+    data() {
+      return {
+        visible: false,
+        closeOrderInfo: {
+          state: '',
+          remark: ''
+        }
+      }
+    },
+    watch: {
+      'closeOrderInfo.state': {
+        handler(val) {
+          if (val === '1100') {
+            this.closeOrderInfo.remark = this.$t('closeOrder.processed')
+          } else {
+            this.closeOrderInfo.remark = ''
+          }
+        },
+        deep: true
+      }
+    },
+    methods: {
+      open() {
+        this.visible = true
+        this.resetForm()
+      },
+      
+      handleClose() {
+        this.visible = false
+        this.resetForm()
+      },
+      
+      resetForm() {
+        this.closeOrderInfo = {
+          state: '',
+          remark: ''
+        }
+        if (this.$refs.form) {
+          this.$refs.form.resetFields()
+        }
+      },
+      
+      _closeOrderSubmit() {
+        this.$refs.form.validate(valid => {
+          if (valid) {
+            this.$emit('success', this.closeOrderInfo)
+            this.handleClose()
+          }
+        })
+      }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .dialog-footer {
+    text-align: right;
+  }
+  </style>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('common.delete')" :visible.sync="visible" width="30%">
+    <p>{{ $t('common.deleteConfirm') }}</p>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmDelete">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteOwnerRepair } from '@/api/work/repairPoolManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteOwnerRepair',
+  data() {
+    return {
+      visible: false,
+      repairId: ''
+    }
+  },
+  methods: {
+    open(repairId) {
+      this.repairId = repairId
+      this.visible = true
+    },
+
+    async confirmDelete() {
+      try {
+        await deleteOwnerRepair({
+          repairId: this.repairId,
+          communityId: getCommunityId()
+        })
+
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('Delete repair failed:', error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('repairPoolManage.dispatch')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item v-if="formData.action === 'BACK'" :label="$t('repairPoolManage.repairPerson')" prop="staffName">
+        <el-input v-model="formData.staffName" disabled />
+      </el-form-item>
+
+      <el-form-item v-else :label="$t('repairPoolManage.repairPerson')" prop="staffId"
+        :rules="[{ required: true, message: $t('repairPoolManage.selectRepairPerson'), trigger: 'blur' }]">
+        <el-select v-model="formData.staffId" style="width:100%">
+          <el-option v-for="item in repairTypeUsers" :key="item.staffId" :label="item.staffName" :value="item.staffId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('repairPoolManage.operationSuggestions')" prop="context"
+        :rules="[{ required: true, message: $t('repairPoolManage.operationSuggestions'), trigger: 'blur' }]">
+        <el-input v-model="formData.context" type="textarea" :rows="4"
+          :placeholder="$t('repairPoolManage.processingOpinionsPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { dispatchRepair } from '@/api/work/repairPoolManageApi'
+import {listRepairTypeUsers} from '@/api/work/repairTypeUserApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DispatchRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairId: '',
+        repairType: '',
+        staffId: '',
+        staffName: '',
+        context: '',
+        action: '',
+        repairTypeUsers: [],
+        currentUserId: ''
+      },
+      repairTypeUsers: []
+    }
+  },
+  methods: {
+    open(repair) {
+      this.formData = {
+        ...this.formData,
+        repairId: repair.repairId,
+        repairType: repair.repairType,
+        action: repair.action || 'DISPATCH'
+      }
+
+      if (repair.action === 'BACK') {
+        this.formData.staffId = repair.preStaffId
+        this.formData.staffName = repair.preStaffName
+      }
+
+      this.listRepairTypeUsers()
+      this.visible = true
+    },
+
+    async listRepairTypeUsers() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId(),
+          repairType: this.formData.repairType,
+          state: '9999'
+        }
+
+        const res = await listRepairTypeUsers(params)
+        this.repairTypeUsers = res.data || []
+      } catch (error) {
+        console.error('Failed to fetch repair type users:', error)
+      }
+    },
+
+    async submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const staff = this.repairTypeUsers.find(item => item.staffId === this.formData.staffId)
+            if (staff) {
+              this.formData.staffName = staff.staffName
+            }
+
+            if (this.formData.action === 'TRANSFER' && this.formData.currentUserId === this.formData.staffId) {
+              this.$message.error(this.$t('repairPoolManage.cannotTransferSelf'))
+              return
+            }
+
+            const data = {
+              ...this.formData,
+              communityId: getCommunityId()
+            }
+
+            await dispatchRepair(data)
+            this.$message.success(this.$t('common.operationSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('Dispatch repair failed:', error)
+          }
+        }
+      })
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        repairId: '',
+        repairType: '',
+        staffId: '',
+        staffName: '',
+        context: '',
+        action: '',
+        repairTypeUsers: [],
+        currentUserId: this.$store.getters.userId
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('repairPoolManage.modify')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('repairPoolManage.repairType')" prop="repairType"
+        :rules="[{ required: true, message: $t('repairPoolManage.repairTypeRequired'), trigger: 'change' }]">
+        <el-select v-model="formData.repairType" style="width:100%">
+          <el-option v-for="item in repairSettings" :key="item.repairType" :label="item.repairTypeName"
+            :value="item.repairType" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('repairPoolManage.repairPerson')" prop="repairName"
+        :rules="[{ required: true, message: $t('repairPoolManage.repairPersonRequired'), trigger: 'blur' }]">
+        <el-input v-model="formData.repairName" />
+      </el-form-item>
+
+      <el-form-item :label="$t('repairPoolManage.contact')" prop="tel" :rules="[
+        { required: true, message: $t('repairPoolManage.contactRequired'), trigger: 'blur' },
+        { pattern: /^1[3-9]\d{9}$/, message: $t('repairPoolManage.contactFormat'), trigger: 'blur' }
+      ]">
+        <el-input v-model="formData.tel" type="tel" />
+      </el-form-item>
+
+      <el-form-item :label="$t('repairPoolManage.appointmentTime')" prop="appointmentTime"
+        :rules="[{ required: true, message: $t('repairPoolManage.appointmentTimeRequired'), trigger: 'blur' }]">
+        <el-date-picker v-model="formData.appointmentTime" type="datetime" style="width:100%"
+          value-format="yyyy-MM-dd HH:mm:ss" :placeholder="$t('repairPoolManage.selectAppointmentTime')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('repairPoolManage.repairContent')" prop="context"
+        :rules="[{ required: true, message: $t('repairPoolManage.repairContentRequired'), trigger: 'blur' }]">
+        <el-input v-model="formData.context" type="textarea" :rows="4"
+          :placeholder="$t('repairPoolManage.repairContentPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateOwnerRepair,listRepairSettings } from '@/api/work/ownerRepairManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditOwnerRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairId: '',
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '',
+        repairObjId: '',
+        repairObjName: ''
+      },
+      repairSettings: []
+    }
+  },
+  methods: {
+    open(repair) {
+      this.formData = { ...repair }
+      this.changeRepairObjType()
+      this.listRepairSettings()
+      this.visible = true
+    },
+
+    async listRepairSettings() {
+      try {
+        const publicArea = this.formData.repairObjType === '004' ? 'F' : 'T'
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId(),
+          publicArea
+        }
+
+        const res = await listRepairSettings(params)
+        this.repairSettings = res.data || []
+      } catch (error) {
+        console.error('Failed to fetch repair settings:', error)
+      }
+    },
+
+    changeRepairObjType() {
+      // 根据报修对象类型设置公共区域标志
+      this.listRepairSettings()
+    },
+
+    async submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            if (this.formData.repairObjType === '001') {
+              this.formData.repairObjId = getCommunityId()
+              this.formData.repairObjName = this.$store.getters.community.name
+            }
+
+            const data = {
+              ...this.formData,
+              communityId: getCommunityId()
+            }
+
+            await updateOwnerRepair(data)
+            this.$message.success(this.$t('common.updateSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('Update owner repair failed:', error)
+          }
+        }
+      })
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        repairId: '',
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '',
+        repairObjId: '',
+        repairObjName: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('repairPoolManage.end')"
+    :visible.sync="visible"
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item
+        :label="$t('repairPoolManage.endReason')"
+        prop="context"
+        :rules="[{ required: true, message: $t('repairPoolManage.endReason'), trigger: 'blur' }]"
+      >
+        <el-input
+          v-model="formData.context"
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('repairPoolManage.endReason')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { endRepair } from '@/api/work/repairPoolManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EndRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairId: '',
+        context: ''
+      }
+    }
+  },
+  methods: {
+    open(repair) {
+      this.formData.repairId = repair.repairId
+      this.visible = true
+    },
+    
+    async submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const data = {
+              ...this.formData,
+              communityId: getCommunityId()
+            }
+            
+            await endRepair(data)
+            this.$message.success(this.$t('common.operationSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('End repair failed:', error)
+          }
+        }
+      })
+    },
+    
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        repairId: '',
+        context: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('forceFinishRepair.title')" :visible.sync="visible" width="60%" @close="closeDialog">
+    <el-form label-width="120px">
+      <el-form-item v-if="form.repairObjType !== '004'" :label="$t('forceFinishRepair.useMaterial')">
+        <el-select v-model="form.maintenanceType" placeholder="请选择" style="width:100%">
+          <template v-for="item in maintenanceTypes">
+            <el-option :key="item.statusCd" :label="item.name" :value="item.statusCd"
+              v-if="item.statusCd !== '1001' && item.statusCd !== '1002'" />
+          </template>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-else :label="$t('forceFinishRepair.maintenanceType')">
+        <el-select v-model="form.maintenanceType" placeholder="请选择" style="width:100%">
+          <template v-for="item in maintenanceTypes">
+            <el-option :key="item.statusCd" :label="item.name" :value="item.statusCd"
+              v-if="item.statusCd !== '1003' && item.statusCd !== '1004'" />
+          </template>
+        </el-select>
+      </el-form-item>
+
+      <template v-if="form.maintenanceType === '1001' || form.maintenanceType === '1003'">
+        <el-form-item :label="$t('forceFinishRepair.goodsType')">
+          <el-select v-model="form.rsId" placeholder="请选择" style="width:100%" @change="listSonResourceStoreType">
+            <el-option v-for="item in resourceStoreTypes" :key="item.rstId" :label="item.name" :value="item.rstId" />
+          </el-select>
+        </el-form-item>
+
+        <template v-if="form.isCustom">
+          <el-form-item :label="$t('forceFinishRepair.goodsName')">
+            <el-input v-model="form.customGoodsName" :placeholder="$t('forceFinishRepair.goodsNamePlaceholder')" />
+          </el-form-item>
+
+          <el-form-item v-if="form.maintenanceType === '1001'" :label="$t('forceFinishRepair.customPrice')">
+            <el-input v-model="form.price" placeholder="必填，请填写自定义价格" />
+          </el-form-item>
+        </template>
+
+        <template v-else>
+          <el-form-item :label="$t('forceFinishRepair.secondaryCategory')">
+            <el-select v-model="form.rstId" placeholder="请选择" style="width:100%" @change="choseGoods">
+              <el-option v-for="item in sonResourceStoreTypes" :key="item.rstId" :label="item.name" :value="item.rstId" />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item v-if="form.rstId" :label="$t('forceFinishRepair.goods')">
+            <el-select v-model="form.resId" placeholder="请选择" style="width:100%" @change="chosePrice">
+              <el-option v-for="item in resourceStores" :key="item.resId" :label="item.resName" :value="item.resId" />
+            </el-select>
+          </el-form-item>
+        </template>
+
+        <template v-if="form.resId || form.isCustom">
+          <el-form-item :label="$t('forceFinishRepair.quantity')">
+            <el-input-number v-model="form.useNumber" :min="1" label="数量" />
+          </el-form-item>
+
+          <el-form-item v-if="form.maintenanceType === '1001'" :label="$t('forceFinishRepair.paymentMethod')">
+            <el-select v-model="form.payType" placeholder="请选择" style="width:100%">
+              <el-option v-for="item in payTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+            </el-select>
+          </el-form-item>
+        </template>
+      </template>
+
+      <el-form-item :label="$t('forceFinishRepair.explanation')">
+        <el-input v-model="form.context" type="textarea" :placeholder="$t('forceFinishRepair.explanationPlaceholder')"
+          :rows="4" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('forceFinishRepair.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForceFinish">{{ $t('forceFinishRepair.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import {
+  listResourceStoreTypes,
+  listUserStorehouses,
+  repairForceFinish,
+  getDict
+} from '@/api/work/repairForceFinishManageApi'
+
+export default {
+  name: 'ForceFinishRepair',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      form: {
+        repairId: '',
+        repairType: '',
+        repairObjType: '',
+        context: '',
+        maintenanceType: '',
+        resId: '',
+        rsId: '',
+        isCustom: false,
+        customGoodsName: '',
+        price: '',
+        useNumber: 1,
+        rstId: '',
+        payType: '',
+        selectedGoodsInfo: {},
+        payTypes: [],
+        resourceStores: [],
+        sonResourceStoreTypes: [],
+        resourceStoreTypes: [],
+        maintenanceTypes: []
+      },
+      payTypes: [],
+      maintenanceTypes: []
+    }
+  },
+  mounted() {
+    this.loadDictData()
+  },
+  methods: {
+    open(repair) {
+      this.form = {
+        ...this.form,
+        repairId: repair.repairId,
+        repairType: repair.repairType,
+        repairObjType: repair.repairObjType
+      }
+      this.listResourceStoreType()
+    },
+    closeDialog() {
+      this.$emit('update:visible', false)
+    },
+    async loadDictData() {
+      try {
+        this.maintenanceTypes = await getDict('r_repair_pool', 'maintenance_type')
+        this.payTypes = await getDict('r_repair_pool', 'pay_type')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+        this.$message.error('获取字典数据失败')
+      }
+    },
+    async listResourceStoreType() {
+      try {
+        const data = await listResourceStoreTypes('0')
+        this.form.resourceStoreTypes = [...data, { rstId: 'custom', name: '自定义' }]
+      } catch (error) {
+        console.error('获取资源类型失败:', error)
+        this.$message.error('获取资源类型失败')
+      }
+    },
+    async listSonResourceStoreType() {
+      if (this.form.rsId === 'custom') {
+        this.form.isCustom = true
+        return
+      }
+
+      this.form.isCustom = false
+      try {
+        const data = await listResourceStoreTypes(this.form.rsId)
+        this.form.sonResourceStoreTypes = data
+      } catch (error) {
+        console.error('获取子资源类型失败:', error)
+        this.$message.error('获取子资源类型失败')
+      }
+    },
+    async choseGoods() {
+      if (!this.form.rstId) return
+
+      try {
+        const params = {
+          repairId: this.form.repairId,
+          rstId: this.form.rstId
+        }
+        const data = await listUserStorehouses(params)
+        this.form.resourceStores = data
+      } catch (error) {
+        console.error('获取商品失败:', error)
+        this.$message.error('获取商品失败')
+      }
+    },
+    chosePrice() {
+      const selected = this.form.resourceStores.find(item => item.resId === this.form.resId)
+      if (selected) {
+        this.form.selectedGoodsInfo = selected
+        if (selected.outLowPrice === selected.outHighPrice) {
+          this.form.price = selected.outLowPrice
+        } else {
+          this.form.price = ''
+        }
+      }
+    },
+    async submitForceFinish() {
+      if (this.validateForm()) {
+        try {
+          await repairForceFinish(this.form)
+          this.$message.success('强制回单成功')
+          this.closeDialog()
+          this.$emit('success')
+        } catch (error) {
+          console.error('强制回单失败:', error)
+          this.$message.error('强制回单失败')
+        }
+      }
+    },
+    validateForm() {
+      if (!this.form.maintenanceType) {
+        this.$message.warning('请选择维修类型')
+        return false
+      }
+
+      if (this.form.maintenanceType === '1001' || this.form.maintenanceType === '1003') {
+        if (!this.form.rsId) {
+          this.$message.warning('请选择商品类型')
+          return false
+        }
+
+        if (this.form.isCustom) {
+          if (!this.form.customGoodsName) {
+            this.$message.warning('请填写商品名')
+            return false
+          }
+          if (this.form.maintenanceType === '1001' && !this.form.price) {
+            this.$message.warning('请填写价格')
+            return false
+          }
+        } else {
+          if (!this.form.rstId) {
+            this.$message.warning('请选择二级分类')
+            return false
+          }
+          if (!this.form.resId) {
+            this.$message.warning('请选择商品')
+            return false
+          }
+        }
+
+        if (this.form.maintenanceType === '1001' && !this.form.payType) {
+          this.$message.warning('请选择支付方式')
+          return false
+        }
+      }
+
+      if (!this.form.context) {
+        this.$message.warning('请填写说明')
+        return false
+      }
+
+      return true
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-table :data="events" border style="width: 100%">
+      <el-table-column prop="eventTypeName" :label="$t('repairDetailEvent.eventType')" align="center" />
+      <el-table-column prop="staffName" :label="$t('repairDetailEvent.staff')" align="center" />
+      <el-table-column prop="remark" :label="$t('repairDetailEvent.description')" align="center" />
+      <el-table-column prop="createTime" :label="$t('repairDetailEvent.createTime')" align="center" />
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { getRepairEvents } from '@/api/work/repairDetailApi'
+
+export default {
+  name: 'RepairDetailEvent',
+  props: {
+    repairId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      events: []
+    }
+  },
+  methods: {
+    async loadData() {
+      try {
+        this.events = await getRepairEvents(this.repairId)
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="margin-top">
+    <div v-if="photos.length > 0" class="row padding">
+      <div class="text-title">{{ $t('repairDetail.orderPhotos') }}</div>
+      <div v-for="(item, index) in photos" :key="index" class="form-group margin-left">
+        <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover"
+          @click="openFile(item)"></el-image>
+      </div>
+    </div>
+
+    <div v-if="beforePhotos.length > 0" class="row padding">
+      <div class="text-title">{{ $t('repairDetail.beforeRepairPhotos') }}</div>
+      <div v-for="(item, index) in beforePhotos" :key="index" class="form-group margin-left">
+        <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover"
+          @click="openFile(item)"></el-image>
+      </div>
+    </div>
+
+    <div v-if="afterPhotos.length > 0" class="row padding">
+      <div class="text-title">{{ $t('repairDetail.afterRepairPhotos') }}</div>
+      <div v-for="(item, index) in afterPhotos" :key="index" class="form-group margin-left">
+        <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover"
+          @click="openFile(item)"></el-image>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getRepairPhotos } from '@/api/work/repairDetailApi'
+
+export default {
+  name: 'RepairDetailPhotos',
+  props: {
+    repairId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      photos: [],
+      beforePhotos: [],
+      afterPhotos: []
+    }
+  },
+  methods: {
+    async loadData() {
+      try {
+        console.log(this.repairId)
+        const data = await getRepairPhotos(this.repairId)
+        this.photos = data.photos
+        this.beforePhotos = data.beforePhotos
+        this.afterPhotos = data.afterPhotos
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    openFile(item) {
+      this.$emit('show-image', item)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.padding {
+  padding: 10px 0;
+}
+
+.text-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.margin-left {
+  margin-left: 10px;
+  display: inline-block;
+}
+</style>
 \ No newline at end of file
+<template>
+  <div>
+    <el-table :data="resources" border style="width: 100%">
+      <el-table-column prop="resId" :label="$t('repairDetailResource.itemCode')" align="center" />
+      <el-table-column :label="$t('repairDetailResource.itemType')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.parentRstName }} > {{ scope.row.rstName }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="resourceStoreName" :label="$t('repairDetailResource.itemName')" align="center" />
+      <el-table-column :label="$t('repairDetailResource.specification')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.specName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('repairDetailResource.quantity')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.quantity }}{{ scope.row.miniUnitCodeName }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('repairDetailResource.price')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.unitPrice || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="createUserName" :label="$t('repairDetailResource.user')" align="center" />
+      <el-table-column prop="createTime" :label="$t('repairDetailResource.time')" align="center" />
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { getRepairResources } from '@/api/work/repairDetailApi'
+
+export default {
+  name: 'RepairDetailResource',
+  props: {
+    repairId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      resources: []
+    }
+  },
+  methods: {
+    async loadData() {
+      try {
+        this.resources = await getRepairResources(this.repairId)
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-table :data="users" border style="width: 100%">
+      <el-table-column :label="$t('repairDetailUser.serial')" align="center" width="80">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="staffName" :label="$t('repairDetailUser.handler')" align="center" />
+      <el-table-column :label="$t('repairDetailUser.status')" align="center">
+        <template slot-scope="scope">
+          <template v-if="(scope.row.state === '10009' || scope.row.state === '12000') && scope.row.payTypeName">
+            {{ scope.row.stateName }}({{ scope.row.payTypeName }})
+          </template>
+          <template v-else>
+            {{ scope.row.stateName }}
+            <span v-if="scope.row.state === '10007'">
+              (<a href="javascript:void(0)" @click="openRepairAppraise(scope.row)">{{ $t('repairDetailUser.reply') }}</a>)
+            </span>
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column prop="startTime" :label="$t('repairDetailUser.startTime')" align="center" />
+      <el-table-column prop="endTime" :label="$t('repairDetailUser.endTime')" align="center" />
+      <el-table-column prop="duration" :label="$t('repairDetailUser.duration')" align="center" />
+      <el-table-column prop="context" :label="$t('repairDetailUser.opinion')" align="center" />
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { getRepairFlow } from '@/api/work/repairDetailApi'
+
+export default {
+  name: 'RepairDetailUser',
+  props: {
+    repairId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      users: []
+    }
+  },
+  methods: {
+    async loadData() {
+      try {
+        this.users = await getRepairFlow(this.repairId)
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    openRepairAppraise(row) {
+      this.$emit('open-appraise', row)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('repairReturnVisit.visitTitle')"
+    :visible.sync="visible"
+    width="600px"
+    @close="resetForm"
+  >
+    <el-form
+      ref="visitForm"
+      :model="formData"
+      :rules="rules"
+      label-width="100px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('repairReturnVisit.satisfaction')"
+        prop="visitType"
+      >
+        <el-select
+          v-model="formData.visitType"
+          :placeholder="$t('repairReturnVisit.satisfactionPlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('repairReturnVisit.satisfied')"
+            value="1001"
+          />
+          <el-option
+            :label="$t('repairReturnVisit.unsatisfied')"
+            value="2002"
+          />
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item
+        :label="$t('repairReturnVisit.visitContent')"
+        prop="context"
+      >
+        <el-input
+          v-model="formData.context"
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('repairReturnVisit.visitContentPlaceholder')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="submitVisit">
+        {{ $t('common.submit') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveRepairReturnVisit } from '@/api/work/repairReturnVisitApi'
+
+export default {
+  name: 'VisitOwnerRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairId: '',
+        visitType: '',
+        context: ''
+      },
+      rules: {
+        visitType: [
+          { required: true, message: this.$t('repairReturnVisit.satisfactionRequired'), trigger: 'change' }
+        ],
+        context: [
+          { required: true, message: this.$t('repairReturnVisit.visitContentRequired'), trigger: 'blur' },
+          { max: 1000, message: this.$t('repairReturnVisit.visitContentMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(repairPool) {
+      this.formData = {
+        repairId: repairPool.repairId,
+        visitType: '',
+        context: '',
+        communityId: this.$store.getters.communityId
+      }
+      this.visible = true
+    },
+    resetForm() {
+      this.$refs.visitForm.resetFields()
+    },
+    submitVisit() {
+      this.$refs.visitForm.validate(async valid => {
+        if (valid) {
+          try {
+            await saveRepairReturnVisit(this.formData)
+            this.$message.success(this.$t('common.submitSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('保存回访记录失败:', error)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -44,7 +44,8 @@ export const messages = {
         hour:'hour',
         more:'More',
         tip:'Tip',
-        selectFile:'Select File'
+        selectFile:'Select File',
+        change:'Change'
       }
     },
     zh: {
@@ -92,7 +93,8 @@ export const messages = {
         hour:'时',
         more:'更多',
         tip:'提示',
-        selectFile:'选择文件'
+        selectFile:'选择文件',
+        change:'变更'
       }
     }
   } 
 \ No newline at end of file
@@ -163,6 +163,14 @@ import { messages as listCarFeeMessages } from &#39;../views/fee/listCarFeeLang&#39;
 import { messages as repairSettingMessages } from '../views/work/repairSettingLang'
 import { messages as repairTypeUserMessages } from '../views/work/repairTypeUserLang'
+import { messages as ownerRepairManageMessages } from '../views/work/ownerRepairManageLang'
+import { messages as repairPoolManageMessages } from '../views/work/repairPoolManageLang'
+import { messages as repairDetailMessages } from '../views/work/repairDetailLang'
+import { messages as repairDispatchManageMessages } from '../views/work/repairDispatchManageLang'
+import { messages as myRepairDispatchManageMessages } from '../views/work/myRepairDispatchManageLang'
+import { messages as repairReturnVisitMessages } from '../views/work/repairReturnVisitLang'
+import { messages as repairForceFinishManageMessages } from '../views/work/repairForceFinishManageLang'
+
 Vue.use(VueI18n)
 // 合并所有语言配置
@@ -328,6 +336,14 @@ const messages = {
     ...listCarFeeMessages.en,
     ...repairSettingMessages.en,
     ...repairTypeUserMessages.en,
+
+    ...ownerRepairManageMessages.en,
+    ...repairPoolManageMessages.en,
+    ...repairDetailMessages.en,
+    ...repairDispatchManageMessages.en,
+    ...myRepairDispatchManageMessages.en,
+    ...repairReturnVisitMessages.en,
+    ...repairForceFinishManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -490,6 +506,14 @@ const messages = {
     ...listCarFeeMessages.zh,
     ...repairSettingMessages.zh,
     ...repairTypeUserMessages.zh,
+
+     ...ownerRepairManageMessages.zh,
+     ...repairPoolManageMessages.zh,
+     ...repairDetailMessages.zh,
+     ...repairDispatchManageMessages.zh,
+     ...myRepairDispatchManageMessages.zh,
+     ...repairReturnVisitMessages.zh,
+     ...repairForceFinishManageMessages.zh,
   }
 }
@@ -802,10 +802,45 @@ const routes = [
         component: () => import('@/views/work/repairSettingList.vue')
       },
       {
-        path:'/views/work/repairTypeUser',
-        name:'/views/work/repairTypeUser',
+        path: '/views/work/repairTypeUser',
+        name: '/views/work/repairTypeUser',
         component: () => import('@/views/work/repairTypeUserList.vue')
-        },
+      },
+      {
+        path: '/pages/property/ownerRepairManage',
+        name: '/pages/property/ownerRepairManage',
+        component: () => import('@/views/work/ownerRepairManageList.vue')
+      },
+      {
+        path: '/pages/property/repairPoolManage',
+        name: '/pages/property/repairPoolManage',
+        component: () => import('@/views/work/repairPoolManageList.vue')
+      },
+      {
+        path: '/views/work/repairDetail',
+        name: '/views/work/repairDetail',
+        component: () => import('@/views/work/repairDetailList.vue')
+      },
+      {
+        path: '/pages/property/repairDispatchManage',
+        name: '/pages/property/repairDispatchManage',
+        component: () => import('@/views/work/repairDispatchManageList.vue')
+      },
+      {
+        path: '/pages/property/myRepairDispatchManage',
+        name: '/pages/property/myRepairDispatchManage',
+        component: () => import('@/views/work/myRepairDispatchManageList.vue')
+      },
+      {
+        path: '/pages/property/repairReturnVisit',
+        name: '/pages/property/repairReturnVisit',
+        component: () => import('@/views/work/repairReturnVisitList.vue')
+      },
+      {
+        path: '/pages/property/repairForceFinishManage',
+        name: '/pages/property/repairForceFinishManage',
+        component: () => import('@/views/work/repairForceFinishManageList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
+export const messages = {
+    en: {
+      myRepairDispatchManage: {
+        queryCondition: 'Query Conditions',
+        selectMaintenanceType: 'Select Maintenance Type',
+        inputRepairName: 'Enter Reporter Name',
+        inputRepairTel: 'Enter Reporter Phone',
+        selectRepairType: 'Select Repair Type',
+        selectRepairState: 'Select Repair State',
+        inputRepairId: 'Enter Work Order ID',
+        repairDispatch: 'Repair Dispatch',
+        repairId: 'Work Order ID',
+        location: 'Location',
+        repairType: 'Repair Type',
+        maintenanceType: 'Maintenance Type',
+        repairPerson: 'Reporter',
+        contact: 'Contact',
+        appointmentTime: 'Appointment Time',
+        state: 'Status',
+        operation: 'Operation',
+        detail: 'Detail',
+        scheduledTask: 'Scheduled Task',
+        paidService: 'Paid Service',
+        freeService: 'Free Service',
+        needMaterial: 'Need Material',
+        noMaterial: 'No Material'
+      },
+          closeOrder: {
+        closeOrderInfo: 'Close Order Information',
+        closeStatus: 'Close Status',
+        selectCloseStatus: 'Please select',
+        closeOrder: 'Close Order',
+        returnOrder: 'Return Order',
+        reason: 'Reason',
+        reasonPlaceholder: 'Optional, please fill in the reason',
+        processed: 'Processed'
+      }
+    },
+    zh: {
+      myRepairDispatchManage: {
+        queryCondition: '查询条件',
+        selectMaintenanceType: '请选择维修类型',
+        inputRepairName: '请输入报修人',
+        inputRepairTel: '请输入报修电话',
+        selectRepairType: '请选择报修类型',
+        selectRepairState: '请选择报修状态',
+        inputRepairId: '请输入工单编号',
+        repairDispatch: '报修已办',
+        repairId: '工单编号',
+        location: '位置',
+        repairType: '报修类型',
+        maintenanceType: '维修类型',
+        repairPerson: '报修人',
+        contact: '联系方式',
+        appointmentTime: '预约时间',
+        state: '状态',
+        operation: '操作',
+        detail: '详情',
+        scheduledTask: '定时任务处理',
+        paidService: '有偿服务',
+        freeService: '无偿服务',
+        needMaterial: '需要用料',
+        noMaterial: '无需用料'
+      },
+       closeOrder: {
+        closeOrderInfo: '结单信息',
+        closeStatus: '结单状态',
+        selectCloseStatus: '请选择',
+        closeOrder: '结单',
+        returnOrder: '退单',
+        reason: '原因',
+        reasonPlaceholder: '选填，请填写原因',
+        processed: '已处理'
+      }
+    }
+  }
 \ No newline at end of file
+<template>
+  <div class="padding">
+    <el-row>
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <div>{{ $t('myRepairDispatchManage.queryCondition') }}</div>
+            <div class="ibox-tools" style="top:10px;">
+              <el-button type="text" style="margin-right:10px;" @click="_moreCondition()">
+                {{ myRepairDispatchInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+              </el-button>
+            </div>
+          </div>
+          <div class="">
+            <el-row :gutter="20">
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-select v-model="myRepairDispatchInfo.conditions.maintenanceType"
+                  :placeholder="$t('myRepairDispatchManage.selectMaintenanceType')" style="width:100%;">
+                  <el-option v-for="(item, index) in myRepairDispatchInfo.maintenanceTypes" :key="index" :label="item.name"
+                    :value="item.statusCd" />
+                </el-select>
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-input v-model.trim="myRepairDispatchInfo.conditions.repairName"
+                  :placeholder="$t('myRepairDispatchManage.inputRepairName')" clearable />
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-input v-model.trim="myRepairDispatchInfo.conditions.tel"
+                  :placeholder="$t('myRepairDispatchManage.inputRepairTel')" clearable />
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-select v-model="myRepairDispatchInfo.conditions.repairType"
+                  :placeholder="$t('myRepairDispatchManage.selectRepairType')" style="width:100%;">
+                  <el-option v-for="(item, index) in myRepairDispatchInfo.repairTypes" :key="index"
+                    :label="item.repairTypeName" :value="item.repairType" />
+                </el-select>
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-select v-model="myRepairDispatchInfo.conditions.state"
+                  :placeholder="$t('myRepairDispatchManage.selectRepairState')" style="width:100%;">
+                  <el-option v-for="(item, index) in myRepairDispatchInfo.states" :key="index" :label="item.name"
+                    :value="item.statusCd" />
+                </el-select>
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-button type="primary" icon="el-icon-search" @click="_queryMyRepairDispatchMethod">
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button icon="el-icon-refresh" @click="_resetMyRepairDispatchMethod">
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+            <el-row v-show="myRepairDispatchInfo.moreCondition" :gutter="20" style="margin-top:15px;">
+              <el-col :xs="24" :sm="12" :md="6" :lg="4">
+                <el-input v-model.trim="myRepairDispatchInfo.conditions.repairId"
+                  :placeholder="$t('myRepairDispatchManage.inputRepairId')" clearable />
+              </el-col>
+            </el-row>
+          </div>
+        </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>{{ myRepairDispatchInfo.conditions.roomName }}</span>
+              <span>{{ $t('myRepairDispatchManage.repairDispatch') }}</span>
+            </div>
+          </div>
+          <div class="">
+            <el-table :data="myRepairDispatchInfo.ownerRepairs" border style="width: 100%">
+              <el-table-column prop="repairId" :label="$t('myRepairDispatchManage.repairId')" align="center" />
+              <el-table-column prop="repairObjName" :label="$t('myRepairDispatchManage.location')" align="center" />
+              <el-table-column prop="repairTypeName" :label="$t('myRepairDispatchManage.repairType')" align="center" />
+              <el-table-column :label="$t('myRepairDispatchManage.maintenanceType')" align="center">
+                <template slot-scope="scope">
+                  {{ getMaintenanceTypeName(scope.row.maintenanceType) }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="repairName" :label="$t('myRepairDispatchManage.repairPerson')" align="center" />
+              <el-table-column prop="tel" :label="$t('myRepairDispatchManage.contact')" align="center" />
+              <el-table-column prop="appointmentTime" :label="$t('myRepairDispatchManage.appointmentTime')"
+                align="center" />
+              <el-table-column :label="$t('myRepairDispatchManage.state')" align="center">
+                <template slot-scope="scope">
+                  <span
+                    v-if="scope.row.state == '1800' && (scope.row.returnVisitFlag == '001' || scope.row.returnVisitFlag == '002')">
+                    {{ scope.row.stateName }}({{ $t('myRepairDispatchManage.scheduledTask') }})
+                  </span>
+                  <span v-else>
+                    {{ scope.row.stateName }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('common.operation')" align="center" width="120">
+                <template slot-scope="scope">
+                  <el-button size="mini" type="primary" @click="_openRepairDetail(scope.row)">
+                    {{ $t('common.detail') }}
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination background layout="total, sizes, prev, pager, next, jumper"
+              :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+              :total="pagination.total" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              style="margin-top: 20px;" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <close-order ref="closeOrderModal" @success="handleCloseOrderSuccess" />
+  </div>
+</template>
+  
+<script>
+import { listStaffFinishRepairs, listRepairSettings, closeRepairDispatch } from '@/api/work/myRepairDispatchManageApi'
+import { getDict } from '@/api/community/communityApi'
+import CloseOrder from '@/components/work/closeOrder'
+
+export default {
+  name: 'MyRepairDispatchManageList',
+  components: {
+    CloseOrder
+  },
+  data() {
+    return {
+      myRepairDispatchInfo: {
+        ownerRepairs: [],
+        moreCondition: false,
+        currentRepairId: '',
+        repairTypes: [],
+        states: [],
+        maintenanceTypes: [],
+        conditions: {
+          pageFlag: 'myRepairDispatch',
+          repairId: '',
+          repairName: '',
+          tel: '',
+          repairType: '',
+          roomId: '',
+          roomName: '',
+          ownerId: '',
+          state: '',
+          maintenanceType: '',
+          page: 1,
+          row: 10,
+          communityId: ''
+        }
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      try {
+        this.myRepairDispatchInfo.conditions.communityId = this.getCommunityId()
+        await this.getDictData()
+        this._listRepairTypes()
+        this._listOwnerRepairs(1, this.pagination.size)
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+      }
+    },
+
+    async getDictData() {
+      try {
+        const stateData = await getDict('r_repair_pool', 'state')
+        this.myRepairDispatchInfo.states = stateData
+
+        const maintenanceTypeData = await getDict('r_repair_pool', 'maintenance_type')
+        this.myRepairDispatchInfo.maintenanceTypes = maintenanceTypeData
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+
+    async _listOwnerRepairs(page, size) {
+      try {
+        this.myRepairDispatchInfo.conditions.page = page
+        this.myRepairDispatchInfo.conditions.row = size
+
+        const params = {
+          ...this.myRepairDispatchInfo.conditions,
+          repairId: this.myRepairDispatchInfo.conditions.repairId.trim(),
+          repairName: this.myRepairDispatchInfo.conditions.repairName.trim(),
+          tel: this.myRepairDispatchInfo.conditions.tel.trim()
+        }
+
+        const res = await listStaffFinishRepairs(params)
+        this.myRepairDispatchInfo.ownerRepairs = res.data
+        this.pagination.total = res.total
+        this.pagination.current = page
+      } catch (error) {
+        console.error('获取报修列表失败:', error)
+      }
+    },
+
+    async _listRepairTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.getCommunityId()
+        }
+
+        const res = await listRepairSettings(params)
+        this.myRepairDispatchInfo.repairTypes = res.data
+      } catch (error) {
+        console.error('获取报修类型失败:', error)
+      }
+    },
+
+    _moreCondition() {
+      this.myRepairDispatchInfo.moreCondition = !this.myRepairDispatchInfo.moreCondition
+    },
+
+    _openRepairDetail(repairPool) {
+      this.$router.push({
+        path: '/views/work/repairDetail',
+        query: { repairId: repairPool.repairId }
+      })
+    },
+
+    _openDealRepair(ownerRepair) {
+      this.myRepairDispatchInfo.currentRepairId = ownerRepair.repairId
+      this.$refs.closeOrderModal.open()
+    },
+
+    async handleCloseOrderSuccess(orderInfo) {
+      try {
+        const params = {
+          repairId: this.myRepairDispatchInfo.currentRepairId,
+          context: orderInfo.remark,
+          communityId: this.$store.getters.communityId,
+          state: orderInfo.state === '1100' ? '10002' : '10003'
+        }
+
+        await closeRepairDispatch(params)
+        this.$message.success(this.$t('common.operateSuccess'))
+        this._listOwnerRepairs(this.pagination.current, this.pagination.size)
+      } catch (error) {
+        console.error('结单操作失败:', error)
+      }
+    },
+
+    _queryMyRepairDispatchMethod() {
+      this._listOwnerRepairs(1, this.pagination.size)
+    },
+
+    _resetMyRepairDispatchMethod() {
+      this.myRepairDispatchInfo.conditions = {
+        ...this.myRepairDispatchInfo.conditions,
+        repairId: '',
+        repairName: '',
+        tel: '',
+        repairType: '',
+        state: '',
+        maintenanceType: ''
+      }
+      this._listOwnerRepairs(1, this.pagination.size)
+    },
+
+    getMaintenanceTypeName(type) {
+      const mapping = {
+        '1001': this.$t('myRepairDispatchManage.paidService'),
+        '1002': this.$t('myRepairDispatchManage.freeService'),
+        '1003': this.$t('myRepairDispatchManage.needMaterial'),
+        '1004': this.$t('myRepairDispatchManage.noMaterial')
+      }
+      return mapping[type] || '--'
+    },
+
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this._listOwnerRepairs(1, size)
+    },
+
+    handleCurrentChange(page) {
+      this._listOwnerRepairs(page, this.pagination.size)
+    }
+  }
+}
+</script>
+  
+<style scoped>
+.ibox-content {
+  padding: 15px 20px 20px 20px;
+}
+
+.ibox-tools {
+  position: absolute;
+  right: 15px;
+  top: 15px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    ownerRepairManage: {
+      queryCondition: 'Query Condition',
+      phoneRepair: 'Phone Repair',
+      register: 'Register',
+      placeholder: {
+        repairId: 'Please input repair id',
+        repairName: 'Please input repair name',
+        tel: 'Please input tel',
+        repairType: 'Please select repair type',
+        state: 'Please select state'
+      },
+      table: {
+        repairId: 'Repair Id',
+        location: 'Location',
+        repairType: 'Repair Type',
+        repairName: 'Repair Name',
+        tel: 'Tel',
+        appointmentTime: 'Appointment Time',
+        timeout: 'Timeout',
+        createTime: 'Create Time',
+        state: 'State',
+        operation: 'Operation',
+        scheduledTask: '(Scheduled Task)'
+      },
+      tip1: 'Note: Before using this function, please go to Repair Management;',
+      tip2: 'For general owner housing repairs, we must add a non-public area type to report repairs normally.',
+      
+    },
+    addOwnerRepair: {
+        title: 'Repair Registration',
+        repairScope: 'Repair Scope',
+        belongBuilding: 'Belong Building',
+        belongUnit: 'Belong Unit',
+        belongRoom: 'Belong Room',
+        repairType: 'Repair Type',
+        repairName: 'Repair Name',
+        tel: 'Contact',
+        appointmentTime: 'Appointment Time',
+        context: 'Repair Content',
+        placeholder: {
+          appointmentTime: 'Please select appointment time'
+        },
+        community: 'Community',
+        building: 'Building',
+        unit: 'Unit',
+        room: 'Room',
+        buildingSuffix: ' Building',
+        unitSuffix: ' Unit',
+        roomSuffix: ' Room'
+      },
+      editOwnerRepair: {
+        title: 'Edit Owner Repair',
+        repairType: 'Repair Type',
+        repairName: 'Repair Name',
+        tel: 'Contact',
+        appointmentTime: 'Appointment Time',
+        context: 'Repair Content',
+        placeholder: {
+          appointmentTime: 'Please select appointment time'
+        }
+      },
+      deleteOwnerRepair: {
+        title: 'Confirm Operation',
+        confirmText: 'Are you sure to delete this repair record?'
+      },
+  },
+  zh: {
+    ownerRepairManage: {
+      queryCondition: '查询条件',
+      phoneRepair: '电话报修',
+      register: '登记',
+      placeholder: {
+        repairId: '请输入工单编号',
+        repairName: '请输入报修人',
+        tel: '请输入报修电话',
+        repairType: '请选择报修类型',
+        state: '请选择报修状态'
+      },
+      table: {
+        repairId: '工单编号',
+        location: '位置',
+        repairType: '报修类型',
+        repairName: '报修人',
+        tel: '联系方式',
+        appointmentTime: '预约时间',
+        timeout: '超时时间',
+        createTime: '提交时间',
+        state: '状态',
+        operation: '操作',
+        scheduledTask: '(定时任务处理)'
+      },
+      tip1: '注意：此功能使用前 请先到 报修管理；',
+      tip2: '一般业主房屋报修 我们必须要添加一个非公共区域的类型才能正常报修'
+    },
+    addOwnerRepair: {
+        title: '报修登记',
+        repairScope: '报修范围',
+        belongBuilding: '归属楼栋',
+        belongUnit: '归属单元',
+        belongRoom: '归属房屋',
+        repairType: '报修类型',
+        repairName: '报修人',
+        tel: '联系方式',
+        appointmentTime: '预约时间',
+        context: '报修内容',
+        placeholder: {
+          appointmentTime: '请选择预约时间'
+        },
+        community: '小区',
+        building: '楼栋',
+        unit: '单元',
+        room: '房屋',
+        buildingSuffix: '栋',
+        unitSuffix: '单元',
+        roomSuffix: '室'
+      },
+      editOwnerRepair: {
+        title: '修改业主报修',
+        repairType: '报修类型',
+        repairName: '报修人',
+        tel: '联系方式',
+        appointmentTime: '预约时间',
+        context: '报修内容',
+        placeholder: {
+          appointmentTime: '请选择预约时间'
+        }
+      },
+      deleteOwnerRepair: {
+        title: '请确认您的操作',
+        confirmText: '确定删除业主报修？'
+      },
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="animated fadeInRight">
+    <el-card shadow="hover">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('ownerRepairManage.queryCondition') }}</span>
+      </div>
+      <div class="search-content">
+        <el-row :gutter="20">
+          <el-col :span="4">
+            <el-input v-model.trim="ownerRepairManageInfo.conditions.repairId"
+              :placeholder="$t('ownerRepairManage.placeholder.repairId')" clearable />
+          </el-col>
+          <el-col :span="4">
+            <el-input v-model.trim="ownerRepairManageInfo.conditions.repairName"
+              :placeholder="$t('ownerRepairManage.placeholder.repairName')" clearable />
+          </el-col>
+          <el-col :span="4">
+            <el-input v-model.trim="ownerRepairManageInfo.conditions.tel"
+              :placeholder="$t('ownerRepairManage.placeholder.tel')" clearable />
+          </el-col>
+          <el-col :span="4">
+            <el-select v-model="ownerRepairManageInfo.conditions.repairType"
+              :placeholder="$t('ownerRepairManage.placeholder.repairType')" style="width:100%" clearable>
+              <el-option v-for="(item, index) in ownerRepairManageInfo.repairTypes" :key="index"
+                :label="item.repairTypeName" :value="item.repairType" />
+            </el-select>
+          </el-col>
+          <el-col :span="4">
+            <el-select v-model="ownerRepairManageInfo.conditions.state"
+              :placeholder="$t('ownerRepairManage.placeholder.state')" style="width:100%" clearable>
+              <el-option v-for="(item, index) in ownerRepairManageInfo.states" :key="index" :label="item.name"
+                :value="item.statusCd" />
+            </el-select>
+          </el-col>
+          <el-col :span="4">
+            <el-button type="primary" icon="el-icon-search" @click="_queryOwnerRepairMethod">{{ $t('common.search')
+            }}</el-button>
+            <el-button type="info" icon="el-icon-refresh" @click="_resetOwnerRepairMethod" style="margin-left: 20px">{{
+              $t('common.reset') }}</el-button>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <el-card shadow="hover" style="margin-top: 20px">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('ownerRepairManage.phoneRepair') }}</span>
+        <el-button v-if="ownerRepairManageInfo.conditions.roomId != ''" size="small" type="primary" icon="el-icon-plus"
+          style="float:right" @click="_openAddOwnerRepairModal">{{ $t('ownerRepairManage.register') }}</el-button>
+      </div>
+      <el-table :data="ownerRepairManageInfo.ownerRepairs" border style="width: 100%">
+        <el-table-column prop="repairId" :label="$t('ownerRepairManage.table.repairId')" align="center" />
+        <el-table-column prop="repairObjName" :label="$t('ownerRepairManage.table.location')" align="center" />
+        <el-table-column prop="repairTypeName" :label="$t('ownerRepairManage.table.repairType')" align="center" />
+        <el-table-column prop="repairName" :label="$t('ownerRepairManage.table.repairName')" align="center" />
+        <el-table-column prop="tel" :label="$t('ownerRepairManage.table.tel')" align="center" />
+        <el-table-column prop="appointmentTime" :label="$t('ownerRepairManage.table.appointmentTime')" align="center" />
+        <el-table-column prop="timeout" :label="$t('ownerRepairManage.table.timeout')" align="center" />
+        <el-table-column prop="createTime" :label="$t('ownerRepairManage.table.createTime')" align="center" />
+        <el-table-column :label="$t('ownerRepairManage.table.state')" align="center">
+          <template slot-scope="scope">
+            <span
+              v-if="scope.row.state == '1800' && (scope.row.returnVisitFlag == '001' || scope.row.returnVisitFlag == '002')">
+              {{ scope.row.stateName }}{{ $t('ownerRepairManage.table.scheduledTask') }}
+            </span>
+            <span v-else>{{ scope.row.stateName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('common.operation')" align="center" fixed="right" width="200">
+          <template slot-scope="scope">
+            <el-button
+              v-if="hasPrivilege('502021012067300023') && (scope.row.state == '1000' || scope.row.state == '1200')"
+              size="mini" type="primary" @click="_openEditOwnerRepairModel(scope.row)">{{ $t('common.edit') }}</el-button>
+            <el-button
+              v-if="hasPrivilege('502021012051410024') && (scope.row.state == '1000' || scope.row.state == '1200')"
+              size="mini" type="danger" @click="_openDeleteOwnerRepairModel(scope.row)">{{ $t('common.delete')
+              }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <div style="margin-top: 20px">
+        <el-row>
+          <el-col :span="18" class="text-left">
+            <div>
+              {{ $t('ownerRepairManage.tip1') }}
+            </div>
+            <div>
+              {{ $t('ownerRepairManage.tip2') }}
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <el-pagination :current-page="ownerRepairManageInfo.page" :page-sizes="[10, 20, 30, 50]"
+              :page-size="ownerRepairManageInfo.rows" layout="total, sizes, prev, pager, next, jumper"
+              :total="ownerRepairManageInfo.total" @size-change="handleSizeChange"
+              @current-change="handleCurrentChange" />
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <!-- 添加报修模态框 -->
+    <add-owner-repair ref="addOwnerRepair" @success="_queryOwnerRepairMethod" />
+    <!-- 修改报修模态框 -->
+    <edit-owner-repair ref="editOwnerRepair" @success="_queryOwnerRepairMethod" />
+    <!-- 删除报修模态框 -->
+    <delete-owner-repair ref="deleteOwnerRepair" @success="_queryOwnerRepairMethod" />
+  </div>
+</template>
+
+<script>
+import * as ownerRepairManageApi from '@/api/work/ownerRepairManageApi'
+import AddOwnerRepair from '@/components/work/addOwnerRepair'
+import EditOwnerRepair from '@/components/work/editOwnerRepair'
+import DeleteOwnerRepair from '@/components/work/deleteOwnerRepair'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'OwnerRepairManageList',
+  components: {
+    AddOwnerRepair,
+    EditOwnerRepair,
+    DeleteOwnerRepair
+  },
+  data() {
+    return {
+      ownerRepairManageInfo: {
+        ownerRepairs: [],
+        total: 0,
+        page: 1,
+        rows: 10,
+        moreCondition: false,
+        repairTypes: [],
+        states: [],
+        conditions: {
+          repairId: '',
+          repairName: '',
+          tel: '',
+          repairType: '',
+          state: '',
+          reqSource: 'pc_mobile'
+        }
+      }
+    }
+  },
+  created() {
+    this._listOwnerRepairs(1, this.ownerRepairManageInfo.rows)
+    this._listRepairTypes(1, 50)
+    this._loadStates()
+  },
+  methods: {
+    _loadStates() {
+      getDict('r_repair_pool', 'state').then(data => {
+        this.ownerRepairManageInfo.states = data
+      })
+    },
+    async _listRepairTypes(page, rows) {
+      const param = {
+        page: page,
+        row: rows,
+        communityId: this.getCommunityId()
+      }
+      const { data } = await ownerRepairManageApi.listRepairSettings(param)
+      this.ownerRepairManageInfo.repairTypes = data
+
+    },
+    _listOwnerRepairs(page, rows) {
+      this.ownerRepairManageInfo.conditions.page = page
+      this.ownerRepairManageInfo.conditions.row = rows
+      this.ownerRepairManageInfo.conditions.communityId = this.getCommunityId()
+      ownerRepairManageApi.listOwnerRepairs(this.ownerRepairManageInfo.conditions).then(res => {
+        if (res.code === 0) {
+          this.ownerRepairManageInfo.ownerRepairs = res.data
+          this.ownerRepairManageInfo.total = res.total
+          this.ownerRepairManageInfo.page = page
+          this.ownerRepairManageInfo.rows = rows
+        }
+      })
+    },
+    _resetListOwnerRepairs() {
+      this.ownerRepairManageInfo.conditions = {
+        repairId: '',
+        repairName: '',
+        tel: '',
+        repairType: '',
+        state: '',
+        reqSource: 'pc_mobile'
+      }
+      this._listOwnerRepairs(1, this.ownerRepairManageInfo.rows)
+    },
+    _openAddOwnerRepairModal() {
+      this.$refs.addOwnerRepair.open()
+    },
+    _openEditOwnerRepairModel(row) {
+      this.$refs.editOwnerRepair.open(row)
+    },
+    _openDeleteOwnerRepairModel(row) {
+      this.$refs.deleteOwnerRepair.open(row)
+    },
+    _queryOwnerRepairMethod() {
+      this._listOwnerRepairs(1, this.ownerRepairManageInfo.rows)
+    },
+    _resetOwnerRepairMethod() {
+      this._resetListOwnerRepairs()
+    },
+    handleSizeChange(val) {
+      this.ownerRepairManageInfo.rows = val
+      this._listOwnerRepairs(this.ownerRepairManageInfo.page, val)
+    },
+    handleCurrentChange(val) {
+      this.ownerRepairManageInfo.page = val
+      this._listOwnerRepairs(val, this.ownerRepairManageInfo.rows)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.animated {
+  padding: 20px;
+}
+
+.search-content {
+  padding: 20px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairDetail: {
+      title: 'Work Order Details',
+      print: 'Print',
+      back: 'Back',
+      orderCode: 'Work Order Code:',
+      repairType: 'Repair Type:',
+      repairer: 'Repairer:',
+      contact: 'Contact:',
+      location: 'Location:',
+      appointmentStart: 'Appointment Start:',
+      appointmentEnd: 'Appointment End:',
+      submitDuration: 'Submission Duration:',
+      finishTime: 'Completion Time:',
+      status: 'Status:',
+      content: 'Content:',
+      maintenanceType: 'Maintenance Type:',
+      materials: 'Materials:',
+      costDetail: 'Cost Details:',
+      yuan: 'Yuan (Unit Price * Quantity)',
+      avgScore: 'Average Score:',
+      comprehensiveScore: 'Comprehensive Score:',
+      doorSpeedScore: 'Door Speed Score:',
+      serviceScore: 'Service Score:',
+      points: 'Points',
+      visitSatisfaction: 'Visit Satisfaction:',
+      visitContent: 'Visit Content:',
+      orderPhotos: 'Order Photos',
+      orderFlow: 'Order Flow',
+      orderEvents: 'Order Events',
+      repairItems: 'Repair Items',
+      paidService: 'Paid Service',
+      freeService: 'Free Service',
+      needMaterials: 'Need Materials',
+      noMaterials: 'No Materials'
+    },
+    repairDetailResource: {
+      itemCode: 'Item Code',
+      itemType: 'Item Type',
+      itemName: 'Item Name',
+      specification: 'Specification',
+      quantity: 'Quantity',
+      price: 'Price',
+      user: 'User',
+      time: 'Time'
+    },
+    repairDetailUser: {
+      serial: 'Serial',
+      handler: 'Handler',
+      status: 'Status',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      duration: 'Duration',
+      opinion: 'Opinion',
+      reply: 'Reply'
+    },
+    repairDetailEvent: {
+      eventType: 'Event Type',
+      staff: 'Staff',
+      description: 'Description',
+      createTime: 'Create Time'
+    },
+    replyRepairAppraise: {
+      title: 'Reply Evaluation',
+      content: 'Content',
+      submit: 'Submit',
+      cancel: 'Cancel',
+      placeholder: 'Required, please fill in reply content'
+    }
+  },
+  zh: {
+    repairDetail: {
+      title: '工单详情',
+      print: '打印',
+      back: '返回',
+      orderCode: '工单编码：',
+      repairType: '报修类型：',
+      repairer: '报修人：',
+      contact: '联系方式：',
+      location: '位置：',
+      appointmentStart: '预约开始时间：',
+      appointmentEnd: '预约结束时间：',
+      submitDuration: '提单时长：',
+      finishTime: '完成时间：',
+      status: '状态：',
+      content: '报修内容：',
+      maintenanceType: '维修类型：',
+      materials: '用料：',
+      costDetail: '费用明细：',
+      yuan: '元(单价*数量)',
+      avgScore: '平均分：',
+      comprehensiveScore: '综合评价得分：',
+      doorSpeedScore: '上门速度评分：',
+      serviceScore: '维修员服务评分：',
+      points: '分',
+      visitSatisfaction: '回访满意度：',
+      visitContent: '回访内容：',
+      orderPhotos: '工单图片',
+      orderFlow: '工单流转',
+      orderEvents: '工单事件',
+      repairItems: '维修物品',
+      paidService: '有偿服务',
+      freeService: '无偿服务',
+      needMaterials: '需要用料',
+      noMaterials: '无需用料'
+    },
+    repairDetailResource: {
+      itemCode: '物品资源编号',
+      itemType: '物品资源类型',
+      itemName: '物品资源名称',
+      specification: '物品资源规格',
+      quantity: '物品使用数量',
+      price: '物品价格',
+      user: '使用人',
+      time: '时间'
+    },
+    repairDetailUser: {
+      serial: '序号',
+      handler: '处理人',
+      status: '状态',
+      startTime: '处理开始时间',
+      endTime: '处理结束时间',
+      duration: '耗时',
+      opinion: '意见',
+      reply: '回复'
+    },
+    repairDetailEvent: {
+      eventType: '事件类型',
+      staff: '员工',
+      description: '事件说明',
+      createTime: '创建时间'
+    },
+    replyRepairAppraise: {
+      title: '回复评价',
+      content: '内容',
+      submit: '提交',
+      cancel: '取消',
+      placeholder: '必填，请填写回复内容'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <el-card class="repair-detail-container">
+    <div class="flex justify-between">
+      <div class="text-title">{{ $t('repairDetail.title') }}</div>
+      <div>
+        <el-button type="primary" size="small" @click="printRepairDetail">
+          {{ $t('repairDetail.print') }}
+        </el-button>
+        <el-button type="primary" size="small" @click="goBack">
+          {{ $t('repairDetail.back') }}
+        </el-button>
+      </div>
+    </div>
+
+    <div class="margin-top">
+      <el-form :model="repairDetailInfo" label-width="auto" class="text-left">
+        <el-row :gutter="20">
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.orderCode')">
+              <span>{{ repairDetailInfo.repairId }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.repairType')">
+              <span>{{ repairDetailInfo.repairTypeName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.repairer')">
+              <span>{{ repairDetailInfo.repairName }}</span>
+            </el-form-item>
+          </el-col>
+
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.contact')">
+              <span>{{ repairDetailInfo.tel }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.location')">
+              <span>{{ repairDetailInfo.repairObjName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.appointmentStart')">
+              <span>{{ repairDetailInfo.appointmentTime }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.appointmentEnd')">
+              <span>{{ repairDetailInfo.timeout }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.submitDuration')">
+              <span>{{ repairDetailInfo.submitHours || '0' }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.finishTime')">
+              <span>{{ repairDetailInfo.finishTime || '-' }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.status')">
+              <span>{{ repairDetailInfo.stateName }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.content')">
+              <span>{{ repairDetailInfo.context }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="repairDetailInfo.maintenanceType" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.maintenanceType')">
+              <span>
+                <template v-if="repairDetailInfo.maintenanceType === '1001'">
+                  {{ $t('repairDetail.paidService') }}
+                </template>
+                <template v-else-if="repairDetailInfo.maintenanceType === '1002'">
+                  {{ $t('repairDetail.freeService') }}
+                </template>
+                <template v-else-if="repairDetailInfo.maintenanceType === '1003'">
+                  {{ $t('repairDetail.needMaterials') }}
+                </template>
+                <template v-else-if="repairDetailInfo.maintenanceType === '1004'">
+                  {{ $t('repairDetail.noMaterials') }}
+                </template>
+              </span>
+            </el-form-item>
+          </el-col>
+
+          <el-col v-if="repairDetailInfo.maintenanceType === '1001' || repairDetailInfo.maintenanceType === '1003'" :sm="8"
+            :xs="24">
+            <el-form-item :label="$t('repairDetail.materials')">
+              <span>{{ repairDetailInfo.repairMaterials }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="repairDetailInfo.maintenanceType === '1001'" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.costDetail')">
+              <span>
+                {{ repairDetailInfo.repairFee }}
+                <span>{{ $t('repairDetail.yuan') }}</span>
+              </span>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="repairDetailInfo.appraiseScore !== '0'" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.comprehensiveScore')">
+              <span>
+                {{ repairDetailInfo.appraiseScore }}
+                <span>{{ $t('repairDetail.points') }}</span>
+              </span>
+            </el-form-item>
+          </el-col>
+
+          <el-col v-if="repairDetailInfo.doorSpeedScore !== '0'" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.doorSpeedScore')">
+              <span>
+                {{ repairDetailInfo.doorSpeedScore }}
+                <span>{{ $t('repairDetail.points') }}</span>
+              </span>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="repairDetailInfo.repairmanServiceScore !== '0'" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.serviceScore')">
+              <span>
+                {{ repairDetailInfo.repairmanServiceScore }}
+                <span>{{ $t('repairDetail.points') }}</span>
+              </span>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="repairDetailInfo.average !== '0.0'" :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.avgScore')">
+              <span>
+                {{ repairDetailInfo.average }}
+                {{ $t('repairDetail.points') }}
+              </span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row v-if="repairDetailInfo.visitType" :gutter="20">
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.visitSatisfaction')">
+              <span>{{ repairDetailInfo.visitType === '1001' ? $t('repairDetail.satisfied') :
+                $t('repairDetail.notSatisfied') }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :sm="8" :xs="24">
+            <el-form-item :label="$t('repairDetail.visitContent')">
+              <span>{{ repairDetailInfo.visitContext }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <divider></divider>
+
+    <div class="margin-top-sm">
+      <el-tabs v-model="currentTab" @tab-click="changeTab(currentTab)">
+        <el-tab-pane :label="$t('repairDetail.orderPhotos')" name="repairDetailPhotos"></el-tab-pane>
+        <el-tab-pane :label="$t('repairDetail.repairItems')" name="repairDetailResource"></el-tab-pane>
+        <el-tab-pane :label="$t('repairDetail.orderFlow')" name="repairDetailUser"></el-tab-pane>
+        <el-tab-pane :label="$t('repairDetail.orderEvents')" name="repairDetailEvent"></el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <div v-if="currentTab === 'repairDetailPhotos'">
+      <repair-detail-photos ref="repairDetailPhotos" :repair-id="repairDetailInfo.repairId"></repair-detail-photos>
+    </div>
+    <div v-if="currentTab === 'repairDetailResource'">
+      <repair-detail-resource ref="repairDetailResource" :repair-id="repairDetailInfo.repairId"></repair-detail-resource>
+    </div>
+    <div v-if="currentTab === 'repairDetailUser'">
+      <repair-detail-user ref="repairDetailUser" :repair-id="repairDetailInfo.repairId"></repair-detail-user>
+    </div>
+    <div v-if="currentTab === 'repairDetailEvent'">
+      <repair-detail-event ref="repairDetailEvent" :repair-id="repairDetailInfo.repairId"></repair-detail-event>
+    </div>
+
+    <view-image ref="viewImage"></view-image>
+    <reply-repair-appraise ref="replyAppraise"></reply-repair-appraise>
+  </el-card>
+</template>
+
+<script>
+import { getRepairDetail } from '@/api/work/repairDetailApi'
+import RepairDetailPhotos from '@/components/work/repairDetailPhotos'
+import RepairDetailResource from '@/components/work/repairDetailResource'
+import RepairDetailUser from '@/components/work/repairDetailUser'
+import RepairDetailEvent from '@/components/work/repairDetailEvent'
+import ViewImage from '@/components/work/viewImage'
+import ReplyRepairAppraise from '@/components/work/ReplyRepairAppraise'
+import divider from '@/components/system/divider'
+
+export default {
+  name: 'RepairDetailList',
+  components: {
+    RepairDetailPhotos,
+    RepairDetailResource,
+    RepairDetailUser,
+    RepairDetailEvent,
+    ViewImage,
+    ReplyRepairAppraise,
+    divider
+  },
+  data() {
+    return {
+      currentTab: 'repairDetailPhotos',
+      repairDetailInfo: {
+        repairId: '',
+        repairType: '',
+        repairTypeName: '',
+        repairName: '',
+        tel: '',
+        roomId: '',
+        roomName: '',
+        repairObjName: '',
+        appointmentTime: '',
+        submitHours: '',
+        timeout: '',
+        finishTime: '',
+        context: '',
+        stateName: '',
+        userId: '',
+        userName: '',
+        photos: [],
+        visitType: '',
+        visitContext: '',
+        maintenanceType: '',
+        repairMaterials: '',
+        repairFee: '',
+        appraiseScore: 0,
+        doorSpeedScore: 0,
+        repairmanServiceScore: 0,
+        average: 0.0
+      }
+    }
+  },
+  created() {
+    const repairId = this.$route.query.repairId
+    this.repairDetailInfo.repairId = repairId
+    this.loadRepairDetail()
+  },
+  methods: {
+    async loadRepairDetail() {
+      try {
+        const data = await getRepairDetail(this.repairDetailInfo.repairId)
+        Object.assign(this.repairDetailInfo, data)
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    printRepairDetail() {
+      window.open(`/print.html#/pages/property/printRepairDetail?repairId=${this.repairDetailInfo.repairId}&repairType=${this.repairDetailInfo.repairType}`)
+    },
+    changeTab(tab) {
+      this.currentTab = tab
+      setTimeout(() => {
+        if (this.$refs[`${tab}`]) {
+          this.$refs[`${tab}`].loadData()
+        }
+      },500)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.repair-detail-container {
+  padding: 20px;
+}
+
+.text-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+.margin-top {
+  margin-top: 20px;
+}
+
+.margin-top-sm {
+  margin-top: 10px;
+}
+
+.flex {
+  display: flex;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.el-divider {
+  margin: 20px 0;
+}
+
+.el-form-item {
+  margin-bottom: 15px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairDispatchManage: {
+      searchConditions: 'Search Conditions',
+      repairBacklog: 'Repair Backlog',
+      placeholder: {
+        repairId: 'Please enter work order number',
+        repairName: 'Please enter reporter name',
+        tel: 'Please enter reporter phone',
+        selectRepairType: 'Please select repair type',
+        selectStatus: 'Please select status'
+      },
+      table: {
+        location: 'Location',
+        repairType: 'Repair Type',
+        repairPerson: 'Reporter',
+        repairPhone: 'Reporter Phone',
+        appointmentTime: 'Appointment Time',
+        status: 'Status',
+        operation: 'Operation'
+      },
+      transferOrder: 'Transfer Order',
+      returnOrder: 'Return Order',
+      complete: 'Complete',
+      returnVisit: 'Return Visit',
+      pause: 'Pause',
+      start: 'Start',
+      detail: 'Detail',
+      scheduledTask: 'Scheduled Task',
+      dispatchRepair: 'Dispatch Repair',
+      previousHandler: 'Previous Handler',
+      requiredPreviousHandler: 'Required, please fill in the previous handler',
+      repairMaster: 'Repair Master',
+      requiredRepairMaster: 'Required, please select repair master',
+      handlingOpinions: 'Handling Opinions',
+      requiredHandlingOpinions: 'Required, please fill in handling opinions',
+      returnVisitSuggestion: 'Return Visit Suggestion',
+      requiredReturnVisitSuggestion: 'Required, please fill in return visit suggestion',
+      pauseReason: 'Pause Reason',
+      requiredPauseReason: 'Required, please fill in pause reason',
+      confirmOperation: 'Confirm Operation',
+      confirmStartRepair: 'Confirm to start the repair?',
+      cannotTransferToSelf: 'Cannot transfer the order to yourself',
+      fetchRepairListFailed: 'Failed to get repair list',
+      fetchRepairTypesFailed: 'Failed to get repair types',
+      fetchRepairMasterFailed: 'Failed to get repair masters',
+      dispatchFailed: 'Dispatch failed',
+      returnVisitFailed: 'Return visit failed',
+      pauseFailed: 'Pause failed',
+      startFailed: 'Start failed'
+    }
+  },
+  zh: {
+    repairDispatchManage: {
+      searchConditions: '查询条件',
+      repairBacklog: '报修待办',
+      placeholder: {
+        repairId: '请输入工单编号',
+        repairName: '请输入报修人',
+        tel: '请输入报修人电话',
+        selectRepairType: '请选择报修类型',
+        selectStatus: '请选择报修状态'
+      },
+      table: {
+        location: '位置',
+        repairType: '报修类型',
+        repairPerson: '报修人',
+        repairPhone: '报修人电话',
+        appointmentTime: '预约时间',
+        status: '状态',
+        operation: '操作'
+      },
+      transferOrder: '转单',
+      returnOrder: '退单',
+      complete: '办结',
+      returnVisit: '回访',
+      pause: '暂停',
+      start: '启动',
+      detail: '详情',
+      scheduledTask: '定时任务处理',
+      dispatchRepair: '报修派单',
+      previousHandler: '上级处理人',
+      requiredPreviousHandler: '必填，请填写上级处理人',
+      repairMaster: '报修师傅',
+      requiredRepairMaster: '必填，请选择报修师傅',
+      handlingOpinions: '处理意见',
+      requiredHandlingOpinions: '必填，请填写处理意见',
+      returnVisitSuggestion: '回访建议',
+      requiredReturnVisitSuggestion: '必填，请填写回访建议',
+      pauseReason: '暂停原因',
+      requiredPauseReason: '必填，请填写暂停原因',
+      confirmOperation: '确认操作',
+      confirmStartRepair: '确定启动报修？',
+      cannotTransferToSelf: '不能转单给自己',
+      fetchRepairListFailed: '获取报修列表失败',
+      fetchRepairTypesFailed: '获取报修类型失败',
+      fetchRepairMasterFailed: '获取维修师傅列表失败',
+      dispatchFailed: '派单失败',
+      returnVisitFailed: '回访失败',
+      pauseFailed: '暂停失败',
+      startFailed: '启动失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="padding">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <div>{{ $t('repairDispatchManage.searchConditions') }}</div>
+          </div>
+          <div class="">
+            <el-row :gutter="15">
+              <el-col :span="4">
+                <el-input :placeholder="$t('repairDispatchManage.placeholder.repairId')"
+                  v-model.trim="repairDispatchManageInfo.conditions.repairId" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-input :placeholder="$t('repairDispatchManage.placeholder.repairName')"
+                  v-model.trim="repairDispatchManageInfo.conditions.repairName" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-input :placeholder="$t('repairDispatchManage.placeholder.tel')"
+                  v-model.trim="repairDispatchManageInfo.conditions.tel" clearable />
+              </el-col>
+              <el-col :span="4">
+                <el-select v-model="repairDispatchManageInfo.conditions.repairType" style="width:100%">
+                  <el-option :label="$t('repairDispatchManage.placeholder.selectRepairType')" value="" />
+                  <el-option v-for="(item, index) in repairDispatchManageInfo.repairTypes" :key="index"
+                    :label="item.repairTypeName" :value="item.repairType" />
+                </el-select>
+              </el-col>
+              <el-col :span="4">
+                <el-select v-model="repairDispatchManageInfo.conditions.state" style="width:100%">
+                  <el-option :label="$t('repairDispatchManage.placeholder.selectStatus')" value="" />
+                  <el-option v-for="(item, index) in repairDispatchManageInfo.states" :key="index" :label="item.name"
+                    :value="item.statusCd" />
+                </el-select>
+              </el-col>
+              <el-col :span="4">
+                <el-button type="primary" @click="_queryOwnerRepairMethod">
+                  <i class="el-icon-search"></i>
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button type="default" @click="_resetOwnerRepairMethod">
+                  <i class="el-icon-refresh"></i>
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="margin-top">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <div>
+              <span>{{ repairDispatchManageInfo.conditions.roomName }}</span>
+              <span>{{ $t('repairDispatchManage.repairBacklog') }}</span>
+            </div>
+          </div>
+          <div class="">
+            <el-table :data="repairDispatchManageInfo.ownerRepairs" border style="width:100%">
+              <el-table-column prop="repairObjName" :label="$t('repairDispatchManage.table.location')" align="center" />
+              <el-table-column prop="repairTypeName" :label="$t('repairDispatchManage.table.repairType')"
+                align="center" />
+              <el-table-column prop="repairName" :label="$t('repairDispatchManage.table.repairPerson')" align="center" />
+              <el-table-column prop="tel" :label="$t('repairDispatchManage.table.repairPhone')" align="center" />
+              <el-table-column prop="appointmentTime" :label="$t('repairDispatchManage.table.appointmentTime')"
+                align="center" />
+              <el-table-column :label="$t('repairDispatchManage.table.status')" align="center">
+                <template slot-scope="scope">
+                  <span
+                    v-if="scope.row.state == '1800' && (scope.row.returnVisitFlag == '001' || scope.row.returnVisitFlag == '002')">
+                    {{ scope.row.stateName }}({{ $t('repairDispatchManage.scheduledTask') }})
+                  </span>
+                  <span v-else>
+                    {{ scope.row.stateName }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('common.operation')" align="center" width="300">
+                <template slot-scope="scope">
+                  <el-button-group>
+                    <el-button
+                      v-if="(scope.row.state == '1100' || scope.row.state == '1200' || scope.row.state == '1300') && scope.row.state != '2001'"
+                      size="mini" @click="_openDispatchRepairModel(scope.row)">
+                      {{ $t('repairDispatchManage.transferOrder') }}
+                    </el-button>
+                    <el-button
+                      v-if="scope.row.preStaffId != '-1' && scope.row.ruId != scope.row.preRuId && scope.row.state != '2001'"
+                      size="mini" @click="_openBackRepairModel(scope.row)">
+                      {{ $t('repairDispatchManage.returnOrder') }}
+                    </el-button>
+                    <el-button
+                      v-if="(scope.row.state == '1100' || scope.row.state == '1200' || scope.row.state == '1300') && scope.row.state != '2001'"
+                      size="mini" @click="_openFinishRepair(scope.row)">
+                      {{ $t('repairDispatchManage.complete') }}
+                    </el-button>
+                    <el-button
+                      v-if="$store.getters.hasPrivilege('502021040151320003') && scope.row.state == '1800' && scope.row.returnVisitFlag == '003' && scope.row.state != '2001'"
+                      size="mini" @click="_openAppraiseRepair(scope.row)">
+                      {{ $t('repairDispatchManage.returnVisit') }}
+                    </el-button>
+                    <el-button v-if="scope.row.state == '1100' || scope.row.state == '1200' || scope.row.state == '1300'"
+                      size="mini" @click="_openStopRepair(scope.row)">
+                      {{ $t('repairDispatchManage.pause') }}
+                    </el-button>
+                    <el-button v-if="scope.row.state == '2001'" size="mini" @click="_openStartRepair(scope.row)">
+                      {{ $t('repairDispatchManage.start') }}
+                    </el-button>
+                    <el-button size="mini" @click="_openDispatchRepairDetail(scope.row)">
+                      {{ $t('common.detail') }}
+                    </el-button>
+                  </el-button-group>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+              :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+              @current-change="handleCurrentChange" class="pagination" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <dispatch-repair ref="dispatchRepair" @success="handleSuccess" />
+    <appraise-repair ref="appraiseRepair" @success="handleSuccess" />
+    <stop-repair ref="stopRepair" @success="handleSuccess" />
+    <start-repair ref="startRepair" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listStaffRepairs, listRepairSettings } from '@/api/work/repairDispatchManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import DispatchRepair from '@/components/work/dispatchRepair'
+import AppraiseRepair from '@/components/work/AppraiseRepair'
+import StopRepair from '@/components/work/StopRepair'
+import StartRepair from '@/components/work/StartRepair'
+
+export default {
+  name: 'RepairDispatchManageList',
+  components: {
+    DispatchRepair,
+    AppraiseRepair,
+    StopRepair,
+    StartRepair
+  },
+  data() {
+    return {
+      repairDispatchManageInfo: {
+        ownerRepairs: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        repairTypes: [],
+        states: [],
+        conditions: {
+          repairId: '',
+          repairName: '',
+          tel: '',
+          repairType: '',
+          roomId: '',
+          roomName: '',
+          ownerId: '',
+          userId: '',
+          userName: '',
+          state: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._initData()
+  },
+  methods: {
+    async _initData() {
+      try {
+        // 获取报修类型字典
+        this.repairDispatchManageInfo.states = await getDict('r_repair_pool', 'state')
+        this._listRepairTypes()
+        this._listOwnerRepairs()
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+        this.$message.error(this.$t('common.initFailed'))
+      }
+    },
+    async _listOwnerRepairs() {
+      try {
+        const params = {
+          ...this.repairDispatchManageInfo.conditions,
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.communityId
+        }
+
+        const res = await listStaffRepairs(params)
+        this.repairDispatchManageInfo.ownerRepairs = res.data
+        this.page.total = res.total
+      } catch (error) {
+        console.error('获取报修列表失败:', error)
+        this.$message.error(this.$t('repairDispatchManage.fetchRepairListFailed'))
+      }
+    },
+    async _listRepairTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: this.communityId
+        }
+
+        const res = await listRepairSettings(params)
+        this.repairDispatchManageInfo.repairTypes = res.data
+      } catch (error) {
+        console.error('获取报修类型失败:', error)
+        this.$message.error(this.$t('repairDispatchManage.fetchRepairTypesFailed'))
+      }
+    },
+    _queryOwnerRepairMethod() {
+      this.page.current = 1
+      this._listOwnerRepairs()
+    },
+    _resetOwnerRepairMethod() {
+      this.repairDispatchManageInfo.conditions.repairId = ''
+      this.repairDispatchManageInfo.conditions.repairName = ''
+      this.repairDispatchManageInfo.conditions.tel = ''
+      this.repairDispatchManageInfo.conditions.repairType = ''
+      this.repairDispatchManageInfo.conditions.state = ''
+      this._listOwnerRepairs()
+    },
+    _openDispatchRepairModel(row) {
+      this.$refs.dispatchRepair.open({ ...row, action: 'TRANSFER' })
+    },
+    _openBackRepairModel(row) {
+      this.$refs.dispatchRepair.open({ ...row, action: 'BACK' })
+    },
+    _openFinishRepair(row) {
+      this.$router.push({
+        path: '/property/finishRepair',
+        query: {
+          repairType: row.repairType,
+          repairId: row.repairId,
+          repairObjType: row.repairObjType,
+          publicArea: row.publicArea,
+          repairChannel: row.repairChannel
+        }
+      })
+    },
+    _openDispatchRepairDetail(row) {
+      this.$router.push({
+        path: '/property/ownerRepairDetail',
+        query: { repairId: row.repairId }
+      })
+    },
+    _openAppraiseRepair(row) {
+      this.$refs.appraiseRepair.open(row)
+    },
+    _openStopRepair(row) {
+      this.$refs.stopRepair.open(row)
+    },
+    _openStartRepair(row) {
+      this.$refs.startRepair.open(row)
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._listOwnerRepairs()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._listOwnerRepairs()
+    },
+    handleSuccess() {
+      this._listOwnerRepairs()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ibox-content {
+  padding: 15px 20px 20px 20px;
+}
+
+.pagination {
+  margin-top: 15px;
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairForceFinishManage: {
+      searchCondition: 'Search Conditions',
+      repairTypePlaceholder: 'Select Repair Type',
+      repairPersonPlaceholder: 'Enter Repair Person',
+      repairPhonePlaceholder: 'Enter Repair Phone',
+      search: 'Search',
+      reset: 'Reset',
+      forceFinish: 'Force Finish',
+      repairId: 'Work Order ID',
+      location: 'Location',
+      repairType: 'Repair Type',
+      repairPerson: 'Repair Person',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      submitTime: 'Submit Time',
+      status: 'Status',
+      operation: 'Operation',
+      detail: 'Detail',
+      description: 'Description: This function is mainly used to solve the scenario where the maintenance master is too old to use the mobile phone operation, and the customer service personnel need to confirm the maintenance completion and force the order back'
+    },
+    forceFinishRepair: {
+      title: 'Force Finish',
+      useMaterial: 'Use Material?',
+      maintenanceType: 'Maintenance Type',
+      goodsType: 'Goods Type',
+      goodsName: 'Goods Name',
+      customPrice: 'Custom Price',
+      secondaryCategory: 'Secondary Category',
+      goods: 'Goods',
+      goodsPrice: 'Goods Price',
+      priceRange: 'Price Range',
+      specification: 'Specification',
+      quantity: 'Quantity',
+      paymentMethod: 'Payment Method',
+      explanation: 'Explanation',
+      submit: 'Submit',
+      cancel: 'Cancel'
+    },
+    chooseSingleResource: {
+      title: 'Select Item',
+      goodsType: 'Goods Type',
+      secondaryCategory: 'Secondary Category',
+      goods: 'Goods',
+      goodsPrice: 'Goods Price',
+      priceRange: 'Price Range',
+      specification: 'Specification',
+      quantity: 'Quantity',
+      confirm: 'Confirm',
+      cancel: 'Cancel'
+    }
+  },
+  zh: {
+    repairForceFinishManage: {
+      searchCondition: '查询条件',
+      repairTypePlaceholder: '请选择报修类型',
+      repairPersonPlaceholder: '请输入报修人',
+      repairPhonePlaceholder: '请输入报修电话',
+      search: '查询',
+      reset: '重置',
+      forceFinish: '强制回单',
+      repairId: '工单编号',
+      location: '位置',
+      repairType: '报修类型',
+      repairPerson: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      submitTime: '提交时间',
+      status: '状态',
+      operation: '操作',
+      detail: '详情',
+      description: '说明：此功能主要为了解决维修师傅年龄大不会使用手机操作，需要客服人员确认维修完后强制回单场景'
+    },
+    forceFinishRepair: {
+      title: '强制回单',
+      useMaterial: '是否用料',
+      maintenanceType: '维修类型',
+      goodsType: '商品类型',
+      goodsName: '商品名',
+      customPrice: '自定义价格',
+      secondaryCategory: '二级分类',
+      goods: '商品',
+      goodsPrice: '商品价格',
+      priceRange: '价格范围',
+      specification: '规格',
+      quantity: '商品数量',
+      paymentMethod: '支付方式',
+      explanation: '说明',
+      submit: '提交',
+      cancel: '取消'
+    },
+    chooseSingleResource: {
+      title: '选择物品',
+      goodsType: '商品类型',
+      secondaryCategory: '二级分类',
+      goods: '商品',
+      goodsPrice: '商品价格',
+      priceRange: '价格范围',
+      specification: '规格',
+      quantity: '商品数量',
+      confirm: '确定',
+      cancel: '取消'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="repair-force-finish-container">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('repairForceFinishManage.searchCondition') }}</span>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-select v-model="searchForm.repairType" :placeholder="$t('repairForceFinishManage.repairTypePlaceholder')"
+            clearable style="width:100%">
+            <el-option v-for="item in repairSettings" :key="item.repairType" :label="item.repairTypeName"
+              :value="item.repairType" />
+          </el-select>
+        </el-col>
+
+        <el-col :span="6">
+          <el-input v-model="searchForm.repairName" :placeholder="$t('repairForceFinishManage.repairPersonPlaceholder')"
+            clearable />
+        </el-col>
+
+        <el-col :span="6">
+          <el-input v-model="searchForm.tel" :placeholder="$t('repairForceFinishManage.repairPhonePlaceholder')"
+            clearable />
+        </el-col>
+
+        <el-col :span="6">
+          <el-button type="primary" @click="queryRepairPool">
+            <i class="el-icon-search"></i>
+            {{ $t('repairForceFinishManage.search') }}
+          </el-button>
+          <el-button @click="resetRepairPool" style="margin-left:10px">
+            <i class="el-icon-refresh"></i>
+            {{ $t('repairForceFinishManage.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 报修列表 -->
+    <el-card class="list-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ searchForm.roomName }} {{ $t('repairForceFinishManage.forceFinish') }}</span>
+      </div>
+
+      <el-table :data="repairPools" border v-loading="loading">
+        <el-table-column prop="repairId" :label="$t('repairForceFinishManage.repairId')" align="center" />
+        <el-table-column prop="repairObjName" :label="$t('repairForceFinishManage.location')" align="center" />
+        <el-table-column prop="repairTypeName" :label="$t('repairForceFinishManage.repairType')" align="center" />
+        <el-table-column prop="repairName" :label="$t('repairForceFinishManage.repairPerson')" align="center" />
+        <el-table-column prop="tel" :label="$t('repairForceFinishManage.contact')" align="center" />
+        <el-table-column prop="appointmentTime" :label="$t('repairForceFinishManage.appointmentTime')" align="center" />
+        <el-table-column prop="createTime" :label="$t('repairForceFinishManage.submitTime')" align="center" />
+        <el-table-column prop="stateName" :label="$t('repairForceFinishManage.status')" align="center" />
+        <el-table-column :label="$t('repairForceFinishManage.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="openForceFinishRepair(scope.row)">
+              {{ $t('repairForceFinishManage.forceFinish') }}
+            </el-button>
+            <el-button size="mini" @click="openRepairDetail(scope.row)">
+              {{ $t('repairForceFinishManage.detail') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-row class="footer-row">
+        <el-col :span="18">
+          <div class="description">
+            {{ $t('repairForceFinishManage.description') }}
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 强制回单弹窗 -->
+    <force-finish-repair ref="forceFinishDialog" :visible.sync="forceFinishVisible" @success="handleForceFinishSuccess" />
+  </div>
+</template>
+
+<script>
+import {
+  listRepairSettings,
+  listOwnerRepairs,
+  getDict
+} from '@/api/work/repairForceFinishManageApi'
+import ForceFinishRepair from '@/components/work/forceFinishRepair'
+
+export default {
+  name: 'RepairForceFinishManageList',
+  components: {
+    ForceFinishRepair
+  },
+  data() {
+    return {
+      searchForm: {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        roomId: '',
+        roomName: '',
+        state: '1100'
+      },
+      repairPools: [],
+      repairSettings: [],
+      states: [],
+      loading: false,
+      forceFinishVisible: false,
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  mounted() {
+    this.loadRepairSettings()
+    this.loadDictData()
+    this.listRepairPools()
+  },
+  methods: {
+    async loadRepairSettings() {
+      try {
+        this.repairSettings = await listRepairSettings()
+      } catch (error) {
+        console.error('获取报修设置失败:', error)
+        this.$message.error('获取报修设置失败')
+      }
+    },
+    async loadDictData() {
+      try {
+        this.states = await getDict('r_repair_pool', 'state')
+      } catch (error) {
+        console.error('获取状态字典失败:', error)
+        this.$message.error('获取状态字典失败')
+      }
+    },
+    async listRepairPools() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+
+        // 清理空值
+        Object.keys(params).forEach(key => {
+          if (params[key] === '') delete params[key]
+        })
+
+        const { data, total } = await listOwnerRepairs(params)
+        this.repairPools = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('获取报修列表失败:', error)
+        this.$message.error('获取报修列表失败')
+      } finally {
+        this.loading = false
+      }
+    },
+    queryRepairPool() {
+      this.pagination.current = 1
+      this.listRepairPools()
+    },
+    resetRepairPool() {
+      this.searchForm = {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        state: '1100'
+      }
+      this.queryRepairPool()
+    },
+    openForceFinishRepair(repair) {
+      this.forceFinishVisible = true
+      this.$nextTick(() => {
+        this.$refs.forceFinishDialog.open(repair)
+      })
+    },
+    openRepairDetail(repair) {
+      this.$router.push(`/work/repairDetail/${repair.repairId}`)
+    },
+    handleForceFinishSuccess() {
+      this.listRepairPools()
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.listRepairPools()
+    },
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.listRepairPools()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.repair-force-finish-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .list-card {
+    margin-bottom: 20px;
+  }
+
+  .footer-row {
+    margin-top: 20px;
+    display: flex;
+    align-items: center;
+
+    .description {
+      font-size: 14px;
+      color: #999;
+    }
+  }
+
+  .el-pagination {
+    display: flex;
+    justify-content: flex-end;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairPoolManage: {
+      queryConditions: 'Query Conditions',
+      repairOrderPool: 'Repair Order Pool',
+      workOrderCode: 'Work Order Code',
+      location: 'Location',
+      repairType: 'Repair Type',
+      maintenanceType: 'Maintenance Type',
+      repairPerson: 'Repair Person',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      submissionTime: 'Submission Time',
+      submissionDuration: 'Submission Duration',
+      completionTime: 'Completion Time',
+      status: 'Status',
+      operation: 'Operation',
+      modify: 'Modify',
+      dispatch: 'Dispatch',
+      grabOrder: 'Grab Order',
+      end: 'End',
+      details: 'Details',
+      delete: 'Delete',
+      search: 'Search',
+      reset: 'Reset',
+      more: 'More',
+      hide: 'Hide',
+      all: 'All',
+      timeoutOrders: 'Timeout Orders',
+      workOrderNumber: 'Work Order Number',
+      repairPersonName: 'Repair Person Name',
+      repairPhone: 'Repair Phone',
+      selectRepairType: 'Select Repair Type',
+      selectRepairSettingType: 'Select Repair Setting Type',
+      repairLocation: 'Repair Location',
+      selectMaintenanceType: 'Select Maintenance Type',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      repairSettingType: 'Repair Setting Type',
+      repairContent: 'Repair Content',
+      operationSuggestions: 'Operation Suggestions',
+      endReason: 'End Reason',
+    }
+  },
+  zh: {
+    repairPoolManage: {
+      queryConditions: '查询条件',
+      repairOrderPool: '报修工单池',
+      workOrderCode: '工单编码',
+      location: '位置',
+      repairType: '报修类型',
+      maintenanceType: '维修类型',
+      repairPerson: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      submissionTime: '提交时间',
+      submissionDuration: '提单时长',
+      completionTime: '完成时间',
+      status: '状态',
+      operation: '操作',
+      modify: '修改',
+      dispatch: '派单',
+      grabOrder: '抢单',
+      end: '结束',
+      details: '详情',
+      delete: '删除',
+      search: '查询',
+      reset: '重置',
+      more: '更多',
+      hide: '隐藏',
+      all: '全部',
+      timeoutOrders: '超时工单',
+      workOrderNumber: '工单编号',
+      repairPersonName: '报修人',
+      repairPhone: '报修电话',
+      selectRepairType: '请选择报修类型',
+      selectRepairSettingType: '请选择报修设置类型',
+      repairLocation: '报修位置',
+      selectMaintenanceType: '请选择维修类型',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      repairSettingType: '报修设置类型',
+      repairContent: '报修内容',
+      operationSuggestions: '说明',
+      endReason: '结束原因',
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <!-- 左侧状态栏 -->
+      <el-col :span="3">
+        <el-card>
+          <div class="status-list">
+            <div v-for="(item, index) in states" :key="index" class="status-item"
+              :class="{ 'status-active': conditions.state === item.statusCd }" @click="switchRepairState(item)">
+              {{ item.name }}
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+
+      <!-- 右侧内容 -->
+      <el-col :span="21">
+        <!-- 查询条件 -->
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('repairPoolManage.queryConditions') }}</span>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="toggleMoreCondition">
+              {{ moreCondition ? $t('repairPoolManage.hide') : $t('repairPoolManage.more') }}
+            </el-button>
+          </div>
+
+          <el-form :model="conditions" label-width="auto">
+            <el-row :gutter="20">
+              <el-col :span="4">
+                <el-form-item>
+                  <el-input v-model="conditions.repairId" :placeholder="$t('repairPoolManage.workOrderNumber')" />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-input v-model="conditions.repairName" :placeholder="$t('repairPoolManage.repairPersonName')" />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-input v-model="conditions.tel" :placeholder="$t('repairPoolManage.repairPhone')" />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-select v-model="conditions.repairType" :placeholder="$t('repairPoolManage.selectRepairType')"
+                    style="width:100%">
+                    <el-option v-for="(item, index) in repairSettings" :key="index" :label="item.repairTypeName"
+                      :value="item.repairType" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <el-input v-model="conditions.repairObjName" :placeholder="$t('repairPoolManage.repairLocation')" />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-select v-model="conditions.maintenanceType"
+                    :placeholder="$t('repairPoolManage.selectMaintenanceType')" style="width:100%">
+                    <el-option v-for="(item, index) in maintenanceTypes" :key="index" :label="item.name"
+                      :value="item.statusCd" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-date-picker v-model="conditions.startTime" type="datetime" style="width:100%"
+                    :placeholder="$t('repairPoolManage.startTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="4">
+                <el-form-item>
+                  <el-date-picker v-model="conditions.endTime" type="datetime" style="width:100%"
+                    :placeholder="$t('repairPoolManage.endTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" >
+                <el-button type="primary" @click="queryRepairPool">{{ $t('repairPoolManage.search') }}</el-button>
+                <el-button @click="resetRepairPool">{{ $t('repairPoolManage.reset') }}</el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-card>
+
+        <!-- 报修工单池 -->
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('repairPoolManage.repairOrderPool') }}</span>
+          </div>
+
+          <el-table v-loading="loading" :data="repairPools" border style="width: 100%">
+            <el-table-column prop="repairId" :label="$t('repairPoolManage.workOrderCode')" align="center" />
+            <el-table-column prop="repairObjName" :label="$t('repairPoolManage.location')" align="center" />
+            <el-table-column prop="repairTypeName" :label="$t('repairPoolManage.repairType')" align="center" />
+            <el-table-column :label="$t('repairPoolManage.maintenanceType')" align="center">
+              <template slot-scope="scope">
+                {{ formatMaintenanceType(scope.row.maintenanceType) }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="repairName" :label="$t('repairPoolManage.repairPerson')" align="center" />
+            <el-table-column prop="tel" :label="$t('repairPoolManage.contact')" align="center" />
+            <el-table-column :label="$t('repairPoolManage.appointmentTime')" align="center">
+              <template slot-scope="scope">
+                <div>{{ scope.row.appointmentTime }}</div>
+                <div>~{{ scope.row.timeout }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" :label="$t('repairPoolManage.submissionTime')" align="center" />
+            <el-table-column prop="submitHours" :label="$t('repairPoolManage.submissionDuration')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.submitHours || '0' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="finishTime" :label="$t('repairPoolManage.completionTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.finishTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('repairPoolManage.status')" align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.state === '1800' && ['001', '002'].includes(scope.row.returnVisitFlag)">
+                  {{ scope.row.stateName }}({{ $t('repairPoolManage.timedTaskProcessing') }})
+                </span>
+                <span v-else>{{ scope.row.stateName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('repairPoolManage.operation')" align="center" width="300">
+              <template slot-scope="scope">
+                <el-button v-if="hasPrivilege('502021012067300023') && ['1000', '1200'].includes(scope.row.state)"
+                  size="mini" @click="openEditModal(scope.row)">
+                  {{ $t('repairPoolManage.modify') }}
+                </el-button>
+
+                <el-button v-if="hasPrivilege('502019101946430010') && scope.row.state === '1000'" size="mini"
+                  type="primary" @click="openDispatchModal(scope.row)">
+                  {{ $t('repairPoolManage.dispatch') }}
+                </el-button>
+
+                <el-button
+                  v-if="hasPrivilege('502021012099350016') && scope.row.state === '1000' && scope.row.repairWay === '100'"
+                  size="mini" type="success" @click="grabOrder(scope.row)">
+                  {{ $t('repairPoolManage.grabOrder') }}
+                </el-button>
+
+                <el-button
+                  v-if="hasPrivilege('502019101946430010') && !['1900', '1700', '1800'].includes(scope.row.state)"
+                  size="mini" type="warning" @click="openEndModal(scope.row)">
+                  {{ $t('repairPoolManage.end') }}
+                </el-button>
+
+                <el-button size="mini" type="info" @click="openDetail(scope.row)">
+                  {{ $t('repairPoolManage.details') }}
+                </el-button>
+
+                <el-button v-if="hasPrivilege('502021012051410024') && ['1000', '1200'].includes(scope.row.state)"
+                  size="mini" type="danger" @click="openDeleteModal(scope.row.repairId)">
+                  {{ $t('repairPoolManage.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <!-- 分页 -->
+          <el-pagination background layout="total, sizes, prev, pager, next, jumper" :current-page="page.current"
+            :page-sizes="[10, 20, 30, 50]" :page-size="page.size" :total="page.total" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 组件 -->
+    <dispatch-repair ref="dispatchRepair" @success="fetchData" />
+    <end-repair ref="endRepair" @success="fetchData" />
+    <edit-owner-repair ref="editOwnerRepair" @success="fetchData" />
+    <delete-owner-repair ref="deleteOwnerRepair" @success="fetchData" />
+  </div>
+</template>
+
+<script>
+import { listRepairPools, grabbingRepair } from '@/api/work/repairPoolManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import DispatchRepair from '@/components/work/dispatchRepair'
+import EndRepair from '@/components/work/endRepair'
+import EditOwnerRepair from '@/components/work/editOwnerRepair'
+import DeleteOwnerRepair from '@/components/work/deleteOwnerRepair'
+import {listRepairSettings} from '@/api/work/ownerRepairManageApi'
+
+export default {
+  name: 'RepairPoolManage',
+  components: {
+    DispatchRepair,
+    EndRepair,
+    EditOwnerRepair,
+    DeleteOwnerRepair
+  },
+  data() {
+    return {
+      loading: false,
+      repairPools: [],
+      repairSettings: [],
+      states: [],
+      repairSettingTypes: [],
+      maintenanceTypes: [],
+      moreCondition: false,
+      conditions: {
+        repairId: '',
+        repairName: '',
+        tel: '',
+        repairType: '',
+        repairSettingType: '',
+        roomId: '',
+        roomName: '',
+        ownerId: '',
+        state: '',
+        maintenanceType: '',
+        startTime: '',
+        endTime: '',
+        repairObjName: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+    this.fetchRepairSettings()
+    this.loadDictData()
+  },
+  methods: {
+    async fetchData() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+
+        const res = await listRepairPools(params)
+        this.repairPools = res.data || []
+        this.page.total = res.total || 0
+      } catch (error) {
+        console.error('Failed to fetch repair pools:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async fetchRepairSettings() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId()
+        }
+
+        const res = await listRepairSettings(params)
+        this.repairSettings = res.data || []
+      } catch (error) {
+        console.error('Failed to fetch repair settings:', error)
+      }
+    },
+
+    async loadDictData() {
+      try {
+        // 获取状态字典
+        const stateData = await getDict('r_repair_pool', 'state')
+        this.states = [
+          { statusCd: '', name: this.$t('repairPoolManage.all') },
+          { statusCd: 'TIMEOUT', name: this.$t('repairPoolManage.timeoutOrders') },
+          ...(stateData || [])
+        ]
+
+        // 获取报修设置类型字典
+        this.repairSettingTypes = await getDict('r_repair_setting', 'repair_setting_type')
+
+        // 获取维修类型字典
+        this.maintenanceTypes = await getDict('r_repair_pool', 'maintenance_type')
+      } catch (error) {
+        console.error('Failed to load dict data:', error)
+      }
+    },
+
+    formatMaintenanceType(type) {
+      const types = {
+        '1001': this.$t('repairPoolManage.paidService'),
+        '1002': this.$t('repairPoolManage.freeService'),
+        '1003': this.$t('repairPoolManage.needMaterials'),
+        '1004': this.$t('repairPoolManage.noMaterialsNeeded')
+      }
+      return types[type] || '--'
+    },
+
+    switchRepairState(item) {
+      this.conditions.state = item.statusCd
+      this.fetchData()
+    },
+
+    toggleMoreCondition() {
+      this.moreCondition = !this.moreCondition
+    },
+
+    queryRepairPool() {
+      this.page.current = 1
+      this.fetchData()
+    },
+
+    resetRepairPool() {
+      this.conditions = {
+        repairId: '',
+        repairName: '',
+        tel: '',
+        repairType: '',
+        repairSettingType: '',
+        repairObjName: '',
+        maintenanceType: '',
+        startTime: '',
+        endTime: '',
+        state: this.conditions.state // 保持当前状态
+      }
+      this.fetchData()
+    },
+
+    openEditModal(repair) {
+      this.$refs.editOwnerRepair.open(repair)
+    },
+
+    openDispatchModal(repair) {
+      this.$refs.dispatchRepair.open(repair)
+    },
+
+    async grabOrder(repair) {
+      try {
+        const data = {
+          communityId: getCommunityId(),
+          repairId: repair.repairId
+        }
+
+        await grabbingRepair(data)
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.fetchData()
+      } catch (error) {
+        console.error('Grab order failed:', error)
+      }
+    },
+
+    openEndModal(repair) {
+      this.$refs.endRepair.open(repair)
+    },
+
+    openDetail(repair) {
+      this.$router.push(`/views/work/repairDetail?repairId=${repair.repairId}`)
+    },
+
+    openDeleteModal(repairId) {
+      this.$refs.deleteOwnerRepair.open(repairId)
+    },
+
+    handleSizeChange(size) {
+      this.page.size = size
+      this.fetchData()
+    },
+
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.fetchData()
+    },
+
+  }
+}
+</script>
+
+<style scoped>
+.status-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.status-item {
+  padding: 12px;
+  margin-bottom: 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.3s;
+}
+
+.status-item:hover {
+  background-color: #f5f7fa;
+}
+
+.status-active {
+  background-color: #409eff;
+  color: white;
+}
+
+.box-card {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairReturnVisit: {
+      queryTitle: 'Query Conditions',
+      listTitle: 'Repair Return Visit',
+      repairId: 'Work Order No.',
+      location: 'Location',
+      repairType: 'Repair Type',
+      repairName: 'Repair Person',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      operation: 'Operation',
+      visit: 'Visit',
+      detail: 'Detail',
+      repairIdPlaceholder: 'Please enter work order number',
+      repairTypePlaceholder: 'Please select repair type',
+      repairNamePlaceholder: 'Please enter repair person',
+      telPlaceholder: 'Please enter repair phone',
+      statePlaceholder: 'Please select visit status',
+      waiting: 'Pending Visit',
+      finish: 'Visited'
+    }
+  },
+  zh: {
+    repairReturnVisit: {
+      queryTitle: '查询条件',
+      listTitle: '报修回访',
+      repairId: '工单编码',
+      location: '位置',
+      repairType: '报修类型',
+      repairName: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      operation: '操作',
+      visit: '回访',
+      detail: '详情',
+      repairIdPlaceholder: '请输入工单编号',
+      repairTypePlaceholder: '请选择报修类型',
+      repairNamePlaceholder: '请输入报修人',
+      telPlaceholder: '请输入报修电话',
+      statePlaceholder: '请选择回访状态',
+      waiting: '待回访',
+      finish: '已回访'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="padding">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('repairReturnVisit.queryTitle') }}</span>
+          </div>
+          <el-form :model="searchForm" label-width="0">
+            <el-row :gutter="15">
+              <el-col :sm="6" :md="4">
+                <el-input v-model.trim="searchForm.repairId" :placeholder="$t('repairReturnVisit.repairIdPlaceholder')"
+                  clearable />
+              </el-col>
+              <el-col :sm="6" :md="4">
+                <el-select v-model="searchForm.repairType" :placeholder="$t('repairReturnVisit.repairTypePlaceholder')"
+                  clearable style="width:100%">
+                  <el-option v-for="item in repairSettings" :key="item.repairType" :label="item.repairTypeName"
+                    :value="item.repairType" />
+                </el-select>
+              </el-col>
+              <el-col :sm="6" :md="4">
+                <el-input v-model.trim="searchForm.repairName"
+                  :placeholder="$t('repairReturnVisit.repairNamePlaceholder')" clearable />
+              </el-col>
+              <el-col :sm="6" :md="4">
+                <el-input v-model.trim="searchForm.tel" :placeholder="$t('repairReturnVisit.telPlaceholder')" clearable />
+              </el-col>
+              <el-col :sm="6" :md="4">
+                <el-select v-model="searchForm.state" :placeholder="$t('repairReturnVisit.statePlaceholder')" clearable
+                  style="width:100%">
+                  <el-option v-for="item in states" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-col>
+              <el-col :sm="6" :md="4">
+                <el-button type="primary" icon="el-icon-search" @click="queryRepairPool">
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button icon="el-icon-refresh" @click="resetRepairPool">
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" class="mt-20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('repairReturnVisit.listTitle') }}</span>
+          </div>
+          <el-table v-loading="loading" :data="repairPools" border stripe style="width: 100%">
+            <el-table-column prop="repairId" :label="$t('repairReturnVisit.repairId')" align="center" />
+            <el-table-column prop="repairObjName" :label="$t('repairReturnVisit.location')" align="center" />
+            <el-table-column prop="repairTypeName" :label="$t('repairReturnVisit.repairType')" align="center" />
+            <el-table-column prop="repairName" :label="$t('repairReturnVisit.repairName')" align="center" />
+            <el-table-column prop="tel" :label="$t('repairReturnVisit.contact')" align="center" />
+            <el-table-column prop="appointmentTime" :label="$t('repairReturnVisit.appointmentTime')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="180">
+              <template slot-scope="scope">
+                <el-button v-if="!scope.row.visitId" type="primary" size="mini" @click="openEditOwnerRepair(scope.row)">
+                  {{ $t('repairReturnVisit.visit') }}
+                </el-button>
+                <el-button size="mini" @click="openRepairDetail(scope.row)">
+                  {{ $t('repairReturnVisit.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination class="mt-20" :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <visit-owner-repair ref="visitModal" @success="listRepairPools" />
+  </div>
+</template>
+
+<script>
+import { getRepairReturnVisitList, listRepairSettings } from '@/api/work/repairReturnVisitApi'
+import VisitOwnerRepair from '@/components/work/visitOwnerRepair'
+
+export default {
+  name: 'RepairReturnVisitList',
+  components: { VisitOwnerRepair },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        repairId: '',
+        repairType: '',
+        repairName: '',
+        tel: '',
+        state: 'waiting'
+      },
+      repairPools: [],
+      repairSettings: [],
+      states: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  async created() {
+    await this.loadDictData()
+    this.listRepairPools()
+    this.listRepairSettings()
+  },
+  methods: {
+    async loadDictData() {
+      try {
+        this.states = [{
+          value: 'waiting',
+          label: '待回访'
+        },{
+          value: 'finish',
+          label: '已回访'
+        }]
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async listRepairPools() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: this.getCommunityId()
+        }
+
+        // 清理空值
+        Object.keys(params).forEach(key => {
+          if (params[key] === '') delete params[key]
+        })
+
+        const { data, total } = await getRepairReturnVisitList(params)
+        this.repairPools = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('查询报修回访列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async listRepairSettings() {
+      try {
+        const { data } = await listRepairSettings({
+          page: 1,
+          row: 50,
+          communityId: this.getCommunityId()
+        })
+        this.repairSettings = data
+      } catch (error) {
+        console.error('查询报修类型设置失败:', error)
+      }
+    },
+    queryRepairPool() {
+      this.pagination.current = 1
+      this.listRepairPools()
+    },
+    resetRepairPool() {
+      this.searchForm = {
+        repairId: '',
+        repairType: '',
+        repairName: '',
+        tel: '',
+        state: ''
+      }
+      this.queryRepairPool()
+    },
+    openRepairDetail(repairPool) {
+      this.$router.push({
+        path: '/pages/property/ownerRepairDetail',
+        query: { repairId: repairPool.repairId }
+      })
+    },
+    openEditOwnerRepair(repairPool) {
+      this.$refs.visitModal.open(repairPool)
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.listRepairPools()
+    },
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.listRepairPools()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.mt-20 {
+  margin-top: 20px;
+}
+</style>
 \ No newline at end of file
@@ -102,7 +102,7 @@
       </el-table>
       <!-- 分页和说明 -->
-      <el-row :gutter="20" class="margin-top-xs">
+      <el-row :gutter="20" class="margin-top-xs text-left">
         <el-col :span="18">
           <div class="explanation-section">
             <p><strong>{{ $t('repairSetting.dispatchExplanation') }}</strong></p>
@@ -276,14 +276,9 @@ export default {
   }
   .explanation-section {
-    background-color: #f8f9fa;
-    padding: 15px;
-    border-radius: 4px;
     font-size: 14px;
-    line-height: 1.6;
-
     p {
-      margin-bottom: 8px;
+      margin-bottom: 2px;
     }
   }
 }
@@ -43,7 +43,7 @@
       </el-col>
     </el-row>
-    <SelectStaff ref="selectStaff" />
+    <SelectStaff ref="selectStaff" @selectStaff="handleSelectStaff"/>
     <DeleteRepairTypeUser ref="deleteRepairTypeUser" @success="handleDeleteSuccess" />
     <EditRepairTypeUser ref="editRepairTypeUser" @success="handleEditSuccess" />
   </div>
@@ -52,7 +52,7 @@
 <script>
 import { listRepairTypeUsers, saveRepairTypeUser } from '@/api/work/repairTypeUserApi'
 import { getCommunityId } from '@/api/community/communityApi'
-import SelectStaff from '@/components/work/SelectStaff'
+import SelectStaff from '@/components/staff/SelectStaff'
 import DeleteRepairTypeUser from '@/components/work/DeleteRepairTypeUser'
 import EditRepairTypeUser from '@/components/work/EditRepairTypeUser'
@@ -116,11 +116,7 @@ export default {
       this._listRepairTypeUsers(val, this.pageSize)
     },
     _openAddRepairTypeUserModal() {
-      this.$refs.selectStaff.open({
-        call: (staff) => {
-          this.saveRepairTypeUserInfo(staff)
-        }
-      })
+      this.$refs.selectStaff.open()
     },
     _openEditrepairTypeUserModel(row) {
       this.$refs.editRepairTypeUser.open(row)
@@ -131,6 +127,9 @@ export default {
     _goBack() {
       this.$router.go(-1)
     },
+    handleSelectStaff(staff) {
+      this.saveRepairTypeUserInfo(staff)
+    },
     async saveRepairTypeUserInfo(staff) {
       try {
         const communityId = await getCommunityId()