diff --git a/src/api/inspection/addInspectionPlanApi.js b/src/api/inspection/addInspectionPlanApi.js
new file mode 100644
index 0000000..134c153
--- /dev/null
+++ b/src/api/inspection/addInspectionPlanApi.js
@@ -0,0 +1,78 @@
+import request from '@/utils/request'
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取组织树失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function listStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      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 listInspectionRoutes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listInspectionRoutes',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res.inspectionRoutes)
+ 
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存巡检计划
+export function saveInspectionPlan(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionPlan.saveInspectionPlan',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存巡检计划失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/inspection/inspectionPlanApi.js b/src/api/inspection/inspectionPlanApi.js
new file mode 100644
index 0000000..01b6349
--- /dev/null
+++ b/src/api/inspection/inspectionPlanApi.js
@@ -0,0 +1,104 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取字典数据
+export function getDict(dictType, state) {
+  return request({
+    url: '/dict.listDict',
+    method: 'get',
+    params: { dictType, state }
+  }).then(res => res.data)
+}
+
+// 查询巡检计划列表
+export function listInspectionPlans(params) {
+  return request({
+    url: '/inspectionPlan.listInspectionPlans',
+    method: 'get',
+    params: {
+      communityId: getCommunityId(),
+      ...params
+    }
+  }).then(res => res.data)
+}
+
+// 更新巡检计划状态
+export function updateInspectionPlanState(data) {
+  return request({
+    url: '/inspectionPlan.updateInspectionPlanState',
+    method: 'post',
+    data: {
+      communityId: getCommunityId(),
+      ...data
+    }
+  }).then(res => res.data)
+}
+
+// 删除巡检计划
+export function deleteInspectionPlan(data) {
+  return request({
+    url: '/inspectionPlan.deleteInspectionPlan',
+    method: 'post',
+    data: {
+      communityId: getCommunityId(),
+      ...data
+    }
+  }).then(res => res.data)
+}
+
+// 更新巡检计划
+export function updateInspectionPlan(data) {
+  return request({
+    url: '/inspectionPlan.updateInspectionPlan',
+    method: 'post',
+    data: {
+      communityId: getCommunityId(),
+      ...data
+    }
+  }).then(res => res.data)
+}
+
+// 查询巡检路线列表
+export function listInspectionRoutes(params) {
+  return request({
+    url: '/inspectionRoute.listInspectionRoutes',
+    method: 'get',
+    params: {
+      communityId: getCommunityId(),
+      ...params
+    }
+  }).then(res => res.data)
+}
+
+// 查询巡检计划员工
+export function listInspectionPlanStaffs(params) {
+  return request({
+    url: '/inspection.listInspectionPlanStaffs',
+    method: 'get',
+    params: {
+      communityId: getCommunityId(),
+      ...params
+    }
+  }).then(res => res.data)
+}
+
+// 查询组织树
+export function listOrgTree() {
+  return request({
+    url: '/org.listOrgTree',
+    method: 'get',
+    params: { communityId: getCommunityId() }
+  }).then(res => res.data)
+}
+
+// 根据组织ID查询员工
+export function listStaffsByOrgId(params) {
+  return request({
+    url: '/query.staff.infos',
+    method: 'get',
+    params: {
+      communityId: getCommunityId(),
+      ...params
+    }
+  }).then(res => res.data)
+}
\ No newline at end of file
diff --git a/src/api/inspection/inspectionTaskApi.js b/src/api/inspection/inspectionTaskApi.js
new file mode 100644
index 0000000..036a647
--- /dev/null
+++ b/src/api/inspection/inspectionTaskApi.js
@@ -0,0 +1,137 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取巡检计划列表
+export function listInspectionPlans() {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/inspectionPlan.listInspectionPlans',
+      method: 'get',
+      params: {
+        page: 1,
+        row: 1000,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+   
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检任务列表
+export function listInspectionTasks(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/inspectionTask.listInspectionTasks',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取巡检任务详情
+export function listInspectionTaskDetails(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/inspectionTaskDetail.listInspectionTaskDetails',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新巡检任务（流转）
+export function updateInspectionTask(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/inspectionTask.updateInspectionTask',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新巡检任务失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除巡检任务
+export function deleteInspectionTask(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/inspectionTask.deleteInspectionTask',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除巡检任务失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取字典数据
+export function getDict(dictType, dictCd) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: {
+        dictType,
+        dictCd
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取字典数据失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/inspection/inspectionTaskDetailsApi.js b/src/api/inspection/inspectionTaskDetailsApi.js
new file mode 100644
index 0000000..ca48eed
--- /dev/null
+++ b/src/api/inspection/inspectionTaskDetailsApi.js
@@ -0,0 +1,101 @@
+import request from '@/utils/request'
+
+// 获取巡检任务明细列表
+export function listInspectionTaskDetails(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionTaskDetail.listInspectionTaskDetails',
+      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 exportInspectionTaskDetails(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      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 listInspectionPlans(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionPlan.listInspectionPlans',
+      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 listInspectionRoutes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionRoute.listInspectionRoutes',
+      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 listInspectionPoints(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionPoint.listInspectionPoints',
+      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/pointPlanApi.js b/src/api/inspection/pointPlanApi.js
new file mode 100644
index 0000000..bfbe928
--- /dev/null
+++ b/src/api/inspection/pointPlanApi.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+export function queryPointInspectionPlan(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspection.queryPointInspectionPlan',
+      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/staff/staffApi.js b/src/api/staff/staffApi.js
index a4cda08..bf61b00 100644
--- a/src/api/staff/staffApi.js
+++ b/src/api/staff/staffApi.js
@@ -10,11 +10,7 @@ export function queryStaffInfos(params) {
       params
     }).then(response => {
       const res = response.data
-      if (res.code === 0) {
         resolve(res)
-      } else {
-        reject(new Error(res.msg || '获取员工列表失败'))
-      }
     }).catch(error => {
       reject(error)
     })
diff --git a/src/components/inspection/DeleteInspectionTask.vue b/src/components/inspection/DeleteInspectionTask.vue
new file mode 100644
index 0000000..6996bae
--- /dev/null
+++ b/src/components/inspection/DeleteInspectionTask.vue
@@ -0,0 +1,51 @@
+<template>
+  <el-dialog
+    :title="$t('deleteInspectionTask.confirmOperation')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div style="text-align: center;">
+      <p>{{ $t('deleteInspectionTask.confirmDelete') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('deleteInspectionTask.mistake') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('deleteInspectionTask.confirmDeleteBtn') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteInspectionTask } from '@/api/inspection/inspectionTaskApi'
+
+export default {
+  name: 'DeleteInspectionTask',
+  data() {
+    return {
+      visible: false,
+      taskId: ''
+    }
+  },
+  methods: {
+    open(task) {
+      this.taskId = task.taskId
+      this.visible = true
+    },
+    close() {
+      this.taskId = ''
+      this.visible = false
+    },
+    async handleConfirm() {
+      try {
+        await deleteInspectionTask({ taskId: this.taskId })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除任务失败:', error)
+        this.$message.error(error.message || this.$t('common.deleteFail'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/InspectionTaskDetail.vue b/src/components/inspection/InspectionTaskDetail.vue
new file mode 100644
index 0000000..7e76691
--- /dev/null
+++ b/src/components/inspection/InspectionTaskDetail.vue
@@ -0,0 +1,141 @@
+<template>
+  <el-dialog :title="$t('inspectionTaskDetail.taskDetails')" :visible.sync="visible" width="90%" top="5vh" @close="close">
+    <el-card>
+      <el-table :data="taskDetails" border style="width: 100%">
+        <el-table-column prop="taskDetailId" :label="$t('inspectionTaskDetail.taskDetails') + 'ID'" align="center"
+          width="100" />
+        <el-table-column prop="inspectionName" :label="$t('inspectionTaskDetail.inspectionPoint')" align="center" />
+        <el-table-column prop="stateName" :label="$t('inspectionTaskDetail.inspectionStatus')" align="center" />
+        <el-table-column :label="$t('inspectionTaskDetail.signStatus')" align="center">
+          <template slot-scope="{row}">
+            <span v-if="row.inspectionState === '60000'" class="text-primary">
+              {{ row.inspectionStateName || '-' }}
+            </span>
+            <span v-else class="text-danger font-bold">
+              {{ row.inspectionStateName || '-' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.inspectorTime')" align="center">
+          <template slot-scope="{row}">
+            {{ row.planInsTime }}<br>{{ row.planEndTime }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.pointTime')" align="center">
+          <template slot-scope="{row}">
+            {{ row.pointStartTime }}<br>{{ row.pointEndTime }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.actualTime')" align="center">
+          <template slot-scope="{row}">
+            {{ row.inspectionTime || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.inspectionSituation')" align="center">
+          <template slot-scope="{row}">
+            {{ row.description || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.inspectionPhotos')" align="center">
+          <template slot-scope="{row}">
+            <span v-for="photo in row.photos" :key="photo.url" class="photo-item">
+              <el-image style="width: 60px; height: 60px; margin-right: 5px;" :src="photo.url"
+                :preview-src-list="[photo.url]" fit="cover" />
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionTaskDetail.locationInfo')" align="center" width="120">
+          <template slot-scope="{row}">
+            <el-button type="info" size="mini" @click="openMap(row.latitude, row.longitude)">
+              {{ $t('inspectionTaskDetail.view') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page="currentPage" :page-size="pageSize" :total="total"
+        layout="total, prev, pager, next, jumper" @current-change="handlePageChange" />
+    </el-card>
+
+    <ViewMap ref="viewMap" />
+    <ViewImage ref="viewImage" />
+  </el-dialog>
+</template>
+
+<script>
+import ViewMap from '@/components/system/ViewMap'
+import ViewImage from '@/components/system/viewImage'
+import { listInspectionTaskDetails } from '@/api/inspection/inspectionTaskApi'
+
+export default {
+  name: 'InspectionTaskDetail',
+  components: { ViewMap, ViewImage },
+  data() {
+    return {
+      visible: false,
+      taskDetails: [],
+      taskId: '',
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(task) {
+      this.taskId = task.taskId
+      this.visible = true
+      this.loadTaskDetails()
+    },
+    close() {
+      this.taskDetails = []
+      this.taskId = ''
+      this.currentPage = 1
+      this.total = 0
+    },
+    async loadTaskDetails() {
+      try {
+        const res = await listInspectionTaskDetails({
+          page: this.currentPage,
+          row: this.pageSize,
+          taskId: this.taskId
+        })
+        this.taskDetails = res.inspectionTaskDetails || []
+        this.total = res.records || 0
+      } catch (error) {
+        console.error('加载任务详情失败:', error)
+        this.$message.error('加载任务详情失败')
+      }
+    },
+    handlePageChange(page) {
+      this.currentPage = page
+      this.loadTaskDetails()
+    },
+    openMap(lat, lng) {
+      if (!lat || !lng) {
+        this.$message.warning(this.$t('inspectionTaskDetail.noLocation'))
+        return
+      }
+      this.$refs.viewMap.open({ lat, lng })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.photo-item {
+  display: inline-block;
+  margin-right: 5px;
+}
+
+.text-primary {
+  color: #409EFF;
+}
+
+.text-danger {
+  color: #F56C6C;
+}
+
+.font-bold {
+  font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/InspectionTaskTransfer.vue b/src/components/inspection/InspectionTaskTransfer.vue
new file mode 100644
index 0000000..df6ab17
--- /dev/null
+++ b/src/components/inspection/InspectionTaskTransfer.vue
@@ -0,0 +1,99 @@
+<template>
+  <el-dialog :title="$t('inspectionTaskTransfer.transfer')" :visible.sync="visible" width="50%" top="5vh">
+    <el-form ref="form" :model="form" label-width="120px">
+      <el-form-item :label="$t('inspectionTaskTransfer.transferObject')" required>
+        <el-select v-model="form.staffId" :placeholder="$t('inspectionTaskTransfer.required')">
+          <el-option v-for="item in staffs" :key="item.userId" :label="item.name" :value="item.userId"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('inspectionTaskTransfer.transferDesc')" required>
+        <el-input v-model="form.transferDesc" type="textarea" :rows="4"
+          :placeholder="$t('inspectionTaskTransfer.required')"></el-input>
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('inspectionTaskTransfer.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('inspectionTaskTransfer.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionTask } from '@/api/inspection/inspectionTaskApi'
+import { queryStaffInfos } from '@/api/staff/staffApi.js'
+
+export default {
+  name: 'InspectionTaskTransfer',
+  components: {},
+  data() {
+    return {
+      visible: false,
+      staffs: [],
+      form: {
+        taskId: '',
+        staffId: '',
+        staffName: '',
+        transferDesc: '',
+        currentUserId: '',
+        inspectionPlanId:''
+      }
+    }
+  },
+  methods: {
+    open(task) {
+      this.form = {
+        taskId: task.taskId,
+        staffId: '',
+        staffName: '',
+        transferDesc: '',
+        currentUserId: '',
+        inspectionPlanId:task.inspectionPlanId
+      }
+      this.loadStaffs()
+      this.visible = true
+    },
+    async loadStaffs() {
+      const { staffs } = await queryStaffInfos({
+        page: 1,
+        row: 1000
+      })
+      this.staffs = staffs
+    },
+    handleSwitchOrg(org) {
+      this.$refs.staffSelect.setOrg(org)
+    },
+    handleStaffChange(staff) {
+      this.form.staffId = staff.staffId
+      this.form.staffName = staff.staffName
+    },
+    async handleSubmit() {
+      if (!this.form.staffId) {
+        this.$message.warning(this.$t('inspectionTaskTransfer.chooseStaff'))
+        return
+      }
+
+      if (!this.form.transferDesc) {
+        this.$message.warning(this.$t('inspectionTaskTransfer.inputDesc'))
+        return
+      }
+
+      if (this.form.staffId === this.form.currentUserId) {
+        this.$message.warning(this.$t('inspectionTaskTransfer.cantTransferSelf'))
+        return
+      }
+
+      try {
+        await updateInspectionTask(this.form)
+        this.$message.success(this.$t('common.operateSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('任务流转失败:', error)
+        this.$message.error(error.message || this.$t('common.operateFail'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/deleteInspectionPlan.vue b/src/components/inspection/deleteInspectionPlan.vue
new file mode 100644
index 0000000..928dffa
--- /dev/null
+++ b/src/components/inspection/deleteInspectionPlan.vue
@@ -0,0 +1,52 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionPlan.confirmDeleteTitle')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('inspectionPlan.confirmDeleteContent') }}</p>
+    </div>
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('inspectionPlan.cancel') }}</el-button>
+      <el-button type="danger" @click="confirmDelete">{{ $t('inspectionPlan.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteInspectionPlan } from '@/api/inspection/inspectionPlanApi'
+
+export default {
+  name: 'DeleteInspectionPlan',
+  data() {
+    return {
+      visible: false,
+      currentPlanId: null
+    }
+  },
+  methods: {
+    open(plan) {
+      this.currentPlanId = plan.inspectionPlanId
+      this.visible = true
+    },
+    
+    async confirmDelete() {
+      try {
+        await deleteInspectionPlan({ inspectionPlanId: this.currentPlanId })
+        this.$message.success(this.$t('inspectionPlan.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(this.$t('inspectionPlan.deleteError'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/deleteInspectionPoint.vue b/src/components/inspection/deleteInspectionPoint.vue
new file mode 100644
index 0000000..11ebde3
--- /dev/null
+++ b/src/components/inspection/deleteInspectionPoint.vue
@@ -0,0 +1,54 @@
+<template>
+  <el-dialog
+    :title="$t('deleteInspectionPoint.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <p>{{ $t('deleteInspectionPoint.confirmText') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('deleteInspectionPoint.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('deleteInspectionPoint.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteInspectionPoint } from '@/api/inspection/deleteInspectionPointApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteInspectionPoint',
+  data() {
+    return {
+      visible: false,
+      inspectionPointId: ''
+    }
+  },
+  methods: {
+    open(inspectionPointId) {
+      this.inspectionPointId = inspectionPointId
+      this.visible = true
+    },
+    
+    handleClose() {
+      this.inspectionPointId = ''
+    },
+    
+    async handleConfirm() {
+      try {
+        await deleteInspectionPoint({
+          inspectionId: this.inspectionPointId,
+          communityId: getCommunityId()
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('deleted')
+      } catch (error) {
+        console.error('删除巡检点失败:', error)
+        this.$message.error(error.message || this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/editInspectionPlan.vue b/src/components/inspection/editInspectionPlan.vue
new file mode 100644
index 0000000..944c0a0
--- /dev/null
+++ b/src/components/inspection/editInspectionPlan.vue
@@ -0,0 +1,269 @@
+<template>
+  <el-dialog :title="$t('inspectionPlan.modify')" :visible.sync="visible" width="80%" @close="resetForm">
+    <el-form ref="form" :model="formData" label-width="150px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('inspectionPlan.planName')" prop="inspectionPlanName" required>
+            <el-input v-model="formData.inspectionPlanName" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('inspectionPlan.planRoute')" prop="inspectionRouteId" required>
+            <el-select v-model="formData.inspectionRouteId" style="width:100%" @change="handleRouteChange">
+              <el-option v-for="route in routeOptions" :key="route.inspectionRouteId" :label="route.routeName"
+                :value="route.inspectionRouteId" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('inspectionPlan.planCycle')" prop="inspectionPlanPeriod" required>
+            <el-select v-model="formData.inspectionPlanPeriod" style="width:100%" @change="handlePeriodChange">
+              <el-option label="月/天" value="2020022" />
+              <el-option label="按周" value="2020023" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('inspectionPlan.taskAdvance')">
+            <el-input-number v-model="formData.beforeTime" :min="1" />
+            <span class="margin-left">{{ $t('editInspectionPlan.minutesGenerate') }}</span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 月/天选择 -->
+      <template v-if="formData.inspectionPlanPeriod === '2020022'">
+        <el-row>
+          <el-form-item :label="$t('editInspectionPlan.month')">
+            <el-checkbox-group v-model="formData.months">
+              <el-checkbox v-for="month in 12" :key="month" :label="month">
+                {{ month }}{{ $t('editInspectionPlan.month') }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </el-form-item>
+        </el-row>
+
+        <el-row>
+          <el-form-item :label="$t('editInspectionPlan.day')">
+            <el-checkbox-group v-model="formData.days">
+              <el-checkbox v-for="day in 31" :key="day" :label="day">
+                {{ day }}{{ $t('editInspectionPlan.day') }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </el-form-item>
+        </el-row>
+      </template>
+
+      <!-- 按周选择 -->
+      <template v-if="formData.inspectionPlanPeriod === '2020023'">
+        <el-row>
+          <el-form-item :label="$t('editInspectionPlan.week')">
+            <el-checkbox-group v-model="formData.workdays">
+              <el-checkbox v-for="(day, index) in weekDays" :key="index" :label="index + 1">
+                {{ day }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </el-form-item>
+        </el-row>
+      </template>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.startDate')" required>
+            <el-date-picker v-model="formData.startDate" type="date" value-format="yyyy-MM-dd" style="width:100%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.endDate')" required>
+            <el-date-picker v-model="formData.endDate" type="date" value-format="yyyy-MM-dd" style="width:100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.startTime')" required>
+            <el-time-picker v-model="formData.startTime" value-format="HH:mm" style="width:100%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.endTime')" required>
+            <el-time-picker v-model="formData.endTime" value-format="HH:mm" style="width:100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.signMethod')" required>
+            <el-select v-model="formData.signType" style="width:100%">
+              <el-option v-for="sign in signTypeOptions" :key="sign.statusCd" :label="sign.name" :value="sign.statusCd" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPlan.allowRecheck')">
+            <el-select v-model="formData.canReexamine" style="width:100%">
+              <el-option :label="$t('inspectionPlan.disallowRecheck')" value="1000" />
+              <el-option :label="$t('inspectionPlan.allowRecheck')" value="2000" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-form-item :label="$t('editInspectionPlan.selectStaff')">
+          <select-staff-div  ref="selectStaffDiv" @selectStaffs="handleSelectStaffs" />
+        </el-form-item>
+      </el-row>
+    </el-form>
+
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="savePlan">{{ $t('common.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionPlan, listInspectionRoutes, listInspectionPlanStaffs } from '@/api/inspection/inspectionPlanApi'
+import SelectStaffDiv from '@/components/staff/selectStaffsDiv'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'EditInspectionPlan',
+  components: {
+    SelectStaffDiv
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        inspectionPlanId: '',
+        inspectionPlanName: '',
+        inspectionRouteId: '',
+        inspectionPlanPeriod: '',
+        startDate: '',
+        endDate: '',
+        beforeTime: 30,
+        startTime: '',
+        endTime: '',
+        signType: '',
+        canReexamine: '1000',
+        months: [],
+        days: [],
+        workdays: [],
+        staffs: []
+      },
+      routeOptions: [],
+      signTypeOptions: [],
+      weekDays: [
+        this.$t('inspectionPlan.monday'),
+        this.$t('inspectionPlan.tuesday'),
+        this.$t('inspectionPlan.wednesday'),
+        this.$t('inspectionPlan.thursday'),
+        this.$t('inspectionPlan.friday'),
+        this.$t('inspectionPlan.saturday'),
+        this.$t('inspectionPlan.sunday')
+      ]
+    }
+  },
+  async created() {
+    await this.loadDictData()
+    this.loadRoutes()
+  },
+  methods: {
+    async loadDictData() {
+      try {
+        this.signTypeOptions = await getDict('inspection_plan', 'sign_type')
+      } catch (error) {
+        console.error('Failed to load sign types:', error)
+      }
+    },
+
+    async loadRoutes() {
+      try {
+        const { data } = await listInspectionRoutes({
+          page: 1,
+          row: 100
+        })
+        this.routeOptions = data
+      } catch (error) {
+        console.error('Failed to load routes:', error)
+      }
+    },
+
+    open(plan) {
+      this.formData = {
+        ...this.formData,
+        ...plan,
+        months: plan.inspectionMonth ? plan.inspectionMonth.split(',').map(Number) : [],
+        days: plan.inspectionDay ? plan.inspectionDay.split(',').map(Number) : [],
+        workdays: plan.inspectionWorkday ? plan.inspectionWorkday.split(',').map(Number) : []
+      }
+      this.loadStaffs(plan.inspectionPlanId)
+      this.visible = true
+    },
+
+    async loadStaffs(planId) {
+      try {
+        const { inspectionPlanStaffs } = await listInspectionPlanStaffs({ inspectionPlanId: planId,page: 1, row: 100 })
+        this.formData.staffs = inspectionPlanStaffs.map(item => ({
+          userId: item.staffId,
+          name: item.staffName
+        }))
+          this.$refs.selectStaffDiv.setStaffs(this.formData.staffs)
+      } catch (error) {
+        console.error('Failed to load staffs:', error)
+      }
+    },
+
+    handleSelectStaffs(staffs) {
+      this.formData.staffs = staffs
+    },
+
+    handleRouteChange() {
+      // 处理路线变更逻辑
+    },
+
+    handlePeriodChange() {
+      // 处理周期变更逻辑
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+    },
+
+    async savePlan() {
+      try {
+        // 获取选中的员工
+        // 准备数据
+        const payload = {
+          ...this.formData,
+          inspectionMonth: this.formData.months.join(','),
+          inspectionDay: this.formData.days.join(','),
+          inspectionWorkday: this.formData.workdays.join(',')
+        }
+
+        // 调用API
+        await updateInspectionPlan(payload)
+        this.$message.success(this.$t('inspectionPlan.updateSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        
+        this.$message.error(this.$t('inspectionPlan.updateError'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-left {
+  margin-left: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/editInspectionPoint.vue b/src/components/inspection/editInspectionPoint.vue
new file mode 100644
index 0000000..673ec48
--- /dev/null
+++ b/src/components/inspection/editInspectionPoint.vue
@@ -0,0 +1,296 @@
+<template>
+  <el-dialog
+    :title="$t('editInspectionPoint.title')"
+    :visible.sync="visible"
+    width="80%"
+    @close="handleClose"
+  >
+    <el-form :model="editInspectionPointInfo" label-width="120px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.pointName')" required>
+            <el-input 
+              v-model="editInspectionPointInfo.inspectionName"
+              :placeholder="$t('editInspectionPoint.pointNamePlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.inspectionType')" required>
+            <el-select 
+              v-model="editInspectionPointInfo.pointObjType"
+              @change="handleTypeChange"
+              :placeholder="$t('editInspectionPoint.typePlaceholder')"
+            >
+              <el-option
+                v-for="item in editInspectionPointInfo.pointObjTypes"
+                :key="item.statusCd"
+                :label="item.name"
+                :value="item.statusCd"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20" v-if="editInspectionPointInfo.pointObjType === '2002'">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.location')" required>
+            <el-input 
+              v-model="editInspectionPointInfo.pointObjName"
+              :placeholder="$t('editInspectionPoint.locationPlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20" v-if="editInspectionPointInfo.pointObjType === '1001'">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.inspectionDevice')" required>
+            <machine-select 
+              @machine-selected="handleMachineSelected"
+              :initial-machine="initialMachine"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.inspectionItem')" required>
+            <el-select 
+              v-model="editInspectionPointInfo.itemId"
+              :placeholder="$t('editInspectionPoint.itemPlaceholder')"
+            >
+              <el-option
+                v-for="item in editInspectionPointInfo.items"
+                :key="item.itemId"
+                :label="item.itemName"
+                :value="item.itemId"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="NFC编码">
+            <el-input 
+              v-model="editInspectionPointInfo.nfcCode"
+              :placeholder="$t('editInspectionPoint.nfcPlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.longitude')">
+            <el-input 
+              v-model="editInspectionPointInfo.lng"
+              disabled
+              :placeholder="$t('editInspectionPoint.longitudePlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.latitude')">
+            <el-input 
+              v-model="editInspectionPointInfo.lat"
+              disabled
+              :placeholder="$t('editInspectionPoint.latitudePlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item :label="$t('editInspectionPoint.remark')">
+            <el-input 
+              type="textarea"
+              v-model="editInspectionPointInfo.remark"
+              :placeholder="$t('editInspectionPoint.remarkPlaceholder')"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="24">
+          <div id="editInspectionPointMap" style="width:100%;height:300px;"></div>
+        </el-col>
+      </el-row>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSave">{{ $t('common.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionPoint } from '@/api/inspection/editInspectionPointApi'
+import { listInspectionItem } from '@/api/inspection/inspectionItemApi'
+import { getDict } from '@/api/community/communityApi'
+import MachineSelect from '@/components/property/machineSelect2'
+
+export default {
+  name: 'EditInspectionPoint',
+  components: {
+    MachineSelect
+  },
+  data() {
+    return {
+      visible: false,
+      editInspectionPointInfo: {
+        inspectionId: '',
+        pointObjId: '',
+        pointObjType: '',
+        pointObjTypes: [],
+        pointObjName: '',
+        inspectionName: '',
+        communityId: '',
+        remark: '',
+        items: [],
+        itemId: '',
+        nfcCode: '',
+        lng: '',
+        lat: ''
+      },
+      initialMachine: null
+    }
+  },
+  methods: {
+    async open(editData) {
+      this.resetForm()
+      
+      // 加载字典数据
+      try {
+        const pointObjTypes = await getDict('inspection_point', 'point_obj_type')
+        this.editInspectionPointInfo.pointObjTypes = pointObjTypes
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+      
+      // 加载巡检项目
+      try {
+        const items = await listInspectionItem({
+          communityId: this.editInspectionPointInfo.communityId,
+          page: 1,
+          row: 100
+        })
+        this.editInspectionPointInfo.items = items.data
+      } catch (error) {
+        console.error('加载巡检项目失败:', error)
+      }
+      
+      // 填充表单数据
+      Object.keys(editData).forEach(key => {
+        if (this.editInspectionPointInfo.hasOwnProperty(key)) {
+          this.editInspectionPointInfo[key] = editData[key]
+        }
+      })
+      
+      // 设置初始设备（如果是设备类型）
+      if (this.editInspectionPointInfo.pointObjType === '1001') {
+        this.initialMachine = {
+          machineId: this.editInspectionPointInfo.pointObjId,
+          machineName: this.editInspectionPointInfo.pointObjName
+        }
+      }
+      
+      this.visible = true
+      
+      this.$nextTick(() => {
+        this.initMap()
+      })
+    },
+    
+    resetForm() {
+      this.editInspectionPointInfo = {
+        inspectionId: '',
+        pointObjId: '',
+        pointObjType: '',
+        pointObjTypes: [],
+        pointObjName: '',
+        inspectionName: '',
+        communityId: getCommunityId(),
+        remark: '',
+        items: [],
+        itemId: '',
+        nfcCode: '',
+        lng: '',
+        lat: ''
+      }
+      this.initialMachine = null
+    },
+    
+    handleClose() {
+      this.resetForm()
+    },
+    
+    handleTypeChange(value) {
+      if (value === '1001') {
+        this.editInspectionPointInfo.pointObjId = ''
+        this.editInspectionPointInfo.pointObjName = ''
+      } else if (value === '2002') {
+        this.editInspectionPointInfo.pointObjId = '-1'
+      }
+    },
+    
+    handleMachineSelected(machine) {
+      this.editInspectionPointInfo.pointObjId = machine.machineId
+      this.editInspectionPointInfo.pointObjName = machine.machineName
+    },
+    
+    initMap() {
+      // 这里初始化地图，实际实现需要根据地图API
+      console.log('初始化编辑巡检点地图')
+    },
+    
+    async handleSave() {
+      // 表单验证
+      if (!this.validateForm()) return
+      
+      try {
+        await updateInspectionPoint(this.editInspectionPointInfo)
+        this.$message.success(this.$t('common.saveSuccess'))
+        this.visible = false
+        this.$emit('saved')
+      } catch (error) {
+        console.error('保存巡检点失败:', error)
+        this.$message.error(error.message || this.$t('common.saveFailed'))
+      }
+    },
+    
+    validateForm() {
+      if (!this.editInspectionPointInfo.inspectionName) {
+        this.$message.warning(this.$t('editInspectionPoint.validate.pointName'))
+        return false
+      }
+      
+      if (!this.editInspectionPointInfo.pointObjType) {
+        this.$message.warning(this.$t('editInspectionPoint.validate.pointType'))
+        return false
+      }
+      
+      if (this.editInspectionPointInfo.pointObjType === '2002' && !this.editInspectionPointInfo.pointObjName) {
+        this.$message.warning(this.$t('editInspectionPoint.validate.location'))
+        return false
+      }
+      
+      if (this.editInspectionPointInfo.pointObjType === '1001' && !this.editInspectionPointInfo.pointObjId) {
+        this.$message.warning(this.$t('editInspectionPoint.validate.device'))
+        return false
+      }
+      
+      if (!this.editInspectionPointInfo.itemId) {
+        this.$message.warning(this.$t('editInspectionPoint.validate.item'))
+        return false
+      }
+      
+      return true
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/inspectionPlanState.vue b/src/components/inspection/inspectionPlanState.vue
new file mode 100644
index 0000000..2d3a199
--- /dev/null
+++ b/src/components/inspection/inspectionPlanState.vue
@@ -0,0 +1,59 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionPlan.confirmOperation')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('inspectionPlan.confirmStateChange', { state: stateName }) }}</p>
+    </div>
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('inspectionPlan.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmChange">{{ $t('inspectionPlan.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionPlanState } from '@/api/inspection/inspectionPlanApi'
+
+export default {
+  name: 'InspectionPlanState',
+  data() {
+    return {
+      visible: false,
+      inspectionPlanId: null,
+      state: null,
+      stateName: ''
+    }
+  },
+  methods: {
+    open({ inspectionPlanId, state, stateName }) {
+      this.inspectionPlanId = inspectionPlanId
+      this.state = state
+      this.stateName = stateName
+      this.visible = true
+    },
+    
+    async confirmChange() {
+      try {
+        await updateInspectionPlanState({
+          inspectionPlanId: this.inspectionPlanId,
+          state: this.state
+        })
+        this.$message.success(this.$t('inspectionPlan.stateChangeSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(this.$t('inspectionPlan.stateChangeError'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/inspectionPointQrCode.vue b/src/components/inspection/inspectionPointQrCode.vue
new file mode 100644
index 0000000..3d8d8a5
--- /dev/null
+++ b/src/components/inspection/inspectionPointQrCode.vue
@@ -0,0 +1,98 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionPointQrCode.title')"
+    :visible.sync="visible"
+    width="400px"
+    @close="handleClose"
+  >
+    <div class="qr-container">
+      <div ref="qrcode" class="qrcode"></div>
+      <div class="point-name">{{ inspectionPointQrCodeInfo.inspectionName }}</div>
+      <p class="tip">{{ $t('inspectionPointQrCode.tip') }}</p>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.close') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import QRCode from 'qrcodejs2'
+
+export default {
+  name: 'InspectionPointQrCode',
+  data() {
+    return {
+      visible: false,
+      inspectionPointQrCodeInfo: {
+        url: '',
+        inspectionName: ''
+      },
+      qrCode: null
+    }
+  },
+  methods: {
+    open(qrInfo) {
+      this.inspectionPointQrCodeInfo = { ...qrInfo }
+      this.visible = true
+      
+      this.$nextTick(() => {
+        this.generateQrCode()
+      })
+    },
+    
+    handleClose() {
+      this.inspectionPointQrCodeInfo = {
+        url: '',
+        inspectionName: ''
+      }
+      if (this.qrCode) {
+        this.qrCode.clear()
+      }
+    },
+    
+    generateQrCode() {
+      if (this.qrCode) {
+        this.qrCode.clear()
+      }
+      
+      this.qrCode = new QRCode(this.$refs.qrcode, {
+        text: this.inspectionPointQrCodeInfo.url,
+        width: 200,
+        height: 200,
+        colorDark: '#000000',
+        colorLight: '#ffffff',
+        correctLevel: QRCode.CorrectLevel.L
+      })
+    }
+  },
+  beforeDestroy() {
+    if (this.qrCode) {
+      this.qrCode.clear()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.qr-container {
+  text-align: center;
+}
+
+.qrcode {
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.point-name {
+  margin-top: 15px;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.tip {
+  margin-top: 10px;
+  color: #999;
+  font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inspection/pointPlan.vue b/src/components/inspection/pointPlan.vue
new file mode 100644
index 0000000..ceb17b9
--- /dev/null
+++ b/src/components/inspection/pointPlan.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="margin-top">
+    <el-row class="margin-top-lg">
+      <el-col :span="8" class="text-right"></el-col>
+    </el-row>
+    <div class="margin-top">
+      <el-table :data="pointPlanInfo.plans" style="width: 100%">
+        <el-table-column prop="inspectionPlanName" :label="$t('inspectionPlan.planName')" align="center"></el-table-column>
+        <el-table-column prop="inspectionRouteName" :label="$t('inspectionPlan.planRoute')" align="center"></el-table-column>
+        <el-table-column prop="inspectionPlanPeriodName" :label="$t('inspectionPlan.planPeriod')" align="center"></el-table-column>
+        <el-table-column prop="signTypeName" :label="$t('inspectionPlan.signType')" align="center"></el-table-column>
+        <el-table-column :label="$t('inspectionPlan.dateRange')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startDate }}~{{ scope.row.endDate }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionPlan.timeRange')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startTime }}~{{ scope.row.endTime }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="beforeTime" :label="$t('inspectionPlan.taskAhead')" align="center"></el-table-column>
+        <el-table-column prop="createUserName" :label="$t('inspectionPlan.creator')" align="center"></el-table-column>
+        <el-table-column prop="createTime" :label="$t('inspectionPlan.createTime')" align="center"></el-table-column>
+        <el-table-column :label="$t('inspectionPlan.inspector')" 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 prop="stateName" :label="$t('inspectionPlan.status')" align="center"></el-table-column>
+      </el-table>
+      
+      <el-row class="margin-top">
+        <el-col :span="4"></el-col>
+        <el-col :span="20" class="text-right">
+          <el-pagination
+            @current-change="handlePageChange"
+            :current-page.sync="currentPage"
+            :page-size="pageSize"
+            layout="prev, pager, next, jumper"
+            :total="total">
+          </el-pagination>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { queryPointInspectionPlan } from '@/api/inspection/pointPlanApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'PointPlan',
+  props: {
+    inspectionId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      pointPlanInfo: {
+        plans: [],
+        planUserName: '',
+        inspectionStartTime: '',
+        inspectionEndTime: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  watch: {
+    inspectionId(newVal) {
+      if (newVal) {
+        this._loadPointPlanData(this.currentPage, this.pageSize)
+      }
+    }
+  },
+  methods: {
+    async _loadPointPlanData(page, row) {
+      try {
+        const communityId = getCommunityId()
+        const params = {
+          communityId,
+          inspectionId: this.inspectionId,
+          planUserName: this.pointPlanInfo.planUserName,
+          inspectionStartTime: this.pointPlanInfo.inspectionStartTime,
+          inspectionEndTime: this.pointPlanInfo.inspectionEndTime,
+          page,
+          row
+        }
+        
+        const res = await queryPointInspectionPlan(params)
+        this.pointPlanInfo.plans = res.data
+        this.total = res.total
+      } catch (error) {
+        console.error('加载计划数据失败:', error)
+      }
+    },
+    
+    handlePageChange(currentPage) {
+      this._loadPointPlanData(currentPage, this.pageSize)
+    },
+    
+    refresh() {
+      this.currentPage = 1
+      this._loadPointPlanData(this.currentPage, this.pageSize)
+    },
+    
+    setPlanUserName(name) {
+      this.pointPlanInfo.planUserName = name
+    },
+    
+    setDateRange(startTime, endTime) {
+      this.pointPlanInfo.inspectionStartTime = startTime
+      this.pointPlanInfo.inspectionEndTime = endTime
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/pointPlanDemo.vue b/src/components/inspection/pointPlanDemo.vue
new file mode 100644
index 0000000..ba455e2
--- /dev/null
+++ b/src/components/inspection/pointPlanDemo.vue
@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <point-plan ref="pointPlan" :inspection-id="currentInspectionId" />
+  </div>
+</template>
+
+<script>
+import PointPlan from '@/components/inspection/pointPlan'
+
+export default {
+  components: {
+    PointPlan
+  },
+  data() {
+    return {
+      currentInspectionId: '123456' // 示例巡检点ID
+    }
+  },
+  mounted() {
+    // 模拟切换巡检点
+    this.$refs.pointPlan.refresh()
+    
+    // 示例：设置筛选条件
+    this.$refs.pointPlan.setPlanUserName('张三')
+    this.$refs.pointPlan.setDateRange('2023-01-01', '2023-12-31')
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/staff/AStaffDetailInspection.vue b/src/components/staff/AStaffDetailInspection.vue
index 5a3dcf0..c2e3f1d 100644
--- a/src/components/staff/AStaffDetailInspection.vue
+++ b/src/components/staff/AStaffDetailInspection.vue
@@ -110,8 +110,8 @@
   
   <script>
   import { listAdminInspectionTaskDetails } from '@/api/staff/adminStaffDetailApi'
-  import ViewMap from '@/components/staff/ViewMap.vue'
-  import ViewImage from '@/components/staff/ViewImage.vue'
+  import ViewMap from '@/components/system/ViewMap.vue'
+  import ViewImage from '@/components/system/viewImage.vue'
   
   export default {
     name: 'AStaffDetailInspection',
diff --git a/src/components/staff/selectStaffsDiv.vue b/src/components/staff/selectStaffsDiv.vue
new file mode 100644
index 0000000..9c4dd83
--- /dev/null
+++ b/src/components/staff/selectStaffsDiv.vue
@@ -0,0 +1,152 @@
+<template>
+    <el-row :gutter="20">
+      <el-col :span="6" class="border-right">
+        <div class="text-center">
+          <h4>{{ $t('selectStaff.orgInfo') }}</h4>
+        </div>
+        <div class="tree-container">
+          <org-tree-show @org-selected="handleNodeClick" />
+        </div>
+      </el-col>
+      
+      <el-col :span="6" class="border-right">
+        <div class="text-center">
+          <h4>{{ $t('selectStaff.staffInfo') }}</h4>
+        </div>
+        <div class="staff-list">
+          <div
+            v-for="staff in staffList"
+            :key="staff.staffId"
+            class="staff-item"
+            :class="{ selected: currentStaffId === staff.userId }"
+            @click="selectStaff(staff)"
+          >
+            <i class="el-icon-user"></i>
+            <span>{{ staff.name }}</span>
+            <div>{{ staff.tel }}</div>
+          </div>
+        </div>
+      </el-col>
+      
+      <el-col :span="6">
+        <div class="text-center">
+          <h4>{{ $t('selectStaff.selectedStaff') }}</h4>
+        </div>
+        <div class="selected-staff">
+          <div v-for="staff in selectedStaffs" :key="staff.userId" class="selected-item">
+            <span>{{ staff.name }}</span>
+            <i class="el-icon-close remove-icon" @click="removeStaff(staff)"></i>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </template>
+  
+  <script>
+  import { listStaffsByOrgId } from '@/api/inspection/inspectionPlanApi'
+  import OrgTreeShow from '@/components/org/OrgTreeShow'
+  
+  export default {
+    name: 'SelectStaffs',
+    components: {
+      OrgTreeShow
+    },
+    data() {
+      return {
+        staffList: [],
+        selectedStaffs: [],
+        currentStaffId: null,
+        currentOrgId: null
+      }
+    },
+    methods: {
+      setStaffs(staffs) {
+        this.selectedStaffs = [...staffs]
+      },
+      
+      getSelectedStaffs() {
+        return this.selectedStaffs
+      },
+      
+      async handleNodeClick(node) {
+        this.currentOrgId = node.id
+        try {
+          const { staffs } = await listStaffsByOrgId({ 
+            orgId: node.id,
+            page: 1,
+            row: 100
+          })
+          this.staffList = staffs
+        } catch (error) {
+          console.error('Failed to load staffs:', error)
+        }
+      },
+      
+      selectStaff(staff) {
+        this.currentStaffId = staff.userId
+        // 检查是否已选择
+        const isSelected = this.selectedStaffs.some(s => s.userId === staff.userId)
+        if (!isSelected) {
+          this.selectedStaffs.push({
+            userId: staff.userId,
+            name: staff.userName
+          })
+        }
+        this.$emit('selectStaffs', this.selectedStaffs)
+      },
+      
+      removeStaff(staff) {
+        this.selectedStaffs = this.selectedStaffs.filter(s => s.staffId !== staff.staffId)
+      }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .border-right {
+    border-right: 1px solid #eee;
+  }
+  .tree-container {
+    height: 300px;
+    overflow: auto;
+    padding: 10px;
+  }
+  .staff-list {
+    height: 300px;
+    overflow: auto;
+    padding: 10px;
+  }
+  .staff-item {
+    padding: 10px;
+    cursor: pointer;
+    border-bottom: 1px solid #eee;
+  }
+  .staff-item:hover {
+    background-color: #f5f7fa;
+  }
+  .staff-item.selected {
+    background-color: #ecf5ff;
+  }
+  .selected-staff {
+    height: 300px;
+    overflow: auto;
+    padding: 10px;
+  }
+  .selected-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px;
+    margin-bottom: 5px;
+    border: 1px solid #ebeef5;
+    border-radius: 4px;
+  }
+  .remove-icon {
+    cursor: pointer;
+    color: #f56c6c;
+  }
+  .text-center {
+    text-align: center;
+    padding: 10px 0;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/components/staff/ViewMap.vue b/src/components/system/ViewMap.vue
index 87e2d58..87e2d58 100644
--- a/src/components/staff/ViewMap.vue
+++ b/src/components/system/ViewMap.vue
diff --git a/src/components/system/viewImage.vue b/src/components/system/viewImage.vue
new file mode 100644
index 0000000..f8f1e64
--- /dev/null
+++ b/src/components/system/viewImage.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="image-viewer">
+    <el-dialog 
+      :visible.sync="dialogVisible" 
+      fullscreen 
+      :show-close="false"
+      @close="closeDialog">
+      <div class="image-container">
+        <el-image 
+          :src="imageUrl" 
+          fit="contain"
+          :style="{ width: imageWidth + 'px', height: imageHeight + 'px' }">
+        </el-image>
+        <i class="el-icon-close close-icon" @click="closeDialog"></i>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ViewImage',
+  data() {
+    return {
+      dialogVisible: false,
+      imageUrl: '',
+      imageWidth: 800,
+      imageHeight: 800
+    }
+  },
+  methods: {
+    open(url) {
+      this.imageUrl = url
+      this.dialogVisible = true
+      
+      // 计算图片宽高比例
+      const img = new Image()
+      img.src = url
+      img.onload = () => {
+        const ratio = img.width / img.height
+        this.imageWidth = 800
+        this.imageHeight = 800 / ratio
+      }
+    },
+    closeDialog() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.image-viewer {
+  .image-container {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: #fff;
+    padding: 20px;
+    
+    .close-icon {
+      position: absolute;
+      right: 20px;
+      top: 20px;
+      font-size: 24px;
+      color: #F56C6C;
+      cursor: pointer;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 4d24988..eff9ede 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -172,6 +172,11 @@ import { messages as repairReturnVisitMessages } from '../views/work/repairRetur
 import { messages as repairForceFinishManageMessages } from '../views/work/repairForceFinishManageLang'
 import { messages as inspectionItemManageMessages } from '../views/inspection/inspectionItemManageLang'
 import { messages as inspectionItemTitleManageMessages } from '../views/inspection/inspectionItemTitleManageLang'
+import { messages as inspectionPlanMessages } from '../views/inspection/inspectionPlanLang'
+import { messages as addInspectionPlanMessages } from '../views/inspection/addInspectionPlanLang'
+import { messages as inspectionTaskMessages } from '../views/inspection/inspectionTaskLang'
+import { messages as inspectionTaskDetailsMessages } from '../views/inspection/inspectionTaskDetailsLang'
+
 Vue.use(VueI18n)
 
 // 合并所有语言配置
@@ -347,6 +352,10 @@ const messages = {
     ...repairForceFinishManageMessages.en,
     ...inspectionItemManageMessages.en,
     ...inspectionItemTitleManageMessages.en,
+    ...inspectionPlanMessages.en,
+    ...addInspectionPlanMessages.en,
+    ...inspectionTaskMessages.en,
+    ...inspectionTaskDetailsMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -519,6 +528,10 @@ const messages = {
      ...repairForceFinishManageMessages.zh,
      ...inspectionItemManageMessages.zh,
      ...inspectionItemTitleManageMessages.zh,
+     ...inspectionPlanMessages.zh,
+     ...addInspectionPlanMessages.zh,
+     ...inspectionTaskMessages.zh,
+     ...inspectionTaskDetailsMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 5a7d8bd..a5dee9a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -842,15 +842,35 @@ const routes = [
         component: () => import('@/views/work/repairForceFinishManageList.vue')
       },
       {
-        path:'/pages/property/inspectionItemManage',
-        name:'/pages/property/inspectionItemManage',
+        path: '/pages/property/inspectionItemManage',
+        name: '/pages/property/inspectionItemManage',
         component: () => import('@/views/inspection/inspectionItemManageList.vue')
+      },
+      {
+        path: '/views/inspection/inspectionItemTitleManage',
+        name: '/views/inspection/inspectionItemTitleManage',
+        component: () => import('@/views/inspection/inspectionItemTitleManageList.vue')
+      },
+      {
+        path: '/pages/inspection/inspectionPlan',
+        name: '/pages/inspection/inspectionPlan',
+        component: () => import('@/views/inspection/inspectionPlanList.vue')
+      },
+      {
+        path:'/views/inspection/addInspectionPlan',
+        name:'/views/inspection/addInspectionPlan',
+        component: () => import('@/views/inspection/addInspectionPlanList.vue')
         },
         {
-          path:'/views/inspection/inspectionItemTitleManage',
-          name:'/views/inspection/inspectionItemTitleManage',
-          component: () => import('@/views/inspection/inspectionItemTitleManageList.vue')
+          path:'/pages/inspection/inspectionTask',
+          name:'/pages/inspection/inspectionTask',
+          component: () => import('@/views/inspection/InspectionTaskList.vue')
           },
+          {
+            path:'/pages/property/inspectionTaskDetails',
+            name:'/pages/property/inspectionTaskDetails',
+            component: () => import('@/views/inspection/inspectionTaskDetailsList.vue')
+            },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/inspection/InspectionTaskList.vue b/src/views/inspection/InspectionTaskList.vue
new file mode 100644
index 0000000..f448892
--- /dev/null
+++ b/src/views/inspection/InspectionTaskList.vue
@@ -0,0 +1,280 @@
+<template>
+  <div class="inspection-task-container">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <el-card class="plan-list-card">
+          <div class="plan-list">
+            <div v-for="item in plans" :key="item.inspectionPlanId" class="plan-item"
+              :class="{ 'active-plan': conditions.inspectionPlanId === item.inspectionPlanId }" @click="switchPlan(item)">
+              {{ item.inspectionPlanName }}
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :span="21">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('inspectionTask.queryConditions') }}</span>
+          </div>
+
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input v-model="conditions.planUserName" :placeholder="$t('inspectionTask.executor')"
+                clearable></el-input>
+            </el-col>
+
+            <el-col :span="4">
+              <el-date-picker v-model="conditions.startTime" type="datetime"
+                :placeholder="$t('inspectionTask.actualStartTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                style="width: 100%"></el-date-picker>
+            </el-col>
+
+            <el-col :span="4">
+              <el-date-picker v-model="conditions.endTime" type="datetime"
+                :placeholder="$t('inspectionTask.actualEndTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                style="width: 100%"></el-date-picker>
+            </el-col>
+
+            <el-col :span="4">
+              <el-select v-model="conditions.state" :placeholder="$t('inspectionTask.inspectionStatus')" clearable
+                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="4" >
+              <el-button type="primary" @click="queryInspectionTasks">
+                <i class="el-icon-search"></i> {{ $t('inspectionTask.query') }}
+              </el-button>
+              <el-button @click="resetConditions">
+                <i class="el-icon-refresh"></i> {{ $t('inspectionTask.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card style="margin-top: 20px;">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('inspectionTask.inspectionTask') }}</span>
+          </div>
+
+          <el-table :data="inspectionTasks" border style="width: 100%">
+            <el-table-column prop="taskId" :label="$t('inspectionTask.taskCode')" align="center" />
+            <el-table-column prop="inspectionPlanName" :label="$t('inspectionTask.inspectionPlan')" align="center" />
+            <el-table-column :label="$t('inspectionTask.inspectorTime')" align="center">
+              <template slot-scope="{row}">
+                {{ row.planInsTime }}<br>{{ row.planEndTime }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="actInsTime" :label="$t('inspectionTask.actualTime')" align="center">
+              <template slot-scope="{row}">
+                {{ row.actInsTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="originalPlanUserName" :label="$t('inspectionTask.plannedInspector')" align="center">
+              <template slot-scope="{row}">
+                {{ row.originalPlanUserName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="planUserName" :label="$t('inspectionTask.currentInspector')" align="center" />
+            <el-table-column prop="transferDesc" :label="$t('inspectionTask.transferDesc')" align="center">
+              <template slot-scope="{row}">
+                {{ row.transferDesc || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="signTypeName" :label="$t('inspectionTask.inspectionMethod')" align="center" />
+            <el-table-column :label="$t('inspectionTask.inspectionStatus')" align="center">
+              <template slot-scope="{row}">
+                <span v-if="row.state === '20200408'" class="text-danger font-bold">
+                  {{ row.stateName }}
+                </span>
+                <span v-else>{{ row.stateName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('inspectionTask.operation')" align="center" width="220">
+              <template slot-scope="{row}">
+                <el-button v-if="row.state === '20200406' || row.state === '20200405'" size="mini"
+                  @click="openTransfer(row)">
+                  {{ $t('inspectionTask.flow') }}
+                </el-button>
+                <el-button size="mini" type="primary" @click="openDetail(row)">
+                  {{ $t('inspectionTask.detail') }}
+                </el-button>
+                <el-button v-if="hasPrivilege('502022031612550001')" size="mini" type="danger" @click="openDelete(row)">
+                  {{ $t('inspectionTask.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-row style="margin-top: 20px;">
+            <el-col :span="18">
+              <div class="note">{{ $t('inspectionTask.note') }}</div>
+            </el-col>
+            <el-col :span="6">
+              <el-pagination :current-page="currentPage" :page-size="pageSize" :total="total"
+                layout="total, prev, pager, next, jumper" @current-change="handlePageChange" />
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <InspectionTaskDetail ref="inspectionTaskDetail" />
+    <InspectionTaskTransfer ref="inspectionTaskTransfer" @success="loadInspectionTasks" />
+    <DeleteInspectionTask ref="deleteInspectionTask" @success="loadInspectionTasks" />
+  </div>
+</template>
+
+<script>
+import InspectionTaskDetail from '@/components/inspection/InspectionTaskDetail'
+import InspectionTaskTransfer from '@/components/inspection/InspectionTaskTransfer'
+import DeleteInspectionTask from '@/components/inspection/DeleteInspectionTask'
+import {
+  listInspectionPlans,
+  listInspectionTasks,
+} from '@/api/inspection/inspectionTaskApi'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'InspectionTaskList',
+  components: { InspectionTaskDetail, InspectionTaskTransfer, DeleteInspectionTask },
+  data() {
+    return {
+      plans: [],
+      inspectionTasks: [],
+      stateTypes: [],
+      conditions: {
+        planUserName: '',
+        inspectionPlanId: '',
+        startTime: '',
+        endTime: '',
+        state: '',
+        orderByDesc: 'desc'
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  async created() {
+    await this.loadPlans()
+    await this.loadStateTypes()
+    this.loadInspectionTasks()
+  },
+  methods: {
+    async loadPlans() {
+      try {
+        const {data} = await listInspectionPlans()
+        this.plans = [{ inspectionPlanName: this.$t('common.all'), inspectionPlanId: '' }, ...data]
+      } catch (error) {
+        console.error('加载巡检计划失败:', error)
+      }
+    },
+    async loadStateTypes() {
+      try {
+        this.stateTypes = await getDict('inspection_task', 'state')
+      } catch (error) {
+        console.error('加载状态类型失败:', error)
+      }
+    },
+    async loadInspectionTasks() {
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.currentPage,
+          row: this.pageSize
+        }
+        const res = await listInspectionTasks(params)
+        this.inspectionTasks = res.inspectionTasks || []
+        this.total = res.total || 0
+      } catch (error) {
+        console.error('加载巡检任务失败:', error)
+      }
+    },
+    switchPlan(plan) {
+      this.conditions.inspectionPlanId = plan.inspectionPlanId
+      this.currentPage = 1
+      this.loadInspectionTasks()
+    },
+    queryInspectionTasks() {
+      this.currentPage = 1
+      this.loadInspectionTasks()
+    },
+    resetConditions() {
+      this.conditions = {
+        planUserName: '',
+        inspectionPlanId: '',
+        startTime: '',
+        endTime: '',
+        state: '',
+        orderByDesc: 'desc'
+      }
+      this.currentPage = 1
+      this.loadInspectionTasks()
+    },
+    handlePageChange(page) {
+      this.currentPage = page
+      this.loadInspectionTasks()
+    },
+    openDetail(task) {
+      this.$refs.inspectionTaskDetail.open(task)
+    },
+    openTransfer(task) {
+      this.$refs.inspectionTaskTransfer.open(task)
+    },
+    openDelete(task) {
+      this.$refs.deleteInspectionTask.open(task)
+    },
+  }
+}
+</script>
+
+<style scoped>
+.inspection-task-container {
+  padding: 20px;
+}
+
+.plan-list-card {
+  height: calc(100vh - 100px);
+}
+
+.plan-list {
+  max-height: calc(100vh - 150px);
+  overflow-y: auto;
+}
+
+.plan-item {
+  padding: 12px 15px;
+  margin-bottom: 5px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.plan-item:hover {
+  background-color: #f5f7fa;
+}
+
+.active-plan {
+  background-color: #409EFF;
+  color: white;
+}
+
+.note {
+  font-size: 12px;
+  color: #909399;
+  padding: 10px;
+  background-color: #f8f8f9;
+  border-radius: 4px;
+}
+
+.text-danger {
+  color: #F56C6C;
+}
+
+.font-bold {
+  font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/addInspectionPlanLang.js b/src/views/inspection/addInspectionPlanLang.js
new file mode 100644
index 0000000..feb51fc
--- /dev/null
+++ b/src/views/inspection/addInspectionPlanLang.js
@@ -0,0 +1,70 @@
+export const messages = {
+  en: {
+    addInspectionPlan: {
+      title: 'Add Plan',
+      planName: 'Plan Name',
+      inspectionRoute: 'Inspection Route',
+      inspectionPeriod: 'Inspection Period',
+      taskAdvance: 'Task Advance',
+      minutesGenerate: 'minutes generate',
+      month: 'Month',
+      day: 'Day',
+      week: 'Week',
+      startDate: 'Start Date',
+      endDate: 'End Date',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      signMethod: 'Sign Method',
+      allowRecheck: 'Allow Recheck',
+      selectStaff: 'Select Staff',
+      save: 'Save',
+      back: 'Back',
+      required: 'Required',
+      monthlyDaily: 'Month/Day',
+      weekly: 'Weekly',
+      notAllowed: 'Not Allowed',
+      allowed: 'Allowed',
+      monday: 'Monday',
+      tuesday: 'Tuesday',
+      wednesday: 'Wednesday',
+      thursday: 'Thursday',
+      friday: 'Friday',
+      saturday: 'Saturday',
+      sunday: 'Sunday'
+    }
+  },
+  zh: {
+    addInspectionPlan: {
+      title: '添加计划',
+      planName: '计划名称',
+      inspectionRoute: '巡检路线',
+      inspectionPeriod: '巡检周期',
+      taskAdvance: '任务提前',
+      minutesGenerate: '分钟生成',
+      month: '月',
+      day: '日',
+      week: '周',
+      startDate: '开始日期',
+      endDate: '结束日期',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      signMethod: '签到方式',
+      allowRecheck: '允许补检',
+      selectStaff: '选择员工',
+      save: '保存',
+      back: '返回',
+      required: '必填',
+      monthlyDaily: '月/天',
+      weekly: '按周',
+      notAllowed: '不允许补检',
+      allowed: '允许补检',
+      monday: '星期一',
+      tuesday: '星期二',
+      wednesday: '星期三',
+      thursday: '星期四',
+      friday: '星期五',
+      saturday: '星期六',
+      sunday: '星期日'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/addInspectionPlanList.vue b/src/views/inspection/addInspectionPlanList.vue
new file mode 100644
index 0000000..5721937
--- /dev/null
+++ b/src/views/inspection/addInspectionPlanList.vue
@@ -0,0 +1,329 @@
+<template>
+  <div class="add-inspection-plan-container">
+    <el-card class="box-card">
+      <div slot="header">
+        <h5>{{ $t('addInspectionPlan.title') }}</h5>
+      </div>
+
+      <el-form ref="form" :model="form" label-width="150px" label-position="right">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.planName')" prop="inspectionPlanName" required>
+              <el-input v-model="form.inspectionPlanName"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.planName')"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.inspectionRoute')" prop="inspectionRouteId" required>
+              <el-select v-model="form.inspectionRouteId"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.inspectionRoute')"
+                style="width:100%" @change="changeInspectionPeriod">
+                <el-option v-for="item in inspectionRoutes" :key="item.inspectionRouteId" :label="item.routeName"
+                  :value="item.inspectionRouteId"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.inspectionPeriod')" prop="inspectionPlanPeriod" required>
+              <el-select v-model="form.inspectionPlanPeriod"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.inspectionPeriod')"
+                style="width:100%" @change="changeInspectionPeriod">
+                <el-option v-for="item in inspectionPlanPeriods" :key="item.id" :label="item.name"
+                  :value="item.statusCd"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.taskAdvance')">
+              <el-input v-model="form.beforeTime" :placeholder="$t('addInspectionPlan.minutesGenerate')"
+                style="width: calc(100% - 100px); margin-right: 10px;"></el-input>
+              <span>{{ $t('addInspectionPlan.minutesGenerate') }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <template v-if="form.inspectionPlanPeriod === '2020022'">
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item :label="$t('addInspectionPlan.month')">
+                <el-checkbox-group v-model="form.months">
+                  <el-checkbox v-for="index in 12" :key="index" :label="index">{{ index }}{{ $t('addInspectionPlan.month')
+                  }}</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item :label="$t('addInspectionPlan.day')">
+                <el-checkbox-group v-model="form.days">
+                  <el-checkbox v-for="index in 31" :key="index" :label="index">{{ index }}{{ $t('addInspectionPlan.day')
+                  }}</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <template v-if="form.inspectionPlanPeriod === '2020023'">
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item :label="$t('addInspectionPlan.week')">
+                <el-checkbox-group v-model="form.workdays">
+                  <el-checkbox :label="1">{{ $t('addInspectionPlan.monday') }}</el-checkbox>
+                  <el-checkbox :label="2">{{ $t('addInspectionPlan.tuesday') }}</el-checkbox>
+                  <el-checkbox :label="3">{{ $t('addInspectionPlan.wednesday') }}</el-checkbox>
+                  <el-checkbox :label="4">{{ $t('addInspectionPlan.thursday') }}</el-checkbox>
+                  <el-checkbox :label="5">{{ $t('addInspectionPlan.friday') }}</el-checkbox>
+                  <el-checkbox :label="6">{{ $t('addInspectionPlan.saturday') }}</el-checkbox>
+                  <el-checkbox :label="7">{{ $t('addInspectionPlan.sunday') }}</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.startDate')" prop="startDate" required>
+              <el-date-picker v-model="form.startDate" type="date"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.startDate')"
+                value-format="yyyy-MM-dd" style="width:100%"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.endDate')" prop="endDate" required>
+              <el-date-picker v-model="form.endDate" type="date"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.endDate')"
+                value-format="yyyy-MM-dd" style="width:100%"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.startTime')" prop="startTime" required>
+              <el-time-picker v-model="form.startTime"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.startTime')" value-format="HH:mm"
+                style="width:100%"></el-time-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.endTime')" prop="endTime" required>
+              <el-time-picker v-model="form.endTime"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.endTime')" value-format="HH:mm"
+                style="width:100%"></el-time-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.signMethod')" prop="signType" required>
+              <el-select v-model="form.signType"
+                :placeholder="$t('addInspectionPlan.required') + $t('addInspectionPlan.signMethod')" style="width:100%">
+                <el-option v-for="item in signTypes" :key="item.statusCd" :label="item.name"
+                  :value="item.statusCd"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addInspectionPlan.allowRecheck')">
+              <el-select v-model="form.canReexamine" style="width:100%">
+                <el-option :label="$t('addInspectionPlan.notAllowed')" value="1000"></el-option>
+                <el-option :label="$t('addInspectionPlan.allowed')" value="2000"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="$t('addInspectionPlan.selectStaff')">
+              <select-staffs-div ref="selectStaffs" @selectStaffs="handleStaffSelected" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" class="text-right">
+            <el-button type="warning" @click="goBack">
+              <i class="el-icon-close"></i> {{ $t('addInspectionPlan.back') }}
+            </el-button>
+            <el-button type="primary" @click="saveInspectionPlan">
+              <i class="el-icon-check"></i> {{ $t('addInspectionPlan.save') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listInspectionRoutes, saveInspectionPlan } from '@/api/inspection/addInspectionPlanApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaffsDiv from '@/components/staff/selectStaffsDiv'
+
+export default {
+  name: 'AddInspectionPlan',
+  components: {
+    SelectStaffsDiv
+  },
+  data() {
+    return {
+      form: {
+        inspectionPlanId: '',
+        inspectionPlanName: '',
+        inspectionRouteId: '',
+        inspectionPlanPeriod: '',
+        startDate: this.formatDate(new Date()),
+        endDate: '2050-01-01',
+        beforeTime: '30',
+        startTime: '',
+        endTime: '',
+        signType: '',
+        canReexamine: '1000',
+        state: '2020025',
+        remark: '',
+        months: Array.from({ length: 12 }, (_, i) => i + 1),
+        days: Array.from({ length: 31 }, (_, i) => i + 1),
+        workdays: Array.from({ length: 7 }, (_, i) => i + 1),
+        staffs: []
+      },
+      inspectionRoutes: [],
+      inspectionPlanPeriods: [],
+      signTypes: [],
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.loadData()
+  },
+  methods: {
+    formatDate(date) {
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      return `${year}-${month}-${day}`
+    },
+    async loadData() {
+      try {
+        // 加载巡检路线
+        const params = {
+          communityId: this.communityId,
+          page: 1,
+          row: 100
+        }
+        this.inspectionRoutes = await listInspectionRoutes( params )
+
+        // 加载字典数据
+        this.inspectionPlanPeriods = await getDict('inspection_plan', 'inspection_plan_period')
+        this.signTypes = await getDict('inspection_plan', 'sign_type')
+      } catch (error) {
+        console.error('加载数据失败:', error)
+        this.$message.error(this.$t('addInspectionPlan.fetchDataError'))
+      }
+    },
+    changeInspectionPeriod() {
+      console.log(this.form.inspectionPlanPeriod)
+      if (this.form.inspectionPlanPeriod === '2020022') {
+        this.form.months = Array.from({ length: 12 }, (_, i) => i + 1)
+        this.form.days = Array.from({ length: 31 }, (_, i) => i + 1)
+      } else if (this.form.inspectionPlanPeriod === '2020023') {
+        this.form.workdays = Array.from({ length: 7 }, (_, i) => i + 1)
+      }
+    },
+    handleStaffSelected(staffs) {
+      console.log(staffs)
+      this.form.staffs = staffs
+    },
+    validateForm() {
+      const requiredFields = [
+        'inspectionPlanName',
+        'inspectionRouteId',
+        'inspectionPlanPeriod',
+        'startDate',
+        'endDate',
+        'startTime',
+        'endTime',
+        'signType'
+      ]
+
+      for (const field of requiredFields) {
+        if (!this.form[field]) {
+          this.$message.warning(this.$t('addInspectionPlan.required') + this.$t(`addInspectionPlan.${field}`))
+          return false
+        }
+      }
+
+      if (new Date(this.form.startDate) > new Date(this.form.endDate)) {
+        this.$message.warning(this.$t('addInspectionPlan.startDateMustBeforeEndDate'))
+        return false
+      }
+
+      return true
+    },
+    async saveInspectionPlan() {
+      if (!this.validateForm()) return
+
+      try {
+        const formData = {
+          ...this.form,
+          communityId: this.communityId,
+          inspectionMonth: this.form.months.join(','),
+          inspectionDay: this.form.days.join(','),
+          inspectionWorkday: this.form.workdays.join(','),
+          staffs: this.form.staffs
+        }
+
+        await saveInspectionPlan(formData)
+        this.$message.success(this.$t('addInspectionPlan.saveSuccess'))
+        this.goBack()
+      } catch (error) {
+        console.error('保存巡检计划失败:', error)
+        this.$message.error(error.message || this.$t('addInspectionPlan.saveError'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    getWorkDay(index) {
+      const days = [
+        this.$t('addInspectionPlan.monday'),
+        this.$t('addInspectionPlan.tuesday'),
+        this.$t('addInspectionPlan.wednesday'),
+        this.$t('addInspectionPlan.thursday'),
+        this.$t('addInspectionPlan.friday'),
+        this.$t('addInspectionPlan.saturday'),
+        this.$t('addInspectionPlan.sunday')
+      ]
+      return days[index - 1] || ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+.add-inspection-plan-container {
+  padding: 20px;
+}
+
+.box-card {
+  margin-bottom: 20px;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.el-checkbox {
+  margin-right: 15px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/inspectionPlanLang.js b/src/views/inspection/inspectionPlanLang.js
new file mode 100644
index 0000000..ea6dea1
--- /dev/null
+++ b/src/views/inspection/inspectionPlanLang.js
@@ -0,0 +1,138 @@
+export const messages = {
+  en: {
+    inspectionPlan: {
+      queryCondition: 'Query Conditions',
+      inspectionPlanIdPlaceholder: 'Please enter plan ID',
+      inspectionPlanNamePlaceholder: 'Please enter plan name',
+      staffNamePlaceholder: 'Please enter inspector name',
+      statePlaceholder: 'Please select status',
+      query: 'Search',
+      reset: 'Reset',
+      inspectionPlanTitle: 'Inspection Plan (Updated at 2:00 AM)',
+      add: 'Add',
+      planName: 'Plan Name',
+      planRoute: 'Plan Route',
+      planCycle: 'Plan Cycle',
+      signMethod: 'Sign-in Method',
+      dateRange: 'Date Range',
+      timeRange: 'Time Range',
+      taskAdvance: 'Task Advance (minutes)',
+      maker: 'Created By',
+      createTime: 'Created Time',
+      status: 'Status',
+      inspectionStaff: 'Inspection Staff',
+      operation: 'Operations',
+      modify: 'Edit',
+      delete: 'Delete',
+      disable: 'Disable',
+      enable: 'Enable',
+      detail: 'Details',
+      note: 'Please ensure the plan start and end times are valid and inspectors are assigned, otherwise inspection tasks cannot be generated.',
+      fetchError: 'Failed to fetch inspection plans',
+      confirmDeleteTitle: 'Confirm Deletion',
+      confirmDeleteContent: 'Are you sure you want to delete this inspection plan?',
+      cancel: 'Cancel',
+      confirm: 'Confirm'
+    },
+    editInspectionPlan: {
+      title: 'Edit Plan',
+      planName: 'Plan Name',
+      inspectionRoute: 'Inspection Route',
+      inspectionPeriod: 'Inspection Period',
+      taskAdvance: 'Task Advance',
+      minutesGenerate: 'minutes generate',
+      month: 'Month',
+      day: 'Day',
+      week: 'Week',
+      startDate: 'Start Date',
+      endDate: 'End Date',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      signMethod: 'Sign Method',
+      allowRecheck: 'Allow Recheck',
+      selectStaff: 'Select Staff',
+      save: 'Save',
+      back: 'Back',
+      required: 'Required',
+      monthlyDaily: 'Month/Day',
+      weekly: 'Weekly',
+      notAllowed: 'Not Allowed',
+      allowed: 'Allowed',
+      monday: 'Monday',
+      tuesday: 'Tuesday',
+      wednesday: 'Wednesday',
+      thursday: 'Thursday',
+      friday: 'Friday',
+      saturday: 'Saturday',
+      sunday: 'Sunday'
+    }
+  },
+  zh: {
+    inspectionPlan: {
+      queryCondition: '查询条件',
+      inspectionPlanIdPlaceholder: '请输入计划ID',
+      inspectionPlanNamePlaceholder: '请输入计划名称',
+      staffNamePlaceholder: '请输入巡检人',
+      statePlaceholder: '请选择状态',
+      query: '查询',
+      reset: '重置',
+      inspectionPlanTitle: '巡检计划(凌晨2点更新)',
+      add: '添加',
+      planName: '计划名称',
+      planRoute: '计划路线',
+      planCycle: '计划周期',
+      signMethod: '签到方式',
+      dateRange: '日期范围',
+      timeRange: '时间范围',
+      taskAdvance: '任务提前(分钟)',
+      maker: '制定人',
+      createTime: '制定时间',
+      status: '状态',
+      inspectionStaff: '巡检人员',
+      operation: '操作',
+      modify: '修改',
+      delete: '删除',
+      disable: '停用',
+      enable: '启用',
+      detail: '详情',
+      note: '请确保计划开始时间和计划结束时间是有效时间范围，并且设置了巡检人，不然无法生成巡检任务',
+      fetchError: '获取巡检计划失败',
+      confirmDeleteTitle: '确认删除',
+      confirmDeleteContent: '确定删除巡检计划吗？',
+      cancel: '取消',
+      confirm: '确定'
+    },
+    editInspectionPlan: {
+      title: '修改计划',
+      planName: '计划名称',
+      inspectionRoute: '巡检路线',
+      inspectionPeriod: '巡检周期',
+      taskAdvance: '任务提前',
+      minutesGenerate: '分钟生成',
+      month: '月',
+      day: '日',
+      week: '周',
+      startDate: '开始日期',
+      endDate: '结束日期',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      signMethod: '签到方式',
+      allowRecheck: '允许补检',
+      selectStaff: '选择员工',
+      save: '保存',
+      back: '返回',
+      required: '必填',
+      monthlyDaily: '月/天',
+      weekly: '按周',
+      notAllowed: '不允许补检',
+      allowed: '允许补检',
+      monday: '星期一',
+      tuesday: '星期二',
+      wednesday: '星期三',
+      thursday: '星期四',
+      friday: '星期五',
+      saturday: '星期六',
+      sunday: '星期日'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/inspectionPlanList.vue b/src/views/inspection/inspectionPlanList.vue
new file mode 100644
index 0000000..3f595d3
--- /dev/null
+++ b/src/views/inspection/inspectionPlanList.vue
@@ -0,0 +1,264 @@
+<template>
+  <div class="animated fadeInRight padding">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <div>{{ $t('inspectionPlan.queryCondition') }}</div>
+      </div>
+      <div class="card-content">
+        <el-row :gutter="20">
+          <el-col :span="5">
+            <el-input
+              :placeholder="$t('inspectionPlan.inspectionPlanIdPlaceholder')"
+              v-model="searchConditions.inspectionPlanId"
+              clearable
+            />
+          </el-col>
+          <el-col :span="5">
+            <el-input
+              :placeholder="$t('inspectionPlan.inspectionPlanNamePlaceholder')"
+              v-model="searchConditions.inspectionPlanName"
+              clearable
+            />
+          </el-col>
+          <el-col :span="5">
+            <el-input
+              :placeholder="$t('inspectionPlan.staffNamePlaceholder')"
+              v-model="searchConditions.staffNameLike"
+              clearable
+            />
+          </el-col>
+          <el-col :span="5">
+            <el-select 
+              v-model="searchConditions.state" 
+              :placeholder="$t('inspectionPlan.statePlaceholder')"
+              style="width:100%"
+            >
+              <el-option
+                v-for="(item, index) in stateOptions"
+                :key="index"
+                :label="item.name"
+                :value="item.statusCd"
+              />
+            </el-select>
+          </el-col>
+          <el-col :span="4">
+            <el-button type="primary" @click="fetchInspectionPlans">
+              {{ $t('inspectionPlan.query') }}
+            </el-button>
+            <el-button @click="resetSearch">
+              {{ $t('inspectionPlan.reset') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <div>{{ $t('inspectionPlan.inspectionPlanTitle') }}</div>
+        <div style="">
+          <el-button type="primary" size="small" @click="openAddModal">
+            {{ $t('inspectionPlan.add') }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="planList" border style="width: 100%">
+        <el-table-column prop="inspectionPlanName" :label="$t('inspectionPlan.planName')" align="center" />
+        <el-table-column prop="inspectionRouteName" :label="$t('inspectionPlan.planRoute')" align="center" />
+        <el-table-column prop="inspectionPlanPeriodName" :label="$t('inspectionPlan.planCycle')" align="center" />
+        <el-table-column prop="signTypeName" :label="$t('inspectionPlan.signMethod')" align="center" />
+        <el-table-column :label="$t('inspectionPlan.dateRange')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startDate }}~{{ scope.row.endDate }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('inspectionPlan.timeRange')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startTime }}~{{ scope.row.endTime }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="beforeTime" :label="$t('inspectionPlan.taskAdvance')" align="center" />
+        <el-table-column prop="createUserName" :label="$t('inspectionPlan.maker')" align="center" />
+        <el-table-column prop="createTime" :label="$t('inspectionPlan.createTime')" align="center" />
+        <el-table-column prop="stateName" :label="$t('inspectionPlan.status')" align="center" />
+        <el-table-column :label="$t('inspectionPlan.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('inspectionPlan.operation')" align="center" width="280">
+          <template slot-scope="scope">
+            <el-button-group>
+              <el-button size="mini" @click="openEditModal(scope.row)">
+                {{ $t('inspectionPlan.modify') }}
+              </el-button>
+              <el-button size="mini" @click="openDeleteModal(scope.row)">
+                {{ $t('inspectionPlan.delete') }}
+              </el-button>
+              <el-button 
+                v-if="scope.row.state === '2020025'" 
+                size="mini" 
+                @click="openStateModal(scope.row, '2020026', $t('inspectionPlan.disable'))"
+              >
+                {{ $t('inspectionPlan.disable') }}
+              </el-button>
+              <el-button 
+                v-else 
+                size="mini" 
+                @click="openStateModal(scope.row, '2020025', $t('inspectionPlan.enable'))"
+              >
+                {{ $t('inspectionPlan.enable') }}
+              </el-button>
+              <el-button size="mini" @click="viewDetail(scope.row)">
+                {{ $t('inspectionPlan.detail') }}
+              </el-button>
+            </el-button-group>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <el-row class="margin-top">
+        <el-col :span="18">
+          <div>{{ $t('inspectionPlan.note') }}</div>
+        </el-col>
+        <el-col :span="6">
+          <el-pagination
+            :current-page.sync="pagination.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next"
+            :total="pagination.total"
+            @size-change="handleSizeChange"
+            @current-change="handlePageChange"
+          />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <edit-inspection-plan ref="editModal" @success="handleSuccess" />
+    <delete-inspection-plan ref="deleteModal" @success="handleSuccess" />
+    <inspection-plan-state ref="stateModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listInspectionPlans } from '@/api/inspection/inspectionPlanApi'
+import EditInspectionPlan from '@/components/inspection/editInspectionPlan'
+import DeleteInspectionPlan from '@/components/inspection/deleteInspectionPlan'
+import InspectionPlanState from '@/components/inspection/inspectionPlanState'
+import {getDict} from '@/api/community/communityApi'
+export default {
+  name: 'InspectionPlanList',
+  components: {
+    EditInspectionPlan,
+    DeleteInspectionPlan,
+    InspectionPlanState
+  },
+  data() {
+    return {
+      searchConditions: {
+        inspectionPlanId: '',
+        inspectionPlanName: '',
+        staffNameLike: '',
+        state: ''
+      },
+      planList: [],
+      stateOptions: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  async created() {
+    await this.loadDictData()
+    this.fetchInspectionPlans()
+  },
+  methods: {
+    async loadDictData() {
+      try {
+        this.stateOptions = await getDict('inspection_plan', 'state')
+      } catch (error) {
+        console.error('Failed to load dictionary data:', error)
+      }
+    },
+    
+    async fetchInspectionPlans() {
+      try {
+        const params = {
+          ...this.searchConditions,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        
+        const { data, total } = await listInspectionPlans(params)
+        this.planList = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('inspectionPlan.fetchError'))
+      }
+    },
+    
+    resetSearch() {
+      this.searchConditions = {
+        inspectionPlanId: '',
+        inspectionPlanName: '',
+        staffNameLike: '',
+        state: ''
+      }
+      this.pagination.current = 1
+      this.fetchInspectionPlans()
+    },
+    
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchInspectionPlans()
+    },
+    
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.fetchInspectionPlans()
+    },
+    
+    openAddModal() {
+      this.$router.push({ path: '/views/inspection/addInspectionPlan' })
+    },
+    
+    openEditModal(plan) {
+      this.$refs.editModal.open(plan)
+    },
+    
+    openDeleteModal(plan) {
+      this.$refs.deleteModal.open(plan)
+    },
+    
+    openStateModal(plan, state, stateName) {
+      this.$refs.stateModal.open({
+        inspectionPlanId: plan.inspectionPlanId,
+        state,
+        stateName
+      })
+    },
+    
+    viewDetail(plan) {
+      window.open(`/#/pages/inspection/inspectionPlanDetail?inspectionPlanId=${plan.inspectionPlanId}`)
+    },
+    
+    handleSuccess() {
+      this.fetchInspectionPlans()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+.card-content {
+  padding: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/inspectionTaskDetailsLang.js b/src/views/inspection/inspectionTaskDetailsLang.js
new file mode 100644
index 0000000..d7b6280
--- /dev/null
+++ b/src/views/inspection/inspectionTaskDetailsLang.js
@@ -0,0 +1,85 @@
+
+export const messages = {
+  en: {
+    inspectionTaskDetails: {
+      searchCondition: 'Search Condition',
+      more: 'More',
+      hide: 'Hide',
+      inputInspector: 'Please enter inspector',
+      inputStartTime: 'Please enter actual inspection start time',
+      inputEndTime: 'Please enter actual inspection end time',
+      search: 'Search',
+      reset: 'Reset',
+      selectInspectionPlan: 'Please select inspection plan',
+      selectInspectionRoute: 'Please select inspection route',
+      selectInspectionPoint: 'Please select inspection point',
+      inputTaskDetailId: 'Please enter task detail ID',
+      selectSignStatus: 'Please select sign status',
+      selectInspectionPointStatus: 'Please select inspection point status',
+      selectTaskStatus: 'Please select task status',
+      selectPatrolStatus: 'Please select patrol status',
+      inspectionDetails: 'Inspection Details',
+      export: 'Export',
+      taskDetailId: 'Task Detail ID',
+      inspectionPointName: 'Inspection Point Name',
+      inspectionPlanName: 'Inspection Plan Name',
+      inspectionRouteName: 'Inspection Route Name',
+      inspector: 'Inspector',
+      startEndTime: 'Start/End Time',
+      inspectionPoint: 'Inspection Point',
+      actualInspectionTime: 'Actual Inspection Time',
+      actualSignStatus: 'Actual Sign Status',
+      plannedInspector: 'Planned Inspector',
+      actualInspector: 'Actual Inspector',
+      inspectionMethod: 'Inspection Method',
+      taskStatus: 'Task Status',
+      inspectionPointStatus: 'Inspection Point Status',
+      patrolStatus: 'Patrol Status',
+      inspectionPhotos: 'Inspection Photos',
+      createTime: 'Create Time',
+      locationInfo: 'Location Info',
+      view: 'View'
+    }
+  },
+  zh: {
+    inspectionTaskDetails: {
+      searchCondition: '查询条件',
+      more: '更多',
+      hide: '隐藏',
+      inputInspector: '请输入巡检人',
+      inputStartTime: '请输入实际巡检开始时间',
+      inputEndTime: '请输入实际巡检结束时间',
+      search: '查询',
+      reset: '重置',
+      selectInspectionPlan: '请选择巡检计划',
+      selectInspectionRoute: '请选择巡检路线',
+      selectInspectionPoint: '请选择巡检点',
+      inputTaskDetailId: '请输入任务详情ID',
+      selectSignStatus: '请选择签到状态',
+      selectInspectionPointStatus: '请选择巡检点状态',
+      selectTaskStatus: '请选择任务状态',
+      selectPatrolStatus: '请选择巡检情况',
+      inspectionDetails: '巡检明细',
+      export: '导出',
+      taskDetailId: '任务详情ID',
+      inspectionPointName: '巡检点名称',
+      inspectionPlanName: '巡检计划名称',
+      inspectionRouteName: '巡检路线名称',
+      inspector: '巡检人',
+      startEndTime: '开始/结束时间',
+      inspectionPoint: '巡检点',
+      actualInspectionTime: '实际巡检时间',
+      actualSignStatus: '实际签到状态',
+      plannedInspector: '计划巡检人',
+      actualInspector: '实际巡检人',
+      inspectionMethod: '巡检方式',
+      taskStatus: '任务状态',
+      inspectionPointStatus: '巡检点状态',
+      patrolStatus: '巡检情况',
+      inspectionPhotos: '巡检照片',
+      createTime: '创建时间',
+      locationInfo: '位置信息',
+      view: '查看'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/inspectionTaskDetailsList.vue b/src/views/inspection/inspectionTaskDetailsList.vue
new file mode 100644
index 0000000..b8fa658
--- /dev/null
+++ b/src/views/inspection/inspectionTaskDetailsList.vue
@@ -0,0 +1,461 @@
+<template>
+  <div class="padding">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <div>{{ $t('inspectionTaskDetails.searchCondition') }}</div>
+        <div class="" >
+          <el-button type="text" @click="toggleMoreCondition">
+            {{ inspectionTaskDetailManageInfo.moreCondition ? $t('inspectionTaskDetails.hide') :
+              $t('inspectionTaskDetails.more') }}
+          </el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="form-group">
+              <el-input :placeholder="$t('inspectionTaskDetails.inputInspector')"
+                v-model="inspectionTaskDetailManageInfo.conditions.planUserName" clearable></el-input>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-group">
+              <el-date-picker v-model="inspectionTaskDetailManageInfo.conditions.inspectionStartTime" type="datetime"
+                :placeholder="$t('inspectionTaskDetails.inputStartTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                style="width:100%"></el-date-picker>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="form-group">
+              <el-date-picker v-model="inspectionTaskDetailManageInfo.conditions.inspectionEndTime" type="datetime"
+                :placeholder="$t('inspectionTaskDetails.inputEndTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                style="width:100%"></el-date-picker>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <el-button type="primary" @click="queryInspectionTaskMethod">
+              <i class="el-icon-search"></i>
+              <span>{{ $t('inspectionTaskDetails.search') }}</span>
+            </el-button>
+            <el-button type="primary" @click="resetInspectionTaskMethod">
+              <i class="el-icon-refresh"></i>
+              <span>{{ $t('inspectionTaskDetails.reset') }}</span>
+            </el-button>
+          </el-col>
+        </el-row>
+
+        <div v-show="inspectionTaskDetailManageInfo.moreCondition">
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.inspectionPlanId"
+                :placeholder="$t('inspectionTaskDetails.selectInspectionPlan')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.inspectionPlanList" :key="index"
+                  :label="item.inspectionPlanName" :value="item.inspectionPlanId"></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.inspectionRouteId"
+                :placeholder="$t('inspectionTaskDetails.selectInspectionRoute')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.inspectionRouteList" :key="index"
+                  :label="item.routeName" :value="item.inspectionRouteId"></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.inspectionId"
+                :placeholder="$t('inspectionTaskDetails.selectInspectionPoint')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.inspectionPointList" :key="index"
+                  :label="item.inspectionName" :value="item.inspectionId"></el-option>
+              </el-select>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20" class="margin-top">
+            <el-col :span="8">
+              <div class="form-group">
+                <el-input :placeholder="$t('inspectionTaskDetails.inputTaskDetailId')"
+                  v-model="inspectionTaskDetailManageInfo.conditions.taskDetailId" clearable></el-input>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.inspectionState"
+                :placeholder="$t('inspectionTaskDetails.selectSignStatus')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.inspectionStateTypes" :key="index"
+                  :label="item.name" :value="item.statusCd"></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.state"
+                :placeholder="$t('inspectionTaskDetails.selectInspectionPointStatus')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.stateTypes" :key="index"
+                  :label="item.name" :value="item.statusCd"></el-option>
+              </el-select>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.taskState"
+                :placeholder="$t('inspectionTaskDetails.selectTaskStatus')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.taskStates" :key="index"
+                  :label="item.name" :value="item.statusCd"></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="8">
+              <el-select v-model="inspectionTaskDetailManageInfo.conditions.patrolType"
+                :placeholder="$t('inspectionTaskDetails.selectPatrolStatus')" style="width:100%">
+                <el-option v-for="(item, index) in inspectionTaskDetailManageInfo.patrolTypes" :key="index"
+                  :label="item.name" :value="item.statusCd"></el-option>
+              </el-select>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <div>{{ $t('inspectionTaskDetails.inspectionDetails') }}</div>
+        <div class="ibox-tools" style="top:10px;">
+          <el-button type="primary" size="small" @click="exportExcel">
+            <i class="el-icon-download"></i>
+            <span>{{ $t('inspectionTaskDetails.export') }}</span>
+          </el-button>
+        </div>
+      </div>
+      <div class="ibox-content">
+        <el-table :data="inspectionTaskDetailManageInfo.inspectionTasks" border style="width: 100%" v-loading="loading">
+          <el-table-column prop="taskDetailId" :label="$t('inspectionTaskDetails.taskDetailId')"
+            align="center"></el-table-column>
+          <el-table-column prop="inspectionName" :label="$t('inspectionTaskDetails.inspectionPointName')"
+            align="center"></el-table-column>
+          <el-table-column prop="inspectionPlanName" :label="$t('inspectionTaskDetails.inspectionPlanName')"
+            align="center"></el-table-column>
+          <el-table-column prop="routeName" :label="$t('inspectionTaskDetails.inspectionRouteName')"
+            align="center"></el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.inspector')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.planInsTime }}<br />{{ scope.row.planEndTime }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.inspectionPoint')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.pointStartTime }}<br />{{ scope.row.pointEndTime }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="inspectionTime" :label="$t('inspectionTaskDetails.actualInspectionTime')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.inspectionTime || '-' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.actualSignStatus')" align="center">
+            <template slot-scope="scope">
+              <span v-if="scope.row.inspectionState == '60000'" class="text-primary">
+                {{ scope.row.inspectionStateName || '-' }}
+              </span>
+              <span v-else class="text-danger">
+                {{ scope.row.inspectionStateName || '-' }}
+              </span>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="planUserName" :label="$t('inspectionTaskDetails.plannedInspector')"
+            align="center"></el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.actualInspector')" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.actUserName || '-' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="signTypeName" :label="$t('inspectionTaskDetails.inspectionMethod')"
+            align="center"></el-table-column>
+          <el-table-column prop="taskStateName" :label="$t('inspectionTaskDetails.taskStatus')"
+            align="center"></el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.inspectionPointStatus')" 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('inspectionTaskDetails.patrolStatus')" align="center">
+            <template slot-scope="scope">
+              <span class="text-primary">
+                {{ scope.row.description || '-' }}
+              </span>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.inspectionPhotos')" align="center">
+            <template slot-scope="scope">
+              <span v-for="_photo in scope.row.photos" :key="_photo.url">
+                <el-image style="width: 60px; height: 60px; margin-right: 5px;" :src="_photo.url"
+                  :preview-src-list="[_photo.url]" fit="cover"></el-image>
+              </span>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="createTime" :label="$t('inspectionTaskDetails.createTime')"
+            align="center"></el-table-column>
+
+          <el-table-column :label="$t('inspectionTaskDetails.locationInfo')" align="center" width="100">
+            <template slot-scope="scope">
+              <el-button type="primary" size="mini" @click="openMap(scope.row.latitude, scope.row.longitude)">
+                {{ $t('inspectionTaskDetails.view') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="inspectionTaskDetailManageInfo.conditions.page" :page-sizes="[10, 20, 30, 50]"
+          :page-size="inspectionTaskDetailManageInfo.conditions.row" layout="total, sizes, prev, pager, next, jumper"
+          :total="inspectionTaskDetailManageInfo.total" class="pagination-container"></el-pagination>
+      </div>
+    </el-card>
+
+    <view-map ref="viewMap"></view-map>
+    <view-image ref="viewImage"></view-image>
+  </div>
+</template>
+
+<script>
+import { listInspectionTaskDetails, exportInspectionTaskDetails } from '@/api/inspection/inspectionTaskDetailsApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import ViewMap from '@/components/system/ViewMap'
+import ViewImage from '@/components/system/viewImage'
+
+export default {
+  name: 'InspectionTaskDetailsList',
+  components: {
+    ViewMap,
+    ViewImage
+  },
+  data() {
+    return {
+      loading: false,
+      inspectionTaskDetailManageInfo: {
+        inspectionTasks: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        stateTypes: [],
+        inspectionStateTypes: [],
+        taskStates: [],
+        patrolTypes: [],
+        inspectionPointList: [],
+        inspectionPlanList: [],
+        inspectionRouteList: [],
+        conditions: {
+          planUserName: '',
+          taskDetailId: '',
+          inspectionPlanName: '',
+          inspectionStartTime: '',
+          inspectionEndTime: '',
+          state: '',
+          inspectionState: '',
+          inspectionId: '',
+          inspectionPlanId: '',
+          inspectionRouteId: '',
+          taskState: '',
+          patrolType: '',
+          page: 1,
+          row: 10,
+          communityId: ''
+        }
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      this.loading = true
+      try {
+        await this.getDictData()
+        await this.listInspectionTasksDetailList()
+        await this.listInspectionPlanInfo()
+        await this.listInspectionRouteInfo()
+        await this.listInspectionPointInfo()
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+        this.$message.error(this.$t('common.error'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async getDictData() {
+      try {
+        const [stateTypes, inspectionStateTypes, taskStates, patrolTypes] = await Promise.all([
+          getDict('inspection_task', 'state'),
+          getDict('inspection_task_detail', 'inspection_state'),
+          getDict('inspection_task_detail', 'state'),
+          getDict('inspection_task_detail', 'patrol_type')
+        ])
+
+        this.inspectionTaskDetailManageInfo.stateTypes = stateTypes
+        this.inspectionTaskDetailManageInfo.inspectionStateTypes = inspectionStateTypes
+        this.inspectionTaskDetailManageInfo.taskStates = taskStates
+        this.inspectionTaskDetailManageInfo.patrolTypes = patrolTypes
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+
+    async listInspectionTasksDetailList() {
+      try {
+        this.inspectionTaskDetailManageInfo.conditions.communityId = this.communityId
+        const res = await listInspectionTaskDetails(this.inspectionTaskDetailManageInfo.conditions)
+        this.inspectionTaskDetailManageInfo.total = res.total
+        this.inspectionTaskDetailManageInfo.records = res.records
+        this.inspectionTaskDetailManageInfo.inspectionTasks = res.inspectionTaskDetails
+      } catch (error) {
+        console.error('获取巡检任务明细列表失败:', error)
+        this.$message.error(this.$t('common.error'))
+      }
+    },
+
+    async listInspectionPlanInfo() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          page: 1,
+          row: 200
+        }
+        const res = await listInspectionTaskDetails(params)
+        this.inspectionTaskDetailManageInfo.inspectionPlanList = res.data.data
+      } catch (error) {
+        console.error('获取巡检计划列表失败:', error)
+      }
+    },
+
+    async listInspectionRouteInfo() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          page: 1,
+          row: 200
+        }
+        const res = await listInspectionTaskDetails(params)
+        this.inspectionTaskDetailManageInfo.inspectionRouteList = res.data.inspectionRoutes
+      } catch (error) {
+        console.error('获取巡检路线列表失败:', error)
+      }
+    },
+
+    async listInspectionPointInfo() {
+      try {
+        const params = {
+          communityId: this.communityId,
+          page: 1,
+          row: 200
+        }
+        const res = await listInspectionTaskDetails(params)
+        this.inspectionTaskDetailManageInfo.inspectionPointList = res.data.inspectionPoints
+      } catch (error) {
+        console.error('获取巡检点列表失败:', error)
+      }
+    },
+
+    queryInspectionTaskMethod() {
+      this.inspectionTaskDetailManageInfo.conditions.page = 1
+      this.listInspectionTasksDetailList()
+    },
+
+    resetInspectionTaskMethod() {
+      this.inspectionTaskDetailManageInfo.conditions = {
+        planUserName: '',
+        taskDetailId: '',
+        inspectionPlanName: '',
+        inspectionStartTime: '',
+        inspectionEndTime: '',
+        state: '',
+        inspectionState: '',
+        inspectionId: '',
+        inspectionPlanId: '',
+        inspectionRouteId: '',
+        taskState: '',
+        patrolType: '',
+        page: 1,
+        row: 10,
+        communityId: this.communityId
+      }
+      this.listInspectionTasksDetailList()
+    },
+
+    toggleMoreCondition() {
+      this.inspectionTaskDetailManageInfo.moreCondition = !this.inspectionTaskDetailManageInfo.moreCondition
+    },
+
+    handleSizeChange(val) {
+      this.inspectionTaskDetailManageInfo.conditions.row = val
+      this.listInspectionTasksDetailList()
+    },
+
+    handleCurrentChange(val) {
+      this.inspectionTaskDetailManageInfo.conditions.page = val
+      this.listInspectionTasksDetailList()
+    },
+
+    openFile(photo) {
+      this.$refs.viewImage.open(photo.url)
+    },
+
+    openMap(lat, lng) {
+      this.$refs.viewMap.open(lat, lng)
+    },
+
+    async exportExcel() {
+      try {
+        const params = {
+          ...this.inspectionTaskDetailManageInfo.conditions,
+          pagePath: 'inspectionTaskDetails'
+        }
+        const res = await exportInspectionTaskDetails(params)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.exportSuccess'))
+          // 这里需要根据实际项目调整跳转逻辑
+          this.$router.push({ path: '/pages/property/downloadTempFile', query: { tab: this.$t('common.downloadCenter') } })
+        } else {
+          this.$message.error(res.msg || this.$t('common.exportFail'))
+        }
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error(this.$t('common.exportFail'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-primary {
+  color: #409EFF;
+}
+
+.text-danger {
+  color: #F56C6C;
+}
+
+.margin-top {
+  margin-top: 20px;
+}
+
+.pagination-container {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/inspectionTaskLang.js b/src/views/inspection/inspectionTaskLang.js
new file mode 100644
index 0000000..4889509
--- /dev/null
+++ b/src/views/inspection/inspectionTaskLang.js
@@ -0,0 +1,110 @@
+export const messages = {
+  en: {
+    inspectionTask: {
+      queryConditions: 'Query Conditions',
+      executor: 'Executor',
+      actualStartTime: 'Actual Inspection Start Time',
+      actualEndTime: 'Actual Inspection End Time',
+      inspectionStatus: 'Inspection Status',
+      query: 'Query',
+      reset: 'Reset',
+      inspectionTask: 'Inspection Task',
+      taskCode: 'Task Code',
+      inspectionPlan: 'Inspection Plan',
+      inspectorTime: 'Inspector/Start-End Time',
+      actualTime: 'Actual Inspection Time',
+      plannedInspector: 'Planned Inspector',
+      currentInspector: 'Current Inspector',
+      transferDesc: 'Transfer Description',
+      inspectionMethod: 'Inspection Method',
+      operation: 'Operation',
+      flow: 'Flow',
+      detail: 'Detail',
+      delete: 'Delete',
+      note: 'Inspection tasks are automatically generated every day at 2 AM based on inspection plans. If not generated, please confirm whether the scheduled task is enabled or if the inspection plan is set correctly.'
+    },
+    inspectionTaskDetail: {
+      taskDetails: 'Task Details',
+      inspectionPoint: 'Inspection Point',
+      inspectionStatus: 'Inspection Status',
+      signStatus: 'Sign Status',
+      inspectorTime: 'Inspector/Start-End Time',
+      pointTime: 'Point Start/End Time',
+      actualTime: 'Actual Inspection Time',
+      inspectionSituation: 'Inspection Situation',
+      inspectionPhotos: 'Inspection Photos',
+      locationInfo: 'Location Info',
+      view: 'View',
+      start: 'Start',
+      end: 'End'
+    },
+    inspectionTaskTransfer: {
+      transfer: 'Transfer',
+      transferObject: 'Transfer Object',
+      transferDesc: 'Transfer Description',
+      required: 'Required, please fill in',
+      submit: 'Submit',
+      cancel: 'Cancel'
+    },
+    deleteInspectionTask: {
+      confirmOperation: 'Please confirm your operation',
+      confirmDelete: 'Confirm deletion of inspection task',
+      mistake: 'Mistake',
+      confirmDeleteBtn: 'Confirm Delete'
+    }
+  },
+  zh: {
+    inspectionTask: {
+      queryConditions: '查询条件',
+      executor: '执行人',
+      actualStartTime: '实际巡检开始时间',
+      actualEndTime: '实际巡检结束时间',
+      inspectionStatus: '巡检状态',
+      query: '查询',
+      reset: '重置',
+      inspectionTask: '巡检任务',
+      taskCode: '任务编码',
+      inspectionPlan: '巡检计划',
+      inspectorTime: '巡检人/开始结束时间',
+      actualTime: '实际巡检时间',
+      plannedInspector: '计划巡检人',
+      currentInspector: '当前巡检人',
+      transferDesc: '转移描述',
+      inspectionMethod: '巡检方式',
+      operation: '操作',
+      flow: '流转',
+      detail: '详情',
+      delete: '删除',
+      note: '巡检任务是根据巡检计划，每天晚上2点钟自动生成，如果没有生成 请确认是否开启了定时任务，或者巡检计划是否设置正确'
+    },
+    inspectionTaskDetail: {
+      taskDetails: '任务详情',
+      inspectionPoint: '巡检点',
+      inspectionStatus: '巡检状态',
+      signStatus: '签到状态',
+      inspectorTime: '巡检人/开始结束时间',
+      pointTime: '巡检点开始结束时间',
+      actualTime: '实际巡检时间',
+      inspectionSituation: '巡检情况',
+      inspectionPhotos: '巡检照片',
+      locationInfo: '位置信息',
+      view: '查看',
+      start: '开始',
+      end: '结束'
+    },
+    inspectionTaskTransfer: {
+      transfer: '流转',
+      transferObject: '流转对象',
+      transferDesc: '流转说明',
+      required: '必填，请填写',
+      submit: '提交',
+      cancel: '取消'
+    },
+    deleteInspectionTask: {
+      confirmOperation: '请确认您的操作',
+      confirmDelete: '确定删除巡检任务',
+      mistake: '点错了',
+      confirmDeleteBtn: '确认删除'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/pointPlanLang.js b/src/views/inspection/pointPlanLang.js
new file mode 100644
index 0000000..6961386
--- /dev/null
+++ b/src/views/inspection/pointPlanLang.js
@@ -0,0 +1,32 @@
+export default {
+  en: {
+    inspectionPlan: {
+      planName: 'Plan Name',
+      planRoute: 'Plan Route',
+      planPeriod: 'Plan Cycle',
+      signType: 'Sign-in Method',
+      dateRange: 'Date Range',
+      timeRange: 'Time Range',
+      taskAhead: 'Task Ahead (minutes)',
+      creator: 'Creator',
+      createTime: 'Create Time',
+      inspector: 'Inspector',
+      status: 'Status'
+    }
+  },
+  zh: {
+    inspectionPlan: {
+      planName: '计划名称',
+      planRoute: '计划路线',
+      planPeriod: '计划周期',
+      signType: '签到方式',
+      dateRange: '日期范围',
+      timeRange: '时间范围',
+      taskAhead: '任务提前(分钟)',
+      creator: '制定人',
+      createTime: '制定时间',
+      inspector: '巡检人',
+      status: '状态'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/work/repairTypeUserLang.js b/src/views/work/repairTypeUserLang.js
index 05dc80e..6f39216 100644
--- a/src/views/work/repairTypeUserLang.js
+++ b/src/views/work/repairTypeUserLang.js
@@ -15,7 +15,8 @@ export const messages = {
       title: 'Select Staff',
       orgInfo: 'Organization Information',
       staffInfo: 'Staff Information',
-      selectStaffFirst: 'Please select a staff first'
+      selectStaffFirst: 'Please select a staff first',
+      selectedStaff: 'Selected Staff'
     },
     deleteRepairTypeUser: {
       title: 'Confirm Operation',
@@ -47,7 +48,8 @@ export const messages = {
       title: '选择员工',
       orgInfo: '组织信息',
       staffInfo: '员工信息',
-      selectStaffFirst: '请先选择员工'
+      selectStaffFirst: '请先选择员工',
+      selectedStaff: '已选择员工'
     },
     deleteRepairTypeUser: {
       title: '请确认您的操作',