diff --git a/src/api/work/adminWorkDetailApi.js b/src/api/work/adminWorkDetailApi.js
new file mode 100644
index 0000000..9cfbec4
--- /dev/null
+++ b/src/api/work/adminWorkDetailApi.js
@@ -0,0 +1,161 @@
+import request from '@/utils/request'
+
+// 获取工作单详情
+export function getWorkDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listAdminWorkPool',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work detail'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单任务列表
+export function listAdminWorkTask(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listAdminWorkTask',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work tasks'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单任务项列表
+export function listAdminWorkTaskItem(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/task.listAdminWorkTaskItem',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work task items'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单抄送人列表
+export function listAdminWorkCopy(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listAdminWorkCopy',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work copy list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单事件列表
+export function listAdminWorkEvent(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workEvent.listAdminWorkEvent',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work events'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单文件列表
+export function listAdminWorkPoolFile(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listAdminWorkPoolFile',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work files'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单类型列表
+export function listAdminWorkType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.listAdminWorkType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work types'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单周期列表
+export function listAdminWorkCycle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workCycle.listAdminWorkCycle',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get work cycles'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/work/adminWorkPoolApi.js b/src/api/work/adminWorkPoolApi.js
new file mode 100644
index 0000000..dabdb6c
--- /dev/null
+++ b/src/api/work/adminWorkPoolApi.js
@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+// 获取工作单池列表
+export function listAdminWorkTask(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listAdminWorkTask',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || '获取工作单池列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取管理员小区列表
+export function listAdminCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listAdminCommunitys',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || '获取管理员小区列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailCopy.vue b/src/components/work/aWorkDetailCopy.vue
new file mode 100644
index 0000000..6af57ee
--- /dev/null
+++ b/src/components/work/aWorkDetailCopy.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="a-work-detail-copy">
+    <el-row :gutter="20" class="search-row">
+      <el-col :span="6">
+        <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminWorkDetail.copyTo')" clearable />
+      </el-col>
+      <el-col :span="6">
+        <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+        <el-button @click="handleReset">{{ $t('common.reset') }}</el-button>
+      </el-col>
+    </el-row>
+
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column prop="copyId" :label="$t('adminWorkDetail.taskId')" align="center" />
+      <el-table-column prop="staffName" :label="$t('adminWorkDetail.copyTo')" align="center" />
+      <el-table-column prop="createTime" :label="$t('adminWorkDetail.createTime')" align="center" />
+      <el-table-column prop="stateName" :label="$t('adminWorkDetail.stateName')" align="center" />
+      <el-table-column prop="remark" :label="$t('adminWorkDetail.remark')" align="center" />
+    </el-table>
+
+    <el-pagination
+      :current-page="pagination.current"
+      :page-sizes="[10, 20, 30, 50]"
+      :page-size="pagination.size"
+      :total="pagination.total"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { listAdminWorkCopy } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailCopy',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      searchForm: {
+        staffNameLike: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  methods: {
+    loadData() {
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        staffNameLike: this.searchForm.staffNameLike,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkCopy(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.loadData()
+    },
+    handleReset() {
+      this.searchForm = {
+        staffNameLike: ''
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadData()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-copy {
+  padding: 20px;
+  
+  .search-row {
+    margin-bottom: 20px;
+    
+    .el-col {
+      display: flex;
+      align-items: center;
+      
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+  
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailCycle.vue b/src/components/work/aWorkDetailCycle.vue
new file mode 100644
index 0000000..ad86821
--- /dev/null
+++ b/src/components/work/aWorkDetailCycle.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="a-work-detail-cycle">
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column prop="staffName" :label="$t('adminWorkDetail.processor')" align="center" />
+      <el-table-column :label="$t('adminWorkDetail.workCycle')" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.workCycle === '1001'">{{ $t('adminWorkDetail.once') }}</span>
+          <span v-else>{{ $t('adminWorkDetail.periodic') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="hours" :label="$t('adminWorkDetail.completeHours')" align="center" />
+      <el-table-column :label="$t('adminWorkDetail.cycle')" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.period === '2020022'">{{ $t('adminWorkDetail.monthDay') }}</span>
+          <span v-else>{{ $t('adminWorkDetail.weekly') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="periodMonth" :label="$t('adminWorkDetail.month')" align="center" />
+      <el-table-column prop="periodDay" :label="$t('adminWorkDetail.day')" align="center" />
+      <el-table-column prop="periodWorkday" :label="$t('adminWorkDetail.week')" align="center" />
+    </el-table>
+
+    <el-pagination
+      :current-page="pagination.current"
+      :page-sizes="[10, 20, 30, 50]"
+      :page-size="pagination.size"
+      :total="pagination.total"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { listAdminWorkCycle } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailCycle',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  methods: {
+    loadData() {
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkCycle(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadData()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-cycle {
+  padding: 20px;
+  
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailEvent.vue b/src/components/work/aWorkDetailEvent.vue
new file mode 100644
index 0000000..bcacbf6
--- /dev/null
+++ b/src/components/work/aWorkDetailEvent.vue
@@ -0,0 +1,217 @@
+<template>
+  <div class="a-work-detail-event">
+    <el-row :gutter="20">
+      <el-col :span="4" class="content-list">
+        <div class="content-item" 
+             v-for="(item,index) in contentList" 
+             :key="index" 
+             @click="handleContentClick(item)"
+             :class="{ 'active': activeContentId === item.contentId }">
+          问题{{ item.seqNum }}
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <el-row :gutter="20" class="search-row">
+          <el-col :span="6">
+            <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminWorkDetail.processor')" clearable />
+          </el-col>
+          <el-col :span="6">
+            <el-date-picker
+              v-model="searchForm.queryStartTime"
+              type="datetime"
+              :placeholder="$t('adminWorkDetail.startTime')"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            />
+          </el-col>
+          <el-col :span="6">
+            <el-date-picker
+              v-model="searchForm.queryEndTime"
+              type="datetime"
+              :placeholder="$t('adminWorkDetail.endTime')"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            />
+          </el-col>
+          <el-col :span="6">
+            <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+            <el-button @click="handleReset">{{ $t('common.reset') }}</el-button>
+          </el-col>
+        </el-row>
+
+        <el-table :data="tableData" border style="width: 100%">
+          <el-table-column prop="preStaffName" :label="$t('adminWorkDetail.preProcessor')" align="center" />
+          <el-table-column prop="staffName" :label="$t('adminWorkDetail.processor')" align="center" />
+          <el-table-column :label="$t('adminWorkDetail.taskPeriod')" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.startTime }}</div>
+              <div>~{{ scope.row.endTime }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remark" :label="$t('adminWorkDetail.remark')" align="center" />
+          <el-table-column prop="createTime" :label="$t('adminWorkDetail.createTime')" align="center" />
+        </el-table>
+
+        <el-pagination
+          :current-page="pagination.current"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="pagination.size"
+          :total="pagination.total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminWorkEvent } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailEvent',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    },
+    contents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      contentList: [],
+      tableData: [],
+      activeContentId: '',
+      searchForm: {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  watch: {
+    contents: {
+      immediate: true,
+      handler(val) {
+        this.contentList = val
+        if (this.contentList.length > 0) {
+          this.handleContentClick(this.contentList[0])
+        }
+      }
+    }
+  },
+  methods: {
+    handleContentClick(content) {
+      this.activeContentId = content.contentId
+      this.loadEventData()
+    },
+    loadEventData() {
+      if (!this.activeContentId) return
+      
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        contentId: this.activeContentId,
+        staffNameLike: this.searchForm.staffNameLike,
+        queryStartTime: this.searchForm.queryStartTime,
+        queryEndTime: this.searchForm.queryEndTime,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkEvent(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.loadEventData()
+    },
+    handleReset() {
+      this.searchForm = {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadEventData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadEventData()
+    },
+    loadData() {
+      if (this.contentList.length > 0) {
+        this.handleContentClick(this.contentList[0])
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-event {
+  padding: 20px;
+  
+  .content-list {
+    border-right: 1px solid #ebeef5;
+    padding-right: 20px;
+    
+    .content-item {
+      padding: 10px;
+      margin-bottom: 10px;
+      border: 1px solid #ebeef5;
+      border-radius: 4px;
+      cursor: pointer;
+      text-align: center;
+      
+      &:hover {
+        background-color: #f5f7fa;
+      }
+      
+      &.active {
+        background-color: #ecf5ff;
+        border-color: #d9ecff;
+      }
+    }
+  }
+  
+  .search-row {
+    margin-bottom: 20px;
+    
+    .el-col {
+      display: flex;
+      align-items: center;
+      
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+  
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailFile.vue b/src/components/work/aWorkDetailFile.vue
new file mode 100644
index 0000000..8dab612
--- /dev/null
+++ b/src/components/work/aWorkDetailFile.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="a-work-detail-file">
+    <el-row :gutter="20">
+      <el-col :span="4" class="content-list">
+        <div class="content-item" 
+             v-for="(item,index) in contentList" 
+             :key="index" 
+             @click="handleContentClick(item)"
+             :class="{ 'active': activeContentId === item.contentId }">
+          问题{{ item.seqNum }}
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <el-row :gutter="20" class="search-row">
+          <el-col :span="6">
+            <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminWorkDetail.processor')" clearable />
+          </el-col>
+          <el-col :span="6">
+            <el-date-picker
+              v-model="searchForm.queryStartTime"
+              type="datetime"
+              :placeholder="$t('adminWorkDetail.startTime')"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            />
+          </el-col>
+          <el-col :span="6">
+            <el-date-picker
+              v-model="searchForm.queryEndTime"
+              type="datetime"
+              :placeholder="$t('adminWorkDetail.endTime')"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            />
+          </el-col>
+          <el-col :span="6">
+            <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+            <el-button @click="handleReset">{{ $t('common.reset') }}</el-button>
+          </el-col>
+        </el-row>
+
+        <el-table :data="tableData" border style="width: 100%">
+          <el-table-column prop="staffName" :label="$t('adminWorkDetail.processor')" align="center" />
+          <el-table-column :label="$t('adminWorkDetail.attachment')" align="center">
+            <template slot-scope="scope">
+              <el-link v-if="scope.row.fileType !== 'S'" :href="scope.row.pathUrl" target="_blank">
+                {{ $t('common.download') }}
+              </el-link>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-pagination
+          :current-page="pagination.current"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="pagination.size"
+          :total="pagination.total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminWorkPoolFile } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailFile',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    },
+    contents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      contentList: [],
+      tableData: [],
+      activeContentId: '',
+      searchForm: {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  watch: {
+    contents: {
+      immediate: true,
+      handler(val) {
+        this.contentList = val
+        if (this.contentList.length > 0) {
+          this.handleContentClick(this.contentList[0])
+        }
+      }
+    }
+  },
+  methods: {
+    handleContentClick(content) {
+      this.activeContentId = content.contentId
+      this.loadFileData()
+    },
+    loadFileData() {
+      if (!this.activeContentId) return
+      
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        contentId: this.activeContentId,
+        staffNameLike: this.searchForm.staffNameLike,
+        queryStartTime: this.searchForm.queryStartTime,
+        queryEndTime: this.searchForm.queryEndTime,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkPoolFile(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.loadFileData()
+    },
+    handleReset() {
+      this.searchForm = {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadFileData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadFileData()
+    },
+    loadData() {
+      if (this.contentList.length > 0) {
+        this.handleContentClick(this.contentList[0])
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-file {
+  padding: 20px;
+  
+  .content-list {
+    border-right: 1px solid #ebeef5;
+    padding-right: 20px;
+    
+    .content-item {
+      padding: 10px;
+      margin-bottom: 10px;
+      border: 1px solid #ebeef5;
+      border-radius: 4px;
+      cursor: pointer;
+      text-align: center;
+      
+      &:hover {
+        background-color: #f5f7fa;
+      }
+      
+      &.active {
+        background-color: #ecf5ff;
+        border-color: #d9ecff;
+      }
+    }
+  }
+  
+  .search-row {
+    margin-bottom: 20px;
+    
+    .el-col {
+      display: flex;
+      align-items: center;
+      
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+  
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailTask.vue b/src/components/work/aWorkDetailTask.vue
new file mode 100644
index 0000000..fc5dbf2
--- /dev/null
+++ b/src/components/work/aWorkDetailTask.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="a-work-detail-task">
+    <el-row :gutter="20" class="search-row">
+      <el-col :span="6">
+        <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminWorkDetail.processor')" clearable />
+      </el-col>
+      <el-col :span="6">
+        <el-date-picker v-model="searchForm.queryStartTime" type="datetime" :placeholder="$t('adminWorkDetail.startTime')"
+          value-format="yyyy-MM-dd HH:mm:ss" />
+      </el-col>
+      <el-col :span="6">
+        <el-date-picker v-model="searchForm.queryEndTime" type="datetime" :placeholder="$t('adminWorkDetail.endTime')"
+          value-format="yyyy-MM-dd HH:mm:ss" />
+      </el-col>
+      <el-col :span="6">
+        <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+        <el-button @click="handleReset">{{ $t('common.reset') }}</el-button>
+      </el-col>
+    </el-row>
+
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column prop="taskId" :label="$t('adminWorkDetail.taskId')" align="center" />
+      <el-table-column prop="staffName" :label="$t('adminWorkDetail.processor')" align="center" />
+      <el-table-column prop="startTime" :label="$t('adminWorkDetail.startTime')" align="center" />
+      <el-table-column prop="endTime" :label="$t('adminWorkDetail.endTime')" align="center" />
+      <el-table-column prop="createTime" :label="$t('adminWorkDetail.createTime')" align="center" />
+      <el-table-column prop="stateName" :label="$t('adminWorkDetail.stateName')" align="center" />
+    </el-table>
+
+    <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+      :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange" />
+  </div>
+</template>
+
+<script>
+import { listAdminWorkTask } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailTask',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      searchForm: {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  methods: {
+    loadData() {
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        staffNameLike: this.searchForm.staffNameLike,
+        queryStartTime: this.searchForm.queryStartTime,
+        queryEndTime: this.searchForm.queryEndTime,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkTask(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.loadData()
+    },
+    handleReset() {
+      this.searchForm = {
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadData()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-task {
+  padding: 20px;
+
+  .search-row {
+    margin-bottom: 20px;
+
+    .el-col {
+      display: flex;
+      align-items: center;
+
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailTaskItem.vue b/src/components/work/aWorkDetailTaskItem.vue
new file mode 100644
index 0000000..6df6d30
--- /dev/null
+++ b/src/components/work/aWorkDetailTaskItem.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="a-work-detail-task-item">
+    <el-row :gutter="20">
+      <el-col :span="4" class="task-list">
+        <div class="task-item" v-for="(item, index) in taskList" :key="index" @click="handleTaskClick(item)"
+          :class="{ 'active': activeTaskId === item.taskId }">
+          <div>{{ item.staffName }}</div>
+          <div>({{ formatDate(item.startTime) }} ~ {{ formatDate(item.endTime) }})</div>
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <el-table :data="tableData" border style="width: 100%">
+          <el-table-column prop="content" :label="$t('adminWorkDetail.processContent')" width="400" />
+          <el-table-column prop="finishTime" :label="$t('adminWorkDetail.finishTime')" align="center" />
+          <el-table-column :label="$t('adminWorkDetail.stateName')" align="center">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state === 'CC'">{{ $t('adminWorkDetail.copyProcessed') }}</span>
+              <span v-else-if="scope.row.state === 'C'">{{ $t('adminWorkDetail.processed') }}</span>
+              <span v-else>{{ $t('adminWorkDetail.pending') }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remark" :label="$t('adminWorkDetail.remark')" align="center" />
+          <el-table-column :label="$t('adminWorkDetail.attachment')" align="center">
+            <template slot-scope="scope">
+              <el-link v-if="scope.row.pathUrl" :href="scope.row.pathUrl" target="_blank">
+                {{ $t('common.download') }}
+              </el-link>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="score" :label="$t('adminWorkDetail.score')" align="center" />
+          <el-table-column prop="deductionMoney" :label="$t('adminWorkDetail.deductionMoney')" align="center" />
+          <el-table-column prop="deductionReason" :label="$t('adminWorkDetail.deductionReason')" align="center" />
+          <el-table-column prop="deductionPersonName" :label="$t('adminWorkDetail.deductionPerson')" align="center" />
+          <el-table-column prop="createTime" :label="$t('adminWorkDetail.createTime')" align="center" />
+        </el-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminWorkTask, listAdminWorkTaskItem } from '@/api/work/adminWorkDetailApi'
+import {dateFormat} from '@/utils/dateUtil'
+
+export default {
+  name: 'AWorkDetailTaskItem',
+  props: {
+    workId: {
+      type: String,
+      required: true
+    },
+    contents: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      taskList: [],
+      tableData: [],
+      activeTaskId: '',
+      loading: false
+    }
+  },
+  methods: {
+    formatDate(date) {
+      if (!date) return ''
+      return dateFormat(date)
+    },
+    loadTaskList() {
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        page: 1,
+        row: 100
+      }
+
+      listAdminWorkTask(params)
+        .then(response => {
+          this.taskList = response.data
+          if (this.taskList.length > 0) {
+            this.handleTaskClick(this.taskList[0])
+          }
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleTaskClick(task) {
+      this.activeTaskId = task.taskId
+      this.loadTaskItems(task.taskId)
+    },
+    loadTaskItems(taskId) {
+      this.loading = true
+      const params = {
+        workId: this.workId,
+        taskId: taskId,
+        page: 1,
+        row: 100
+      }
+
+      listAdminWorkTaskItem(params)
+        .then(response => {
+          this.tableData = response.data
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    loadData() {
+      this.loadTaskList()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-task-item {
+  padding: 20px;
+
+  .task-list {
+    border-right: 1px solid #ebeef5;
+    padding-right: 20px;
+
+    .task-item {
+      padding: 10px;
+      margin-bottom: 10px;
+      border: 1px solid #ebeef5;
+      border-radius: 4px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #f5f7fa;
+      }
+
+      &.active {
+        background-color: #ecf5ff;
+        border-color: #d9ecff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/work/aWorkDetailType.vue b/src/components/work/aWorkDetailType.vue
new file mode 100644
index 0000000..f5a2657
--- /dev/null
+++ b/src/components/work/aWorkDetailType.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="a-work-detail-type">
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column prop="typeName" :label="$t('adminWorkDetail.typeName')" align="center" />
+      <el-table-column :label="$t('adminWorkDetail.notifyType')" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.smsWay === 'WECHAT'">{{ $t('adminWorkDetail.wechat') }}</span>
+          <span v-else-if="scope.row.smsWay === 'ALI_SMS'">{{ $t('adminWorkDetail.sms') }}</span>
+          <span v-else>{{ $t('adminWorkDetail.unknown') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" :label="$t('adminWorkDetail.createTime')" align="center" />
+      <el-table-column prop="remark" :label="$t('adminWorkDetail.remark')" align="center" />
+    </el-table>
+
+    <el-pagination
+      :current-page="pagination.current"
+      :page-sizes="[10, 20, 30, 50]"
+      :page-size="pagination.size"
+      :total="pagination.total"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { listAdminWorkType } from '@/api/work/adminWorkDetailApi'
+
+export default {
+  name: 'AWorkDetailType',
+  props: {
+    wtId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      loading: false
+    }
+  },
+  methods: {
+    loadData() {
+      this.loading = true
+      const params = {
+        wtId: this.wtId,
+        page: this.pagination.current,
+        row: this.pagination.size
+      }
+
+      listAdminWorkType(params)
+        .then(response => {
+          this.tableData = response.data
+          this.pagination.total = response.total
+        })
+        .catch(error => {
+          this.$message.error(this.$t('adminWorkDetail.fetchError'))
+          console.error(error)
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadData()
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.a-work-detail-type {
+  padding: 20px;
+  
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index d33281e..d3dc2c5 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -74,6 +74,8 @@ import { messages as adminInspectionTaskMessages } from '../views/inspection/adm
 import { messages as adminInspectionTaskDetailMessages } from '../views/inspection/adminInspectionTaskDetailLang'
 import { messages as adminComplaintMessages } from '../views/complaint/adminComplaintLang'
 import { messages as adminComplaintDetailMessages } from '../views/complaint/adminComplaintDetailLang'
+import { messages as adminWorkPoolMessages } from '../views/work/adminWorkPoolLang'
+import { messages as adminWorkDetailMessages } from '../views/work/adminWorkDetailLang'
 
 Vue.use(VueI18n)
 
@@ -152,6 +154,8 @@ const messages = {
     ...adminInspectionTaskDetailMessages.en,
     ...adminComplaintMessages.en,
     ...adminComplaintDetailMessages.en,
+    ...adminWorkPoolMessages.en,
+    ...adminWorkDetailMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -226,6 +230,8 @@ const messages = {
     ...adminInspectionTaskDetailMessages.zh,
     ...adminComplaintMessages.zh,
     ...adminComplaintDetailMessages.zh,
+    ...adminWorkPoolMessages.zh,
+    ...adminWorkDetailMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 5090391..b728f20 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -347,15 +347,25 @@ const routes = [
         component: () => import('@/views/inspection/adminInspectionTaskDetailList.vue')
       },
       {
-        path:'/pages/complaint/adminComplaint',
-        name:'/pages/complaint/adminComplaint',
+        path: '/pages/complaint/adminComplaint',
+        name: '/pages/complaint/adminComplaint',
         component: () => import('@/views/complaint/adminComplaintList.vue')
-        },
-        {
-          path:'/views/complaint/adminComplaintDetail',
-          name:'/views/complaint/adminComplaintDetail',
-          component: () => import('@/views/complaint/adminComplaintDetailList.vue')
-          },
+      },
+      {
+        path: '/views/complaint/adminComplaintDetail',
+        name: '/views/complaint/adminComplaintDetail',
+        component: () => import('@/views/complaint/adminComplaintDetailList.vue')
+      },
+      {
+        path: '/pages/oa/adminWorkPool',
+        name: '/pages/oa/adminWorkPool',
+        component: () => import('@/views/work/adminWorkPoolList.vue')
+      },
+      {
+        path: '/views/work/adminWorkDetail',
+        name: '/views/work/adminWorkDetail',
+        component: () => import('@/views/work/adminWorkDetailList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/work/adminWorkDetailLang.js b/src/views/work/adminWorkDetailLang.js
new file mode 100644
index 0000000..e15b292
--- /dev/null
+++ b/src/views/work/adminWorkDetailLang.js
@@ -0,0 +1,102 @@
+export const messages = {
+  en: {
+    adminWorkDetail: {
+      title: 'Work Order Details',
+      workId: 'Work Order ID',
+      workName: 'Work Order Name',
+      typeName: 'Type Name',
+      workCycle: 'Type',
+      once: 'One-time Work Order',
+      periodic: 'Periodic Work Order',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      createUserName: 'Creator',
+      curStaffName: 'Processor',
+      curCopyName: 'Copy To',
+      stateName: 'Status',
+      createTime: 'Create Time',
+      attachment: 'Attachment',
+      content: 'Content',
+      processor: 'Processor',
+      processContent: 'Process Content',
+      copyTo: 'Copy To',
+      workFlow: 'Work Flow',
+      flowAttachment: 'Flow Attachment',
+      workType: 'Work Type',
+      taskId: 'Task ID',
+      preProcessor: 'Previous Processor',
+      taskPeriod: 'Task Period',
+      remark: 'Remark',
+      finishTime: 'Finish Time',
+      copyProcessed: 'Copy Processed',
+      processed: 'Processed',
+      pending: 'Pending',
+      score: 'Score',
+      deductionMoney: 'Deduction Amount',
+      deductionReason: 'Deduction Reason',
+      deductionPerson: 'Deduction Person',
+      notifyType: 'Notification Type',
+      wechat: 'WeChat',
+      sms: 'SMS',
+      unknown: 'Unknown',
+      completeHours: 'Complete Hours',
+      cycle: 'Cycle',
+      monthDay: 'Month/Day',
+      weekly: 'Weekly',
+      month: 'Month',
+      day: 'Day',
+      week: 'Week',
+      fetchError: 'Failed to fetch work order details'
+    }
+  },
+  zh: {
+    adminWorkDetail: {
+      title: '工作单详情',
+      workId: '工单编号',
+      workName: '工单名称',
+      typeName: '类型名称',
+      workCycle: '标识',
+      once: '一次性工单',
+      periodic: '周期性工单',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      createUserName: '发起人',
+      curStaffName: '处理人',
+      curCopyName: '抄送人',
+      stateName: '状态',
+      createTime: '创建时间',
+      attachment: '附件',
+      content: '内容',
+      processor: '处理人',
+      processContent: '处理内容',
+      copyTo: '抄送人',
+      workFlow: '工作单流转',
+      flowAttachment: '流转附件',
+      workType: '工作单类型',
+      taskId: '任务编号',
+      preProcessor: '前处理人',
+      taskPeriod: '任务有效期',
+      remark: '说明',
+      finishTime: '完成时间',
+      copyProcessed: '抄送人已办理',
+      processed: '处理人已办理',
+      pending: '待处理',
+      score: '评分',
+      deductionMoney: '扣款金额',
+      deductionReason: '扣款原因',
+      deductionPerson: '扣款人',
+      notifyType: '通知方式',
+      wechat: '微信',
+      sms: '短信',
+      unknown: '未知',
+      completeHours: '完成小时',
+      cycle: '周期',
+      monthDay: '月/天',
+      weekly: '按周',
+      month: '月',
+      day: '日',
+      week: '周',
+      fetchError: '获取工作单详情失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/work/adminWorkDetailList.vue b/src/views/work/adminWorkDetailList.vue
new file mode 100644
index 0000000..8c7db73
--- /dev/null
+++ b/src/views/work/adminWorkDetailList.vue
@@ -0,0 +1,261 @@
+<template>
+  <div class="admin-work-detail-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('adminWorkDetail.title') }}</span>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="goBack">
+          <i class="el-icon-close"></i>{{ $t('common.back') }}
+        </el-button>
+      </div>
+
+      <div class="work-info-section">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.workId') }}:</label>
+              <span>{{ adminWorkDetailInfo.workId }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.workName') }}:</label>
+              <span>{{ adminWorkDetailInfo.workName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.typeName') }}:</label>
+              <span>{{ adminWorkDetailInfo.typeName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.workCycle') }}:</label>
+              <span>{{ adminWorkDetailInfo.workCycle == '1001' ? $t('adminWorkDetail.once') : $t('adminWorkDetail.periodic') }}</span>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.startTime') }}:</label>
+              <span>{{ adminWorkDetailInfo.startTime }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.endTime') }}:</label>
+              <span>{{ adminWorkDetailInfo.endTime }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.createUserName') }}:</label>
+              <span>{{ adminWorkDetailInfo.createUserName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.curStaffName') }}:</label>
+              <span>{{ adminWorkDetailInfo.curStaffName }}</span>
+            </div>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.curCopyName') }}:</label>
+              <span>{{ adminWorkDetailInfo.curCopyName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.stateName') }}:</label>
+              <span>{{ adminWorkDetailInfo.stateName }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.createTime') }}:</label>
+              <span>{{ adminWorkDetailInfo.createTime }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="info-item">
+              <label>{{ $t('adminWorkDetail.attachment') }}:</label>
+              <span>
+                <el-link v-if="adminWorkDetailInfo.pathUrl" :href="adminWorkDetailInfo.pathUrl" target="_blank">
+                  {{ $t('common.download') }}
+                </el-link>
+                <span v-else>-</span>
+              </span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <divider></divider>
+
+      <el-tabs v-model="adminWorkDetailInfo._currentTab" @tab-click="changeTab(adminWorkDetailInfo._currentTab)">
+        <el-tab-pane :label="$t('adminWorkDetail.content')" name="adminWorkDetailContent">
+          <div class="content-section" v-for="(item,index) in adminWorkDetailInfo.contents" :key="index">
+            <div>{{item.seqNum}}、</div>
+            <div v-html="item.content" style="width: 80%;" class="text-left"></div>
+          </div>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.processor')" name="aWorkDetailTask">
+          <a-work-detail-task ref="aWorkDetailTask" :work-id="adminWorkDetailInfo.workId"></a-work-detail-task>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.processContent')" name="aWorkDetailTaskItem">
+          <a-work-detail-task-item ref="aWorkDetailTaskItem" :work-id="adminWorkDetailInfo.workId" :contents="adminWorkDetailInfo.contents"></a-work-detail-task-item>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.copyTo')" name="aWorkDetailCopy">
+          <a-work-detail-copy ref="aWorkDetailCopy" :work-id="adminWorkDetailInfo.workId"></a-work-detail-copy>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.workFlow')" name="aWorkDetailEvent">
+          <a-work-detail-event ref="aWorkDetailEvent" :work-id="adminWorkDetailInfo.workId" :contents="adminWorkDetailInfo.contents"></a-work-detail-event>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.flowAttachment')" name="aWorkDetailFile">
+          <a-work-detail-file ref="aWorkDetailFile" :work-id="adminWorkDetailInfo.workId" :contents="adminWorkDetailInfo.contents"></a-work-detail-file>
+        </el-tab-pane>
+        
+        <el-tab-pane :label="$t('adminWorkDetail.workType')" name="aWorkDetailType">
+          <a-work-detail-type ref="aWorkDetailType" :wt-id="adminWorkDetailInfo.wtId"></a-work-detail-type>
+        </el-tab-pane>
+        
+        <el-tab-pane v-if="adminWorkDetailInfo.workCycle == '2002'" :label="$t('adminWorkDetail.workCycle')" name="aWorkDetailCycle">
+          <a-work-detail-cycle ref="aWorkDetailCycle" :work-id="adminWorkDetailInfo.workId"></a-work-detail-cycle>
+        </el-tab-pane>
+      </el-tabs>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getWorkDetail } from '@/api/work/adminWorkDetailApi'
+import AWorkDetailTask from '@/components/work/aWorkDetailTask'
+import AWorkDetailTaskItem from '@/components/work/aWorkDetailTaskItem'
+import AWorkDetailCopy from '@/components/work/aWorkDetailCopy'
+import AWorkDetailEvent from '@/components/work/aWorkDetailEvent'
+import AWorkDetailFile from '@/components/work/aWorkDetailFile'
+import AWorkDetailType from '@/components/work/aWorkDetailType'
+import AWorkDetailCycle from '@/components/work/aWorkDetailCycle'
+import divider from '@/components/system/divider'
+
+export default {
+  name: 'AdminWorkDetail',
+  components: {
+    AWorkDetailTask,
+    AWorkDetailTaskItem,
+    AWorkDetailCopy,
+    AWorkDetailEvent,
+    AWorkDetailFile,
+    AWorkDetailType,
+    AWorkDetailCycle,
+    divider
+  },
+  data() {
+    return {
+      adminWorkDetailInfo: {
+        workId: '',
+        wtId: '',
+        workName: '',
+        typeName: '',
+        workCycle: '',
+        startTime: '',
+        endTime: '',
+        createUserName: '',
+        curStaffName: '',
+        curCopyName: '',
+        stateName: '',
+        createTime: '',
+        pathUrl: '',
+        _currentTab: 'adminWorkDetailContent',
+        contents: []
+      }
+    }
+  },
+  created() {
+    this.adminWorkDetailInfo.workId = this.$route.query.workId
+    if (this.$route.query.currentTab) {
+      this.adminWorkDetailInfo._currentTab = this.$route.query.currentTab
+    }
+    this.loadWorkInfo()
+  },
+  methods: {
+    async loadWorkInfo() {
+      try {
+        const params = {
+          workId: this.adminWorkDetailInfo.workId,
+          page: 1,
+          row: 1
+        }
+        const { data } = await getWorkDetail(params)
+        if (data && data.length > 0) {
+          Object.assign(this.adminWorkDetailInfo, data[0])
+        }
+      } catch (error) {
+        this.$message.error(this.$t('adminWorkDetail.fetchError'))
+      }
+    },
+    changeTab(tab) {
+      setTimeout(()=>{
+        if (this.$refs[tab] ) {
+          this.$refs[tab].loadData()
+        }
+      },500)
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-work-detail-container {
+  padding: 20px;
+  
+  .box-card {
+    margin-bottom: 20px;
+  }
+  
+  .work-info-section {
+    margin-bottom: 20px;
+    
+    .info-item {
+      margin-bottom: 15px;
+      text-align: left;
+      
+      label {
+        color: #909399;
+        font-size: 14px;
+        margin-bottom: 5px;
+        margin-right: 5px;
+      }
+      
+      span {
+        font-size: 14px;
+        color: #606266;
+      }
+    }
+  }
+  
+  .content-section {
+    display: flex;
+    padding: 10px 0;
+    border-bottom: 1px solid #ebeef5;
+    
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/work/adminWorkPoolLang.js b/src/views/work/adminWorkPoolLang.js
new file mode 100644
index 0000000..845fcf6
--- /dev/null
+++ b/src/views/work/adminWorkPoolLang.js
@@ -0,0 +1,84 @@
+export const messages = {
+  en: {
+    adminWorkPool: {
+      search: {
+        title: 'Search Conditions',
+        workName: 'Work Order Name',
+        createUser: 'Creator',
+        staffName: 'Handler',
+        startTime: 'Start Time',
+        endTime: 'End Time'
+      },
+      list: {
+        title: 'Work Order Pool'
+      },
+      table: {
+        id: 'ID',
+        communityName: 'Community Name',
+        workName: 'Work Order Name',
+        typeName: 'Type Name',
+        workCycle: 'Cycle',
+        createUser: 'Creator',
+        staffName: 'Handler',
+        timeRange: 'Time Range',
+        status: 'Status',
+        createTime: 'Create Time',
+        finishTime: 'Finish Time'
+      },
+      status: {
+        timeout: 'Timeout'
+      },
+      workCycle: {
+        once: 'One-time',
+        periodic: 'Periodic'
+      },
+      community: {
+        title: 'Community Selection',
+        all: 'All Communities',
+        fetchError: 'Failed to load communities'
+      },
+      fetchError: 'Failed to load work orders'
+    }
+  },
+  zh: {
+    adminWorkPool: {
+      search: {
+        title: '查询条件',
+        workName: '工单名称',
+        createUser: '发起人',
+        staffName: '处理人',
+        startTime: '开始时间',
+        endTime: '结束时间'
+      },
+      list: {
+        title: '工作单池'
+      },
+      table: {
+        id: '编号',
+        communityName: '小区名称',
+        workName: '工单名称',
+        typeName: '类型名称',
+        workCycle: '标识',
+        createUser: '发起人',
+        staffName: '处理人',
+        timeRange: '时间段',
+        status: '状态',
+        createTime: '创建时间',
+        finishTime: '完成时间'
+      },
+      status: {
+        timeout: '超时'
+      },
+      workCycle: {
+        once: '一次性工单',
+        periodic: '周期性工单'
+      },
+      community: {
+        title: '小区选择',
+        all: '全部小区',
+        fetchError: '加载小区失败'
+      },
+      fetchError: '加载工单失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/work/adminWorkPoolList.vue b/src/views/work/adminWorkPoolList.vue
new file mode 100644
index 0000000..d0068ec
--- /dev/null
+++ b/src/views/work/adminWorkPoolList.vue
@@ -0,0 +1,208 @@
+<template>
+  <div class="admin-work-pool-container">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <select-admin-community @changeCommunity="handleCommunityChange" />
+      </el-col>
+      <el-col :span="21">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminWorkPool.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input v-model="searchForm.workNameLike" :placeholder="$t('adminWorkPool.search.workName')" clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.createUserNameLike" :placeholder="$t('adminWorkPool.search.createUser')"
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input v-model="searchForm.staffNameLike" :placeholder="$t('adminWorkPool.search.staffName')"
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker v-model="searchForm.queryStartTime" type="datetime"
+                :placeholder="$t('adminWorkPool.search.startTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker v-model="searchForm.queryEndTime" type="datetime"
+                :placeholder="$t('adminWorkPool.search.endTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="handleSearch">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="handleReset">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('adminWorkPool.list.title') }}</span>
+          </div>
+          <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+            <el-table-column prop="workId" :label="$t('adminWorkPool.table.id')" align="center" />
+            <el-table-column prop="communityName" :label="$t('adminWorkPool.table.communityName')" align="center" />
+            <el-table-column prop="workName" :label="$t('adminWorkPool.table.workName')" align="center" />
+            <el-table-column prop="typeName" :label="$t('adminWorkPool.table.typeName')" align="center" />
+            <el-table-column :label="$t('adminWorkPool.table.workCycle')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.workCycle === '1001' ? $t('adminWorkPool.workCycle.once') :
+                  $t('adminWorkPool.workCycle.periodic') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="createUserName" :label="$t('adminWorkPool.table.createUser')" align="center" />
+            <el-table-column prop="staffName" :label="$t('adminWorkPool.table.staffName')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.staffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('adminWorkPool.table.timeRange')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.startTime }}<br />~{{ scope.row.endTime }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('adminWorkPool.table.status')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.stateName }}
+                <span v-if="scope.row.state === 'C' && scope.row.taskTimeout === 'Y'">
+                  ({{ $t('adminWorkPool.status.timeout') }})
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" :label="$t('adminWorkPool.table.createTime')" align="center" />
+            <el-table-column prop="finishTime" :label="$t('adminWorkPool.table.finishTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.finishTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('common.operation')" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="handleDetail(scope.row)">
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handlePageChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listAdminWorkTask } from '@/api/work/adminWorkPoolApi'
+import SelectAdminCommunity from '@/components/community/selectAdminCommunity'
+
+export default {
+  name: 'AdminWorkPoolList',
+  components: {
+    SelectAdminCommunity
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        workNameLike: '',
+        createUserNameLike: '',
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: '',
+        communityId: '',
+        state: '',
+        page: 1,
+        row: 10
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = { ...this.searchForm }
+        if (params.state === 'timeout') {
+          params.state = 'C'
+          params.taskTimeout = 'Y'
+        }
+        const { data, total } = await listAdminWorkTask(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('adminWorkPool.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.searchForm.page = 1
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        workNameLike: '',
+        createUserNameLike: '',
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: '',
+        communityId: this.searchForm.communityId,
+        state: '',
+        page: 1,
+        row: 10
+      }
+      this.getList()
+    },
+    handleCommunityChange(community) {
+      this.searchForm.communityId = community.communityId
+      this.handleSearch()
+    },
+    handleDetail(row) {
+      this.$router.push(`/views/work/adminWorkDetail?workId=${row.workId}`)
+    },
+    handleSizeChange(val) {
+      this.searchForm.row = val
+      this.pagination.size = val
+      this.getList()
+    },
+    handlePageChange(val) {
+      this.searchForm.page = val
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-work-pool-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file