工作单功能处理中

wuxw
1 parent d4a6b78f
Showing 24 changed files with 2948 additions and 105 deletions
src/api/oa/addWorkApi.js
src/api/oa/editWorkApi.js
src/api/oa/startWorkApi.js
src/api/oa/workTypeApi.js
src/api/system/paymentPoolApi.js
src/components/oa/addWorkType.vue
src/components/oa/deleteWork.vue
src/components/oa/deleteWorkType.vue
src/components/oa/editWorkType.vue
src/components/oa/orgTreeShow.vue
src/components/oa/selectStaff.vue
src/components/oa/textarea.vue
src/components/oa/uploadFile.vue
src/components/system/uploadFile.vue → src/components/upload/uploadFile.vue
src/i18n/oaI18n.js
src/router/oaRouter.js
src/views/oa/addWorkLang.js
src/views/oa/addWorkList.vue
src/views/oa/editWorkLang.js
src/views/oa/editWorkList.vue
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 保存工作单
+export function saveWorkPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.saveWorkPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单类型列表
+export function listWorkType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.listWorkType',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传文件
+export function uploadFile(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/upload',
+      method: 'post',
+      data,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取工作单类型列表
+export function listWorkType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.listWorkType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询工作单详情
+export function queryStartWork(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.queryStartWork',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单处理人列表
+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)
+    })
+  })
+}
+
+// 获取工作单抄送人列表
+export function listWorkCopy(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.listWorkCopy',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取工作单周期信息
+export function listWorkCycle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workCycle.listWorkCycle',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新工作单
+export function updateWorkPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.updateWorkPool',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传文件
+export function uploadFile(data, config) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/upload',
+      method: 'post',
+      data,
+      onUploadProgress: config.onUploadProgress,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传图片
+export function uploadImage(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadImage',
+      method: 'post',
+      data,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询发起工作单列表
+export function queryStartWork(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.queryStartWork',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除工作单
+export function deleteWorkPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.deleteWorkPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 启动/停止工作单
+export function updateWorkState(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/work.startOrStopWorkPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取工作单类型列表
+export function listWorkType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.listWorkType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加工作单类型
+export function saveWorkType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.saveWorkType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新工作单类型
+export function updateWorkType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.updateWorkType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除工作单类型
+export function deleteWorkType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workType.deleteWorkType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
@@ -153,7 +153,7 @@ export function listFeeConfigs(params) {
 export function uploadFile(data, config) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/uploadVedio/upload',
+      url: '/callComponent/upload/uploadVedio/upload',
       method: 'post',
       data,
       headers: {
+<template>
+  <el-dialog
+    :title="$t('workType.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('workType.form.typeName')" prop="typeName">
+        <el-input
+          v-model.trim="formData.typeName"
+          :placeholder="$t('workType.placeholder.typeName')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('workType.form.deduction')" prop="deduction">
+        <el-select
+          v-model="formData.deduction"
+          :placeholder="$t('workType.placeholder.deduction')"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in deductionOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <div class="el-form-item__tip" v-if="formData.deduction === 'Y'">
+          {{ $t('workType.tip.deduction') }}
+        </div>
+      </el-form-item>
+
+      <el-form-item :label="$t('workType.form.smsWay')" prop="smsWay">
+        <el-select
+          v-model="formData.smsWay"
+          :placeholder="$t('workType.placeholder.smsWay')"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in smsWayOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <div class="el-form-item__tip" v-if="formData.smsWay === 'WECHAT'">
+          {{ $t('workType.tip.wechat') }}
+        </div>
+        <div class="el-form-item__tip" v-else-if="formData.smsWay === 'ALI_SMS'">
+          {{ $t('workType.tip.aliSms') }}
+        </div>
+      </el-form-item>
+
+      <el-form-item :label="$t('workType.form.remark')">
+        <el-input
+          v-model.trim="formData.remark"
+          type="textarea"
+          :rows="3"
+          :placeholder="$t('workType.placeholder.remark')"
+          maxlength="500"
+          show-word-limit
+        />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveWorkType } from '@/api/oa/workTypeApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddWorkType',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        typeName: '',
+        deduction: '',
+        smsWay: '',
+        remark: ''
+      },
+      deductionOptions: [
+        { value: 'Y', label: this.$t('workType.yes') },
+        { value: 'N', label: this.$t('workType.no') }
+      ],
+      smsWayOptions: [
+        { value: 'WECHAT', label: this.$t('workType.wechat') },
+        { value: 'ALI_SMS', label: this.$t('workType.aliSms') },
+        { value: 'WORK_LICENSE', label: this.$t('workType.workLicense') }
+      ],
+      rules: {
+        typeName: [
+          { required: true, message: this.$t('workType.validate.typeName'), trigger: 'blur' },
+          { max: 200, message: this.$t('workType.validate.typeNameMax'), trigger: 'blur' }
+        ],
+        deduction: [
+          { required: true, message: this.$t('workType.validate.deduction'), trigger: 'change' }
+        ],
+        smsWay: [
+          { required: true, message: this.$t('workType.validate.smsWay'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const params = {
+              ...this.formData,
+              communityId: getCommunityId()
+            }
+            await saveWorkType(params)
+            this.$message.success(this.$t('workType.add.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('workType.add.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-form-item__tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 5px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('startWork.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <p>{{ $t('startWork.delete.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteWorkPool } from '@/api/oa/startWorkApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteWork',
+  data() {
+    return {
+      visible: false,
+      currentWork: null,
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(work) {
+      this.currentWork = work
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+      this.currentWork = null
+    },
+    async handleConfirm() {
+      try {
+        await deleteWorkPool({
+          workId: this.currentWork.workId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('startWork.delete.success'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        this.$message.error(this.$t('startWork.delete.error'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.delete-content {
+  text-align: center;
+  font-size: 16px;
+  padding: 20px 0;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('workType.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <i class="el-icon-warning" style="color:#E6A23C;font-size:24px;"></i>
+      <span style="margin-left:10px;">{{ $t('workType.delete.confirm') }}</span>
+    </div>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteWorkType } from '@/api/oa/workTypeApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteWorkType',
+  data() {
+    return {
+      visible: false,
+      currentRow: null
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentRow = row
+      this.visible = true
+    },
+    handleClose() {
+      this.currentRow = null
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          wtId: this.currentRow.wtId,
+          communityId: getCommunityId()
+        }
+        await deleteWorkType(params)
+        this.$message.success(this.$t('workType.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('workType.delete.error'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.delete-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 0;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('workType.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('workType.form.typeName')" prop="typeName">
+        <el-input
+          v-model.trim="formData.typeName"
+          :placeholder="$t('workType.placeholder.typeName')"
+        />
+      </el-form-item>
+      
+      <el-form-item :label="$t('workType.form.deduction')" prop="deduction">
+        <el-select
+          v-model="formData.deduction"
+          :placeholder="$t('workType.placeholder.deduction')"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in deductionOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <div class="el-form-item__tip" v-if="formData.deduction === 'Y'">
+          {{ $t('workType.tip.deduction') }}
+        </div>
+      </el-form-item>
+
+      <el-form-item :label="$t('workType.form.smsWay')" prop="smsWay">
+        <el-select
+          v-model="formData.smsWay"
+          :placeholder="$t('workType.placeholder.smsWay')"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in smsWayOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('workType.form.remark')">
+        <el-input
+          v-model.trim="formData.remark"
+          type="textarea"
+          :rows="3"
+          :placeholder="$t('workType.placeholder.remark')"
+          maxlength="500"
+          show-word-limit
+        />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateWorkType } from '@/api/oa/workTypeApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditWorkType',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        wtId: '',
+        typeName: '',
+        deduction: '',
+        smsWay: '',
+        remark: ''
+      },
+      deductionOptions: [
+        { value: 'Y', label: this.$t('workType.yes') },
+        { value: 'N', label: this.$t('workType.no') }
+      ],
+      smsWayOptions: [
+        { value: 'WECHAT', label: this.$t('workType.wechat') },
+        { value: 'ALI_SMS', label: this.$t('workType.aliSms') },
+        { value: 'WORK_LICENSE', label: this.$t('workType.workLicense') }
+      ],
+      rules: {
+        typeName: [
+          { required: true, message: this.$t('workType.validate.typeName'), trigger: 'blur' },
+          { max: 200, message: this.$t('workType.validate.typeNameMax'), trigger: 'blur' }
+        ],
+        deduction: [
+          { required: true, message: this.$t('workType.validate.deduction'), trigger: 'change' }
+        ],
+        smsWay: [
+          { required: true, message: this.$t('workType.validate.smsWay'), trigger: 'change' }
+        ],
+        wtId: [
+          { required: true, message: this.$t('workType.validate.wtId'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.formData = {
+        wtId: row.wtId,
+        typeName: row.typeName,
+        deduction: row.deduction,
+        smsWay: row.smsWay,
+        remark: row.remark
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const params = {
+              ...this.formData,
+              communityId: getCommunityId()
+            }
+            await updateWorkType(params)
+            this.$message.success(this.$t('workType.edit.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('workType.edit.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-form-item__tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 5px;
+}
+</style>
 \ No newline at end of file
 <template>
-  <div class="org-tree-container">
+  <div class="org-tree-show">
     <el-tree
       ref="orgTree"
-      :data="orgData"
-      :props="defaultProps"
+      :data="orgTreeShowInfo.orgs"
       node-key="id"
-      default-expand-all
-      highlight-current
-      :expand-on-click-node="false"
+      :props="defaultProps"
+      :default-expand-all="true"
+      :highlight-current="true"
       @node-click="handleNodeClick"
-    ></el-tree>
+    />
   </div>
 </template>
 <script>
-import { listOrgTree } from '@/api/oa/addAttendanceClassesStaffApi'
+import { listOrgTree } from '@/api/oa/editWorkApi'
 import { getCommunityId } from '@/api/community/communityApi'
 export default {
   name: 'OrgTreeShow',
+  props: {
+    callBackListener: {
+      type: String,
+      required: true
+    }
+  },
   data() {
     return {
-      orgData: [],
+      orgTreeShowInfo: {
+        orgs: [],
+        orgId: '',
+        curOrg: {}
+      },
       defaultProps: {
         children: 'children',
         label: 'text'
-      },
-      communityId: getCommunityId()
+      }
     }
   },
+  mounted() {
+    this._loadOrgsShow()
+  },
   methods: {
-    async refreshTree() {
+    refreshTree() {
+      this._loadOrgsShow()
+    },
+    async _loadOrgsShow() {
       try {
         const params = {
-          communityId: this.communityId
+          communityId: getCommunityId()
         }
-        const res = await listOrgTree(params)
-        this.orgData = res.data
+        const { data } = await listOrgTree(params)
+        this.orgTreeShowInfo.orgs = data
       } catch (error) {
-        this.$message.error(this.$t('orgTree.loadFailed'))
+        console.error('加载组织树失败:', error)
       }
     },
     handleNodeClick(data) {
-      this.$emit('switchOrg', {
+      this.orgTreeShowInfo.curOrg = data
+      this.orgTreeShowInfo.curOrg.orgId = data.id
+      this.$emit(this.callBackListener, 'switchOrg', {
         orgId: data.id,
         orgName: data.text
       })
     }
-  },
-  mounted() {
-    this.refreshTree()
   }
 }
 </script>
 <style lang="scss" scoped>
-.org-tree-container {
-  height: 500px;
-  overflow-y: auto;
-  padding: 10px;
-
+.org-tree-show {
   ::v-deep .el-tree {
-    background-color: transparent;
-    
+    background: transparent;
     .el-tree-node__content {
       height: 36px;
-      
       &:hover {
         background-color: #f5f7fa;
       }
     }
-    
     .is-current > .el-tree-node__content {
       background-color: #ecf5ff;
+      color: #409eff;
     }
   }
 }
 <template>
-  <el-dialog 
-    :title="$t('selectStaff.title')" 
-    :visible.sync="visible" 
+  <el-dialog
+    :title="$t('selectStaff.title')"
+    :visible.sync="visible"
     width="70%"
-    :close-on-click-modal="false"
+    top="5vh"
   >
     <el-row :gutter="20">
       <el-col :span="12" class="border-right">
-        <div class="text-center mb-20">
-          <h4>{{ $t('selectStaff.orgInfo') }}</h4>
+        <div class="text-center section-title">
+          {{ $t('selectStaff.orgInfo') }}
+        </div>
+        <div class="org-tree-container">
+          <org-tree-show
+            ref="orgTree"
+            :call-back-listener="'selectStaff'"
+          />
         </div>
-        <org-tree-show 
-          ref="orgTree" 
-          @switchOrg="handleSwitchOrg"
-        ></org-tree-show>
       </el-col>
-
       <el-col :span="12">
-        <div class="text-center mb-20">
-          <h4>{{ $t('selectStaff.staffInfo') }}</h4>
+        <div class="text-center section-title">
+          {{ $t('selectStaff.staffInfo') }}
         </div>
         <div class="staff-list">
-          <div 
-            v-for="(staff, index) in staffList" 
-            :key="index" 
-            class="staff-item" 
-            :class="{ 'selected': currentStaffId === staff.staffId }"
-            @click="handleSelectStaff(staff)"
+          <div
+            v-for="(item, index) in selectStaffInfo.staffs"
+            :key="index"
+            class="staff-item"
+            :class="{ 'selected': selectStaffInfo.curStaffId === item.staffId }"
+            @click="_changeStaff(item)"
           >
             <div>
               <i class="el-icon-user"></i>
-              {{ staff.name }}
+              {{ item.name }}
             </div>
-            <div>{{ staff.tel }}</div>
+            <div>{{ item.tel }}</div>
           </div>
         </div>
       </el-col>
     </el-row>
-
-    <div 
-      v-if="staffData.from === 'bpmn' || staffData.from === 'purchase' || staffData.from === 'contract'"
-      slot="footer" 
+    <div
+      v-if="selectStaffInfo.staff.from === 'bpmn' || 
+            selectStaffInfo.staff.from === 'purchase' || 
+            selectStaffInfo.staff.from === 'contract'"
+      slot="footer"
       class="dialog-footer"
     >
-      <el-button @click="handleFirstUser">{{ $t('selectStaff.submitter') }}</el-button>
-      <el-button @click="handleCustomUser">{{ $t('selectStaff.dynamicAssign') }}</el-button>
+      <el-button @click="_firstUser">
+        {{ $t('selectStaff.submitter') }}
+      </el-button>
+      <el-button @click="_customUser">
+        {{ $t('selectStaff.dynamicAssign') }}
+      </el-button>
     </div>
   </el-dialog>
 </template>
 <script>
+import { queryStaffInfos } from '@/api/oa/editWorkApi'
 import OrgTreeShow from './OrgTreeShow'
-import { queryStaffInfos } from '@/api/oa/addAttendanceClassesStaffApi'
 export default {
   name: 'SelectStaff',
@@ -61,95 +67,108 @@ export default {
   data() {
     return {
       visible: false,
-      staffData: {},
-      staffList: [],
-      currentStaffId: '',
-      currentOrgId: ''
+      selectStaffInfo: {
+        staffs: [],
+        curStaffId: '',
+        curStaffName: '',
+        staff: {}
+      }
     }
   },
   methods: {
     open(staff) {
-      this.staffData = staff
+      this.selectStaffInfo.staff = staff || {}
       this.visible = true
       this.$nextTick(() => {
         this.$refs.orgTree.refreshTree()
       })
     },
-    async handleSwitchOrg(org) {
-      this.currentOrgId = org.orgId
+    _changeStaff(item) {
+      this.selectStaffInfo.staff.staffId = item.userId
+      this.selectStaffInfo.staff.staffName = item.userName
+      this.selectStaffInfo.staff.staffTel = item.tel
+      this.visible = false
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
+    },
+    async loadStaff(org) {
       try {
         const params = {
           page: 1,
+          rows: 50,
           row: 50,
           orgId: org.orgId
         }
-        const res = await queryStaffInfos(params)
-        this.staffList = res.data.staffs
-        if (this.staffList.length > 0) {
-          this.currentStaffId = this.staffList[0].staffId
+        const { data } = await queryStaffInfos(params)
+        this.selectStaffInfo.staffs = data.staffs
+        if (data.staffs.length > 0) {
+          this.selectStaffInfo.curStaffId = data.staffs[0].orgId
         }
       } catch (error) {
-        this.$message.error(this.$t('selectStaff.loadStaffFailed'))
+        console.error('加载员工失败:', error)
       }
     },
-    handleSelectStaff(staff) {
-      this.$emit('change', {
-        staffId: staff.userId,
-        staffName: staff.userName,
-        staffTel: staff.tel
-      })
-      this.visible = false
-    },
-    handleFirstUser() {
-      this.$emit('change', {
-        staffId: '${startUserId}',
-        staffName: this.$t('selectStaff.submitter')
-      })
+    _firstUser() {
+      this.selectStaffInfo.staff.staffId = '${startUserId}'
+      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.submitter')
       this.visible = false
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
     },
-    handleCustomUser() {
-      this.$emit('change', {
-        staffId: '${nextUserId}',
-        staffName: this.$t('selectStaff.dynamicAssign')
-      })
+    _customUser() {
+      this.selectStaffInfo.staff.staffId = '${nextUserId}'
+      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.dynamicAssign')
       this.visible = false
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
     }
+  },
+  created() {
+    this.$on('selectStaff', 'switchOrg', this.loadStaff)
   }
 }
 </script>
 <style lang="scss" scoped>
 .border-right {
-  border-right: 1px solid #ebeef5;
+  border-right: 1px solid #eee;
 }
-.text-center {
-  text-align: center;
+.section-title {
+  font-weight: bold;
+  margin-bottom: 15px;
 }
-.mb-20 {
-  margin-bottom: 20px;
+.org-tree-container {
+  padding: 10px;
+  height: 500px;
+  overflow-y: auto;
 }
 .staff-list {
-  max-height: 500px;
+  padding: 10px;
+  height: 500px;
   overflow-y: auto;
 }
 .staff-item {
   padding: 10px;
   margin-bottom: 5px;
-  border: 1px solid #ebeef5;
   border-radius: 4px;
   cursor: pointer;
-
   &:hover {
     background-color: #f5f7fa;
   }
-
   &.selected {
     background-color: #ecf5ff;
-    border-color: #d9ecff;
+    color: #409eff;
   }
 }
+
+.dialog-footer {
+  text-align: right;
+}
 </style>
 \ No newline at end of file
+<template>
+  <div class="textarea-container">
+    <div ref="editor" class="editor"></div>
+  </div>
+</template>
+
+<script>
+import { uploadImage } from '@/api/oa/editWorkApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'TextareaEditor',
+  data() {
+    return {
+      content: ''
+    }
+  },
+  mounted() {
+    this._initEditor()
+  },
+  methods: {
+    _initEditor() {
+      $(this.$refs.editor).summernote({
+        lang: 'zh-CN',
+        height: 300,
+        placeholder: this.$t('textarea.placeholder'),
+        callbacks: {
+          onImageUpload: (files) => {
+            this._uploadImage(files[0])
+          },
+          onChange: (contents) => {
+            this.content = contents.replace(/&nbsp;/g, '').replace(/\s/gi, '')
+            this.$emit('change', this.content)
+          }
+        },
+        toolbar: [
+          ['style', ['style']],
+          ['font', ['bold', 'italic', 'underline', 'clear']],
+          ['fontname', ['fontname']],
+          ['color', ['color']],
+          ['para', ['ul', 'ol', 'paragraph']],
+          ['height', ['height']],
+          ['table', ['table']],
+          ['insert', ['link', 'picture']]
+        ]
+      })
+    },
+    setText(content) {
+      $(this.$refs.editor).summernote('code', content)
+    },
+    async _uploadImage(file) {
+      const formData = new FormData()
+      formData.append('uploadFile', file)
+      formData.append('communityId', getCommunityId())
+
+      try {
+        const res = await uploadImage(formData)
+        $(this.$refs.editor).summernote('insertImage', res.url)
+      } catch (error) {
+        console.error('上传图片失败:', error)
+        this.$message.error(this.$t('textarea.uploadFailed'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.textarea-container {
+  .editor {
+    width: 100%;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="upload-file-container">
+    <el-progress
+      v-if="uploadFileInfo.progress > 0"
+      :percentage="uploadFileInfo.progress"
+      :stroke-width="2"
+    />
+    <div v-if="uploadFileInfo.progress > 0" class="file-name">
+      {{ uploadFileInfo.fileName }}
+    </div>
+    <div>
+      <el-button
+        type="primary"
+        size="small"
+        @click="_uploadFile"
+      >
+        {{ $t('uploadFile.upload') }}
+      </el-button>
+      <input
+        ref="fileInput"
+        type="file"
+        class="file-input"
+        accept="*"
+        capture="camcorder"
+        @change="_chooseFile"
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import { uploadFile } from '@/api/oa/editWorkApi'
+
+export default {
+  name: 'UploadFile',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    },
+    callBackFunction: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      uploadFileInfo: {
+        vedio: {},
+        fileName: '',
+        realFileName: '',
+        progress: 0
+      }
+    }
+  },
+  watch: {
+    uploadFileInfo: {
+      deep: true,
+      handler(newVal) {
+        this.$emit(this.callBackListener, this.callBackFunction, newVal)
+      }
+    }
+  },
+  methods: {
+    notifyVedio(fileName) {
+      this.uploadFileInfo = {
+        vedio: {},
+        fileName: fileName,
+        realFileName: fileName,
+        progress: 100
+      }
+    },
+    clearVedio() {
+      this.uploadFileInfo = {
+        vedio: {},
+        fileName: '',
+        realFileName: '',
+        progress: 0
+      }
+    },
+    _uploadFile() {
+      this.$refs.fileInput.click()
+    },
+    _chooseFile(event) {
+      const files = event.target.files
+      if (files && files.length > 0) {
+        const file = files[0]
+        if (file.size > 1024 * 1024 * 20) {
+          this.$message.error(this.$t('uploadFile.sizeLimit'))
+          return false
+        }
+        this.uploadFileInfo.fileName = file.name
+        this._doUploadFile(file)
+      }
+    },
+    async _doUploadFile(file) {
+      const formData = new FormData()
+      formData.append('uploadFile', file)
+
+      try {
+        const res = await uploadFile(formData, {
+          onUploadProgress: (progressEvent) => {
+            const rate = progressEvent.loaded / progressEvent.total
+            if (rate < 0.9) {
+              this.uploadFileInfo.progress = Math.floor(rate * 100)
+            }
+          }
+        })
+
+        this.uploadFileInfo.progress = 100
+        this.$message.success(this.$t('uploadFile.success'))
+        this.uploadFileInfo.fileName = res.fileName
+        this.uploadFileInfo.realFileName = res.realFileName
+        this.$emit(this.callBackListener, this.callBackFunction, res)
+      } catch (error) {
+        console.error('上传失败:', error)
+        this.$message.error(this.$t('uploadFile.failed'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-file-container {
+  .file-name {
+    margin-bottom: 5px;
+  }
+
+  .file-input {
+    display: none;
+  }
+}
+</style>
 \ No newline at end of file
@@ -71,7 +71,7 @@ export default {
           }
         }
-        const { data } = await uploadFile(formData, config)
+        const  data  = await uploadFile(formData, config)
         this.progress = 100
         this.realFileName = data.realFileName
         this.$emit('notify', data)
@@ -37,7 +37,10 @@ import { messages as addAttendanceClassesStaffMessages } from &#39;../views/oa/addAt
 import { messages as monthAttendanceManageMessages } from '../views/oa/monthAttendanceManageLang'
 import { messages as staffAttendanceManageMessages } from '../views/oa/staffAttendanceManageLang'
 import { messages as attendanceLogManageMessages } from '../views/oa/attendanceLogManageLang'
-
+import { messages as workTypeMessages } from '../views/oa/workTypeLang'
+import { messages as startWorkMessages } from '../views/oa/startWorkLang'
+import { messages as addWorkMessages } from '../views/oa/addWorkLang'
+import { messages as editWorkMessages } from '../views/oa/editWorkLang'
 export const messages ={
     en:{
         ...activitiesTypeManageMessages.en,
@@ -78,6 +81,10 @@ export const messages ={
         ...monthAttendanceManageMessages.en,
         ...staffAttendanceManageMessages.en,
         ...attendanceLogManageMessages.en,
+        ...workTypeMessages.en,
+        ...startWorkMessages.en,
+        ...addWorkMessages.en,
+        ...editWorkMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -118,5 +125,9 @@ export const messages ={
         ...monthAttendanceManageMessages.zh,
         ...staffAttendanceManageMessages.zh,
         ...attendanceLogManageMessages.zh,
+        ...workTypeMessages.zh,
+        ...startWorkMessages.zh,
+        ...addWorkMessages.zh,
+        ...editWorkMessages.zh,
     }
 }
 \ No newline at end of file
@@ -165,13 +165,33 @@ export default [
         component: () => import('@/views/oa/monthAttendanceManageList.vue')
     },
     {
-        path:'/pages/property/staffAttendanceManage',
-        name:'/pages/property/staffAttendanceManage',
+        path: '/pages/property/staffAttendanceManage',
+        name: '/pages/property/staffAttendanceManage',
         component: () => import('@/views/oa/staffAttendanceManageList.vue')
+    },
+    {
+        path: '/pages/property/attendanceLogManage',
+        name: '/pages/property/attendanceLogManage',
+        component: () => import('@/views/oa/attendanceLogManageList.vue')
+    },
+    {
+        path: '/pages/oa/workType',
+        name: '/pages/oa/workType',
+        component: () => import('@/views/oa/workTypeList.vue')
+    },
+    {
+        path: '/pages/oa/startWork',
+        name: '/pages/oa/startWork',
+        component: () => import('@/views/oa/startWorkList.vue')
+    },
+    {
+        path:'/views/oa/addWork',
+        name:'/views/oa/addWork',
+        component: () => import('@/views/oa/addWorkList.vue')
         },
         {
-            path:'/pages/property/attendanceLogManage',
-            name:'/pages/property/attendanceLogManage',
-            component: () => import('@/views/oa/attendanceLogManageList.vue')
+            path:'/views/oa/editWork',
+            name:'/views/oa/editWork',
+            component: () => import('@/views/oa/editWorkList.vue')
             },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addWork: {
+      title: 'Create Work Order',
+      workName: 'Title',
+      workNamePlaceholder: 'Required, please enter title',
+      workType: 'Work Order Type',
+      workTypePlaceholder: 'Required, please select work order type',
+      processor: 'Processor',
+      cc: 'CC',
+      choose: 'Choose',
+      workCycle: 'Work Order Flag',
+      workCyclePlaceholder: 'Required, please select work order flag',
+      onceWork: 'One-time Work Order',
+      periodWork: 'Periodic Work Order',
+      attachment: 'Attachment',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please enter start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please enter end time',
+      period: 'Period',
+      periodPlaceholder: 'Required, please select task period',
+      monthDay: 'Month/Day',
+      week: 'By Week',
+      hours: 'Work Order',
+      hoursPlaceholder: 'Required, please enter hours',
+      hoursUnit: 'hours to complete',
+      month: 'Month',
+      monthUnit: 'Month',
+      day: 'Day',
+      dayUnit: 'Day',
+      monday: 'Monday',
+      tuesday: 'Tuesday',
+      wednesday: 'Wednesday',
+      thursday: 'Thursday',
+      friday: 'Friday',
+      saturday: 'Saturday',
+      sunday: 'Sunday',
+      content: 'Content',
+      contentPlaceholder: 'Required, please enter content',
+      addContent: 'Add',
+      deleteContent: 'Delete'
+    },
+    uploadFile: {
+      upload: 'Upload Attachment',
+      sizeLimit: 'File size cannot exceed 20MB',
+      success: 'File uploaded successfully',
+      failed: 'File upload failed'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assignment'
+    }
+  },
+  zh: {
+    addWork: {
+      title: '发起工作单',
+      workName: '标题',
+      workNamePlaceholder: '必填，请填写标题',
+      workType: '工作单类型',
+      workTypePlaceholder: '必填，请选择工作单类型',
+      processor: '处理人',
+      cc: '抄送人',
+      choose: '选择',
+      workCycle: '工作单标识',
+      workCyclePlaceholder: '必填，请选择工作单标识',
+      onceWork: '一次性工单',
+      periodWork: '周期性工单',
+      attachment: '附件',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请填写开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请填写结束时间',
+      period: '周期',
+      periodPlaceholder: '必填，请选择任务周期',
+      monthDay: '月/天',
+      week: '按周',
+      hours: '工作单',
+      hoursPlaceholder: '必填，请输入小时数',
+      hoursUnit: '小时内完成',
+      month: '月',
+      monthUnit: '月',
+      day: '日',
+      dayUnit: '日',
+      monday: '星期一',
+      tuesday: '星期二',
+      wednesday: '星期三',
+      thursday: '星期四',
+      friday: '星期五',
+      saturday: '星期六',
+      sunday: '星期日',
+      content: '内容',
+      contentPlaceholder: '必填，请输入内容',
+      addContent: '添加',
+      deleteContent: '删除'
+    },
+    uploadFile: {
+      upload: '上传附件',
+      sizeLimit: '文件大小不能超过20MB',
+      success: '文件上传成功',
+      failed: '文件上传失败'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-work-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addWork.title') }}</span>
+      </div>
+
+      <el-form ref="form" :model="addWorkInfo" label-width="120px" label-position="right">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.workName')" prop="workName">
+              <el-input v-model.trim="addWorkInfo.workName" :placeholder="$t('addWork.workNamePlaceholder')"
+                maxlength="20" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.workType')" prop="wtId">
+              <el-select v-model="addWorkInfo.wtId" :placeholder="$t('addWork.workTypePlaceholder')" style="width:100%"
+                clearable>
+                <el-option v-for="item in addWorkInfo.workTypes" :key="item.wtId" :label="item.typeName"
+                  :value="item.wtId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.processor')">
+              <div class="staff-tags">
+                <el-tag v-for="(staff, index) in addWorkInfo.staffs" :key="index" closable
+                  @close="_deleteWorkStaff(staff)">
+                  {{ staff.staffName }}
+                </el-tag>
+                <el-button type="text" @click="_chooseWorkStaff">
+                  <i class="el-icon-search"></i>{{ $t('addWork.choose') }}
+                </el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.cc')">
+              <div class="staff-tags">
+                <el-tag v-for="(staff, index) in addWorkInfo.copyStaffs" :key="index" closable
+                  @close="_deleteCopyWorkStaff(staff)">
+                  {{ staff.staffName }}
+                </el-tag>
+                <el-button type="text" @click="_chooseCopyWorkStaff">
+                  <i class="el-icon-search"></i>{{ $t('addWork.choose') }}
+                </el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.workCycle')" prop="workCycle">
+              <el-select v-model="addWorkInfo.workCycle" :placeholder="$t('addWork.workCyclePlaceholder')"
+                style="width:100%" @change="handleWorkCycleChange">
+                <el-option :label="$t('addWork.onceWork')" value="1001" />
+                <el-option :label="$t('addWork.periodWork')" value="2002" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.attachment')">
+              <upload-file ref="uploadFile" @notifyFile="notifyFile" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.startTime')" prop="startTime">
+              <el-date-picker v-model="addWorkInfo.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                :placeholder="$t('addWork.startTimePlaceholder')" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addWork.endTime')" prop="endTime">
+              <el-date-picker v-model="addWorkInfo.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                :placeholder="$t('addWork.endTimePlaceholder')" style="width:100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <template v-if="addWorkInfo.workCycle === '2002'">
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item :label="$t('addWork.period')" prop="period">
+                <el-select v-model="addWorkInfo.period" :placeholder="$t('addWork.periodPlaceholder')"
+                  style="width:100%">
+                  <el-option :label="$t('addWork.monthDay')" value="2020022" />
+                  <el-option :label="$t('addWork.week')" value="2020023" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="$t('addWork.hours')" prop="hours">
+                <el-input v-model.trim="addWorkInfo.hours" :placeholder="$t('addWork.hoursPlaceholder')">
+                  <template slot="append">{{ $t('addWork.hoursUnit') }}</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <template v-if="addWorkInfo.period === '2020022'">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('addWork.month')">
+                  <el-checkbox-group v-model="addWorkInfo.months">
+                    <el-checkbox v-for="index in 12" :key="index" :label="index">
+                      {{ index }}{{ $t('addWork.monthUnit') }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('addWork.day')">
+                  <el-checkbox-group v-model="addWorkInfo.days">
+                    <el-checkbox v-for="index in 31" :key="index" :label="index">
+                      {{ index }}{{ $t('addWork.dayUnit') }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+
+          <template v-if="addWorkInfo.period === '2020023'">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('addWork.week')">
+                  <el-checkbox-group v-model="addWorkInfo.workdays">
+                    <el-checkbox v-for="(day, index) in weekDays" :key="index" :label="index + 1">
+                      {{ day }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </template>
+
+        <el-row v-for="(item, index) in addWorkInfo.contents" :key="item.id" :gutter="20">
+          <el-col :span="18">
+            <el-form-item :label="`${$t('addWork.content')}${index + 1}`">
+              <el-input v-model="item.content" type="textarea" :rows="5"
+                :placeholder="$t('addWork.contentPlaceholder')" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" class="flex align-center">
+            <el-button v-if="index === 0" type="text" @click="addWorkContent">
+              {{ $t('addWork.addContent') }}
+            </el-button>
+            <el-button v-else type="text" @click="deleteWorkContent(item)">
+              {{ $t('addWork.deleteContent') }}
+            </el-button>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" class="text-right">
+            <el-button type="warning" @click="goBack">
+              <i class="el-icon-arrow-left"></i>{{ $t('common.back') }}
+            </el-button>
+            <el-button type="primary" @click="saveWorkPool">
+              <i class="el-icon-check"></i>{{ $t('common.submit') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <select-staff ref="selectStaff" @selectStaff="selectStaff" />
+  </div>
+</template>
+
+<script>
+import { saveWorkPool, listWorkType } from '@/api/oa/addWorkApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+import UploadFile from '@/components/upload/uploadFile'
+import { getUuid } from '@/utils/commonUtil'
+import { dateFormat } from '@/utils/dateUtil'
+
+export default {
+  name: 'AddWorkList',
+  components: {
+    SelectStaff,
+    UploadFile
+  },
+  data() {
+    return {
+      chooseStaffFlag:'1',
+      addWorkInfo: {
+        workName: '',
+        workTypes: [],
+        wtId: '',
+        workCycle: '1001',
+        startTime: '',
+        endTime: '',
+        staffs: [],
+        copyStaffs: [],
+        pathUrls: [],
+        contents: [],
+        period: '',
+        months: [],
+        days: [],
+        workdays: [],
+        hours: '24',
+        communityId: ''
+      },
+      weekDays: [
+        this.$t('addWork.monday'),
+        this.$t('addWork.tuesday'),
+        this.$t('addWork.wednesday'),
+        this.$t('addWork.thursday'),
+        this.$t('addWork.friday'),
+        this.$t('addWork.saturday'),
+        this.$t('addWork.sunday')
+      ]
+    }
+  },
+  created() {
+    this.addWorkInfo.communityId = getCommunityId()
+    this._listWorkTypes()
+    this.addWorkContent()
+    this.initDateTime()
+  },
+  methods: {
+    initDateTime() {
+      const now = new Date()
+      this.addWorkInfo.startTime = dateFormat(now)
+      const tomorrow = new Date(now)
+      tomorrow.setDate(tomorrow.getDate() + 1)
+      this.addWorkInfo.endTime = dateFormat(tomorrow)
+    },
+    addWorkValidate() {
+      return this.$refs.form.validate()
+    },
+    async saveWorkPool() {
+      try {
+        const valid = await this.addWorkValidate()
+        if (!valid) return
+
+        const params = {
+          ...this.addWorkInfo,
+        }
+
+        const res = await saveWorkPool(params)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.submitSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('保存工作单失败:', error)
+        this.$message.error(this.$t('common.submitFailed'))
+      }
+    },
+    async _listWorkTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.addWorkInfo.communityId
+        }
+        const res = await listWorkType(params)
+        this.addWorkInfo.workTypes = res.data
+      } catch (error) {
+        console.error('获取工作单类型失败:', error)
+      }
+    },
+    _chooseWorkStaff() {
+      this.chooseStaffFlag = '1'
+      this.$refs.selectStaff.open({
+        call: () => {
+        }
+      })
+    },
+    selectStaff(staff) {
+      if(this.chooseStaffFlag === '1'){
+      this.addWorkInfo.staffs.push({
+        staffId: staff.userId,
+        staffName: staff.userName
+      })
+      }else{
+        this.addWorkInfo.copyStaffs.push({
+          staffId: staff.userId,
+          staffName: staff.userName
+        })
+      }
+    },
+    _deleteWorkStaff(staff) {
+      this.addWorkInfo.staffs = this.addWorkInfo.staffs.filter(item => item.staffId !== staff.staffId)
+    },
+    _chooseCopyWorkStaff() {
+      this.chooseStaffFlag = '2'
+      this.$refs.selectStaff.open({
+        call: () => {
+        }
+      })
+    },
+    _deleteCopyWorkStaff(staff) {
+      this.addWorkInfo.copyStaffs = this.addWorkInfo.copyStaffs.filter(item => item.staffId !== staff.staffId)
+    },
+    addWorkContent() {
+      this.addWorkInfo.contents.push({
+        id: getUuid(),
+        content: ''
+      })
+    },
+    deleteWorkContent(content) {
+      this.addWorkInfo.contents = this.addWorkInfo.contents.filter(item => item.id !== content.id)
+    },
+    handleWorkCycleChange(val) {
+      if (val === '1001') {
+        this.addWorkInfo.period = ''
+        this.addWorkInfo.months = []
+        this.addWorkInfo.days = []
+        this.addWorkInfo.workdays = []
+      }
+    },
+    notifyFile(data) {
+      this.addWorkInfo.pathUrls.push(data.realFileName)
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-work-container {
+  padding: 20px;
+
+  .staff-tags {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+
+    .el-tag {
+      margin-right: 10px;
+      margin-bottom: 5px;
+    }
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .align-center {
+    align-items: center;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editWork: {
+      title: 'Edit Work Order',
+      workName: 'Title',
+      workNamePlaceholder: 'Required, please enter title',
+      workType: 'Work Order Type',
+      workTypePlaceholder: 'Required, please select work order type',
+      processor: 'Processor',
+      ccPerson: 'CC Person',
+      choose: 'Choose',
+      workSign: 'Work Order Sign',
+      workSignPlaceholder: 'Required, please select work order sign',
+      onceWork: 'One-time Work Order',
+      cycleWork: 'Periodic Work Order',
+      attachment: 'Attachment',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please enter start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please enter end time',
+      period: 'Period',
+      periodPlaceholder: 'Required, please select task period',
+      monthDay: 'Month/Day',
+      byWeek: 'By Week',
+      workHours: 'Work Hours',
+      workHoursPlaceholder: 'Required, please enter hours',
+      hoursComplete: 'hours to complete',
+      month: 'Month',
+      monthUnit: 'Month',
+      day: 'Day',
+      dayUnit: 'Day',
+      week: 'Week',
+      monday: 'Monday',
+      tuesday: 'Tuesday',
+      wednesday: 'Wednesday',
+      thursday: 'Thursday',
+      friday: 'Friday',
+      saturday: 'Saturday',
+      sunday: 'Sunday',
+      content: 'Content',
+      add: 'Add',
+      delete: 'Delete'
+    },
+    uploadFile: {
+      upload: 'Upload Attachment',
+      sizeLimit: 'File size cannot exceed 20MB',
+      success: 'File uploaded successfully',
+      failed: 'File upload failed'
+    },
+    textarea: {
+      placeholder: 'Required, please enter content',
+      uploadFailed: 'Image upload failed'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assign'
+    }
+  },
+  zh: {
+    editWork: {
+      title: '修改工作单',
+      workName: '标题',
+      workNamePlaceholder: '必填，请填写标题',
+      workType: '工作单类型',
+      workTypePlaceholder: '必填，请选择工作单类型',
+      processor: '处理人',
+      ccPerson: '抄送人',
+      choose: '选择',
+      workSign: '工作单标识',
+      workSignPlaceholder: '必填，请选择工作单标识',
+      onceWork: '一次性工单',
+      cycleWork: '周期性工单',
+      attachment: '附件',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请填写开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请填写结束时间',
+      period: '周期',
+      periodPlaceholder: '必填，请选择任务周期',
+      monthDay: '月/天',
+      byWeek: '按周',
+      workHours: '工作单',
+      workHoursPlaceholder: '必填，请输入小时数',
+      hoursComplete: '小时内完成',
+      month: '月',
+      monthUnit: '月',
+      day: '日',
+      dayUnit: '日',
+      week: '周',
+      monday: '星期一',
+      tuesday: '星期二',
+      wednesday: '星期三',
+      thursday: '星期四',
+      friday: '星期五',
+      saturday: '星期六',
+      sunday: '星期日',
+      content: '内容',
+      add: '添加',
+      delete: '删除'
+    },
+    uploadFile: {
+      upload: '上传附件',
+      sizeLimit: '文件大小不能超过20MB',
+      success: '文件上传成功',
+      failed: '文件上传失败'
+    },
+    textarea: {
+      placeholder: '必填，请输入内容',
+      uploadFailed: '图片上传失败'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-work-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('editWork.title') }}</span>
+      </div>
+
+      <el-form ref="form" :model="editWorkInfo" label-width="120px" label-position="right">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.workName')" prop="workName">
+              <el-input v-model.trim="editWorkInfo.workName" :placeholder="$t('editWork.workNamePlaceholder')"
+                maxlength="20" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.workType')" prop="wtId">
+              <el-select v-model="editWorkInfo.wtId" :placeholder="$t('editWork.workTypePlaceholder')" style="width:100%"
+                clearable>
+                <el-option v-for="item in editWorkInfo.workTypes" :key="item.wtId" :label="item.typeName"
+                  :value="item.wtId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.processor')">
+              <div class="staff-tags">
+                <el-tag v-for="(staff, index) in editWorkInfo.staffs" :key="index" closable
+                  @close="_deleteWorkStaff(staff)">
+                  {{ staff.staffName }}
+                </el-tag>
+                <el-button type="text" @click="_chooseWorkStaff">
+                  <i class="el-icon-search"></i>{{ $t('editWork.choose') }}
+                </el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.ccPerson')">
+              <div class="staff-tags">
+                <el-tag v-for="(staff, index) in editWorkInfo.copyStaffs" :key="index" closable
+                  @close="_deleteCopyWorkStaff(staff)">
+                  {{ staff.staffName }}
+                </el-tag>
+                <el-button type="text" @click="_chooseCopyWorkStaff">
+                  <i class="el-icon-search"></i>{{ $t('editWork.choose') }}
+                </el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.workSign')" prop="workCycle">
+              <el-select v-model="editWorkInfo.workCycle" :placeholder="$t('editWork.workSignPlaceholder')"
+                style="width:100%" @change="handleWorkCycleChange">
+                <el-option :label="$t('editWork.onceWork')" value="1001" />
+                <el-option :label="$t('editWork.cycleWork')" value="2002" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.attachment')">
+              <upload-file ref="uploadFile" @notifyFile="notifyFile" :defaultFiles="editWorkInfo.pathUrls" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.startTime')" prop="startTime">
+              <el-date-picker v-model="editWorkInfo.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                :placeholder="$t('editWork.startTimePlaceholder')" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editWork.endTime')" prop="endTime">
+              <el-date-picker v-model="editWorkInfo.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                :placeholder="$t('editWork.endTimePlaceholder')" style="width:100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <template v-if="editWorkInfo.workCycle === '2002'">
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item :label="$t('editWork.period')" prop="period">
+                <el-select v-model="editWorkInfo.period" :placeholder="$t('editWork.periodPlaceholder')"
+                  style="width:100%">
+                  <el-option :label="$t('editWork.monthDay')" value="2020022" />
+                  <el-option :label="$t('editWork.byWeek')" value="2020023" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="$t('editWork.workHours')">
+                <el-input v-model.trim="editWorkInfo.hours" :placeholder="$t('editWork.workHoursPlaceholder')">
+                  <template slot="append">{{ $t('editWork.hoursComplete') }}</template>
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <template v-if="editWorkInfo.period === '2020022'">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('editWork.month')">
+                  <el-checkbox-group v-model="editWorkInfo.months">
+                    <el-checkbox v-for="index in 12" :key="index" :label="index">
+                      {{ index }}{{ $t('editWork.monthUnit') }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('editWork.day')">
+                  <el-checkbox-group v-model="editWorkInfo.days">
+                    <el-checkbox v-for="index in 31" :key="index" :label="index">
+                      {{ index }}{{ $t('editWork.dayUnit') }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+
+          <template v-if="editWorkInfo.period === '2020023'">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('editWork.week')">
+                  <el-checkbox-group v-model="editWorkInfo.workdays">
+                    <el-checkbox v-for="(day, index) in weekDays" :key="index" :label="index + 1">
+                      {{ day }}
+                    </el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </template>
+
+        <el-row v-for="(item, index) in editWorkInfo.contents" :key="item.id" :gutter="20">
+          <el-col :span="18">
+            <el-form-item :label="`${$t('editWork.content')}${index + 1}`">
+              <el-input v-model="item.content" type="textarea" :rows="5"
+                :placeholder="$t('editWork.contentPlaceholder')" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" class="flex align-center">
+            <el-button v-if="index === 0" type="text" @click="addWorkContent">
+              {{ $t('editWork.add') }}
+            </el-button>
+            <el-button v-else type="text" @click="deleteWorkContent(item)">
+              {{ $t('editWork.delete') }}
+            </el-button>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" class="text-right">
+            <el-button type="warning" @click="goBack">
+              <i class="el-icon-close"></i>{{ $t('common.back') }}
+            </el-button>
+            <el-button type="primary" @click="saveWorkPool">
+              <i class="el-icon-check"></i>{{ $t('common.submit') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <select-staff ref="selectStaff" @selectStaff="selectStaff" />
+  </div>
+</template>
+
+<script>
+import { updateWorkPool, listWorkType, queryStartWork, listWorkTask, listWorkCopy, listWorkCycle } from '@/api/oa/editWorkApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+import UploadFile from '@/components/upload/uploadFile'
+import { getUuid } from '@/utils/commonUtil'
+import { dateFormat } from '@/utils/dateUtil'
+
+export default {
+  name: 'EditWorkList',
+  components: {
+    SelectStaff,
+    UploadFile
+  },
+  data() {
+    return {
+      chooseStaffFlag: '1',
+      editWorkInfo: {
+        workId: '',
+        workName: '',
+        workTypes: [],
+        wtId: '',
+        workCycle: '1001',
+        startTime: '',
+        endTime: '',
+        staffs: [],
+        copyStaffs: [],
+        pathUrls: [],
+        contents: [],
+        period: '',
+        months: [],
+        days: [],
+        workdays: [],
+        hours: '24',
+        communityId: ''
+      },
+      weekDays: [
+        this.$t('editWork.monday'),
+        this.$t('editWork.tuesday'),
+        this.$t('editWork.wednesday'),
+        this.$t('editWork.thursday'),
+        this.$t('editWork.friday'),
+        this.$t('editWork.saturday'),
+        this.$t('editWork.sunday')
+      ]
+    }
+  },
+  created() {
+    this.editWorkInfo.workId = this.$route.query.workId
+    this.editWorkInfo.communityId = getCommunityId()
+    this.loadData()
+  },
+  methods: {
+    async loadData() {
+      try {
+        await this._loadWorkPool()
+        await this._loadTaskStaff()
+        await this._loadWorkCopy()
+        await this._listWorkTypes()
+        await this._loadWorkCycle()
+      } catch (error) {
+        console.error('加载数据失败:', error)
+        this.$message.error(this.$t('common.loadFailed'))
+      }
+    },
+    editWorkValidate() {
+      return this.$refs.form.validate()
+    },
+    async saveWorkPool() {
+      try {
+        const valid = await this.editWorkValidate()
+        if (!valid) return
+
+        const params = {
+          ...this.editWorkInfo,
+          // 处理月份和日期数组为字符串
+          months: this.editWorkInfo.months.join(','),
+          days: this.editWorkInfo.days.join(','),
+          workdays: this.editWorkInfo.workdays.join(',')
+        }
+
+        const res = await updateWorkPool(params)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.submitSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        console.error('保存工作单失败:', error)
+        this.$message.error(this.$t('common.submitFailed'))
+      }
+    },
+    async _listWorkTypes() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.editWorkInfo.communityId
+        }
+        const res = await listWorkType(params)
+        this.editWorkInfo.workTypes = res.data
+      } catch (error) {
+        console.error('获取工作单类型失败:', error)
+      }
+    },
+    _chooseWorkStaff() {
+      this.chooseStaffFlag = '1'
+      this.$refs.selectStaff.open({
+        call: () => {
+        }
+      })
+    },
+    selectStaff(staff) {
+      if (this.chooseStaffFlag === '1') {
+        this.editWorkInfo.staffs.push({
+          staffId: staff.userId,
+          staffName: staff.userName
+        })
+      } else {
+        this.editWorkInfo.copyStaffs.push({
+          staffId: staff.userId,
+          staffName: staff.userName
+        })
+      }
+    },
+    _deleteWorkStaff(staff) {
+      this.editWorkInfo.staffs = this.editWorkInfo.staffs.filter(item => item.staffId !== staff.staffId)
+    },
+    _chooseCopyWorkStaff() {
+      this.chooseStaffFlag = '2'
+      this.$refs.selectStaff.open({
+        call: () => {
+        }
+      })
+    },
+    _deleteCopyWorkStaff(staff) {
+      this.editWorkInfo.copyStaffs = this.editWorkInfo.copyStaffs.filter(item => item.staffId !== staff.staffId)
+    },
+    async _loadWorkPool() {
+      const params = {
+        page: 1,
+        row: 1,
+        workId: this.editWorkInfo.workId
+      }
+      const { data } = await queryStartWork(params)
+      if (data && data.length > 0) {
+        Object.assign(this.editWorkInfo, data[0])
+        // 格式化日期
+        if (data[0].startTime) {
+          this.editWorkInfo.startTime = dateFormat(new Date(data[0].startTime))
+        }
+        if (data[0].endTime) {
+          this.editWorkInfo.endTime = dateFormat(new Date(data[0].endTime))
+        }
+        // 处理内容
+        this.editWorkInfo.contents = data[0].contents.map(c => ({
+          id: getUuid(),
+          content: c.content
+        })) || [{
+          id: getUuid(),
+          content: ''
+        }]
+      }
+    },
+    async _loadTaskStaff() {
+      const params = {
+        page: 1,
+        row: 100,
+        workId: this.editWorkInfo.workId
+      }
+      const { data } = await listWorkTask(params)
+      this.editWorkInfo.staffs = data || []
+    },
+    async _loadWorkCopy() {
+      const params = {
+        page: 1,
+        row: 100,
+        workId: this.editWorkInfo.workId
+      }
+      const { data } = await listWorkCopy(params)
+      this.editWorkInfo.copyStaffs = data || []
+    },
+    async _loadWorkCycle() {
+      const params = {
+        page: 1,
+        row: 1,
+        workId: this.editWorkInfo.workId
+      }
+      const { data } = await listWorkCycle(params)
+      if (data && data.length > 0) {
+        this.editWorkInfo.period = data[0].period
+        this.editWorkInfo.workCycle = '2002' // 设置为周期工作
+        this.editWorkInfo.hours = data[0].hours || '24'
+        
+        // 处理月份、日期和工作日
+        if (data[0].periodMonth) {
+          this.editWorkInfo.months = data[0].periodMonth.split(',').map(Number)
+        }
+        if (data[0].periodDay) {
+          this.editWorkInfo.days = data[0].periodDay.split(',').map(Number)
+        }
+        if (data[0].workdays) {
+          this.editWorkInfo.workdays = data[0].workdays.split(',').map(Number)
+        }
+      }
+    },
+    addWorkContent() {
+      this.editWorkInfo.contents.push({
+        id: getUuid(),
+        content: ''
+      })
+    },
+    deleteWorkContent(content) {
+      this.editWorkInfo.contents = this.editWorkInfo.contents.filter(item => item.id !== content.id)
+    },
+    handleWorkCycleChange(val) {
+      if (val === '1001') {
+        this.editWorkInfo.period = ''
+        this.editWorkInfo.months = []
+        this.editWorkInfo.days = []
+        this.editWorkInfo.workdays = []
+      }
+    },
+    notifyFile(data) {
+      this.editWorkInfo.pathUrls.push(data.realFileName)
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-work-container {
+  padding: 20px;
+
+  .staff-tags {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+
+    .el-tag {
+      margin-right: 10px;
+      margin-bottom: 5px;
+    }
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .align-center {
+    align-items: center;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .el-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    startWork: {
+      state: {
+        all: 'All',
+        W: 'Pending',
+        D: 'Processing',
+        C: 'Completed'
+      },
+      search: {
+        title: 'Search Conditions',
+        workName: 'Work Order Name',
+        staffName: 'Handler',
+        startTime: 'Start Time',
+        endTime: 'End Time'
+      },
+      list: {
+        title: 'Work Order List',
+        draft: 'Draft'
+      },
+      table: {
+        workId: 'ID',
+        workName: 'Work Order Name',
+        typeName: 'Type Name',
+        workCycle: 'Cycle',
+        startTime: 'Start Time',
+        endTime: 'End Time',
+        createUser: 'Creator',
+        handler: 'Handler',
+        ccUser: 'CC User',
+        state: 'Status',
+        createTime: 'Create Time'
+      },
+      cycle: {
+        once: 'One-time',
+        periodic: 'Periodic'
+      },
+      operation: {
+        stop: 'Stop',
+        start: 'Start'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirm: 'Are you sure to delete this work order?',
+        success: 'Delete successfully',
+        error: 'Delete failed'
+      }
+    },
+  },
+  zh: {
+    startWork: {
+      state: {
+        all: '全部',
+        W: '待处理',
+        D: '处理中',
+        C: '处理完成'
+      },
+      search: {
+        title: '查询条件',
+        workName: '工单名称',
+        staffName: '处理人',
+        startTime: '开始时间',
+        endTime: '结束时间'
+      },
+      list: {
+        title: '发起工作单',
+        draft: '起草'
+      },
+      table: {
+        workId: '编号',
+        workName: '工单名称',
+        typeName: '类型名称',
+        workCycle: '标识',
+        startTime: '开始时间',
+        endTime: '结束时间',
+        createUser: '发起人',
+        handler: '处理人',
+        ccUser: '抄送人',
+        state: '状态',
+        createTime: '创建时间'
+      },
+      cycle: {
+        once: '一次性工单',
+        periodic: '周期性工单'
+      },
+      operation: {
+        stop: '停止',
+        start: '启用'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirm: '确定删除工作单',
+        success: '删除成功',
+        error: '删除失败'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="start-work-container">
+    <el-row :gutter="20">
+      <el-col :span="2">
+        <div class="state-sidebar">
+          <ul class="state-list">
+            <li v-for="(item, index) in states" :key="index" class="state-item"
+              :class="{ 'active-state': conditions.state === item.state }" @click="switchWorkState(item)">
+              {{ $t(`startWork.state.${item.state || 'all'}`) }}
+            </li>
+          </ul>
+        </div>
+      </el-col>
+      <el-col :span="22">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('startWork.search.title') }}</span>
+          </div>
+          <el-form :inline="true" :model="conditions" class="search-form">
+            <el-form-item>
+              <el-input v-model="conditions.workName" :placeholder="$t('startWork.search.workName')" clearable />
+            </el-form-item>
+            <el-form-item>
+              <el-input v-model="conditions.staffName" :placeholder="$t('startWork.search.staffName')" clearable />
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker v-model="conditions.queryStartTime" type="datetime"
+                :placeholder="$t('startWork.search.startTime')" value-format="yyyy-MM-dd HH:mm:ss" />
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker v-model="conditions.queryEndTime" type="datetime"
+                :placeholder="$t('startWork.search.endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                :picker-options="endDateOptions" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleSearch">
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="handleReset">
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card class="work-list-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('startWork.list.title') }}</span>
+            <el-button type="primary" size="small" style="float: right" @click="handleAdd">
+              <i class="el-icon-plus" />
+              {{ $t('startWork.list.draft') }}
+            </el-button>
+          </div>
+          <el-table v-loading="loading" :data="works" border style="width: 100%">
+            <el-table-column prop="workId" :label="$t('startWork.table.workId')" align="center" />
+            <el-table-column prop="workName" :label="$t('startWork.table.workName')" align="center" />
+            <el-table-column prop="typeName" :label="$t('startWork.table.typeName')" align="center" />
+            <el-table-column :label="$t('startWork.table.workCycle')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.workCycle === '1001' ? $t('startWork.cycle.once') : $t('startWork.cycle.periodic') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="startTime" :label="$t('startWork.table.startTime')" align="center" />
+            <el-table-column prop="endTime" :label="$t('startWork.table.endTime')" align="center" />
+            <el-table-column prop="createUserName" :label="$t('startWork.table.createUser')" align="center" />
+            <el-table-column prop="curStaffName" :label="$t('startWork.table.handler')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.curStaffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="curCopyName" :label="$t('startWork.table.ccUser')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.curCopyName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="stateName" :label="$t('startWork.table.state')" align="center" />
+            <el-table-column prop="createTime" :label="$t('startWork.table.createTime')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="300">
+              <template slot-scope="scope">
+                <el-button size="mini" @click="handleDetail(scope.row)">
+                  {{ $t('common.detail') }}
+                </el-button>
+                <el-button v-if="scope.row.state === 'W'" size="mini" type="primary" @click="handleEdit(scope.row)">
+                  {{ $t('common.edit') }}
+                </el-button>
+                <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+                  {{ $t('common.delete') }}
+                </el-button>
+                <el-button v-if="scope.row.state !== 'S'" size="mini" type="warning"
+                  @click="handleUpdateState(scope.row, 'S')">
+                  {{ $t('startWork.operation.stop') }}
+                </el-button>
+                <el-button v-if="scope.row.state === 'S'" size="mini" type="success"
+                  @click="handleUpdateState(scope.row, 'W')">
+                  {{ $t('startWork.operation.start') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination :current-page="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="handlePageChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <delete-work ref="deleteWork" @success="fetchData" />
+  </div>
+</template>
+
+<script>
+import { queryStartWork, updateWorkState } from '@/api/oa/startWorkApi'
+import DeleteWork from '@/components/oa/deleteWork'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'StartWorkList',
+  components: {
+    DeleteWork
+  },
+  data() {
+    return {
+      loading: false,
+      communityId: '',
+      states: [
+        { name: '全部', state: '' },
+        { name: '待处理', state: 'W' },
+        { name: '处理中', state: 'D' },
+        { name: '处理完成', state: 'C' }
+      ],
+      works: [],
+      conditions: {
+        state: '',
+        workName: '',
+        staffName: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      endDateOptions: {
+        disabledDate: (time) => {
+          if (this.conditions.queryStartTime) {
+            return time.getTime() <= new Date(this.conditions.queryStartTime).getTime()
+          }
+          return false
+        }
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.communityId
+        }
+        const { data, total } = await queryStartWork(params)
+        this.works = data
+        this.page.total = total
+      } catch (error) {
+        console.error('获取工单列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    switchWorkState(item) {
+      this.conditions.state = item.state
+      this.page.current = 1
+      this.fetchData()
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.fetchData()
+    },
+    handleReset() {
+      this.conditions = {
+        state: '',
+        workName: '',
+        staffName: '',
+        queryStartTime: '',
+        queryEndTime: ''
+      }
+      this.page.current = 1
+      this.fetchData()
+    },
+    handleAdd() {
+      this.$router.push('/views/oa/addWork')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/oa/editWork?workId=${row.workId}`)
+    },
+    handleDetail(row) {
+      this.$router.push(`/oa/workDetail?workId=${row.workId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteWork.open(row)
+    },
+    async handleUpdateState(row, state) {
+      try {
+        await updateWorkState({
+          workId: row.workId,
+          state,
+          communityId: this.communityId
+        })
+        this.$message.success(state === 'S' ? '停止成功' : '启用成功')
+        this.fetchData()
+      } catch (error) {
+        console.error('更新状态失败:', error)
+      }
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.fetchData()
+    },
+    handlePageChange(current) {
+      this.page.current = current
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.start-work-container {
+  padding: 20px;
+
+  .state-sidebar {
+    background-color: #fff;
+    border-radius: 4px;
+    padding: 10px 0;
+    height: 100%;
+
+    .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;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .work-list-card {
+    .el-table {
+      margin-top: 10px;
+    }
+
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    workType: {
+      search: {
+        title: 'Search Conditions',
+        typeName: 'Type Name'
+      },
+      list: {
+        title: 'Work Order Types'
+      },
+      table: {
+        typeName: 'Type Name',
+        deduction: 'Deduction',
+        smsWay: 'Notification Method',
+        createTime: 'Create Time',
+        remark: 'Remark'
+      },
+      form: {
+        typeName: 'Type Name',
+        deduction: 'Deduction',
+        smsWay: 'Notification Method',
+        remark: 'Remark'
+      },
+      placeholder: {
+        typeName: 'Please enter type name',
+        deduction: 'Please select deduction',
+        smsWay: 'Please select notification method',
+        remark: 'Optional, please enter remark'
+      },
+      validate: {
+        typeName: 'Type name is required',
+        typeNameMax: 'Type name cannot exceed 200 characters',
+        deduction: 'Deduction is required',
+        smsWay: 'Notification method is required',
+        wtId: 'ID is required'
+      },
+      tip: {
+        deduction: 'After selecting deduction, the copy recipient will deduct money according to the task completion!',
+        wechat: 'Need to configure the official account in the system, the official account is a certified service account, and the employee has done employee certification',
+        aliSms: 'Need to configure Alibaba Cloud SMS information in the system community configuration, the template is work order pending template and work order completion template'
+      },
+      yes: 'Yes',
+      no: 'No',
+      wechat: 'WeChat',
+      aliSms: 'Ali SMS',
+      workLicense: 'Employee License',
+      unknown: 'Unknown',
+      add: {
+        title: 'Add Work Order Type',
+        success: 'Add success',
+        error: 'Add failed'
+      },
+      edit: {
+        title: 'Edit Work Order Type',
+        success: 'Edit success',
+        error: 'Edit failed'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirm: 'Are you sure to delete this work order type?',
+        success: 'Delete success',
+        error: 'Delete failed'
+      },
+      fetchError: 'Failed to fetch work order types'
+    }
+  },
+  zh: {
+    workType: {
+      search: {
+        title: '查询条件',
+        typeName: '类型名称'
+      },
+      list: {
+        title: '工作单类型'
+      },
+      table: {
+        typeName: '类型名称',
+        deduction: '扣款',
+        smsWay: '通知方式',
+        createTime: '创建时间',
+        remark: '备注'
+      },
+      form: {
+        typeName: '类型名称',
+        deduction: '扣款',
+        smsWay: '通知方式',
+        remark: '备注'
+      },
+      placeholder: {
+        typeName: '请输入类型名称',
+        deduction: '请选择扣款',
+        smsWay: '请选择通知方式',
+        remark: '选填，请输入备注'
+      },
+      validate: {
+        typeName: '类型名称不能为空',
+        typeNameMax: '类型名称不能超过200个字符',
+        deduction: '扣款不能为空',
+        smsWay: '通知方式不能为空',
+        wtId: '编号不能为空'
+      },
+      tip: {
+        deduction: '选择扣款后，抄送人会根据任务完成情况，相应的扣款！',
+        wechat: '需要在系统下公众号中配置公众号，公众号为认证过的服务号，并且员工做了员工认证',
+        aliSms: '需要在系统下小区配置中配置阿里云短信信息，模版为工单待处理模版和工单完成模版'
+      },
+      yes: '是',
+      no: '否',
+      wechat: '微信',
+      aliSms: '阿里短信',
+      workLicense: '员工工牌',
+      unknown: '未知',
+      add: {
+        title: '添加工作单类型',
+        success: '添加成功',
+        error: '添加失败'
+      },
+      edit: {
+        title: '修改工作单类型',
+        success: '修改成功',
+        error: '修改失败'
+      },
+      delete: {
+        title: '删除确认',
+        confirm: '确定删除此工作单类型吗？',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      fetchError: '获取工作单类型失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="work-type-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('workType.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model.trim="searchForm.typeName" :placeholder="$t('workType.search.typeName')" clearable />
+        </el-col>
+        <el-col :span="18" style="margin-top:5px;">
+          <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="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('workType.list.title') }}</span>
+        <el-button type="primary" size="small" style="float:right;" @click="handleAdd">
+          <i class="el-icon-plus"></i>
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width:100%">
+        <el-table-column prop="typeName" :label="$t('workType.table.typeName')" align="center" />
+        <el-table-column prop="deduction" :label="$t('workType.table.deduction')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.deduction === 'Y' ? $t('workType.yes') : $t('workType.no') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="smsWay" :label="$t('workType.table.smsWay')" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.smsWay === 'WECHAT'">{{ $t('workType.wechat') }}</span>
+            <span v-else-if="scope.row.smsWay === 'ALI_SMS'">{{ $t('workType.aliSms') }}</span>
+            <span v-else-if="scope.row.smsWay === 'WORK_LICENSE'">{{ $t('workType.workLicense') }}</span>
+            <span v-else>{{ $t('workType.unknown') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('workType.table.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('workType.table.remark')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.remark || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('common.delete') }}
+            </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>
+
+    <!-- 组件 -->
+    <add-work-type ref="addWorkType" @success="handleSuccess" />
+    <edit-work-type ref="editWorkType" @success="handleSuccess" />
+    <delete-work-type ref="deleteWorkType" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listWorkType } from '@/api/oa/workTypeApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AddWorkType from '@/components/oa/addWorkType'
+import EditWorkType from '@/components/oa/editWorkType'
+import DeleteWorkType from '@/components/oa/deleteWorkType'
+
+export default {
+  name: 'WorkTypeList',
+  components: {
+    AddWorkType,
+    EditWorkType,
+    DeleteWorkType
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        typeName: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          typeName: this.searchForm.typeName,
+          communityId: this.communityId
+        }
+        const { data, total } = await listWorkType(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('workType.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        typeName: ''
+      }
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addWorkType.open()
+    },
+    handleEdit(row) {
+      this.$refs.editWorkType.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteWorkType.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.work-type-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file