diff --git a/src/api/inspection/aInspectionPlanDetailApi.js b/src/api/inspection/aInspectionPlanDetailApi.js
new file mode 100644
index 0000000..d2f79b1
--- /dev/null
+++ b/src/api/inspection/aInspectionPlanDetailApi.js
@@ -0,0 +1,111 @@
+import request from '@/utils/request'
+
+// 获取巡检计划详情
+export function getInspectionPlanDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionPlan.listAdminInspectionPlans',
+      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 listAdminInspectionPlanStaffs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspection.listAdminInspectionPlanStaffs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检路线列表
+export function listAdminInspectionRoutes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listAdminInspectionRoutes',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+ 
+        resolve(res)
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检路线点列表
+export function listAdminInspectionRoutePoints(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listAdminInspectionRoutePoints',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+ 
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检任务列表
+export function queryAdminRouteInspectionTask(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspection.queryAdminRouteInspectionTask',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检任务详情
+export function listAdminInspectionTaskDetails(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionTaskDetail.listAdminInspectionTaskDetails',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/inspection/adminInspectionPlanApi.js b/src/api/inspection/adminInspectionPlanApi.js
new file mode 100644
index 0000000..a4dcde4
--- /dev/null
+++ b/src/api/inspection/adminInspectionPlanApi.js
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+// 获取管理员小区列表
+export function listAdminCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listAdminCommunitys',
+      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 listAdminInspectionPlans(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionPlan.listAdminInspectionPlans',
+      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
diff --git a/src/api/inspection/adminInspectionTaskApi.js b/src/api/inspection/adminInspectionTaskApi.js
new file mode 100644
index 0000000..eb1a5b6
--- /dev/null
+++ b/src/api/inspection/adminInspectionTaskApi.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 查询巡检任务列表
+export function listAdminInspectionTasks(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionTask.listAdminInspectionTasks',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询社区巡检树
+export function queryCommunityInspectionTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.queryCommunityInspectionTree',
+      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
diff --git a/src/api/inspection/adminInspectionTaskDetailApi.js b/src/api/inspection/adminInspectionTaskDetailApi.js
new file mode 100644
index 0000000..83f9f10
--- /dev/null
+++ b/src/api/inspection/adminInspectionTaskDetailApi.js
@@ -0,0 +1,121 @@
+import request from '@/utils/request'
+
+// 获取巡检任务详情列表
+export function getAdminInspectionTaskDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionTask.listAdminInspectionTasks',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+      resolve(res)
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检点任务详情列表
+export function listAdminInspectionTaskDetails(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionTaskDetail.listAdminInspectionTaskDetails',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+      resolve({
+        data: res.inspectionTaskDetails,
+        records: res.records,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询巡检任务地图数据
+export function queryAdminInspectionTaskDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspection.queryAdminInspectionTaskDetail',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+      resolve({
+        data: res.data
+      })
+
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询巡检路线计划
+export function queryAdminRouteInspectionPlan(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspection.queryAdminRouteInspectionPlan',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+      resolve({
+        data: res.data,
+        records: res.records,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检路线列表
+export function listAdminInspectionRoutes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listAdminInspectionRoutes',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve({
+          data: res.inspectionRoutes
+        })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检路线点列表
+export function listAdminInspectionRoutePoints(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listAdminInspectionRoutePoints',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve({
+          data: res.inspectionPoints,
+          records: res.records,
+          total: res.total
+        })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/work/adminRepairApi.js b/src/api/work/adminRepairApi.js
new file mode 100644
index 0000000..885512e
--- /dev/null
+++ b/src/api/work/adminRepairApi.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询小区报修树形数据
+export function queryCommunityRepairTree() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.queryCommunityRepairTree',
+      method: 'get',
+      params: { hc: 1.8 }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取小区报修树失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询管理员报修列表
+export function listAdminOwnerRepairs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listAdminOwnerRepairs',
+      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)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/work/adminRepairDetailApi.js b/src/api/work/adminRepairDetailApi.js
new file mode 100644
index 0000000..53f8948
--- /dev/null
+++ b/src/api/work/adminRepairDetailApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 获取报修详情
+export function getRepairDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listAdminOwnerRepairs',
+      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 listRepairStaffs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.listAdminRepairStaffs',
+      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 listStoreUseRecords(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/resourceStore.listAdminStoreUseRecords',
+      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 replyRepairAppraise(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.replyRepairAppraise',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '回复评价失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/inspection/AInspectionPlanDetailStaff.vue b/src/components/inspection/AInspectionPlanDetailStaff.vue
new file mode 100644
index 0000000..4767c21
--- /dev/null
+++ b/src/components/inspection/AInspectionPlanDetailStaff.vue
@@ -0,0 +1,70 @@
+<template>
+  <div class="staff-container">
+    <el-table :data="staffs" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="staffName" :label="$t('aInspectionPlanDetail.staffName')" align="center" />
+      <el-table-column prop="startTime" :label="$t('aInspectionPlanDetail.startTime')" align="center" />
+      <el-table-column prop="endTime" :label="$t('aInspectionPlanDetail.endTime')" align="center" />
+    </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" />
+  </div>
+</template>
+
+<script>
+import { listAdminInspectionPlanStaffs } from '@/api/inspection/aInspectionPlanDetailApi'
+
+export default {
+  name: 'AInspectionPlanDetailStaff',
+  data() {
+    return {
+      loading: false,
+      staffs: [],
+      inspectionPlanId: '',
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    async loadData(params) {
+      this.inspectionPlanId = params.inspectionPlanId
+      await this.getStaffList()
+    },
+    async getStaffList() {
+      try {
+        this.loading = true
+        const params = {
+          inspectionPlanId: this.inspectionPlanId,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { inspectionPlanStaffs, total } = await listAdminInspectionPlanStaffs(params)
+        this.staffs = inspectionPlanStaffs
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getStaffList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getStaffList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.staff-container {
+  padding: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AInspectionRouteMap.vue b/src/components/inspection/AInspectionRouteMap.vue
new file mode 100644
index 0000000..a0c1329
--- /dev/null
+++ b/src/components/inspection/AInspectionRouteMap.vue
@@ -0,0 +1,68 @@
+<template>
+  <div id="aInspectionRouteMap" class="map-container"></div>
+</template>
+
+<script>
+import { listAdminInspectionRoutePoints } from '@/api/inspection/aInspectionPlanDetailApi'
+
+export default {
+  name: 'AInspectionRouteMap',
+  data() {
+    return {
+      map: null,
+      points: []
+    }
+  },
+  methods: {
+    async initMap(params) {
+      try {
+        const { data } = await listAdminInspectionRoutePoints({
+          inspectionRouteId: params.inspectionRouteId,
+          page: 1,
+          row: 1000
+        })
+        this.points = data
+        this.initMapView()
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    initMapView() {
+      if (!this.points || this.points.length === 0) return
+
+      // 这里需要根据实际地图API实现地图初始化
+      // 示例代码，需要替换为实际地图API调用
+      console.log('Initialize map with points:', this.points)
+      
+      // 示例：使用腾讯地图API
+      if (window.TMap) {
+        const center = new TMap.LatLng(this.points[0].lat, this.points[0].lng)
+        this.map = new TMap.Map(document.getElementById('aInspectionRouteMap'), {
+          center: center,
+          zoom: 17
+        })
+        
+        // 添加标记点
+        const markers = this.points.map(point => ({
+          position: new TMap.LatLng(point.lat, point.lng),
+          properties: {
+            title: point.inspectionName
+          }
+        }))
+        
+        new TMap.MultiMarker({
+          map: this.map,
+          geometries: markers
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.map-container {
+  height: 600px;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AInspectionRoutePoint.vue b/src/components/inspection/AInspectionRoutePoint.vue
new file mode 100644
index 0000000..fe63880
--- /dev/null
+++ b/src/components/inspection/AInspectionRoutePoint.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="point-container">
+    <el-table :data="points" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="inspectionId" :label="$t('aInspectionPlanDetail.pointId')" align="center" />
+      <el-table-column prop="inspectionName" :label="$t('aInspectionPlanDetail.pointName')" align="center" />
+      <el-table-column prop="pointTypeName" :label="$t('aInspectionPlanDetail.pointType')" align="center" />
+      <el-table-column prop="pointObjName" :label="$t('aInspectionPlanDetail.pointLocation')" align="center" />
+      <el-table-column :label="$t('aInspectionPlanDetail.startTime')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.pointStartTime || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.endTime')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.pointEndTime || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.sort')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.sortNumber || '-' }}
+        </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" />
+  </div>
+</template>
+
+<script>
+import { listAdminInspectionRoutePoints } from '@/api/inspection/aInspectionPlanDetailApi'
+
+export default {
+  name: 'AInspectionRoutePoint',
+  data() {
+    return {
+      loading: false,
+      points: [],
+      inspectionRouteId: '',
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    async loadData(params) {
+      this.inspectionRouteId = params.inspectionRouteId
+      await this.getPointList()
+    },
+    async getPointList() {
+      try {
+        this.loading = true
+        const params = {
+          inspectionRouteId: this.inspectionRouteId,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { inspectionPoints, total } = await listAdminInspectionRoutePoints(params)
+        this.points = inspectionPoints
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getPointList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getPointList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.point-container {
+  padding: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AInspectionTaskMap.vue b/src/components/inspection/AInspectionTaskMap.vue
new file mode 100644
index 0000000..7cee16d
--- /dev/null
+++ b/src/components/inspection/AInspectionTaskMap.vue
@@ -0,0 +1,91 @@
+<template>
+  <div id="aInspectionTaskMap" class="map-container"></div>
+</template>
+
+<script>
+import { queryAdminInspectionTaskDetail } from '@/api/inspection/aInspectionPlanDetailApi'
+
+export default {
+  name: 'AInspectionTaskMap',
+  data() {
+    return {
+      map: null,
+      points: []
+    }
+  },
+  methods: {
+    loadData(params) {
+      console.log(params)
+      //this.initMap(params)
+    },
+    async initMap(params) {
+      try {
+        const { data } = await queryAdminInspectionTaskDetail({
+          taskId: params.taskId,
+          page: 1,
+          row: 1000
+        })
+        this.points = data
+        this.initMapView()
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    initMapView() {
+     let TMap = {}
+      if (!this.points || this.points.length === 0) return
+
+      // 这里需要根据实际地图API实现地图初始化
+      // 示例代码，需要替换为实际地图API调用
+      console.log('Initialize task map with points:', this.points)
+      
+      // 示例：使用腾讯地图API
+      if (window.TMap) {
+        const center = new TMap.LatLng(this.points[0].lat, this.points[0].lng)
+        this.map = new TMap.Map(document.getElementById('aInspectionTaskMap'), {
+          center: center,
+          zoom: 17
+        })
+        
+        // 添加标记点
+        const markers = this.points.map(point => ({
+          position: new TMap.LatLng(point.lat, point.lng),
+          properties: {
+            title: point.inspectionName,
+            status: point.state
+          }
+        }))
+        
+        new TMap.MultiMarker({
+          map: this.map,
+          styles: {
+            normal: new TMap.MarkerStyle({
+              width: 25,
+              height: 35,
+              src: '/img/inspection.png',
+              anchor: { x: 16, y: 32 }
+            }),
+            done: new TMap.MarkerStyle({
+              width: 25,
+              height: 35,
+              src: '/img/inspection_done.png',
+              anchor: { x: 16, y: 32 }
+            })
+          },
+          geometries: markers.map(marker => ({
+            ...marker,
+            styleId: marker.properties.status === '20200405' ? 'done' : 'normal'
+          }))
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.map-container {
+  height: 600px;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AdminPointRoute.vue b/src/components/inspection/AdminPointRoute.vue
new file mode 100644
index 0000000..ce877ca
--- /dev/null
+++ b/src/components/inspection/AdminPointRoute.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="route-container">
+    <el-row :gutter="20">
+      <el-col :span="6">
+        <el-card class="route-list">
+          <el-scrollbar>
+            <ul class="route-ul">
+              <li v-for="(route, index) in routes" :key="index"
+                :class="{ 'active': route.inspectionRouteId === currentRouteId }" @click="switchRoute(route)">
+                {{ route.routeName }}
+              </li>
+            </ul>
+          </el-scrollbar>
+        </el-card>
+      </el-col>
+      <el-col :span="18">
+        <a-inspection-route-map ref="routeMap" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminInspectionRoutes } from '@/api/inspection/aInspectionPlanDetailApi'
+import AInspectionRouteMap from './AInspectionRouteMap'
+
+export default {
+  name: 'AdminPointRoute',
+  components: {
+    AInspectionRouteMap
+  },
+  data() {
+    return {
+      loading: false,
+      routes: [],
+      currentRouteId: '',
+      inspectionId: ''
+    }
+  },
+  methods: {
+    async loadData(params) {
+      this.inspectionId = params.inspectionPlanId
+      await this.getRouteList()
+    },
+    async getRouteList() {
+      try {
+        this.loading = true
+        const params = {
+          inspectionId: this.inspectionId,
+          page: 1,
+          row: 100
+        }
+        const { inspectionRoutes } = await listAdminInspectionRoutes(params)
+        this.routes = inspectionRoutes
+        if (this.routes.length > 0) {
+          this.switchRoute(this.routes[0])
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    switchRoute(route) {
+      this.currentRouteId = route.inspectionRouteId
+      this.$refs.routeMap.initMap({
+        inspectionRouteId: route.inspectionRouteId
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.route-container {
+  padding: 20px;
+}
+
+.route-list {
+  height: 600px;
+}
+
+.route-ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.route-ul li {
+  padding: 10px;
+  cursor: pointer;
+  border-bottom: 1px solid #eee;
+}
+
+.route-ul li:hover {
+  background-color: #f5f5f5;
+}
+
+.route-ul li.active {
+  background-color: #409EFF;
+  color: white;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AdminPointTaskDetail.vue b/src/components/inspection/AdminPointTaskDetail.vue
new file mode 100644
index 0000000..bc24799
--- /dev/null
+++ b/src/components/inspection/AdminPointTaskDetail.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="detail-container">
+    <el-form :inline="true" class="search-form text-left">
+      <el-form-item :label="$t('aInspectionPlanDetail.staffName')">
+        <el-input v-model="searchForm.planUserName"  clearable />
+      </el-form-item>
+      <el-form-item :label="$t('aInspectionPlanDetail.startTime')">
+        <el-date-picker v-model="searchForm.inspectionStartTime" type="datetime"
+           value-format="yyyy-MM-dd HH:mm:ss" />
+      </el-form-item>
+      <el-form-item :label="$t('aInspectionPlanDetail.endTime')">
+        <el-date-picker v-model="searchForm.inspectionEndTime" type="datetime"
+          value-format="yyyy-MM-dd HH:mm:ss" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSearch">
+          {{ $t('common.search') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table :data="details" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="taskDetailId" :label="$t('aInspectionPlanDetail.detailId')" align="center" width="120" />
+      <el-table-column prop="inspectionName" :label="$t('aInspectionPlanDetail.pointName')" align="center" />
+      <el-table-column prop="inspectionPlanName" :label="$t('aInspectionPlanDetail.planName')" align="center" />
+      <el-table-column prop="routeName" :label="$t('aInspectionPlanDetail.route')" align="center" />
+      <el-table-column :label="$t('aInspectionPlanDetail.staffTime')" align="center">
+        <template slot-scope="scope">
+          <div>{{ scope.row.planInsTime }}</div>
+          <div>{{ scope.row.planEndTime }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.pointTime')" align="center">
+        <template slot-scope="scope">
+          <div>{{ scope.row.pointStartTime }}</div>
+          <div>{{ scope.row.pointEndTime }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.actualTime')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.inspectionTime || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.signStatus')" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.inspectionState === '60000' ? 'success' : 'danger'">
+            {{ scope.row.inspectionStateName || '-' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="planUserName" :label="$t('aInspectionPlanDetail.planStaff')" align="center" />
+      <el-table-column prop="actUserName" :label="$t('aInspectionPlanDetail.actualStaff')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.actUserName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="signTypeName" :label="$t('aInspectionPlanDetail.signType')" align="center" />
+      <el-table-column prop="taskStateName" :label="$t('aInspectionPlanDetail.taskStatus')" align="center" />
+      <el-table-column :label="$t('aInspectionPlanDetail.pointStatus')" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.state === '20200408' ? 'danger' : ''">
+            {{ scope.row.stateName }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="description" :label="$t('aInspectionPlanDetail.inspectionResult')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.description || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('aInspectionPlanDetail.photos')" align="center">
+        <template slot-scope="scope">
+          <el-image v-for="(photo, index) in scope.row.photos" :key="index"
+            style="width: 60px; height: 60px; margin-right: 5px;" :src="photo.url" :preview-src-list="[photo.url]"
+            fit="cover" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" :label="$t('aInspectionPlanDetail.createTime')" align="center" />
+    </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" />
+  </div>
+</template>
+
+<script>
+import { listAdminInspectionTaskDetails } from '@/api/inspection/aInspectionPlanDetailApi'
+
+export default {
+  name: 'AdminPointTaskDetail',
+  data() {
+    return {
+      loading: false,
+      details: [],
+      taskId: '',
+      inspectionRouteId: '',
+      searchForm: {
+        planUserName: '',
+        inspectionStartTime: '',
+        inspectionEndTime: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    async loadData(params) {
+      this.taskId = params.taskId
+      this.inspectionRouteId = params.inspectionRouteId
+      await this.getDetailList()
+    },
+    async getDetailList() {
+      try {
+        this.loading = true
+        const params = {
+          taskId: this.taskId,
+          inspectionRouteId: this.inspectionRouteId,
+          planUserName: this.searchForm.planUserName,
+          inspectionStartTime: this.searchForm.inspectionStartTime,
+          inspectionEndTime: this.searchForm.inspectionEndTime,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { inspectionTaskDetails, total } = await listAdminInspectionTaskDetails(params)
+        this.details = inspectionTaskDetails
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getDetailList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getDetailList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getDetailList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.detail-container {
+  padding: 20px;
+}
+
+.search-form {
+  margin-bottom: 20px;
+}
+
+.el-image {
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/AdminRoutePlan.vue b/src/components/inspection/AdminRoutePlan.vue
new file mode 100644
index 0000000..481e286
--- /dev/null
+++ b/src/components/inspection/AdminRoutePlan.vue
@@ -0,0 +1,152 @@
+<template>
+    <div class="admin-route-plan">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        v-loading="loading"
+      >
+        <el-table-column
+          prop="inspectionPlanName"
+          :label="$t('adminRoutePlan.table.planName')"
+          align="center"
+        />
+        <el-table-column
+          prop="inspectionRouteName"
+          :label="$t('adminRoutePlan.table.routeName')"
+          align="center"
+        />
+        <el-table-column
+          prop="inspectionPlanPeriodName"
+          :label="$t('adminRoutePlan.table.planPeriod')"
+          align="center"
+        />
+        <el-table-column
+          prop="signTypeName"
+          :label="$t('adminRoutePlan.table.signType')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('adminRoutePlan.table.dateRange')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.startDate }}~{{ scope.row.endDate }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('adminRoutePlan.table.timeRange')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.startTime }}~{{ scope.row.endTime }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="beforeTime"
+          :label="$t('adminRoutePlan.table.beforeTime')"
+          align="center"
+        />
+        <el-table-column
+          prop="createUserName"
+          :label="$t('adminRoutePlan.table.creator')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('adminRoutePlan.table.createTime')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('adminRoutePlan.table.inspectors')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <div v-for="(staff, index) in scope.row.staffs" :key="index">
+              {{ staff.staffName }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="stateName"
+          :label="$t('adminRoutePlan.table.status')"
+          align="center"
+        />
+      </el-table>
+  
+      <el-pagination
+        class="margin-top"
+        :current-page.sync="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"
+      />
+    </div>
+  </template>
+  
+  <script>
+  import { queryAdminRouteInspectionPlan } from '@/api/inspection/adminInspectionTaskDetailApi'
+  
+  export default {
+    name: 'AdminRoutePlan',
+    data() {
+      return {
+        loading: false,
+        searchForm: {
+          inspectionRouteId: '',
+          inspectionPlanId: ''
+        },
+        tableData: [],
+        pagination: {
+          current: 1,
+          size: 10,
+          total: 0
+        }
+      }
+    },
+    methods: {
+      initData(params) {
+        console.log(params)
+        this.searchForm.inspectionRouteId = params.inspectionRouteId
+        this.searchForm.inspectionPlanId = params.inspectionPlanId
+        this.loadData()
+      },
+      async loadData(_param) {
+        try {
+          this.loading = true
+          const params = {
+            ..._param,
+            page: this.pagination.current,
+            row: this.pagination.size
+          }
+          const { data, total } = await queryAdminRouteInspectionPlan(params)
+          this.tableData = data
+          this.pagination.total = total
+        } catch (error) {
+          this.$message.error(this.$t('common.fetchError'))
+        } finally {
+          this.loading = false
+        }
+      },
+      handleSizeChange(val) {
+        this.pagination.size = val
+        this.loadData()
+      },
+      handleCurrentChange(val) {
+        this.pagination.current = val
+        this.loadData()
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .admin-route-plan {
+    .margin-top {
+      margin-top: 20px;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/components/inspection/AdminRouteTask.vue b/src/components/inspection/AdminRouteTask.vue
new file mode 100644
index 0000000..b4ec05e
--- /dev/null
+++ b/src/components/inspection/AdminRouteTask.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="task-container">
+    <el-row :gutter="20">
+      <el-col :span="6">
+        <el-card class="task-list">
+          <el-scrollbar>
+            <ul class="task-ul">
+              <li v-for="(task, index) in tasks" :key="index" :class="{ 'active': task.taskId === currentTaskId }"
+                @click="switchTask(task)">
+                <div>{{ task.planUserName }}({{ task.inspectionPlanName }})</div>
+                <div>{{ task.planInsTime }}</div>
+              </li>
+            </ul>
+          </el-scrollbar>
+        </el-card>
+      </el-col>
+      <el-col :span="18">
+        <a-inspection-task-map ref="taskMap" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryAdminRouteInspectionTask } from '@/api/inspection/aInspectionPlanDetailApi'
+import AInspectionTaskMap from './AInspectionTaskMap'
+
+export default {
+  name: 'AdminRouteTask',
+  components: {
+    AInspectionTaskMap
+  },
+  data() {
+    return {
+      loading: false,
+      tasks: [],
+      currentTaskId: '',
+      inspectionRouteId: ''
+    }
+  },
+  methods: {
+    async loadData(params) {
+      this.inspectionRouteId = params.inspectionRouteId
+      await this.getTaskList()
+    },
+    async getTaskList() {
+      try {
+        this.loading = true
+        const params = {
+          inspectionRouteId: this.inspectionRouteId,
+          page: 1,
+          row: 100
+        }
+        const { data } = await queryAdminRouteInspectionTask(params)
+        this.tasks = data
+        if (this.tasks.length > 0) {
+          this.switchTask(this.tasks[0])
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    switchTask(task) {
+      this.currentTaskId = task.taskId
+      this.$refs.taskMap.initMap({
+        taskId: task.taskId
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.task-container {
+  padding: 20px;
+}
+
+.task-list {
+  height: 600px;
+}
+
+.task-ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.task-ul li {
+  padding: 10px;
+  cursor: pointer;
+  border-bottom: 1px solid #eee;
+}
+
+.task-ul li:hover {
+  background-color: #f5f5f5;
+}
+
+.task-ul li.active {
+  background-color: #409EFF;
+  color: white;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/communityInspectionTree.vue b/src/components/inspection/communityInspectionTree.vue
new file mode 100644
index 0000000..cd45863
--- /dev/null
+++ b/src/components/inspection/communityInspectionTree.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="community-inspection-tree">
+    <el-card class="box-card">
+      <el-tree
+        ref="tree"
+        :data="treeData"
+        node-key="id"
+        :props="defaultProps"
+        :highlight-current="true"
+        :expand-on-click-node="false"
+        @node-click="handleNodeClick"
+      ></el-tree>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { queryCommunityInspectionTree } from '@/api/inspection/adminInspectionTaskApi'
+
+export default {
+  name: 'CommunityInspectionTree',
+  data() {
+    return {
+      treeData: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  mounted() {
+    this.loadTreeData()
+  },
+  methods: {
+    async loadTreeData() {
+      try {
+        const response = await queryCommunityInspectionTree({ hc: 1.8 })
+        this.treeData = response.data || []
+      } catch (error) {
+        console.error('Failed to load tree data:', error)
+      }
+    },
+    handleNodeClick(data, node) {
+      console.log(node)
+      const params = {
+        communityId: '',
+        inspectionPlanId: '',
+        staffId: ''
+      }
+
+      if (data.id.startsWith('c_')) {
+        params.communityId = data.original.communityId
+        params.communityName = data.original.communityName
+      } else if (data.id.startsWith('p_')) {
+        params.communityId = data.original.communityId
+        params.inspectionPlanId = data.original.inspectionPlanId
+      } else if (data.id.startsWith('s_')) {
+        params.communityId = data.original.communityId
+        params.inspectionPlanId = data.original.inspectionPlanId
+        params.staffId = data.original.staffId
+      }
+
+      this.$emit('notifyQuery', params)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.community-inspection-tree {
+  .box-card {
+    border-radius: 4px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/CommunityRepairTree.vue b/src/components/work/CommunityRepairTree.vue
new file mode 100644
index 0000000..c892c5e
--- /dev/null
+++ b/src/components/work/CommunityRepairTree.vue
@@ -0,0 +1,68 @@
+<template>
+  <el-card class="tree-card">
+    <el-tree
+      ref="repairTree"
+      :data="treeData"
+      node-key="id"
+      :props="defaultProps"
+      :default-expand-all="true"
+      @node-click="handleNodeClick"
+    />
+  </el-card>
+</template>
+
+<script>
+import { queryCommunityRepairTree } from '@/api/work/adminRepairApi'
+
+export default {
+  name: 'CommunityRepairTree',
+  data() {
+    return {
+      treeData: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  created() {
+    this.loadTreeData()
+  },
+  methods: {
+    async loadTreeData() {
+      try {
+        const { data } = await queryCommunityRepairTree()
+        this.treeData = data
+      } catch (error) {
+        this.$message.error(this.$t('adminRepair.treeFetchError'))
+      }
+    },
+    handleNodeClick(data, node) {
+      console.log(node)
+      if (data.id.startsWith('c_')) {
+        this.$emit('selectCommunity', {
+          communityName: data.communityName,
+          communityId: data.communityId
+        })
+      } else if (data.id.startsWith('r_')) {
+        this.$emit('selectRepairSetting', {
+          communityId: data.communityId,
+          repairType: data.repairType
+        })
+      } else if (data.id.startsWith('s_')) {
+        this.$emit('selectState', {
+          communityId: data.communityId,
+          repairType: data.repairType,
+          state: data.state
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tree-card {
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/ReplyRepairAppraise.vue b/src/components/work/ReplyRepairAppraise.vue
new file mode 100644
index 0000000..b526296
--- /dev/null
+++ b/src/components/work/ReplyRepairAppraise.vue
@@ -0,0 +1,83 @@
+<template>
+  <el-dialog 
+    :title="$t('adminRepairDetail.replyAppraise')" 
+    :visible.sync="visible" 
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form :model="form" :rules="rules" ref="form" label-width="120px">
+      <el-form-item :label="$t('adminRepairDetail.content')" prop="replyContext">
+        <el-input 
+          type="textarea" 
+          :rows="5" 
+          v-model="form.replyContext" 
+          :placeholder="$t('adminRepairDetail.replyPlaceholder')"
+        ></el-input>
+      </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 { replyRepairAppraise } from '@/api/work/adminRepairDetailApi'
+
+export default {
+  name: 'ReplyRepairAppraise',
+  data() {
+    return {
+      visible: false,
+      form: {
+        repairId: '',
+        ruId: '',
+        replyContext: ''
+      },
+      rules: {
+        replyContext: [
+          { required: true, message: this.$t('adminRepairDetail.replyRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('adminRepairDetail.replyMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form.repairId = data.repairId
+      this.form.ruId = data.ruId
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+      })
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          await replyRepairAppraise({
+            ...this.form,
+            communityId: this.$store.getters.communityId
+          })
+          this.$message.success(this.$t('adminRepairDetail.replySuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('adminRepairDetail.replyError'))
+        }
+      })
+    },
+    resetForm() {
+      this.form = {
+        repairId: '',
+        ruId: '',
+        replyContext: ''
+      }
+      this.$refs.form && this.$refs.form.clearValidate()
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/work/viewImage.vue b/src/components/work/viewImage.vue
new file mode 100644
index 0000000..288e405
--- /dev/null
+++ b/src/components/work/viewImage.vue
@@ -0,0 +1,110 @@
+<template>
+  <div v-show="visible" class="image-viewer">
+    <div class="image-container">
+      <img :src="imageUrl" :style="{ width: imgWidth + 'px', height: imgHeight + 'px' }" />
+      <i class="el-icon-close close-icon" @click="close"></i>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ViewImage',
+  data() {
+    return {
+      visible: false,
+      imageUrl: '',
+      imgWidth: 800,
+      imgHeight: 800
+    }
+  },
+  methods: {
+    open(url) {
+      this.imageUrl = url
+      this.visible = true
+      this.enterFullscreen()
+      
+      const img = new Image()
+      img.src = url
+      img.onload = () => {
+        const imgScale = img.width / img.height
+        this.imgWidth = 800
+        this.imgHeight = 800 / imgScale
+      }
+    },
+    close() {
+      this.exitFullscreen()
+      this.visible = false
+    },
+    enterFullscreen() {
+      const element = document.documentElement
+      if (element.requestFullscreen) {
+        element.requestFullscreen()
+      } else if (element.mozRequestFullScreen) {
+        element.mozRequestFullScreen()
+      } else if (element.webkitRequestFullscreen) {
+        element.webkitRequestFullscreen()
+      } else if (element.msRequestFullscreen) {
+        element.msRequestFullscreen()
+      }
+    },
+    exitFullscreen() {
+      if (document.exitFullscreen) {
+        document.exitFullscreen()
+      } else if (document.mozCancelFullScreen) {
+        document.mozCancelFullScreen()
+      } else if (document.webkitExitFullscreen) {
+        document.webkitExitFullscreen()
+      }
+    }
+  },
+  mounted() {
+    document.addEventListener('fullscreenchange', () => {
+      if (!document.fullscreenElement) {
+        this.visible = false
+      }
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.image-viewer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 9999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  
+  .image-container {
+    position: relative;
+    
+    img {
+      max-width: 90vw;
+      max-height: 90vh;
+      object-fit: contain;
+    }
+    
+    .close-icon {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: #f56c6c;
+      cursor: pointer;
+      background: rgba(255, 255, 255, 0.7);
+      border-radius: 50%;
+      padding: 5px;
+      
+      &:hover {
+        color: #f00;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index f48586f..6712287 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -66,6 +66,12 @@ import { messages as adminAccountDetailMessages } from '../views/account/adminAc
 import { messages as adminFeeConfigMessages } from '../views/fee/adminFeeConfigLang'
 import { messages as adminEquipmentMessages } from '../views/resource/adminEquipmentLang'
 import { messages as adminRoomFeeMessages } from '../views/fee/adminRoomFeeLang'
+import { messages as adminRepairMessages } from '../views/work/adminRepairLang'
+import { messages as adminRepairDetailMessages } from '../views/work/adminRepairDetailLang'
+import { messages as adminInspectionPlanMessages } from '../views/inspection/adminInspectionPlanLang'
+import { messages as aInspectionPlanDetailMessages } from '../views/inspection/aInspectionPlanDetailLang'
+import { messages as adminInspectionTaskMessages } from '../views/inspection/adminInspectionTaskLang'
+import { messages as adminInspectionTaskDetailMessages } from '../views/inspection/adminInspectionTaskDetailLang'
 
 Vue.use(VueI18n)
 
@@ -136,6 +142,12 @@ const messages = {
     ...adminFeeConfigMessages.en,
     ...adminEquipmentMessages.en,
     ...adminRoomFeeMessages.en,
+    ...adminRepairMessages.en,
+    ...adminRepairDetailMessages.en,
+    ...adminInspectionPlanMessages.en,
+    ...aInspectionPlanDetailMessages.en,
+    ...adminInspectionTaskMessages.en,
+    ...adminInspectionTaskDetailMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -202,6 +214,12 @@ const messages = {
     ...adminFeeConfigMessages.zh,
     ...adminEquipmentMessages.zh,
     ...adminRoomFeeMessages.zh,
+    ...adminRepairMessages.zh,
+    ...adminRepairDetailMessages.zh,
+    ...adminInspectionPlanMessages.zh,
+    ...aInspectionPlanDetailMessages.zh,
+    ...adminInspectionTaskMessages.zh,
+    ...adminInspectionTaskDetailMessages.zh,
   }
 }
 
diff --git a/src/main.js (需要添加的部分) b/src/main.js (需要添加的部分)
deleted file mode 100644
index 58ddf6a..0000000
--- a/src/main.js (需要添加的部分)
+++ /dev/null
@@ -1,18 +0,0 @@
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-import VueI18n from 'vue-i18n'
-import { messages } from '@/views/account/adminAccountLang'
-
-Vue.use(ElementUI)
-Vue.use(VueI18n)
-
-const i18n = new VueI18n({
-  locale: 'zh', // 设置默认语言
-  messages
-})
-
-new Vue({
-  i18n,
-  // ...其他配置
-}).$mount('#app')
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 12b9d7b..b89c3f9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -307,15 +307,45 @@ const routes = [
         component: () => import('@/views/fee/adminFeeConfigList.vue')
       },
       {
-        path:'/pages/resource/adminEquipment',
-        name:'/pages/resource/adminEquipment',
+        path: '/pages/resource/adminEquipment',
+        name: '/pages/resource/adminEquipment',
         component: () => import('@/views/resource/adminEquipmentList.vue')
-        },
-        {
-          path:'/pages/fee/adminRoomFee',
-          name:'/pages/fee/adminRoomFee',
-          component: () => import('@/views/fee/adminRoomFeeList.vue')
-          },
+      },
+      {
+        path: '/pages/fee/adminRoomFee',
+        name: '/pages/fee/adminRoomFee',
+        component: () => import('@/views/fee/adminRoomFeeList.vue')
+      },
+      {
+        path: '/pages/work/adminRepair',
+        name: '/pages/work/adminRepair',
+        component: () => import('@/views/work/adminRepairList.vue')
+      },
+      {
+        path: '/views/work/adminRepairDetail',
+        name: '/views/work/adminRepairDetail',
+        component: () => import('@/views/work/adminRepairDetailList.vue')
+      },
+      {
+        path: '/pages/inspection/adminInspectionPlan',
+        name: '/pages/inspection/adminInspectionPlan',
+        component: () => import('@/views/inspection/adminInspectionPlanList.vue')
+      },
+      {
+        path: '/pages/inspection/aInspectionPlanDetail',
+        name: '/pages/inspection/aInspectionPlanDetail',
+        component: () => import('@/views/inspection/aInspectionPlanDetailList.vue')
+      },
+      {
+        path: '/pages/inspection/adminInspectionTask',
+        name: '/pages/inspection/adminInspectionTask',
+        component: () => import('@/views/inspection/adminInspectionTaskList.vue')
+      },
+      {
+        path: '/views/inspection/adminInspectionTaskDetail',
+        name: '/views/inspection/adminInspectionTaskDetail',
+        component: () => import('@/views/inspection/adminInspectionTaskDetailList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/inspection/aInspectionPlanDetailLang.js b/src/views/inspection/aInspectionPlanDetailLang.js
new file mode 100644
index 0000000..6ee7fe7
--- /dev/null
+++ b/src/views/inspection/aInspectionPlanDetailLang.js
@@ -0,0 +1,92 @@
+export const messages = {
+    en: {
+      aInspectionPlanDetail: {
+        title: 'Inspection Plan',
+        planName: 'Plan Name',
+        planRoute: 'Plan Route',
+        planPeriod: 'Plan Period',
+        signType: 'Sign Type',
+        dateRange: 'Date Range',
+        timeRange: 'Time Range',
+        taskAdvance: 'Task Advance(min)',
+        creator: 'Creator',
+        createTime: 'Create Time',
+        status: 'Status',
+        staff: 'Staff',
+        route: 'Route',
+        point: 'Point',
+        task: 'Task',
+        detail: 'Detail',
+        staffName: 'Staff Name',
+        startTime: 'Start Time',
+        endTime: 'End Time',
+        pointId: 'Point ID',
+        pointName: 'Point Name',
+        pointType: 'Point Type',
+        pointLocation: 'Point Location',
+        sort: 'Sort',
+        detailId: 'Detail ID',
+        staffTime: 'Staff Time',
+        pointTime: 'Point Time',
+        actualTime: 'Actual Time',
+        signStatus: 'Sign Status',
+        planStaff: 'Plan Staff',
+        actualStaff: 'Actual Staff',
+        taskStatus: 'Task Status',
+        pointStatus: 'Point Status',
+        inspectionResult: 'Inspection Result',
+        photos: 'Photos',
+        // 新增字段
+        inspectionMethod: 'Inspection Method',
+        taskState: 'Task State',
+        pointState: 'Point State',
+        createUser: 'Create User',
+        inspectionPhotos: 'Inspection Photos'
+      }
+    },
+    zh: {
+      aInspectionPlanDetail: {
+        title: '巡检计划',
+        planName: '计划名称',
+        planRoute: '计划路线',
+        planPeriod: '计划周期',
+        signType: '签到方式',
+        dateRange: '日期范围',
+        timeRange: '时间范围',
+        taskAdvance: '任务提前(分钟)',
+        creator: '制定人',
+        createTime: '制定时间',
+        status: '状态',
+        staff: '巡检人员',
+        route: '巡检路线',
+        point: '巡检点',
+        task: '巡检任务',
+        detail: '巡检明细',
+        staffName: '巡检人员',
+        startTime: '开始时间',
+        endTime: '结束时间',
+        pointId: '巡检点ID',
+        pointName: '巡检点名称',
+        pointType: '巡检点类型',
+        pointLocation: '巡检位置',
+        sort: '排序',
+        detailId: '任务详情ID',
+        staffTime: '巡检人时间',
+        pointTime: '巡检点时间',
+        actualTime: '实际巡检时间',
+        signStatus: '实际签到状态',
+        planStaff: '计划巡检人',
+        actualStaff: '实际巡检人',
+        taskStatus: '任务状态',
+        pointStatus: '巡检点状态',
+        inspectionResult: '巡检情况',
+        photos: '巡检照片',
+        // 新增字段
+        inspectionMethod: '巡检方式',
+        taskState: '任务状态',
+        pointState: '巡检点状态',
+        createUser: '创建人',
+        inspectionPhotos: '巡检照片'
+      }
+    }
+  }
\ No newline at end of file
diff --git a/src/views/inspection/aInspectionPlanDetailList.vue b/src/views/inspection/aInspectionPlanDetailList.vue
new file mode 100644
index 0000000..994a952
--- /dev/null
+++ b/src/views/inspection/aInspectionPlanDetailList.vue
@@ -0,0 +1,200 @@
+<template>
+  <div class="aInspectionPlanDetail-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('aInspectionPlanDetail.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.planName') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.inspectionPlanName }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.planRoute') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.inspectionRouteName }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.planPeriod') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.inspectionPlanPeriodName }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.signType') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.signTypeName }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.dateRange') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.startDate }}~{{ aInspectionPlanDetailInfo.endDate }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.timeRange') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.startTime }}~{{ aInspectionPlanDetailInfo.endTime }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.taskAdvance') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.beforeTime }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.creator') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.createUserName }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.createTime') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.createTime }}</label>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-group">
+            <label class="col-form-label">{{ $t('aInspectionPlanDetail.status') }}：</label>
+            <label>{{ aInspectionPlanDetailInfo.stateName }}</label>
+          </div>
+        </el-col>
+      </el-row>
+      <divider></divider>
+      <div class="margin-top-sm">
+        <el-tabs v-model="aInspectionPlanDetailInfo._currentTab"
+          @tab-click="changeTab(aInspectionPlanDetailInfo._currentTab)">
+          <el-tab-pane :label="$t('aInspectionPlanDetail.staff')" name="aInspectionPlanDetailStaff">
+            <a-inspection-plan-detail-staff ref="aInspectionPlanDetailStaff" />
+          </el-tab-pane>
+          <el-tab-pane :label="$t('aInspectionPlanDetail.route')" name="adminPointRoute">
+            <admin-point-route ref="adminPointRoute" />
+          </el-tab-pane>
+          <el-tab-pane :label="$t('aInspectionPlanDetail.point')" name="aInspectionRoutePoint">
+            <a-inspection-route-point ref="aInspectionRoutePoint" />
+          </el-tab-pane>
+          <el-tab-pane :label="$t('aInspectionPlanDetail.task')" name="adminRouteTask">
+            <admin-route-task ref="adminRouteTask" />
+          </el-tab-pane>
+          <el-tab-pane :label="$t('aInspectionPlanDetail.detail')" name="adminPointTaskDetail">
+            <admin-point-task-detail ref="adminPointTaskDetail" />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getInspectionPlanDetail } from '@/api/inspection/aInspectionPlanDetailApi'
+import AInspectionPlanDetailStaff from '@/components/inspection/AInspectionPlanDetailStaff'
+import AdminPointRoute from '@/components/inspection/AdminPointRoute'
+import AInspectionRoutePoint from '@/components/inspection/AInspectionRoutePoint'
+import AdminRouteTask from '@/components/inspection/AdminRouteTask'
+import AdminPointTaskDetail from '@/components/inspection/AdminPointTaskDetail'
+import divider from '@/components/system/divider'
+
+export default {
+  name: 'AInspectionPlanDetailList',
+  components: {
+    AInspectionPlanDetailStaff,
+    AdminPointRoute,
+    AInspectionRoutePoint,
+    AdminRouteTask,
+    AdminPointTaskDetail,
+    divider
+  },
+  data() {
+    return {
+      aInspectionPlanDetailInfo: {
+        beforeTime: '',
+        createTime: '',
+        createUserId: '',
+        createUserName: '',
+        endDate: '',
+        endTime: '',
+        inspectionPlanId: '',
+        inspectionPlanName: '',
+        inspectionPlanPeriod: '',
+        inspectionPlanPeriodName: '',
+        inspectionRouteId: '',
+        inspectionRouteName: '',
+        signType: '',
+        signTypeName: '',
+        startDate: '',
+        startTime: '',
+        state: '',
+        stateName: '',
+        _currentTab: 'aInspectionPlanDetailStaff'
+      }
+    }
+  },
+  created() {
+    this.aInspectionPlanDetailInfo.inspectionPlanId = this.$route.query.inspectionPlanId
+    this.getInspectionPlanDetail()
+  },
+  methods: {
+    async getInspectionPlanDetail() {
+      try {
+        const params = {
+          inspectionPlanId: this.aInspectionPlanDetailInfo.inspectionPlanId,
+          page: 1,
+          row: 1
+        }
+        const { data } = await getInspectionPlanDetail(params)
+        if (data && data.length > 0) {
+          Object.assign(this.aInspectionPlanDetailInfo, data[0])
+          this.changeTab(this.aInspectionPlanDetailInfo._currentTab)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    changeTab(tab) {
+      this.aInspectionPlanDetailInfo._currentTab = tab
+      setTimeout(() => {
+        if (this.$refs[tab]) {
+          this.$refs[tab].loadData({
+            inspectionPlanId: this.aInspectionPlanDetailInfo.inspectionPlanId,
+            inspectionRouteId: this.aInspectionPlanDetailInfo.inspectionRouteId
+          })
+        }
+      }, 500)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.aInspectionPlanDetail-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .form-group {
+    margin-bottom: 15px;
+    text-align: left;
+    font-size: 15px;
+
+    .col-form-label {
+      margin-right: 10px;
+    }
+  }
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .margin-top-sm {
+    margin-top: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionPlanLang.js b/src/views/inspection/adminInspectionPlanLang.js
new file mode 100644
index 0000000..ae8c21f
--- /dev/null
+++ b/src/views/inspection/adminInspectionPlanLang.js
@@ -0,0 +1,80 @@
+export const messages = {
+  en: {
+    adminInspectionPlan: {
+      search: {
+        title: 'Search Conditions',
+        inspectionPlanId: 'Please enter plan ID',
+        inspectionPlanName: 'Please enter plan name',
+        staffName: 'Please enter inspector',
+        state: 'Please select status'
+      },
+      list: {
+        title: 'Inspection Plan'
+      },
+      table: {
+        planName: 'Plan Name',
+        communityName: 'Community Name',
+        inspectionRoute: 'Plan Route',
+        planPeriod: 'Plan Period',
+        signType: 'Sign Type',
+        dateRange: 'Date Range',
+        timeRange: 'Time Range',
+        beforeTime: 'Before Time (minutes)',
+        creator: 'Creator',
+        createTime: 'Create Time',
+        state: 'Status',
+        inspectionStaff: 'Inspection Staff'
+      },
+      tip: {
+        ensureValid: 'Please ensure the plan start time and end time are valid time ranges and inspectors are set, otherwise inspection tasks cannot be generated'
+      },
+      community: {
+        all: 'All Communities'
+      },
+      error: {
+        fetchListFailed: 'Failed to fetch inspection plan list',
+        fetchCommunityFailed: 'Failed to fetch community list',
+        fetchStateFailed: 'Failed to fetch status options'
+      }
+    }
+  },
+  zh: {
+    adminInspectionPlan: {
+      search: {
+        title: '查询条件',
+        inspectionPlanId: '请输入计划ID',
+        inspectionPlanName: '请输入计划名称',
+        staffName: '请输入巡检人',
+        state: '请选择状态'
+      },
+      list: {
+        title: '巡检计划'
+      },
+      table: {
+        planName: '计划名称',
+        communityName: '小区名称',
+        inspectionRoute: '计划路线',
+        planPeriod: '计划周期',
+        signType: '签到方式',
+        dateRange: '日期范围',
+        timeRange: '时间范围',
+        beforeTime: '任务提前(分钟)',
+        creator: '制定人',
+        createTime: '制定时间',
+        state: '状态',
+        inspectionStaff: '巡检人员'
+      },
+      tip: {
+        ensureValid: '请确保计划开始时间和计划结束时间是有效时间范围，并且设置了巡检人，不然无法生成巡检任务'
+      },
+      community: {
+        all: '全部小区'
+      },
+      error: {
+        fetchListFailed: '获取巡检计划列表失败',
+        fetchCommunityFailed: '获取小区列表失败',
+        fetchStateFailed: '获取状态选项失败'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionPlanList.vue b/src/views/inspection/adminInspectionPlanList.vue
new file mode 100644
index 0000000..24dcec8
--- /dev/null
+++ b/src/views/inspection/adminInspectionPlanList.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="admin-inspection-plan-container animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <select-admin-community ref="selectCommunity" @changeCommunity="handleCommunityChange" />
+      </el-col>
+      <el-col :span="21">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminInspectionPlan.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input v-model="searchForm.inspectionPlanId"
+                :placeholder="$t('adminInspectionPlan.search.inspectionPlanId')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.adminInspectionPlanName"
+                :placeholder="$t('adminInspectionPlan.search.inspectionPlanName')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminInspectionPlan.search.staffName')"
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-select v-model="searchForm.state" :placeholder="$t('adminInspectionPlan.search.state')" clearable>
+                <el-option v-for="item in stateOptions" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+              </el-select>
+            </el-col>
+            <el-col :span="4" class="text-right">
+              <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+              <el-button @click="handleReset">{{ $t('common.reset') }}</el-button>
+            </el-col>
+          </el-row>
+          
+        
+        </el-card>
+
+        <el-card class="box-card mt-20">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminInspectionPlan.list.title') }}</span>
+          </div>
+          <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+            <el-table-column prop="inspectionPlanName" :label="$t('adminInspectionPlan.table.planName')" align="center" />
+            <el-table-column prop="communityName" :label="$t('adminInspectionPlan.table.communityName')" align="center" />
+            <el-table-column prop="inspectionRouteName" :label="$t('adminInspectionPlan.table.inspectionRoute')"
+              align="center" />
+            <el-table-column prop="inspectionPlanPeriodName" :label="$t('adminInspectionPlan.table.planPeriod')"
+              align="center" />
+            <el-table-column prop="signTypeName" :label="$t('adminInspectionPlan.table.signType')" align="center" />
+            <el-table-column :label="$t('adminInspectionPlan.table.dateRange')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.startDate }}~{{ scope.row.endDate }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('adminInspectionPlan.table.timeRange')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.startTime }}~{{ scope.row.endTime }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="beforeTime" :label="$t('adminInspectionPlan.table.beforeTime')" align="center" />
+            <el-table-column prop="createUserName" :label="$t('adminInspectionPlan.table.creator')" align="center" />
+            <el-table-column prop="createTime" :label="$t('adminInspectionPlan.table.createTime')" align="center" />
+            <el-table-column prop="stateName" :label="$t('adminInspectionPlan.table.state')" align="center" />
+            <el-table-column :label="$t('adminInspectionPlan.table.inspectionStaff')" align="center">
+              <template slot-scope="scope">
+                <div v-for="(staff, i) in scope.row.staffs" :key="i">{{ staff.staffName }}</div>
+              </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="handleDetail(scope.row)">
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-row class="mt-20">
+            <el-col :span="12">
+              <div class="tip-text">
+                {{ $t('adminInspectionPlan.tip.ensureValid') }}
+              </div>
+            </el-col>
+            <el-col :span="12" class="text-right">
+              <el-pagination :current-page.sync="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>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import SelectAdminCommunity from '@/components/community/selectAdminCommunity'
+import { listAdminInspectionPlans } from '@/api/inspection/adminInspectionPlanApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'AdminInspectionPlanList',
+  components: {
+    SelectAdminCommunity
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        inspectionPlanId: '',
+        adminInspectionPlanName: '',
+        staffNameLike: '',
+        state: '',
+        communityId: ''
+      },
+      tableData: [],
+      stateOptions: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getStateOptions()
+    this.getList()
+  },
+  methods: {
+    async getStateOptions() {
+      try {
+        const res = await getDict('inspection_plan', 'state')
+        this.stateOptions = res.data
+      } catch (error) {
+        this.$message.error(this.$t('adminInspectionPlan.error.fetchStateFailed'))
+      }
+    },
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const res = await listAdminInspectionPlans(params)
+        this.tableData = res.data
+        this.pagination.total = res.total
+      } catch (error) {
+        this.$message.error(this.$t('adminInspectionPlan.error.fetchListFailed'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleCommunityChange(community) {
+      this.searchForm.communityId = community.communityId
+      this.getList()
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        inspectionPlanId: '',
+        adminInspectionPlanName: '',
+        staffNameLike: '',
+        state: '',
+        communityId: this.searchForm.communityId
+      }
+      this.getList()
+    },
+    handleDetail(row) {
+      window.open(`/#/pages/inspection/aInspectionPlanDetail?inspectionPlanId=${row.inspectionPlanId}`)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-inspection-plan-container {
+  padding: 20px;
+
+  .mt-10 {
+    margin-top: 10px;
+  }
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .tip-text {
+    color: #999;
+    font-size: 12px;
+    line-height: 30px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionTaskDetailLang.js b/src/views/inspection/adminInspectionTaskDetailLang.js
new file mode 100644
index 0000000..29573fe
--- /dev/null
+++ b/src/views/inspection/adminInspectionTaskDetailLang.js
@@ -0,0 +1,74 @@
+export const messages = {
+    en: {
+      adminInspectionTaskDetail: {
+        title: 'Inspection Task',
+        taskId: 'Task Code',
+        inspectionPlanName: 'Inspection Plan',
+        planTime: 'Start/End Time',
+        actInsTime: 'Actual Inspection Time',
+        originalPlanUser: 'Planned Inspector',
+        currentPlanUser: 'Current Inspector',
+        transferDesc: 'Transfer Description',
+        signType: 'Inspection Method',
+        state: 'Inspection Status',
+        tab: {
+          detail: 'Inspection Details',
+          map: 'Inspection Map',
+          plan: 'Inspection Plan',
+          route: 'Inspection Route',
+          point: 'Inspection Points'
+        }
+      },
+      adminRoutePlan: {
+        table: {
+          planName: 'Plan Name',
+          routeName: 'Route Name',
+          planPeriod: 'Plan Period',
+          signType: 'Sign Type',
+          dateRange: 'Date Range',
+          timeRange: 'Time Range',
+          beforeTime: 'Before Time (minutes)',
+          creator: 'Creator',
+          createTime: 'Create Time',
+          inspectors: 'Inspectors',
+          status: 'Status'
+        }
+      }
+    },
+    zh: {
+      adminInspectionTaskDetail: {
+        title: '巡检任务',
+        taskId: '任务编码',
+        inspectionPlanName: '巡检计划',
+        planTime: '开始/结束时间',
+        actInsTime: '实际巡检时间',
+        originalPlanUser: '计划巡检人',
+        currentPlanUser: '当前巡检人',
+        transferDesc: '转移描述',
+        signType: '巡检方式',
+        state: '巡检状态',
+        tab: {
+          detail: '巡检明细',
+          map: '巡检地图',
+          plan: '巡检计划',
+          route: '巡检路线',
+          point: '巡检点'
+        }
+      },
+      adminRoutePlan: {
+        table: {
+          planName: '计划名称',
+          routeName: '计划路线',
+          planPeriod: '计划周期',
+          signType: '签到方式',
+          dateRange: '日期范围',
+          timeRange: '时间范围',
+          beforeTime: '任务提前(分钟)',
+          creator: '制定人',
+          createTime: '制定时间',
+          inspectors: '巡检人',
+          status: '状态'
+        }
+      }
+    }
+  }
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionTaskDetailList.vue b/src/views/inspection/adminInspectionTaskDetailList.vue
new file mode 100644
index 0000000..1e75db4
--- /dev/null
+++ b/src/views/inspection/adminInspectionTaskDetailList.vue
@@ -0,0 +1,219 @@
+<template>
+    <div class="admin-inspection-task-detail-container">
+        <el-card class="box-card">
+            <div slot="header" class="clearfix flex justify-between">
+                <span>{{ $t('adminInspectionTaskDetail.title') }}</span>
+            </div>
+            <div class="card-content">
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.taskId') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.taskId }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.inspectionPlanName') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.inspectionPlanName }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.planTime') }}：
+                            </label>
+                            <label>
+                                {{ adminInspectionTaskDetailInfo.planInsTime }}<br>~{{
+                                    adminInspectionTaskDetailInfo.planEndTime }}
+                            </label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.actInsTime') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.actInsTime || '-' }}</label>
+                        </div>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.originalPlanUser') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.originalPlanUserName || '-' }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.currentPlanUser') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.planUserName }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.transferDesc') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.transferDesc || '-' }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.signType') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.signTypeName }}</label>
+                        </div>
+                    </el-col>
+                    <el-col :span="6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                {{ $t('adminInspectionTaskDetail.state') }}：
+                            </label>
+                            <label>{{ adminInspectionTaskDetailInfo.stateName }}</label>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </el-card>
+
+        <el-card class="box-card margin-top">
+            <div class="card-content">
+                <el-tabs v-model="adminInspectionTaskDetailInfo._currentTab"
+                    @tab-click="handleTabClick(adminInspectionTaskDetailInfo._currentTab)">
+                    <el-tab-pane :label="$t('adminInspectionTaskDetail.tab.detail')" name="adminPointTaskDetail">
+                        <admin-point-task-detail ref="adminPointTaskDetail" />
+                    </el-tab-pane>
+                    <el-tab-pane :label="$t('adminInspectionTaskDetail.tab.map')" name="aInspectionTaskMap">
+                        <a-inspection-task-map ref="aInspectionTaskMap" />
+                    </el-tab-pane>
+                    <el-tab-pane :label="$t('adminInspectionTaskDetail.tab.plan')" name="adminRoutePlan">
+                        <admin-route-plan ref="adminRoutePlan" />
+                    </el-tab-pane>
+                    <el-tab-pane :label="$t('adminInspectionTaskDetail.tab.route')" name="adminPointRoute">
+                        <admin-point-route ref="adminPointRoute" />
+                    </el-tab-pane>
+                    <el-tab-pane :label="$t('adminInspectionTaskDetail.tab.point')" name="aInspectionRoutePoint">
+                        <a-inspection-route-point ref="aInspectionRoutePoint" />
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        </el-card>
+    </div>
+</template>
+  
+<script>
+import AdminPointTaskDetail from '@/components/inspection/AdminPointTaskDetail'
+import AInspectionTaskMap from '@/components/inspection/AInspectionTaskMap'
+import AdminRoutePlan from '@/components/inspection/AdminRoutePlan'
+import AdminPointRoute from '@/components/inspection/AdminPointRoute'
+import AInspectionRoutePoint from '@/components/inspection/AInspectionRoutePoint'
+import { getAdminInspectionTaskDetail } from '@/api/inspection/adminInspectionTaskDetailApi'
+
+export default {
+    name: 'AdminInspectionTaskDetailList',
+    components: {
+        AdminPointTaskDetail,
+        AInspectionTaskMap,
+        AdminRoutePlan,
+        AdminPointRoute,
+        AInspectionRoutePoint
+    },
+    data() {
+        return {
+            adminInspectionTaskDetailInfo: {
+                inspectionPlanId: '',
+                inspectionPlanName: '',
+                originalPlanUserId: '',
+                originalPlanUserName: '',
+                planEndTime: '',
+                planInsTime: '',
+                planUserId: '',
+                planUserName: '',
+                signType: '',
+                signTypeName: '',
+                state: '',
+                stateName: '',
+                taskId: '',
+                taskType: '',
+                inspectionRouteId: '',
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                inspectionName: '',
+                pointObjTypes: [],
+                _currentTab: 'adminPointTaskDetail'
+            }
+        }
+    },
+    created() {
+        this.adminInspectionTaskDetailInfo.taskId = this.$route.query.taskId
+        this.loadAdminInspectionTaskDetail()
+    },
+    methods: {
+        async loadAdminInspectionTaskDetail() {
+            try {
+                const params = {
+                    page: 1,
+                    row: 1,
+                    taskId: this.adminInspectionTaskDetailInfo.taskId
+                }
+                const { inspectionTasks } = await getAdminInspectionTaskDetail(params)
+                Object.assign(this.adminInspectionTaskDetailInfo, inspectionTasks[0])
+                this.handleTabClick(this.adminInspectionTaskDetailInfo._currentTab)
+            } catch (error) {
+                this.$message.error(this.$t('common.fetchError'))
+            }
+        },
+        handleTabClick(tab) {
+            this.adminInspectionTaskDetailInfo._currentTab = tab
+            setTimeout(() => {
+                if (this.$refs[tab]) {
+                    this.$refs[tab].loadData({
+                        taskId: this.adminInspectionTaskDetailInfo.taskId,
+                        inspectionPlanId: this.adminInspectionTaskDetailInfo.inspectionPlanId,
+                        inspectionRouteId: this.adminInspectionTaskDetailInfo.inspectionRouteId
+                    })
+                }
+            }, 500)
+        }
+    }
+}
+</script>
+  
+<style lang="scss" scoped>
+.admin-inspection-task-detail-container {
+    padding: 20px;
+
+    .box-card {
+        margin-bottom: 20px;
+
+        .card-content {
+            padding: 20px;
+        }
+    }
+
+    .form-group {
+        margin-bottom: 15px;
+        text-align: left;
+
+        .col-form-label {
+            margin-right: 5px;
+        }
+    }
+
+    .margin-top {
+        margin-top: 20px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionTaskLang.js b/src/views/inspection/adminInspectionTaskLang.js
new file mode 100644
index 0000000..69d50fe
--- /dev/null
+++ b/src/views/inspection/adminInspectionTaskLang.js
@@ -0,0 +1,60 @@
+export const messages = {
+  en: {
+    adminInspectionTask: {
+      search: {
+        title: 'Search Conditions',
+        startTime: 'Please enter actual inspection start time',
+        endTime: 'Please enter actual inspection end time',
+        state: 'Please select inspection status',
+        button: 'Search'
+      },
+      list: {
+        title: 'Inspection Tasks',
+        tip: 'Inspection tasks are automatically generated at 2:00 am every day according to the inspection plan. If they are not generated, please confirm whether the scheduled task is enabled or whether the inspection plan is set correctly'
+      },
+      table: {
+        taskId: 'Task Code',
+        communityName: 'Community Name',
+        inspectionPlanName: 'Inspection Plan',
+        planTime: 'Plan Time',
+        actInsTime: 'Actual Inspection Time',
+        originalPlanUserName: 'Original Inspector',
+        planUserName: 'Current Inspector',
+        transferDesc: 'Transfer Description',
+        signTypeName: 'Inspection Method',
+        stateName: 'Inspection Status',
+        operation: 'Operation',
+        detail: 'Detail'
+      }
+    }
+  },
+  zh: {
+    adminInspectionTask: {
+      search: {
+        title: '查询条件',
+        startTime: '请输入实际巡检开始时间',
+        endTime: '请输入实际巡检结束时间',
+        state: '请选择巡检状态',
+        button: '查询'
+      },
+      list: {
+        title: '巡检任务',
+        tip: '巡检任务是根据巡检计划，每天晚上2点钟自动生成，如果没有生成请确认是否开启了定时任务，或者巡检计划是否设置正确'
+      },
+      table: {
+        taskId: '任务编码',
+        communityName: '小区名称',
+        inspectionPlanName: '巡检计划',
+        planTime: '计划时间',
+        actInsTime: '实际巡检时间',
+        originalPlanUserName: '计划巡检人',
+        planUserName: '当前巡检人',
+        transferDesc: '转移描述',
+        signTypeName: '巡检方式',
+        stateName: '巡检状态',
+        operation: '操作',
+        detail: '详情'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/adminInspectionTaskList.vue b/src/views/inspection/adminInspectionTaskList.vue
new file mode 100644
index 0000000..2d5a9e8
--- /dev/null
+++ b/src/views/inspection/adminInspectionTaskList.vue
@@ -0,0 +1,236 @@
+<template>
+  <div class="admin-inspection-task-container">
+    <el-row class="flex justify-start">
+      <el-col :span="4" class="room-floor-unit-tree">
+        <community-inspection-tree ref="communityTree" @notifyQuery="handleTreeQuery"></community-inspection-tree>
+      </el-col>
+      <el-col :span="20" class=" margin-left-sm">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminInspectionTask.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-date-picker
+                v-model="searchForm.startTime"
+                type="datetime"
+                :placeholder="$t('adminInspectionTask.search.startTime')"
+                style="width: 100%"
+                value-format="yyyy-MM-dd HH:mm:ss"
+              ></el-date-picker>
+            </el-col>
+            <el-col :span="6">
+              <el-date-picker
+                v-model="searchForm.endTime"
+                type="datetime"
+                :placeholder="$t('adminInspectionTask.search.endTime')"
+                style="width: 100%"
+                value-format="yyyy-MM-dd HH:mm:ss"
+              ></el-date-picker>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="searchForm.state"
+                :placeholder="$t('adminInspectionTask.search.state')"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in stateTypes"
+                  :key="item.statusCd"
+                  :label="item.name"
+                  :value="item.statusCd"
+                ></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="6">
+              <el-button type="primary" @click="handleSearch">{{ $t('adminInspectionTask.search.button') }}</el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="box-card margin-top">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminInspectionTask.list.title') }}</span>
+          </div>
+          <el-table :data="tableData" border style="width: 100%">
+            <el-table-column prop="taskId" :label="$t('adminInspectionTask.table.taskId')" align="center"></el-table-column>
+            <el-table-column prop="communityName" :label="$t('adminInspectionTask.table.communityName')" align="center"></el-table-column>
+            <el-table-column prop="inspectionPlanName" :label="$t('adminInspectionTask.table.inspectionPlanName')" align="center"></el-table-column>
+            <el-table-column :label="$t('adminInspectionTask.table.planTime')" align="center">
+              <template slot-scope="scope">
+                <div>{{ scope.row.planInsTime }}</div>
+                <div>{{ scope.row.planEndTime }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="actInsTime" :label="$t('adminInspectionTask.table.actInsTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.actInsTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="originalPlanUserName" :label="$t('adminInspectionTask.table.originalPlanUserName')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.originalPlanUserName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="planUserName" :label="$t('adminInspectionTask.table.planUserName')" align="center"></el-table-column>
+            <el-table-column prop="transferDesc" :label="$t('adminInspectionTask.table.transferDesc')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.transferDesc || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="signTypeName" :label="$t('adminInspectionTask.table.signTypeName')" align="center"></el-table-column>
+            <el-table-column prop="stateName" :label="$t('adminInspectionTask.table.stateName')" align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.state === '20200408'" class="text-danger">{{ scope.row.stateName }}</span>
+                <span v-else>{{ scope.row.stateName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('adminInspectionTask.table.operation')" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button size="mini" @click="handleDetail(scope.row)">{{ $t('adminInspectionTask.table.detail') }}</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-row class="margin-top">
+            <el-col :span="18">
+              <div class="tip-text">
+                {{ $t('adminInspectionTask.list.tip') }}
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <el-pagination
+                :current-page.sync="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-pagination>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminInspectionTasks } from '@/api/inspection/adminInspectionTaskApi'
+import CommunityInspectionTree from '@/components/inspection/communityInspectionTree'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'AdminInspectionTaskList',
+  components: {
+    CommunityInspectionTree
+  },
+  data() {
+    return {
+      searchForm: {
+        startTime: '',
+        endTime: '',
+        state: '',
+        communityId: '',
+        inspectionPlanId: '',
+        staffId: '',
+        orderByDesc: 'desc'
+      },
+      stateTypes: [],
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  created() {
+    this.getDictData()
+    this.getList()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const response = await getDict('inspection_task', 'state')
+        this.stateTypes = response || []
+      } catch (error) {
+        console.error('Failed to get dict data:', error)
+      }
+    },
+    async getList() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const response = await listAdminInspectionTasks(params)
+        this.tableData = response.inspectionTasks || []
+        this.pagination.total = response.data.total || 0
+      } catch (error) {
+        console.error('Failed to get inspection tasks:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleTreeQuery(params) {
+      this.searchForm.communityId = params.communityId
+      this.searchForm.inspectionPlanId = params.inspectionPlanId
+      this.searchForm.staffId = params.staffId
+      this.getList()
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleDetail(row) {
+      window.open(`/#/views/inspection/adminInspectionTaskDetail?taskId=${row.taskId}`)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-inspection-task-container {
+  padding: 20px;
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .margin-top-xs {
+    margin-top: 10px;
+  }
+
+  .margin-left-sm {
+    margin-left: 10px;
+  }
+
+  .room-floor-unit-tree {
+    padding-right: 0;
+  }
+
+  .tip-text {
+    padding: 10px;
+    color: #666;
+    font-size: 14px;
+  }
+
+  .text-danger {
+    color: #f56c6c;
+    font-weight: bold;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/work/adminRepairDetailLang.js b/src/views/work/adminRepairDetailLang.js
new file mode 100644
index 0000000..f787ee0
--- /dev/null
+++ b/src/views/work/adminRepairDetailLang.js
@@ -0,0 +1,128 @@
+export const messages = {
+  en: {
+    adminRepairDetail: {
+      title: 'Repair Detail',
+      back: 'Back',
+      repairId: 'Work Order Code',
+      repairType: 'Repair Type',
+      repairName: 'Repairer',
+      tel: 'Contact',
+      location: 'Location',
+      appointmentTime: 'Appointment Time',
+      status: 'Status',
+      repairContent: 'Repair Content',
+      maintenanceType: 'Maintenance Type',
+      paidService: 'Paid Service',
+      freeService: 'Free Service',
+      needMaterials: 'Need Materials',
+      noMaterials: 'No Materials',
+      materials: 'Materials',
+      feeDetails: 'Fee Details',
+      yuan: 'Yuan (Unit Price * Quantity)',
+      comprehensiveScore: 'Comprehensive Score',
+      doorSpeedScore: 'Door Speed Score',
+      serviceScore: 'Service Score',
+      averageScore: 'Average Score',
+      points: 'Points',
+      visitSatisfaction: 'Visit Satisfaction',
+      satisfied: 'Satisfied',
+      dissatisfied: 'Dissatisfied',
+      visitContent: 'Visit Content',
+      repairPhotos: 'Work Order Photos',
+      beforePhotos: 'Before Repair Photos',
+      afterPhotos: 'After Repair Photos',
+      relatedItems: 'Related Items',
+      itemId: 'Item ID',
+      itemType: 'Item Type',
+      itemName: 'Item Name',
+      itemSpec: 'Item Specification',
+      itemQuantity: 'Item Quantity',
+      itemPrice: 'Item Price',
+      user: 'User',
+      time: 'Time',
+      workflow: 'Work Order Flow',
+      serial: 'No.',
+      handler: 'Handler',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      duration: 'Duration',
+      comment: 'Comment',
+      reply: 'Reply',
+      replyAppraise: 'Reply Appraise',
+      content: 'Content',
+      replyPlaceholder: 'Required, please fill in the reply content',
+      replyRequired: 'Reply content is required',
+      replyMaxLength: 'Reply content cannot exceed 512 characters',
+      replySuccess: 'Reply submitted successfully',
+      replyError: 'Failed to submit reply',
+      invalidOperation: 'Invalid operation',
+      dataError: 'Data error',
+      loadError: 'Failed to load repair details',
+      loadResourceError: 'Failed to load resource records',
+      loadUserError: 'Failed to load repair staff'
+    }
+  },
+  zh: {
+    adminRepairDetail: {
+      title: '报修详情',
+      back: '返回',
+      repairId: '工单编码',
+      repairType: '报修类型',
+      repairName: '报修人',
+      tel: '联系方式',
+      location: '位置',
+      appointmentTime: '预约时间',
+      status: '状态',
+      repairContent: '报修内容',
+      maintenanceType: '维修类型',
+      paidService: '有偿服务',
+      freeService: '无偿服务',
+      needMaterials: '需要用料',
+      noMaterials: '无需用料',
+      materials: '用料',
+      feeDetails: '费用明细',
+      yuan: '元(单价*数量)',
+      comprehensiveScore: '综合评价得分',
+      doorSpeedScore: '上门速度评分',
+      serviceScore: '维修员服务评分',
+      averageScore: '平均分',
+      points: '分',
+      visitSatisfaction: '回访满意度',
+      satisfied: '满意',
+      dissatisfied: '不满意',
+      visitContent: '回访内容',
+      repairPhotos: '工单图片',
+      beforePhotos: '维修前图片',
+      afterPhotos: '维修后图片',
+      relatedItems: '相关物品',
+      itemId: '物品资源编号',
+      itemType: '物品资源类型',
+      itemName: '物品资源名称',
+      itemSpec: '物品资源规格',
+      itemQuantity: '物品使用数量',
+      itemPrice: '物品价格',
+      user: '使用人',
+      time: '时间',
+      workflow: '工单流转',
+      serial: '序号',
+      handler: '处理人',
+      startTime: '处理开始时间',
+      endTime: '处理结束时间',
+      duration: '耗时',
+      comment: '意见',
+      reply: '回复',
+      replyAppraise: '回复评价',
+      content: '内容',
+      replyPlaceholder: '必填，请填写回复内容',
+      replyRequired: '回复内容不能为空',
+      replyMaxLength: '回复内容超过500个字',
+      replySuccess: '回复成功',
+      replyError: '回复失败',
+      invalidOperation: '非法操作',
+      dataError: '数据异常',
+      loadError: '加载报修详情失败',
+      loadResourceError: '加载物品记录失败',
+      loadUserError: '加载维修人员失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/work/adminRepairDetailList.vue b/src/views/work/adminRepairDetailList.vue
new file mode 100644
index 0000000..5a56475
--- /dev/null
+++ b/src/views/work/adminRepairDetailList.vue
@@ -0,0 +1,318 @@
+<template>
+  <div class="admin-repair-detail-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.title') }}</span>
+        <el-button type="primary" size="small" class="float-right" @click="goBack">
+          {{ $t('adminRepairDetail.back') }}
+        </el-button>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.repairId') }}：</label>
+            <span>{{ adminRepairDetailInfo.repairId }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.repairType') }}：</label>
+            <span>{{ adminRepairDetailInfo.repairTypeName }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.repairName') }}：</label>
+            <span>{{ adminRepairDetailInfo.repairName }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.tel') }}：</label>
+            <span>{{ adminRepairDetailInfo.tel }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.location') }}：</label>
+            <span>{{ adminRepairDetailInfo.repairObjName }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.appointmentTime') }}：</label>
+            <span>{{ adminRepairDetailInfo.appointmentTime }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.status') }}：</label>
+            <span>{{ adminRepairDetailInfo.stateName }}</span>
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="form-item">
+            <label>{{ $t('adminRepairDetail.repairContent') }}：</label>
+            <span>{{ adminRepairDetailInfo.context }}</span>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 其他信息展示部分，按照相同模式转换 -->
+    <!-- 图片展示部分 -->
+    <el-card v-if="adminRepairDetailInfo.repairPhotos.length > 0" class="box-card margin-top">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.repairPhotos') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col v-for="(item, index) in adminRepairDetailInfo.repairPhotos" :key="index" :span="4">
+          <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 维修前图片 -->
+    <el-card v-if="adminRepairDetailInfo.beforePhotos.length > 0" class="box-card margin-top">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.beforePhotos') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col v-for="(item, index) in adminRepairDetailInfo.beforePhotos" :key="index" :span="4">
+          <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 维修后图片 -->
+    <el-card v-if="adminRepairDetailInfo.afterPhotos.length > 0" class="box-card margin-top">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.afterPhotos') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col v-for="(item, index) in adminRepairDetailInfo.afterPhotos" :key="index" :span="4">
+          <el-image style="width: 120px; height: 120px;" :src="item.url" :preview-src-list="[item.url]" fit="cover" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 相关物品表格 -->
+    <el-card v-if="adminRepairDetailInfo.maintenanceType === '1001' || adminRepairDetailInfo.maintenanceType === '1003'"
+      class="box-card margin-top">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.relatedItems') }}</span>
+      </div>
+      <el-table :data="adminRepairDetailInfo.resourceStoreInfo" border>
+        <el-table-column prop="resId" :label="$t('adminRepairDetail.itemId')" align="center" />
+        <el-table-column :label="$t('adminRepairDetail.itemType')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.parentRstName }} > {{ scope.row.rstName }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="resourceStoreName" :label="$t('adminRepairDetail.itemName')" align="center" />
+        <el-table-column prop="specName" :label="$t('adminRepairDetail.itemSpec')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.specName || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('adminRepairDetail.itemQuantity')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.quantity }}{{ scope.row.miniUnitCodeName }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="unitPrice" :label="$t('adminRepairDetail.itemPrice')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.unitPrice || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="createUserName" :label="$t('adminRepairDetail.user')" align="center" />
+        <el-table-column prop="createTime" :label="$t('adminRepairDetail.time')" align="center" />
+      </el-table>
+    </el-card>
+
+    <!-- 工单流转表格 -->
+    <el-card class="box-card margin-top">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('adminRepairDetail.workflow') }}</span>
+      </div>
+      <el-table :data="adminRepairDetailInfo.repairUsers" border>
+        <el-table-column type="index" :label="$t('adminRepairDetail.serial')" align="center" width="60" />
+        <el-table-column prop="staffName" :label="$t('adminRepairDetail.handler')" align="center" />
+        <el-table-column :label="$t('adminRepairDetail.status')" align="center">
+          <template slot-scope="scope">
+            <span v-if="(scope.row.state === '10009' || scope.row.state === '12000') && scope.row.payTypeName">
+              {{ scope.row.stateName }}({{ scope.row.payTypeName }})
+            </span>
+            <span v-else>
+              {{ scope.row.stateName }}
+              <span v-if="scope.row.state === '10007'">
+                (<el-link type="primary" @click="openRepairAppraise(scope.row)">{{ $t('adminRepairDetail.reply')
+                }}</el-link>)
+              </span>
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="startTime" :label="$t('adminRepairDetail.startTime')" align="center" />
+        <el-table-column prop="endTime" :label="$t('adminRepairDetail.endTime')" align="center" />
+        <el-table-column prop="duration" :label="$t('adminRepairDetail.duration')" align="center" />
+        <el-table-column prop="context" :label="$t('adminRepairDetail.comment')" align="center" />
+      </el-table>
+    </el-card>
+
+
+    <reply-repair-appraise ref="replyRepairAppraise" @success="loadRepairUser" />
+  </div>
+</template>
+
+<script>
+import { getRepairDetail, listRepairStaffs, listStoreUseRecords } from '@/api/work/adminRepairDetailApi'
+import ReplyRepairAppraise from '@/components/work/ReplyRepairAppraise'
+
+export default {
+  name: 'AdminRepairDetail',
+  components: {
+    ReplyRepairAppraise
+  },
+  data() {
+    return {
+      adminRepairDetailInfo: {
+        repairId: '',
+        repairType: '',
+        repairTypeName: '',
+        repairName: '',
+        tel: '',
+        roomId: '',
+        roomName: '',
+        repairObjName: '',
+        appointmentTime: '',
+        context: '',
+        stateName: '',
+        userId: '',
+        userName: '',
+        repairUsers: [],
+        photos: [],
+        repairPhotos: [],
+        beforePhotos: [],
+        afterPhotos: [],
+        visitType: '',
+        visitContext: '',
+        maintenanceType: '',
+        repairMaterials: '',
+        repairFee: '',
+        resourceStoreInfo: [],
+        appraiseScore: 0,
+        doorSpeedScore: 0,
+        repairmanServiceScore: 0,
+        average: 0.0
+      }
+    }
+  },
+  created() {
+    const repairId = this.$route.query.repairId
+    if (!repairId) {
+      this.$message.error(this.$t('adminRepairDetail.invalidOperation'))
+      this.$router.push('/work/repairPoolManage')
+      return
+    }
+    this.adminRepairDetailInfo.repairId = repairId
+    this.loadRepairDetail()
+  },
+  methods: {
+    async loadRepairDetail() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          repairId: this.adminRepairDetailInfo.repairId
+        }
+        const { data } = await getRepairDetail(params)
+        if (data.length < 1) {
+          this.$message.error(this.$t('adminRepairDetail.dataError'))
+          this.$router.push('/work/repairPoolManage')
+          return
+        }
+        this.adminRepairDetailInfo = { ...this.adminRepairDetailInfo, ...data[0] }
+
+        if (this.adminRepairDetailInfo.maintenanceType === '1001' || this.adminRepairDetailInfo.maintenanceType === '1003') {
+          this.loadResourceStoreList()
+        }
+        this.loadRepairUser()
+      } catch (error) {
+        this.$message.error(error.message || this.$t('adminRepairDetail.loadError'))
+      }
+    },
+    async loadResourceStoreList() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          repairId: this.adminRepairDetailInfo.repairId
+        }
+        const { data } = await listStoreUseRecords(params)
+        this.adminRepairDetailInfo.resourceStoreInfo = data.map(item => {
+          if (item.resId === '666666') {
+            return { ...item, rstName: '自定义', specName: '自定义' }
+          }
+          return item
+        })
+      } catch (error) {
+        this.$message.error(error.message || this.$t('adminRepairDetail.loadResourceError'))
+      }
+    },
+    async loadRepairUser() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          repairId: this.adminRepairDetailInfo.repairId
+        }
+        const { data } = await listRepairStaffs(params)
+        this.adminRepairDetailInfo.repairUsers = data
+      } catch (error) {
+        this.$message.error(error.message || this.$t('adminRepairDetail.loadUserError'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    openRepairAppraise(row) {
+      this.$refs.replyRepairAppraise.open(row)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-repair-detail-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+
+  .form-item {
+    margin-bottom: 15px;
+    text-align: left;
+    color: #666;
+
+    label {
+      margin-right: 10px;
+    }
+  }
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/work/adminRepairLang.js b/src/views/work/adminRepairLang.js
new file mode 100644
index 0000000..e86fd07
--- /dev/null
+++ b/src/views/work/adminRepairLang.js
@@ -0,0 +1,74 @@
+export const messages = {
+  en: {
+    adminRepair: {
+      search: {
+        title: 'Search Conditions',
+        repairId: 'Please enter work order number',
+        repairName: 'Please enter repairer name',
+        tel: 'Please enter repair phone'
+      },
+      list: {
+        title: 'Community Repair'
+      },
+      table: {
+        repairId: 'Work Order Code',
+        communityName: 'Community Name',
+        repairObjName: 'Location',
+        repairTypeName: 'Repair Type',
+        maintenanceType: 'Maintenance Type',
+        repairName: 'Repairer',
+        tel: 'Contact',
+        appointmentTime: 'Appointment Time',
+        createTime: 'Submission Time',
+        submitHours: 'Submission Duration',
+        finishTime: 'Completion Time',
+        state: 'Status',
+        timedTask: 'Timed Task Processing'
+      },
+      maintenanceType: {
+        paid: 'Paid Service',
+        free: 'Free Service',
+        withMaterial: 'Need Materials',
+        withoutMaterial: 'No Materials Needed'
+      },
+      fetchError: 'Failed to get repair list',
+      treeFetchError: 'Failed to get tree data'
+    }
+  },
+  zh: {
+    adminRepair: {
+      search: {
+        title: '查询条件',
+        repairId: '请输入工单编号',
+        repairName: '请输入报修人',
+        tel: '请输入报修电话'
+      },
+      list: {
+        title: '小区报修'
+      },
+      table: {
+        repairId: '工单编码',
+        communityName: '小区名称',
+        repairObjName: '位置',
+        repairTypeName: '报修类型',
+        maintenanceType: '维修类型',
+        repairName: '报修人',
+        tel: '联系方式',
+        appointmentTime: '预约时间',
+        createTime: '提交时间',
+        submitHours: '提单时长',
+        finishTime: '完成时间',
+        state: '状态',
+        timedTask: '定时任务处理'
+      },
+      maintenanceType: {
+        paid: '有偿服务',
+        free: '无偿服务',
+        withMaterial: '需要用料',
+        withoutMaterial: '无需用料'
+      },
+      fetchError: '获取报修列表失败',
+      treeFetchError: '获取树形数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/work/adminRepairList.vue b/src/views/work/adminRepairList.vue
new file mode 100644
index 0000000..bca61ee
--- /dev/null
+++ b/src/views/work/adminRepairList.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="admin-repair-container">
+    <div class="flex-container">
+      <div class="tree-container">
+        <community-repair-tree ref="communityRepairTree" @selectCommunity="handleSelectCommunity" 
+          @selectRepairSetting="handleSelectRepairSetting" @selectState="handleSelectState" />
+      </div>
+      <div class="content-container">
+        <el-card class="search-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminRepair.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-input v-model.trim="searchForm.repairId" :placeholder="$t('adminRepair.search.repairId')" clearable />
+            </el-col>
+            <el-col :span="6">
+              <el-input v-model.trim="searchForm.repairName" :placeholder="$t('adminRepair.search.repairName')" clearable />
+            </el-col>
+            <el-col :span="6">
+              <el-input v-model.trim="searchForm.tel" :placeholder="$t('adminRepair.search.tel')" clearable />
+            </el-col>
+            <el-col :span="6">
+              <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminRepair.list.title') }}</span>
+          </div>
+          <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="repairId" :label="$t('adminRepair.table.repairId')" align="center" />
+            <el-table-column prop="communityName" :label="$t('adminRepair.table.communityName')" align="center" />
+            <el-table-column prop="repairObjName" :label="$t('adminRepair.table.repairObjName')" align="center" />
+            <el-table-column prop="repairTypeName" :label="$t('adminRepair.table.repairTypeName')" align="center" />
+            <el-table-column :label="$t('adminRepair.table.maintenanceType')" align="center">
+              <template slot-scope="scope">
+                {{ getMaintenanceTypeName(scope.row.maintenanceType) }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="repairName" :label="$t('adminRepair.table.repairName')" align="center" />
+            <el-table-column prop="tel" :label="$t('adminRepair.table.tel')" align="center" />
+            <el-table-column :label="$t('adminRepair.table.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('adminRepair.table.createTime')" align="center" />
+            <el-table-column prop="submitHours" :label="$t('adminRepair.table.submitHours')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.submitHours || '0' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="finishTime" :label="$t('adminRepair.table.finishTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.finishTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('adminRepair.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('adminRepair.table.timedTask') }})
+                </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="handleDetail(scope.row)">
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <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="handlePageChange"
+          />
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listAdminOwnerRepairs } from '@/api/work/adminRepairApi'
+import CommunityRepairTree from '@/components/work/CommunityRepairTree'
+
+export default {
+  name: 'AdminRepairList',
+  components: {
+    CommunityRepairTree
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        communityId: '',
+        repairId: '',
+        state: '',
+        repairType: '',
+        repairName: '',
+        tel: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const { data, total } = await listAdminOwnerRepairs(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('adminRepair.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleSelectCommunity({ communityId }) {
+      this.searchForm.communityId = communityId
+      this.searchForm.repairType = ''
+      this.searchForm.state = ''
+      this.getList()
+    },
+    handleSelectRepairSetting({ communityId, repairType }) {
+      this.searchForm.communityId = communityId
+      this.searchForm.repairType = repairType
+      this.searchForm.state = ''
+      this.getList()
+    },
+    handleSelectState({ communityId, repairType, state }) {
+      this.searchForm.communityId = communityId
+      this.searchForm.repairType = repairType
+      this.searchForm.state = state
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$router.push(`/views/work/adminRepairDetail?repairId=${row.repairId}`)
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.getList()
+    },
+    handlePageChange(current) {
+      this.pagination.current = current
+      this.getList()
+    },
+    getMaintenanceTypeName(type) {
+      switch (type) {
+        case '1001': return this.$t('adminRepair.maintenanceType.paid')
+        case '1002': return this.$t('adminRepair.maintenanceType.free')
+        case '1003': return this.$t('adminRepair.maintenanceType.withMaterial')
+        case '1004': return this.$t('adminRepair.maintenanceType.withoutMaterial')
+        default: return '--'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-repair-container {
+  padding: 20px;
+
+  .flex-container {
+    display: flex;
+
+    .tree-container {
+      width: 250px;
+      margin-right: 20px;
+    }
+
+    .content-container {
+      flex: 1;
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file