diff --git a/src/api/oa/copyWorkApi.js b/src/api/oa/copyWorkApi.js
new file mode 100644
index 0000000..5e5d3e9
--- /dev/null
+++ b/src/api/oa/copyWorkApi.js
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+/**
+ * 查询抄送工单列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function queryCopyWork(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.queryCopyWork',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 提交抄送工单处理结果
+ * @param {Object} data 处理数据
+ * @returns {Promise}
+ */
+export function finishWorkCopy(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.finishWorkCopy',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/oa/doWorkApi.js b/src/api/oa/doWorkApi.js
new file mode 100644
index 0000000..e724395
--- /dev/null
+++ b/src/api/oa/doWorkApi.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 查询工单列表
+export function queryTaskWork(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.queryTaskWork',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/oa/workDeductionApi.js b/src/api/oa/workDeductionApi.js
new file mode 100644
index 0000000..e258c28
--- /dev/null
+++ b/src/api/oa/workDeductionApi.js
@@ -0,0 +1,89 @@
+import request from '@/utils/request'
+
+/**
+ * 获取工单扣款列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listWorkDeduction(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listWorkDeduction',
+      method: 'get',
+      params
+    })
+      .then(response => {
+        const res = response.data
+        resolve(res)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}
+
+/**
+ * 添加工单扣款
+ * @param {Object} data 扣款数据
+ * @returns {Promise}
+ */
+export function addWorkDeduction(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.saveWorkDeduction',
+      method: 'post',
+      data
+    })
+      .then(response => {
+        const res = response.data
+        resolve(res)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}
+
+/**
+ * 更新工单扣款
+ * @param {Object} data 扣款数据
+ * @returns {Promise}
+ */
+export function updateWorkDeduction(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.updateWorkDeduction',
+      method: 'post',
+      data
+    })
+      .then(response => {
+        const res = response.data
+        resolve(res)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}
+
+/**
+ * 删除工单扣款
+ * @param {String} workId 工单ID
+ * @returns {Promise}
+ */
+export function deleteWorkDeduction(workId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.deleteWorkDeduction',
+      method: 'post',
+      data: { workId }
+    })
+      .then(response => {
+        const res = response.data
+        resolve(res)
+      })
+      .catch(error => {
+        reject(error)
+      })
+  })
+}
\ No newline at end of file
diff --git a/src/api/oa/workPoolApi.js b/src/api/oa/workPoolApi.js
new file mode 100644
index 0000000..0b0e3e6
--- /dev/null
+++ b/src/api/oa/workPoolApi.js
@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+// 获取工作单池列表
+export function listWorkTask(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listWorkTask',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/i18n/oaI18n.js b/src/i18n/oaI18n.js
index aa3423b..669ce13 100644
--- a/src/i18n/oaI18n.js
+++ b/src/i18n/oaI18n.js
@@ -42,6 +42,10 @@ import { messages as startWorkMessages } from '../views/oa/startWorkLang'
 import { messages as addWorkMessages } from '../views/oa/addWorkLang'
 import { messages as editWorkMessages } from '../views/oa/editWorkLang'
 import { messages as workDetailMessages } from '../views/oa/workDetailLang'
+import { messages as doWorkMessages } from '../views/oa/doWorkLang'
+import { messages as copyWorkMessages } from '../views/oa/copyWorkLang'
+import { messages as workPoolMessages } from '../views/oa/workPoolLang'
+import { messages as workDeductionMessages } from '../views/oa/workDeductionLang'
 export const messages ={
     en:{
         ...activitiesTypeManageMessages.en,
@@ -87,6 +91,10 @@ export const messages ={
         ...addWorkMessages.en,
         ...editWorkMessages.en,
         ...workDetailMessages.en,
+        ...doWorkMessages.en,
+        ...copyWorkMessages.en,
+        ...workPoolMessages.en,
+        ...workDeductionMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -132,5 +140,9 @@ export const messages ={
         ...addWorkMessages.zh,
         ...editWorkMessages.zh,
         ...workDetailMessages.zh,
+        ...doWorkMessages.zh,
+        ...copyWorkMessages.zh,
+        ...workPoolMessages.zh,
+        ...workDeductionMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/oaRouter.js b/src/router/oaRouter.js
index 16679a7..b731934 100644
--- a/src/router/oaRouter.js
+++ b/src/router/oaRouter.js
@@ -199,4 +199,24 @@ export default [
         name: '/views/oa/workDetail',
         component: () => import('@/views/oa/workDetailList.vue')
     },
+    {
+        path: '/pages/oa/doWork',
+        name: '/pages/oa/doWork',
+        component: () => import('@/views/oa/doWorkList.vue')
+    },
+    {
+        path: '/pages/oa/copyWork',
+        name: '/pages/oa/copyWork',
+        component: () => import('@/views/oa/copyWorkList.vue')
+    },
+    {
+        path: '/pages/oa/workPool',
+        name: '/pages/oa/workPool',
+        component: () => import('@/views/oa/workPoolList.vue')
+    },
+    {
+        path: '/pages/oa/workDeduction',
+        name: '/pages/oa/workDeduction',
+        component: () => import('@/views/oa/workDeductionList.vue')
+    },
 ]
\ No newline at end of file
diff --git a/src/views/oa/copyWorkLang.js b/src/views/oa/copyWorkLang.js
new file mode 100644
index 0000000..71a6c0a
--- /dev/null
+++ b/src/views/oa/copyWorkLang.js
@@ -0,0 +1,86 @@
+export const messages = {
+  en: {
+    copyWork: {
+      search: {
+        title: 'Search Conditions',
+        workName: 'Work Order Name',
+        createUser: 'Creator',
+        startTime: 'Start Time',
+        endTime: 'End Time'
+      },
+      list: {
+        title: 'Work Orders Copied to Me'
+      },
+      table: {
+        id: 'ID',
+        workName: 'Work Order Name',
+        typeName: 'Type Name',
+        workCycle: 'Cycle',
+        startTime: 'Start Time',
+        endTime: 'End Time',
+        createUser: 'Creator',
+        handler: 'Handler',
+        copyUser: 'Copy To',
+        status: 'Status',
+        createTime: 'Create Time'
+      },
+      state: {
+        all: 'All',
+        W: 'Pending',
+        C: 'Processed'
+      },
+      cycle: {
+        once: 'One-time',
+        periodic: 'Periodic'
+      },
+      audit: {
+        title: 'Read Note',
+        message: 'Note',
+        messagePlaceholder: 'Required, please fill in the note'
+      },
+      fetchError: 'Failed to fetch work orders'
+    }
+  },
+  zh: {
+    copyWork: {
+      search: {
+        title: '查询条件',
+        workName: '工单名称',
+        createUser: '发起人',
+        startTime: '开始时间',
+        endTime: '结束时间'
+      },
+      list: {
+        title: '抄送我的工作单'
+      },
+      table: {
+        id: '编号',
+        workName: '工单名称',
+        typeName: '类型名称',
+        workCycle: '标识',
+        startTime: '开始时间',
+        endTime: '结束时间',
+        createUser: '发起人',
+        handler: '处理人',
+        copyUser: '抄送人',
+        status: '状态',
+        createTime: '创建时间'
+      },
+      state: {
+        all: '全部',
+        W: '待处理',
+        C: '已处理'
+      },
+      cycle: {
+        once: '一次性工单',
+        periodic: '周期性工单'
+      },
+      audit: {
+        title: '已阅说明',
+        message: '说明',
+        messagePlaceholder: '必填，请填写说明'
+      },
+      fetchError: '获取工单列表失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/oa/copyWorkList.vue b/src/views/oa/copyWorkList.vue
new file mode 100644
index 0000000..3480fa3
--- /dev/null
+++ b/src/views/oa/copyWorkList.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="copy-work-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <div class="border-radius">
+          <div class="margin-xs-r treeview">
+            <ul class="list-group text-center border-radius">
+              <li
+                v-for="(item,index) in copyWorkInfo.states"
+                :key="index"
+                class="list-group-item node-orgTree"
+                :class="{'vc-node-selected':copyWorkInfo.conditions.state == item.state}"
+                @click="swatchWorkState(item)"
+              >
+                {{ $t(`copyWork.state.${item.state || 'all'}`) }}
+              </li>
+            </ul>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <h5>{{ $t('copyWork.search.title') }}</h5>
+          </div>
+          <div class="search-wrapper">
+            <el-row :gutter="20">
+              <el-col :span="4">
+                <el-input
+                  v-model="copyWorkInfo.conditions.workName"
+                  :placeholder="$t('copyWork.search.workName')"
+                  clearable
+                />
+              </el-col>
+              <el-col :span="4">
+                <el-input
+                  v-model="copyWorkInfo.conditions.createUserNameLike"
+                  :placeholder="$t('copyWork.search.createUser')"
+                  clearable
+                />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker
+                  v-model="copyWorkInfo.conditions.queryStartTime"
+                  type="datetime"
+                  :placeholder="$t('copyWork.search.startTime')"
+                  style="width: 100%"
+                />
+              </el-col>
+              <el-col :span="4">
+                <el-date-picker
+                  v-model="copyWorkInfo.conditions.queryEndTime"
+                  type="datetime"
+                  :placeholder="$t('copyWork.search.endTime')"
+                  style="width: 100%"
+                />
+              </el-col>
+              <el-col :span="4">
+                <el-button type="primary" @click="_queryCopyWorkMethod">
+                  <i class="el-icon-search"></i>
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button @click="_resetCopyWorkMethod">
+                  <i class="el-icon-refresh"></i>
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <div>{{ $t('copyWork.list.title') }}</div>
+          </div>
+          <el-table
+            :data="copyWorkInfo.works"
+            border
+            style="width: 100%"
+            v-loading="loading"
+          >
+            <el-table-column
+              prop="workId"
+              :label="$t('copyWork.table.id')"
+              align="center"
+            />
+            <el-table-column
+              prop="workName"
+              :label="$t('copyWork.table.workName')"
+              align="center"
+            />
+            <el-table-column
+              prop="typeName"
+              :label="$t('copyWork.table.typeName')"
+              align="center"
+            />
+            <el-table-column
+              :label="$t('copyWork.table.workCycle')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.workCycle == '1001' ? $t('copyWork.cycle.once') : $t('copyWork.cycle.periodic') }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="startTime"
+              :label="$t('copyWork.table.startTime')"
+              align="center"
+            />
+            <el-table-column
+              prop="endTime"
+              :label="$t('copyWork.table.endTime')"
+              align="center"
+            />
+            <el-table-column
+              prop="createUserName"
+              :label="$t('copyWork.table.createUser')"
+              align="center"
+            />
+            <el-table-column
+              prop="curStaffName"
+              :label="$t('copyWork.table.handler')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.curStaffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="curCopyName"
+              :label="$t('copyWork.table.copyUser')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.curCopyName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="stateName"
+              :label="$t('copyWork.table.status')"
+              align="center"
+            />
+            <el-table-column
+              prop="createTime"
+              :label="$t('copyWork.table.createTime')"
+              align="center"
+            />
+            <el-table-column
+              :label="$t('common.operation')"
+              align="center"
+              width="180"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  v-if="scope.row.state != 'C'"
+                  size="mini"
+                  type="primary"
+                  @click="_openCopyWorkModel(scope.row)"
+                >
+                  {{ $t('common.process') }}
+                </el-button>
+                <el-button
+                  size="mini"
+                  @click="_toWorkDetailPage(scope.row)"
+                >
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination
+            :current-page.sync="page.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="page.size"
+            :total="page.total"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-dialog
+      :title="$t('copyWork.audit.title')"
+      :visible.sync="auditDialogVisible"
+      width="50%"
+    >
+      <el-form>
+        <el-form-item :label="$t('copyWork.audit.message')">
+          <el-input
+            type="textarea"
+            :placeholder="$t('copyWork.audit.messagePlaceholder')"
+            v-model="copyWorkInfo.audit.auditMessage"
+            :rows="4"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="auditDialogVisible = false">
+          {{ $t('common.cancel') }}
+        </el-button>
+        <el-button type="primary" @click="_auditSubmit">
+          {{ $t('common.submit') }}
+        </el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { queryCopyWork, finishWorkCopy } from '@/api/oa/copyWorkApi'
+
+export default {
+  name: 'CopyWorkList',
+  data() {
+    return {
+      loading: false,
+      auditDialogVisible: false,
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      copyWorkInfo: {
+        works: [],
+        states: [
+          {
+            name: '全部',
+            state: ''
+          }, {
+            name: '待处理',
+            state: 'W'
+          }, {
+            name: '已处理',
+            state: 'C'
+          }
+        ],
+        audit: {
+          copyId: '',
+          auditMessage: '',
+        },
+        conditions: {
+          workName: '',
+          state: '',
+          typeName: '',
+          timeout: '',
+          queryEndTime: '',
+          queryStartTime: '',
+          createUserNameLike: '',
+          page: 1,
+          row: 10
+        }
+      }
+    }
+  },
+  created() {
+    this._listCopyWorks(this.page.current, this.page.size)
+  },
+  methods: {
+    async _listCopyWorks(page, size) {
+      try {
+        this.loading = true
+        this.copyWorkInfo.conditions.page = page
+        this.copyWorkInfo.conditions.row = size
+        const { data, total } = await queryCopyWork(this.copyWorkInfo.conditions)
+        this.copyWorkInfo.works = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('copyWork.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryCopyWorkMethod() {
+      this.page.current = 1
+      this._listCopyWorks(this.page.current, this.page.size)
+    },
+    _resetCopyWorkMethod() {
+      this.copyWorkInfo.conditions = {
+        workName: '',
+        state: '',
+        typeName: '',
+        timeout: '',
+        queryEndTime: '',
+        queryStartTime: '',
+        createUserNameLike: '',
+        page: 1,
+        row: 10
+      }
+      this._listCopyWorks(this.page.current, this.page.size)
+    },
+    swatchWorkState(state) {
+      this.copyWorkInfo.conditions.state = state.state
+      this._listCopyWorks(this.page.current, this.page.size)
+    },
+    _toWorkDetailPage(work) {
+      this.$router.push(`/pages/oa/workDetail?workId=${work.workId}`)
+    },
+    _openCopyWorkModel(work) {
+      this.$router.push(`/pages/oa/doCopyWork?workId=${work.workId}&copyId=${work.copyId}`)
+    },
+    async _auditSubmit() {
+      try {
+        await finishWorkCopy(this.copyWorkInfo.audit)
+        this.$message.success(this.$t('common.submitSuccess'))
+        this.auditDialogVisible = false
+        this._listCopyWorks(this.page.current, this.page.size)
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.submitFailed'))
+      }
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listCopyWorks(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listCopyWorks(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.copy-work-container {
+  padding: 20px;
+
+  .border-radius {
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  .margin-xs-r {
+    margin-right: 10px;
+  }
+
+  .list-group {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    .list-group-item {
+      padding: 10px 15px;
+      border: 1px solid #ddd;
+      margin-bottom: -1px;
+      cursor: pointer;
+      background-color: #fff;
+
+      &:hover {
+        background-color: #f5f5f5;
+      }
+
+      &.vc-node-selected {
+        background-color: #409EFF;
+        color: #fff;
+      }
+    }
+  }
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/oa/doWorkLang.js b/src/views/oa/doWorkLang.js
new file mode 100644
index 0000000..ad550f3
--- /dev/null
+++ b/src/views/oa/doWorkLang.js
@@ -0,0 +1,72 @@
+export const messages = {
+  en: {
+    doWork: {
+      search: {
+        title: 'Search Conditions',
+        workNameLike: 'Work Order Name',
+        staffNameLike: 'Processor',
+        queryStartTime: 'Start Time',
+        queryEndTime: 'End Time'
+      },
+      table: {
+        title: 'Work Order List',
+        workId: 'ID',
+        workName: 'Work Order Name',
+        typeName: 'Type Name',
+        workCycle: 'Type',
+        startTime: 'Start Time',
+        endTime: 'End Time',
+        createUserName: 'Creator',
+        curStaffName: 'Processor',
+        curCopyName: 'CC',
+        stateName: 'Status',
+        createTime: 'Create Time'
+      },
+      state: {
+        all: 'All',
+        pending: 'Pending',
+        processed: 'Processed'
+      },
+      workCycle: {
+        once: 'One-time Work Order',
+        periodic: 'Periodic Work Order'
+      },
+      fetchError: 'Failed to fetch work orders'
+    },
+  },
+  zh: {
+    doWork: {
+      search: {
+        title: '查询条件',
+        workNameLike: '工单名称',
+        staffNameLike: '处理人',
+        queryStartTime: '开始时间',
+        queryEndTime: '结束时间'
+      },
+      table: {
+        title: '工单列表',
+        workId: '编号',
+        workName: '工单名称',
+        typeName: '类型名称',
+        workCycle: '类型',
+        startTime: '开始时间',
+        endTime: '结束时间',
+        createUserName: '发起人',
+        curStaffName: '处理人',
+        curCopyName: '抄送人',
+        stateName: '状态',
+        createTime: '创建时间'
+      },
+      state: {
+        all: '全部',
+        pending: '待处理',
+        processed: '已处理'
+      },
+      workCycle: {
+        once: '一次性工单',
+        periodic: '周期性工单'
+      },
+      fetchError: '获取工单列表失败'
+    },
+  }
+}
\ No newline at end of file
diff --git a/src/views/oa/doWorkList.vue b/src/views/oa/doWorkList.vue
new file mode 100644
index 0000000..bdd6e87
--- /dev/null
+++ b/src/views/oa/doWorkList.vue
@@ -0,0 +1,339 @@
+<template>
+  <div class="do-work-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="tree-card">
+          <ul class="state-list">
+            <li 
+              v-for="(item,index) in doWorkInfo.states" 
+              :key="index"
+              @click="swatchWorkState(item)"
+              :class="{'active-state':doWorkInfo.conditions.state === item.state}">
+              {{item.name}}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('doWork.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input 
+                v-model.trim="doWorkInfo.conditions.workNameLike" 
+                :placeholder="$t('doWork.search.workNameLike')" 
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-input 
+                v-model.trim="doWorkInfo.conditions.staffNameLike" 
+                :placeholder="$t('doWork.search.staffNameLike')" 
+                clearable />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="doWorkInfo.conditions.queryStartTime"
+                type="datetime"
+                :placeholder="$t('doWork.search.queryStartTime')"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="doWorkInfo.conditions.queryEndTime"
+                type="datetime"
+                :placeholder="$t('doWork.search.queryEndTime')"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :disabled="!doWorkInfo.conditions.queryStartTime">
+              </el-date-picker>
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="_queryDoWorkMethod">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="_resetDoWorkMethod">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('doWork.table.title') }}</span>
+          </div>
+          <el-table
+            :data="doWorkInfo.works"
+            border
+            style="width: 100%"
+            v-loading="loading">
+            <el-table-column
+              prop="workId"
+              :label="$t('doWork.table.workId')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="workName"
+              :label="$t('doWork.table.workName')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="typeName"
+              :label="$t('doWork.table.typeName')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="workCycle"
+              :label="$t('doWork.table.workCycle')"
+              align="center">
+              <template slot-scope="scope">
+                {{ scope.row.workCycle === '1001' ? $t('doWork.workCycle.once') : $t('doWork.workCycle.periodic') }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="startTime"
+              :label="$t('doWork.table.startTime')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="endTime"
+              :label="$t('doWork.table.endTime')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="createUserName"
+              :label="$t('doWork.table.createUserName')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="curStaffName"
+              :label="$t('doWork.table.curStaffName')"
+              align="center">
+              <template slot-scope="scope">
+                {{ scope.row.curStaffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="curCopyName"
+              :label="$t('doWork.table.curCopyName')"
+              align="center">
+              <template slot-scope="scope">
+                {{ scope.row.curCopyName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="stateName"
+              :label="$t('doWork.table.stateName')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              prop="createTime"
+              :label="$t('doWork.table.createTime')"
+              align="center">
+            </el-table-column>
+            <el-table-column
+              :label="$t('common.operation')"
+              align="center"
+              width="180">
+              <template slot-scope="scope">
+                <el-button
+                  v-if="scope.row.state === 'W' || scope.row.state === 'D'"
+                  type="text"
+                  size="small"
+                  @click="_openTodoTaskDetail(scope.row)">
+                  {{ $t('common.process') }}
+                </el-button>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click="_toWorkDetailPage(scope.row)">
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pagination.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="pagination.total">
+          </el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { queryTaskWork } from '@/api/oa/doWorkApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DoWorkList',
+  data() {
+    return {
+      loading: false,
+      communityId: '',
+      doWorkInfo: {
+        works: [],
+        states: [
+          {
+            name: this.$t('doWork.state.all'),
+            state: ''
+          },
+          {
+            name: this.$t('doWork.state.pending'),
+            state: 'W'
+          },
+          {
+            name: this.$t('doWork.state.processed'),
+            state: 'C'
+          }
+        ],
+        conditions: {
+          workNameLike: '',
+          staffNameLike: '',
+          state: '',
+          typeName: '',
+          timeout: '',
+          queryEndTime: '',
+          queryStartTime: '',
+          page: 1,
+          row: 10
+        }
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._listDoWorks()
+  },
+  methods: {
+    async _listDoWorks() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.doWorkInfo.conditions,
+          communityId: this.communityId
+        }
+        const { data, total } = await queryTaskWork(params)
+        this.doWorkInfo.works = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('doWork.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryDoWorkMethod() {
+      this.pagination.current = 1
+      this.doWorkInfo.conditions.page = 1
+      this._listDoWorks()
+    },
+    _resetDoWorkMethod() {
+      this.doWorkInfo.conditions = {
+        workNameLike: '',
+        staffNameLike: '',
+        state: '',
+        typeName: '',
+        timeout: '',
+        queryEndTime: '',
+        queryStartTime: '',
+        page: 1,
+        row: 10
+      }
+      this._listDoWorks()
+    },
+    swatchWorkState(state) {
+      this.doWorkInfo.conditions.state = state.state
+      this._listDoWorks()
+    },
+    _openTodoTaskDetail(work) {
+      this.$router.push({
+        path: '/pages/oa/workTaskDetail',
+        query: {
+          workId: work.workId,
+          taskId: work.taskId,
+          todo: 'ON'
+        }
+      })
+    },
+    _toWorkDetailPage(work) {
+      this.$router.push({
+        path: '/pages/oa/workDetail',
+        query: {
+          workId: work.workId
+        }
+      })
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.doWorkInfo.conditions.row = val
+      this._listDoWorks()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.doWorkInfo.conditions.page = val
+      this._listDoWorks()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.do-work-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .state-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 10px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 4px;
+        margin-bottom: 5px;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active-state {
+          background-color: #409EFF;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .el-date-editor {
+    width: 100%;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/oa/workDeductionLang.js b/src/views/oa/workDeductionLang.js
new file mode 100644
index 0000000..b53b8b6
--- /dev/null
+++ b/src/views/oa/workDeductionLang.js
@@ -0,0 +1,64 @@
+export const messages = {
+  en: {
+    workDeduction: {
+      search: {
+        title: 'Search Conditions',
+        staffNameLike: 'Please enter handler',
+        deductionPersonNameLike: 'Please enter deduction person'
+      },
+      list: {
+        title: 'Work Order Deduction'
+      },
+      table: {
+        staffName: 'Staff Name',
+        timeRange: 'Time Range',
+        content: 'Content',
+        finishTime: 'Completion Time',
+        state: 'Status',
+        remark: 'Remark',
+        score: 'Score',
+        deductionMoney: 'Deduction Amount',
+        deductionReason: 'Deduction Reason',
+        deductionPersonName: 'Deduction Person',
+        createTime: 'Time'
+      },
+      state: {
+        W: 'Pending',
+        C: 'Handler Completed',
+        CC: 'Copier Completed'
+      },
+      fetchError: 'Failed to fetch work deduction data'
+    }
+  },
+  zh: {
+    workDeduction: {
+      search: {
+        title: '查询条件',
+        staffNameLike: '请输入处理人',
+        deductionPersonNameLike: '请输入扣款人'
+      },
+      list: {
+        title: '工单扣款'
+      },
+      table: {
+        staffName: '员工名称',
+        timeRange: '时间段',
+        content: '内容',
+        finishTime: '完成时间',
+        state: '状态',
+        remark: '说明',
+        score: '评分',
+        deductionMoney: '扣款金额',
+        deductionReason: '扣款说明',
+        deductionPersonName: '扣款人',
+        createTime: '时间'
+      },
+      state: {
+        W: '待处理',
+        C: '处理人已办理',
+        CC: '抄送人已办理'
+      },
+      fetchError: '获取工单扣款数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/oa/workDeductionList.vue b/src/views/oa/workDeductionList.vue
new file mode 100644
index 0000000..621cbec
--- /dev/null
+++ b/src/views/oa/workDeductionList.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="work-deduction-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('workDeduction.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input
+            v-model.trim="searchForm.staffNameLike"
+            :placeholder="$t('workDeduction.search.staffNameLike')"
+            clearable
+            @keyup.enter.native="handleSearch"
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-input
+            v-model.trim="searchForm.deductionPersonNameLike"
+            :placeholder="$t('workDeduction.search.deductionPersonNameLike')"
+            clearable
+            @keyup.enter.native="handleSearch"
+          />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 工单扣款列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('workDeduction.list.title') }}</span>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        border
+        style="width: 100%"
+      >
+        <el-table-column
+          prop="staffName"
+          :label="$t('workDeduction.table.staffName')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('workDeduction.table.timeRange')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.startTime }}<br />~{{ scope.row.endTime }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="content"
+          :label="$t('workDeduction.table.content')"
+          align="center"
+          width="400"
+        />
+        <el-table-column
+          prop="finishTime"
+          :label="$t('workDeduction.table.finishTime')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('workDeduction.table.state')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <span v-if="scope.row.state === 'CC'">
+              {{ $t('workDeduction.state.CC') }}
+            </span>
+            <span v-else-if="scope.row.state === 'C'">
+              {{ $t('workDeduction.state.C') }}
+            </span>
+            <span v-else>
+              {{ $t('workDeduction.state.W') }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="remark"
+          :label="$t('workDeduction.table.remark')"
+          align="center"
+        />
+        <el-table-column
+          prop="score"
+          :label="$t('workDeduction.table.score')"
+          align="center"
+        />
+        <el-table-column
+          prop="deductionMoney"
+          :label="$t('workDeduction.table.deductionMoney')"
+          align="center"
+        />
+        <el-table-column
+          prop="deductionReason"
+          :label="$t('workDeduction.table.deductionReason')"
+          align="center"
+        />
+        <el-table-column
+          prop="deductionPersonName"
+          :label="$t('workDeduction.table.deductionPersonName')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('workDeduction.table.createTime')"
+          align="center"
+        />
+        <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.sync="page.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="page.size"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listWorkDeduction } from '@/api/oa/workDeductionApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'WorkDeductionList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        staffNameLike: '',
+        deductionPersonNameLike: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listWorkDeduction(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('workDeduction.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$router.push({
+        path: '/views/oa/workDetail',
+        query: { workId: row.workId }
+      })
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.work-deduction-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/oa/workPoolLang.js b/src/views/oa/workPoolLang.js
new file mode 100644
index 0000000..16c5dc4
--- /dev/null
+++ b/src/views/oa/workPoolLang.js
@@ -0,0 +1,76 @@
+export const messages = {
+  en: {
+    workPool: {
+      search: {
+        title: 'Search Conditions',
+        workName: 'Work Order Name',
+        createUser: 'Creator',
+        staffName: 'Processor',
+        startTime: 'Start Time',
+        endTime: 'End Time'
+      },
+      list: {
+        title: 'Work Order Pool'
+      },
+      table: {
+        id: 'ID',
+        workName: 'Work Name',
+        typeName: 'Type Name',
+        workCycle: 'Cycle Type',
+        once: 'One-time',
+        cycle: 'Periodic',
+        createUser: 'Creator',
+        staffName: 'Processor',
+        timeRange: 'Time Range',
+        status: 'Status',
+        createTime: 'Create Time',
+        finishTime: 'Finish Time',
+        timeout: 'Timeout'
+      },
+      state: {
+        all: 'All',
+        pending: 'Pending',
+        completed: 'Completed',
+        timeout: 'Timeout Work Orders'
+      },
+      fetchError: 'Failed to fetch work orders'
+    }
+  },
+  zh: {
+    workPool: {
+      search: {
+        title: '查询条件',
+        workName: '请输入工单名称',
+        createUser: '请输入发起人',
+        staffName: '请输入处理人',
+        startTime: '请输入开始时间',
+        endTime: '请输入结束时间'
+      },
+      list: {
+        title: '工作单池'
+      },
+      table: {
+        id: '编号',
+        workName: '工单名称',
+        typeName: '类型名称',
+        workCycle: '标识',
+        once: '一次性工单',
+        cycle: '周期性工单',
+        createUser: '发起人',
+        staffName: '处理人',
+        timeRange: '时间段',
+        status: '状态',
+        createTime: '创建时间',
+        finishTime: '完成时间',
+        timeout: '超时'
+      },
+      state: {
+        all: '全部',
+        pending: '待处理',
+        completed: '处理完成',
+        timeout: '超时工作单'
+      },
+      fetchError: '获取工作单列表失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/oa/workPoolList.vue b/src/views/oa/workPoolList.vue
new file mode 100644
index 0000000..05c7379
--- /dev/null
+++ b/src/views/oa/workPoolList.vue
@@ -0,0 +1,326 @@
+<template>
+  <div class="work-pool-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <div class="state-sidebar">
+          <ul class="state-list">
+            <li
+              v-for="(item, index) in workPoolInfo.states"
+              :key="index"
+              class="state-item"
+              :class="{ 'active-state': workPoolInfo.conditions.state === item.state }"
+              @click="swatchWorkState(item)"
+            >
+              {{ item.name }}
+            </li>
+          </ul>
+        </div>
+      </el-col>
+      <el-col :span="20">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('workPool.search.title') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <el-input
+                v-model.trim="workPoolInfo.conditions.workNameLike"
+                :placeholder="$t('workPool.search.workName')"
+                clearable
+              />
+            </el-col>
+            <el-col :span="4">
+              <el-input
+                v-model.trim="workPoolInfo.conditions.createUserNameLike"
+                :placeholder="$t('workPool.search.createUser')"
+                clearable
+              />
+            </el-col>
+            <el-col :span="4">
+              <el-input
+                v-model.trim="workPoolInfo.conditions.staffNameLike"
+                :placeholder="$t('workPool.search.staffName')"
+                clearable
+              />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="workPoolInfo.conditions.queryStartTime"
+                type="datetime"
+                :placeholder="$t('workPool.search.startTime')"
+                style="width: 100%"
+              />
+            </el-col>
+            <el-col :span="4">
+              <el-date-picker
+                v-model="workPoolInfo.conditions.queryEndTime"
+                type="datetime"
+                :placeholder="$t('workPool.search.endTime')"
+                style="width: 100%"
+              />
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="_queryWorkPoolMethod">
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="_resetWorkPoolMethod">
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="work-list-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('workPool.list.title') }}</span>
+          </div>
+          <el-table
+            :data="workPoolInfo.works"
+            border
+            style="width: 100%"
+            v-loading="loading"
+          >
+            <el-table-column
+              prop="workId"
+              :label="$t('workPool.table.id')"
+              width="80"
+              align="center"
+            />
+            <el-table-column
+              prop="workName"
+              :label="$t('workPool.table.workName')"
+              align="center"
+            />
+            <el-table-column
+              prop="typeName"
+              :label="$t('workPool.table.typeName')"
+              align="center"
+            />
+            <el-table-column
+              prop="workCycle"
+              :label="$t('workPool.table.workCycle')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.workCycle === '1001' ? $t('workPool.table.once') : $t('workPool.table.cycle') }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="createUserName"
+              :label="$t('workPool.table.createUser')"
+              align="center"
+            />
+            <el-table-column
+              prop="staffName"
+              :label="$t('workPool.table.staffName')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.staffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              :label="$t('workPool.table.timeRange')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <div>{{ scope.row.startTime }}</div>
+                <div>{{ scope.row.endTime }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              :label="$t('workPool.table.status')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.stateName }}
+                <span v-if="scope.row.state === 'C' && scope.row.taskTimeout === 'Y'">
+                  ({{ $t('workPool.table.timeout') }})
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="createTime"
+              :label="$t('workPool.table.createTime')"
+              align="center"
+            />
+            <el-table-column
+              prop="finishTime"
+              :label="$t('workPool.table.finishTime')"
+              align="center"
+            >
+              <template slot-scope="scope">
+                {{ scope.row.finishTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              :label="$t('common.operation')"
+              width="120"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="primary"
+                  @click="_toWorkDetailPage(scope.row)"
+                >
+                  {{ $t('common.detail') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination
+            :current-page.sync="pagination.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size"
+            :total="pagination.total"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listWorkTask } from '@/api/oa/workPoolApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'WorkPoolList',
+  data() {
+    return {
+      loading: false,
+      workPoolInfo: {
+        works: [],
+        states: [
+          { name: this.$t('workPool.state.all'), state: '' },
+          { name: this.$t('workPool.state.pending'), state: 'W' },
+          { name: this.$t('workPool.state.completed'), state: 'C' },
+          { name: this.$t('workPool.state.timeout'), state: 'timeout' }
+        ],
+        conditions: {
+          state: '',
+          workNameLike: '',
+          createUserNameLike: '',
+          staffNameLike: '',
+          queryStartTime: '',
+          queryEndTime: '',
+          page: 1,
+          row: 10,
+          communityId: ''
+        }
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.workPoolInfo.conditions.communityId = getCommunityId()
+    this._listWorkPools()
+  },
+  methods: {
+    async _listWorkPools() {
+      try {
+        this.loading = true
+        const params = { ...this.workPoolInfo.conditions }
+        if (params.state === 'timeout') {
+          params.state = 'C'
+          params.taskTimeout = 'Y'
+        }
+        
+        const { data, total } = await listWorkTask(params)
+        this.workPoolInfo.works = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('workPool.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _queryWorkPoolMethod() {
+      this.pagination.current = 1
+      this.workPoolInfo.conditions.page = 1
+      this._listWorkPools()
+    },
+    _resetWorkPoolMethod() {
+      this.workPoolInfo.conditions = {
+        ...this.workPoolInfo.conditions,
+        workNameLike: '',
+        createUserNameLike: '',
+        staffNameLike: '',
+        queryStartTime: '',
+        queryEndTime: '',
+        state: ''
+      }
+      this._queryWorkPoolMethod()
+    },
+    swatchWorkState(state) {
+      this.workPoolInfo.conditions.state = state.state
+      this._queryWorkPoolMethod()
+    },
+    _toWorkDetailPage(work) {
+      this.$router.push(`/views/oa/workDetail?workId=${work.workId}`)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.workPoolInfo.conditions.row = val
+      this._listWorkPools()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.workPoolInfo.conditions.page = val
+      this._listWorkPools()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.work-pool-container {
+  padding: 20px;
+
+  .state-sidebar {
+    background: #fff;
+    border-radius: 4px;
+    padding: 10px 0;
+
+    .state-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .state-item {
+        padding: 10px 15px;
+        cursor: pointer;
+        text-align: center;
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active-state {
+          background-color: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file