开发完成办公下功能

wuxw
1 parent 0bf7e6a5
Showing 44 changed files with 4633 additions and 188 deletions
src/api/community/communityApi.js
src/api/oa/addExamineStaffApi.js
src/api/oa/addOwnerVotingApi.js
src/api/oa/editExamineStaffApi.js
src/api/oa/editOwnerVotingApi.js
src/api/oa/examineProjectManageApi.js
src/api/oa/examineStaffManageApi.js
src/api/oa/examineStaffValueApi.js
src/api/oa/ownerVotingApi.js
src/api/oa/printOwnerVotingApi.js
src/components/oa/addExamineProject.vue
src/components/oa/addOwnerVoting.vue
src/components/oa/deleteExamineProject.vue
src/components/oa/deleteExamineStaff.vue
src/components/oa/deleteOwnerVoting.vue
src/components/oa/deleteQuestionAnswer.vue
src/components/oa/editExamineProject.vue
src/components/oa/editOwnerVoting.vue
src/components/oa/orgTreeShow.vue
src/components/oa/publishQuestionAnswer.vue
@@ -57,12 +57,6 @@ export function getCommunityId() {
     return getCurrentCommunity().communityId
 }
  
-/*************  ✨ Windsurf Command ⭐  *************/
-/**
- * Get the current community
- * @returns {Object} The current community object
- */
-/*******  8c78c7d7-a438-4630-a8c7-b05b9f491159  *******/
  
  
 export function getCommunity() {
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 保存考核员工信息
+export function saveExamineStaff(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.saveExamineStaff',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取考核项目列表
+export function listExamineProject(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.listExamineProject',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传图片
+export function uploadImage(data) {
+  return new Promise((resolve, reject) => {
+    const formData = new FormData()
+    formData.append('uploadFile', data)
+    formData.append('communityId', getCommunityId())
+
+    request({
+      url: '/uploadFile/uploadImage',
+      method: 'post',
+      data: formData,
+      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 queryFloorAndUnits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloorAndUnits',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋信息
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存业主投票
+export function saveOwnerVote(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.saveOwnerVote',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).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 updateExamineStaff(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/examine.updateExamineStaff',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取考核项目列表
+export function listExamineProjects(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    request({
+      url: '/examine.listExamineProject',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取考核员工列表
+export function listExamineStaffs(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    request({
+      url: '/examine.listExamineStaff',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 上传图片
+export function uploadImage(data) {
+  return new Promise((resolve, reject) => {
+    data.append('communityId', getCommunityId())
+    request({
+      url: '/uploadFile',
+      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 listOwnerVote(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listOwnerVote',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新投票信息
+export function updateOwnerVote(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.updateOwnerVote',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询楼栋和单元信息
+export function queryFloorAndUnits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloorAndUnits',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋信息
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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 listExamineProject(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.listExamineProject',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加考核项目
+export function saveExamineProject(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.saveExamineProject',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新考核项目
+export function updateExamineProject(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.updateExamineProject',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除考核项目
+export function deleteExamineProject(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.deleteExamineProject',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).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 listExamineStaff(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.listExamineStaff',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除考核人员
+export function deleteExamineStaff(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.deleteExamineStaff',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+/**
+ * 获取员工考核记录列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listExamineStaffValue(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.listExamineStaffValue',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 添加员工考核记录
+ * @param {Object} data 考核数据
+ * @returns {Promise}
+ */
+export function addExamineStaffValue(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/examine.saveExamineStaffValue',
+      method: 'post',
+      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 listOwnerVote(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listOwnerVote',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取投票详情
+export function getOwnerVoteDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.getOwnerVoteDetail',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加投票
+export function addOwnerVote(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.addOwnerVote',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除投票
+export function deleteOwnerVote(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.deleteOwnerVote',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除问卷
+export function deleteQuestionAnswer(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.deleteQuestionAnswer',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 发布投票
+export function publishQuestion(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.publishQuestion',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).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 listOwnerVote(params) {
+  return new Promise((resolve, reject) => {
+    const defaultParams = {
+      communityId: getCommunityId(),
+      ...params
+    }
+    request({
+      url: '/question.listOwnerVote',
+      method: 'get',
+      params: defaultParams
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取用户问题答案列表
+export function listUserQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    const defaultParams = {
+      communityId: getCommunityId(),
+      ...params
+    }
+    request({
+      url: '/question.listUserQuestionAnswer',
+      method: 'get',
+      params: defaultParams
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('examineProjectManage.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('examineProjectManage.form.name')"
+        prop="name"
+      >
+        <el-input
+          v-model="formData.name"
+          :placeholder="$t('examineProjectManage.form.namePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.post')"
+        prop="postCd"
+      >
+        <el-select
+          v-model="formData.postCd"
+          :placeholder="$t('examineProjectManage.form.postPlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('examineProjectManage.form.commonPost')"
+            value="9999"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.weight')"
+        prop="weight"
+      >
+        <el-input
+          v-model="formData.weight"
+          :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
+          style="width:80%"
+        >
+          <template slot="append">%</template>
+        </el-input>
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.state')"
+        prop="state"
+      >
+        <el-select
+          v-model="formData.state"
+          :placeholder="$t('examineProjectManage.form.statePlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('examineProjectManage.status.enable')"
+            value="Y"
+          />
+          <el-option
+            :label="$t('examineProjectManage.status.disable')"
+            value="N"
+          />
+        </el-select>
+      </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 { saveExamineProject } from '@/api/oa/examineProjectManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddExamineProject',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        name: '',
+        postCd: '',
+        post: this.$t('examineProjectManage.form.commonPost'),
+        weight: '',
+        state: '',
+        communityId: getCommunityId()
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('examineProjectManage.validate.nameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('examineProjectManage.validate.nameMaxLength'), trigger: 'blur' }
+        ],
+        postCd: [
+          { required: true, message: this.$t('examineProjectManage.validate.postRequired'), trigger: 'change' },
+          { max: 30, message: this.$t('examineProjectManage.validate.postMaxLength'), trigger: 'blur' }
+        ],
+        weight: [
+          { required: true, message: this.$t('examineProjectManage.validate.weightRequired'), trigger: 'blur' },
+          { max: 12, message: this.$t('examineProjectManage.validate.weightMaxLength'), trigger: 'blur' }
+        ],
+        state: [
+          { required: true, message: this.$t('examineProjectManage.validate.stateRequired'), trigger: 'change' },
+          { max: 12, message: this.$t('examineProjectManage.validate.stateMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveExamineProject(this.formData)
+            this.$message.success(this.$t('examineProjectManage.add.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('examineProjectManage.add.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="add-owner-voting-container">
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('ownerVoting.add.title') }}</span>
+      </div>
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="120px"
+        label-position="right"
+      >
+        <el-form-item
+          :label="$t('ownerVoting.form.qaName')"
+          prop="qaName"
+        >
+          <el-input
+            v-model="form.qaName"
+            :placeholder="$t('ownerVoting.form.qaNamePlaceholder')"
+            style="width: 100%"
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.type')"
+          prop="titleType"
+        >
+          <el-select
+            v-model="form.titleType"
+            :placeholder="$t('ownerVoting.form.typePlaceholder')"
+            style="width: 100%"
+          >
+            <el-option
+              :label="$t('ownerVoting.type.single')"
+              value="1001"
+            />
+            <el-option
+              :label="$t('ownerVoting.type.multiple')"
+              value="2002"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.startTime')"
+          prop="startTime"
+        >
+          <el-date-picker
+            v-model="form.startTime"
+            type="datetime"
+            :placeholder="$t('ownerVoting.form.startTimePlaceholder')"
+            style="width: 100%"
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.endTime')"
+          prop="endTime"
+        >
+          <el-date-picker
+            v-model="form.endTime"
+            type="datetime"
+            :placeholder="$t('ownerVoting.form.endTimePlaceholder')"
+            style="width: 100%"
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.options')"
+          prop="titleValues"
+        >
+          <div
+            v-for="(item, index) in form.titleValues"
+            :key="index"
+            class="option-item"
+          >
+            <el-input
+              v-model="item.qaValue"
+              :placeholder="$t('ownerVoting.form.optionPlaceholder', { num: index + 1 })"
+              style="width: 80%; margin-right: 10px"
+            />
+            <el-button
+              v-if="index > 0"
+              type="danger"
+              icon="el-icon-minus"
+              circle
+              @click="removeOption(index)"
+            />
+          </div>
+          <el-button
+            type="primary"
+            icon="el-icon-plus"
+            @click="addOption"
+          >
+            {{ $t('ownerVoting.form.addOption') }}
+          </el-button>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            @click="submitForm"
+          >
+            {{ $t('common.submit') }}
+          </el-button>
+          <el-button @click="cancel">
+            {{ $t('common.cancel') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { addOwnerVote } from '@/api/oa/ownerVotingApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddOwnerVoting',
+  data() {
+    return {
+      form: {
+        qaName: '',
+        titleType: '1001',
+        startTime: '',
+        endTime: '',
+        titleValues: [
+          { qaValue: '', seq: 1 }
+        ],
+        communityId: getCommunityId()
+      },
+      rules: {
+        qaName: [
+          { required: true, message: this.$t('ownerVoting.validate.qaName'), trigger: 'blur' }
+        ],
+        titleType: [
+          { required: true, message: this.$t('ownerVoting.validate.type'), trigger: 'change' }
+        ],
+        startTime: [
+          { required: true, message: this.$t('ownerVoting.validate.startTime'), trigger: 'change' }
+        ],
+        endTime: [
+          { required: true, message: this.$t('ownerVoting.validate.endTime'), trigger: 'change' },
+          { validator: this.validateEndTime, trigger: 'change' }
+        ],
+        titleValues: [
+          { validator: this.validateOptions, trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    validateEndTime(rule, value, callback) {
+      if (!value) {
+        callback(new Error(this.$t('ownerVoting.validate.endTime')))
+        return
+      }
+      if (new Date(value) <= new Date(this.form.startTime)) {
+        callback(new Error(this.$t('ownerVoting.validate.endTimeAfterStart')))
+      } else {
+        callback()
+      }
+    },
+    validateOptions(rule, value, callback) {
+      if (value.length < 1) {
+        callback(new Error(this.$t('ownerVoting.validate.atLeastOneOption')))
+        return
+      }
+      for (let i = 0; i < value.length; i++) {
+        if (!value[i].qaValue || value[i].qaValue.trim() === '') {
+          callback(new Error(this.$t('ownerVoting.validate.optionNotEmpty')))
+          return
+        }
+      }
+      callback()
+    },
+    addOption() {
+      this.form.titleValues.push({
+        qaValue: '',
+        seq: this.form.titleValues.length + 1
+      })
+    },
+    removeOption(index) {
+      this.form.titleValues.splice(index, 1)
+      // 重新排序
+      this.form.titleValues.forEach((item, i) => {
+        item.seq = i + 1
+      })
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await addOwnerVote(this.form)
+            this.$message.success(this.$t('ownerVoting.add.success'))
+            this.$router.push('/views/oa/ownerVotingList')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('ownerVoting.add.error'))
+          }
+        }
+      })
+    },
+    cancel() {
+      this.$router.push('/views/oa/ownerVotingList')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-owner-voting-container {
+  padding: 20px;
+
+  .option-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('examineProjectManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <i class="el-icon-warning" style="color:#E6A23C;font-size:24px;vertical-align:middle"></i>
+      <span style="margin-left:10px;vertical-align:middle">
+        {{ $t('examineProjectManage.delete.confirmText') }}
+      </span>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteExamineProject } from '@/api/oa/examineProjectManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteExamineProject',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        projectId: '',
+        communityId: getCommunityId()
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData.projectId = data.projectId
+      this.visible = true
+    },
+    handleClose() {
+      this.loading = false
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        await deleteExamineProject(this.formData)
+        this.$message.success(this.$t('examineProjectManage.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('examineProjectManage.delete.error'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.delete-content {
+  padding: 20px 0;
+  text-align: center;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('examineStaffManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div style="text-align: center;">
+      <p>{{ $t('examineStaffManage.delete.confirm') }}</p>
+    </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 { deleteExamineStaff } from '@/api/oa/examineStaffManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteExamineStaff',
+  data() {
+    return {
+      visible: false,
+      currentRow: null
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentRow = row
+      this.visible = true
+    },
+    handleClose() {
+      this.currentRow = null
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          ...this.currentRow,
+          communityId: getCommunityId()
+        }
+        await deleteExamineStaff(params)
+        this.$emit('success')
+        this.visible = false
+        this.$message.success(this.$t('examineStaffManage.delete.success'))
+      } catch (error) {
+        this.$message.error(this.$t('examineStaffManage.delete.error'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('ownerVoting.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div>
+      <p>{{ $t('ownerVoting.delete.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button
+        type="danger"
+        @click="handleConfirm"
+      >
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteOwnerVote } from '@/api/oa/ownerVotingApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteOwnerVoting',
+  data() {
+    return {
+      visible: false,
+      qaId: '',
+      communityId: getCommunityId()
+    }
+  },
+  methods: {
+    open(qaId) {
+      this.qaId = qaId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteOwnerVote({
+          qaId: this.qaId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('ownerVoting.delete.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(error.message || this.$t('ownerVoting.delete.error'))
+      }
+    },
+    handleClose() {
+      this.qaId = ''
+    }
+  }
+}
+</script>
 \ No newline at end of file
 <template>
   <el-dialog
-    :title="$t('questionAnswerManage.delete.title')"
+    :title="$t('ownerVoting.deleteQuestionAnswer.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('questionAnswerManage.delete.confirmText') }}</span>
+    <div>
+      <p>{{ $t('ownerVoting.deleteQuestionAnswer.confirm') }}</p>
     </div>
-    
-    <div slot="footer" class="dialog-footer">
+    <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">
         {{ $t('common.cancel') }}
       </el-button>
-      <el-button type="primary" @click="handleConfirm" :loading="loading">
+      <el-button
+        type="danger"
+        @click="handleConfirm"
+      >
         {{ $t('common.confirm') }}
       </el-button>
-    </div>
+    </span>
   </el-dialog>
 </template>
  
 <script>
-import { deleteQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import { deleteQuestionAnswer } from '@/api/oa/ownerVotingApi'
 import { getCommunityId } from '@/api/community/communityApi'
  
 export default {
@@ -30,48 +31,31 @@ export default {
   data() {
     return {
       visible: false,
-      loading: false,
-      currentData: null
+      qaId: '',
+      communityId: getCommunityId()
     }
   },
   methods: {
-    open(data) {
-      this.currentData = data
+    open(qaId) {
+      this.qaId = qaId
       this.visible = true
     },
-    handleClose() {
-      this.currentData = null
-      this.loading = false
-    },
     async handleConfirm() {
-      if (!this.currentData) return
-      
       try {
-        this.loading = true
-        const params = {
-          qaId: this.currentData.qaId,
-          communityId: getCommunityId()
-        }
-        await deleteQuestionAnswer(params)
-        this.$message.success(this.$t('questionAnswerManage.message.deleteSuccess'))
-        this.visible = false
+        await deleteQuestionAnswer({
+          qaId: this.qaId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('ownerVoting.deleteQuestionAnswer.success'))
         this.$emit('success')
+        this.visible = false
       } catch (error) {
-        this.$message.error(error.message || this.$t('questionAnswerManage.message.deleteError'))
-      } finally {
-        this.loading = false
+        this.$message.error(error.message || this.$t('ownerVoting.deleteQuestionAnswer.error'))
       }
+    },
+    handleClose() {
+      this.qaId = ''
     }
   }
 }
-</script>
-
-<style lang="scss" scoped>
-.delete-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px 0;
-  font-size: 16px;
-}
-</style>
 \ No newline at end of file
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('examineProjectManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('examineProjectManage.form.name')"
+        prop="name"
+      >
+        <el-input
+          v-model="formData.name"
+          :placeholder="$t('examineProjectManage.form.namePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.post')"
+        prop="postCd"
+      >
+        <el-select
+          v-model="formData.postCd"
+          :placeholder="$t('examineProjectManage.form.postPlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('examineProjectManage.form.commonPost')"
+            value="9999"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.weight')"
+        prop="weight"
+      >
+        <el-input
+          v-model="formData.weight"
+          :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
+          style="width:80%"
+        >
+          <template slot="append">%</template>
+        </el-input>
+      </el-form-item>
+      <el-form-item
+        :label="$t('examineProjectManage.form.state')"
+        prop="state"
+      >
+        <el-select
+          v-model="formData.state"
+          :placeholder="$t('examineProjectManage.form.statePlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('examineProjectManage.status.enable')"
+            value="Y"
+          />
+          <el-option
+            :label="$t('examineProjectManage.status.disable')"
+            value="N"
+          />
+        </el-select>
+      </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 { updateExamineProject } from '@/api/oa/examineProjectManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditExamineProject',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        projectId: '',
+        name: '',
+        postCd: '',
+        post: this.$t('examineProjectManage.form.commonPost'),
+        weight: '',
+        state: '',
+        communityId: getCommunityId()
+      },
+      rules: {
+        projectId: [
+          { required: true, message: this.$t('examineProjectManage.validate.idRequired'), trigger: 'blur' }
+        ],
+        name: [
+          { required: true, message: this.$t('examineProjectManage.validate.nameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('examineProjectManage.validate.nameMaxLength'), trigger: 'blur' }
+        ],
+        postCd: [
+          { required: true, message: this.$t('examineProjectManage.validate.postRequired'), trigger: 'change' },
+          { max: 30, message: this.$t('examineProjectManage.validate.postMaxLength'), trigger: 'blur' }
+        ],
+        weight: [
+          { required: true, message: this.$t('examineProjectManage.validate.weightRequired'), trigger: 'blur' },
+          { max: 12, message: this.$t('examineProjectManage.validate.weightMaxLength'), trigger: 'blur' }
+        ],
+        state: [
+          { required: true, message: this.$t('examineProjectManage.validate.stateRequired'), trigger: 'change' },
+          { max: 12, message: this.$t('examineProjectManage.validate.stateMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = {
+        ...data,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateExamineProject(this.formData)
+            this.$message.success(this.$t('examineProjectManage.edit.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('examineProjectManage.edit.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="edit-owner-voting-container">
+    <el-card>
+      <div slot="header">
+        <span>{{ $t('ownerVoting.edit.title') }}</span>
+      </div>
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="120px"
+        label-position="right"
+      >
+        <el-form-item
+          :label="$t('ownerVoting.form.qaName')"
+          prop="qaName"
+        >
+          <el-input
+            v-model="form.qaName"
+            :placeholder="$t('ownerVoting.form.qaNamePlaceholder')"
+            style="width: 100%"
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.type')"
+          prop="titleType"
+        >
+          <el-select
+            v-model="form.titleType"
+            :placeholder="$t('ownerVoting.form.typePlaceholder')"
+            style="width: 100%"
+            disabled
+          >
+            <el-option
+              :label="$t('ownerVoting.type.single')"
+              value="1001"
+            />
+            <el-option
+              :label="$t('ownerVoting.type.multiple')"
+              value="2002"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.startTime')"
+          prop="startTime"
+        >
+          <el-date-picker
+            v-model="form.startTime"
+            type="datetime"
+            :placeholder="$t('ownerVoting.form.startTimePlaceholder')"
+            style="width: 100%"
+            disabled
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.endTime')"
+          prop="endTime"
+        >
+          <el-date-picker
+            v-model="form.endTime"
+            type="datetime"
+            :placeholder="$t('ownerVoting.form.endTimePlaceholder')"
+            style="width: 100%"
+            disabled
+          />
+        </el-form-item>
+
+        <el-form-item
+          :label="$t('ownerVoting.form.options')"
+          prop="titleValues"
+        >
+          <div
+            v-for="(item, index) in form.titleValues"
+            :key="index"
+            class="option-item"
+          >
+            <el-input
+              v-model="item.qaValue"
+              :placeholder="$t('ownerVoting.form.optionPlaceholder', { num: index + 1 })"
+              style="width: 80%; margin-right: 10px"
+              disabled
+            />
+          </div>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button @click="cancel">
+            {{ $t('common.back') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getOwnerVoteDetail } from '@/api/oa/ownerVotingApi'
+
+export default {
+  name: 'EditOwnerVoting',
+  data() {
+    return {
+      form: {
+        qaId: '',
+        qaName: '',
+        titleType: '',
+        startTime: '',
+        endTime: '',
+        titleValues: []
+      },
+      rules: {
+        qaName: [
+          { required: true, message: this.$t('ownerVoting.validate.qaName'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getDetail()
+  },
+  methods: {
+    async getDetail() {
+      try {
+        const qaId = this.$route.query.qaId
+        if (!qaId) {
+          this.$message.error(this.$t('ownerVoting.edit.noId'))
+          this.$router.push('/views/oa/ownerVotingList')
+          return
+        }
+
+        const data = await getOwnerVoteDetail({ qaId })
+        this.form = {
+          ...data,
+          titleValues: data.titleValues.map((item, index) => ({
+            ...item,
+            seq: index + 1
+          }))
+        }
+      } catch (error) {
+        this.$message.error(error.message || this.$t('ownerVoting.edit.fetchError'))
+        this.$router.push('/views/oa/ownerVotingList')
+      }
+    },
+    cancel() {
+      this.$router.push('/views/oa/ownerVotingList')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-owner-voting-container {
+  padding: 20px;
+
+  .option-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="org-tree-show-container">
+    <el-tree
+      ref="orgTree"
+      :data="orgTreeShowInfo.orgs"
+      :props="defaultProps"
+      node-key="id"
+      default-expand-all
+      highlight-current
+      @node-click="handleNodeClick">
+    </el-tree>
+  </div>
+</template>
+
+<script>
+import { listOrgTree } from '@/api/oa/addExamineStaffApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'OrgTreeShow',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      orgTreeShowInfo: {
+        orgs: [],
+        orgId: '',
+        curOrg: {}
+      },
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  mounted() {
+    this._loadOrgsShow()
+  },
+  methods: {
+    refreshTree() {
+      this._loadOrgsShow()
+    },
+    async _loadOrgsShow() {
+      try {
+        const params = {
+          communityId: getCommunityId()
+        }
+        const res = await listOrgTree(params)
+        this.orgTreeShowInfo.orgs = res.data
+      } catch (error) {
+        console.error('加载组织树失败:', error)
+      }
+    },
+    handleNodeClick(data) {
+      this.orgTreeShowInfo.curOrg = data
+      this.orgTreeShowInfo.curOrg.orgId = data.id
+      this.$emit(this.callBackListener, 'switchOrg', {
+        orgId: data.id,
+        orgName: data.text
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.org-tree-show-container {
+  height: 100%;
+  
+  /deep/ .el-tree {
+    height: 100%;
+    overflow-y: auto;
+    
+    .el-tree-node__content {
+      height: 36px;
+      line-height: 36px;
+    }
+    
+    .el-tree-node.is-current > .el-tree-node__content {
+      background-color: #f0f7ff;
+    }
+  }
+}
+</style>
 \ No newline at end of file
 <template>
   <el-dialog
-    :title="$t('questionAnswerManage.publish.title')"
+    :title="$t('ownerVoting.publish.title')"
     :visible.sync="visible"
-    width="40%"
+    width="50%"
     @close="handleClose"
   >
-    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
-      <el-form-item :label="$t('questionAnswerManage.publish.qaName')">
-        <el-input v-model="formData.qaName" disabled />
+    <el-form ref="form" :model="form" :rules="rules">
+      <el-form-item
+        :label="$t('ownerVoting.publish.name')"
+        prop="qaName"
+        label-width="120px"
+      >
+        <el-input v-model="form.qaName" disabled style="width: 100%" />
       </el-form-item>
-      
-      <el-form-item :label="$t('questionAnswerManage.publish.tip')">
+
+      <el-form-item
+        :label="$t('ownerVoting.publish.tip')"
+        label-width="120px"
+      >
         <el-input
-          :value="$t('questionAnswerManage.publish.tipText')"
+          :value="$t('ownerVoting.publish.tipContent')"
           disabled
+          style="width: 100%"
         />
       </el-form-item>
-      
+
       <el-form-item
-        :label="$t('questionAnswerManage.publish.notifyWay')"
+        :label="$t('ownerVoting.publish.notifyWay')"
         prop="notifyWay"
+        label-width="120px"
       >
         <el-select
-          v-model="formData.notifyWay"
-          :placeholder="$t('questionAnswerManage.publish.notifyWayPlaceholder')"
+          v-model="form.notifyWay"
+          :placeholder="$t('ownerVoting.publish.notifyWayPlaceholder')"
           style="width: 100%"
         >
           <el-option
+            :label="$t('ownerVoting.publish.sms')"
             value="1001"
-            :label="$t('questionAnswerManage.publish.notifyWay1')"
           />
           <el-option
+            :label="$t('ownerVoting.publish.wechat')"
             value="2002"
-            :label="$t('questionAnswerManage.publish.notifyWay2')"
           />
           <el-option
+            :label="$t('ownerVoting.publish.noNotify')"
             value="3003"
-            :label="$t('questionAnswerManage.publish.notifyWay3')"
           />
         </el-select>
       </el-form-item>
     </el-form>
-    
-    <div slot="footer" class="dialog-footer">
+
+    <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">
         {{ $t('common.cancel') }}
       </el-button>
-      <el-button type="primary" @click="handlePublish" :loading="loading">
-        {{ $t('questionAnswerManage.publish.button') }}
+      <el-button
+        type="primary"
+        @click="handleConfirm"
+      >
+        {{ $t('ownerVoting.publish.publishBtn') }}
       </el-button>
-    </div>
+    </span>
   </el-dialog>
 </template>
  
 <script>
-import { publishQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import { publishQuestion } from '@/api/oa/ownerVotingApi'
 import { getCommunityId } from '@/api/community/communityApi'
  
 export default {
@@ -62,59 +74,50 @@ export default {
   data() {
     return {
       visible: false,
-      loading: false,
-      formData: {
+      form: {
         qaId: '',
         qaName: '',
-        notifyWay: ''
+        notifyWay: '',
+        communityId: getCommunityId()
       },
       rules: {
         notifyWay: [
-          { required: true, message: this.$t('questionAnswerManage.validate.notifyWay'), trigger: 'blur' }
+          { required: true, message: this.$t('ownerVoting.publish.notifyWayRequired'), trigger: 'change' }
         ]
       }
     }
   },
   methods: {
     open(data) {
-      this.formData = {
+      this.form = {
+        ...this.form,
         qaId: data.qaId,
-        qaName: data.qaName,
-        notifyWay: ''
+        qaName: data.qaName
       }
       this.visible = true
-      this.$nextTick(() => {
-        this.$refs.form && this.$refs.form.clearValidate()
+    },
+    async handleConfirm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await publishQuestion(this.form)
+            this.$message.success(this.$t('ownerVoting.publish.success'))
+            this.$emit('success')
+            this.visible = false
+          } catch (error) {
+            this.$message.error(error.message || this.$t('ownerVoting.publish.error'))
+          }
+        }
       })
     },
     handleClose() {
-      this.formData = {
+      this.$refs.form.resetFields()
+      this.form = {
         qaId: '',
         qaName: '',
-        notifyWay: ''
+        notifyWay: '',
+        communityId: getCommunityId()
       }
-      this.loading = false
-    },
-    async handlePublish() {
-      this.$refs.form.validate(async valid => {
-        if (!valid) return
-        
-        try {
-          this.loading = true
-          const params = {
-            ...this.formData,
-            communityId: getCommunityId()
-          }
-          await publishQuestionAnswer(params)
-          this.$message.success(this.$t('questionAnswerManage.message.publishSuccess'))
-          this.visible = false
-          this.$emit('success')
-        } catch (error) {
-          this.$message.error(error.message || this.$t('questionAnswerManage.message.publishError'))
-        } finally {
-          this.loading = false
-        }
-      })
     }
   }
 }
+<template>
+  <el-dialog
+    :title="$t('selectStaff.title')"
+    :visible.sync="dialogVisible"
+    width="70%"
+    :close-on-click-modal="false">
+    
+    <el-row :gutter="20">
+      <el-col :span="12" class="border-right">
+        <div class="text-center section-title">
+          {{ $t('selectStaff.orgInfo') }}
+        </div>
+        <div class="org-tree-container">
+          <org-tree-show 
+            ref="orgTree"
+            :call-back-listener="'selectStaff'">
+          </org-tree-show>
+        </div>
+      </el-col>
+      
+      <el-col :span="12">
+        <div class="text-center section-title">
+          {{ $t('selectStaff.staffInfo') }}
+        </div>
+        <div class="staff-list-container">
+          <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 margin-right-xs"></i>
+              {{ item.name }}
+            </div>
+            <div>{{ item.tel }}</div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    
+    <div 
+      v-if="selectStaffInfo.staff.from === 'bpmn' || 
+            selectStaffInfo.staff.from === 'purchase' || 
+            selectStaffInfo.staff.from === 'contract'"
+      class="dialog-footer text-right">
+      <el-button size="small" @click="_firstUser">
+        {{ $t('selectStaff.submitter') }}
+      </el-button>
+      <el-button size="small" @click="_customUser">
+        {{ $t('selectStaff.dynamicAssign') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { queryStaffInfos } from '@/api/oa/addExamineStaffApi'
+import OrgTreeShow from '@/components/oa/OrgTreeShow'
+
+export default {
+  name: 'SelectStaff',
+  components: {
+    OrgTreeShow
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      selectStaffInfo: {
+        staffs: [],
+        curStaffId: '',
+        curStaffName: '',
+        staff: {}
+      }
+    }
+  },
+  mounted() {
+    this.$on('selectStaff', 'switchOrg', this.loadStaff)
+  },
+  methods: {
+    open(staff) {
+      this.selectStaffInfo.staff = staff
+      this.dialogVisible = true
+      this.$refs.orgTree.refreshTree()
+    },
+    async loadStaff(org) {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          orgId: org.orgId
+        }
+        const res = await queryStaffInfos(params)
+        this.selectStaffInfo.staffs = res.staffs
+        if (res.staffs.length > 0) {
+          this.selectStaffInfo.curStaffId = res.staffs[0].orgId
+        }
+      } catch (error) {
+        console.error('加载员工失败:', error)
+      }
+    },
+    _changeStaff(item) {
+      this.selectStaffInfo.staff.staffId = item.userId
+      this.selectStaffInfo.staff.staffName = item.userName
+      this.selectStaffInfo.staff.staffTel = item.tel
+      this.dialogVisible = false
+      
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
+    },
+    _firstUser() {
+      this.selectStaffInfo.staff.staffId = '${startUserId}'
+      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.submitter')
+      this.dialogVisible = false
+      
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
+    },
+    _customUser() {
+      this.selectStaffInfo.staff.staffId = '${nextUserId}'
+      this.selectStaffInfo.staff.staffName = this.$t('selectStaff.dynamicAssign')
+      this.dialogVisible = false
+      
+      if (typeof this.selectStaffInfo.staff.call === 'function') {
+        this.selectStaffInfo.staff.call(this.selectStaffInfo.staff)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.border-right {
+  border-right: 1px solid #ebeef5;
+}
+
+.section-title {
+  font-weight: bold;
+  margin-bottom: 15px;
+  font-size: 16px;
+}
+
+.org-tree-container {
+  height: 400px;
+  overflow-y: auto;
+  padding: 10px;
+}
+
+.staff-list-container {
+  height: 400px;
+  overflow-y: auto;
+  padding: 10px;
+}
+
+.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;
+  }
+}
+
+.dialog-footer {
+  margin-top: 20px;
+}
+
+.margin-right-xs {
+  margin-right: 5px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
 <template>
   <div class="upload-image-container">
     <div v-for="(image, index) in photos" :key="index" class="image-item">
-      <el-image
-        :src="getImageUrl(image)"
+      <el-image 
+        :src="image" 
         fit="cover"
-        :preview-src-list="[getImageUrl(image)]"
-        class="image-preview"
-      >
-        <div slot="error" class="image-slot">
-          <i class="el-icon-picture-outline"></i>
-        </div>
+        style="width: 100px; height: 100px">
       </el-image>
-      <i class="el-icon-close remove-icon" @click="removeImage(index)"></i>
+      <i 
+        class="el-icon-close remove-icon" 
+        @click="_removeImage(image)">
+      </i>
     </div>
-
-    <el-upload
+    
+    <div 
       v-if="photos.length < imageCount"
-      action=""
-      :show-file-list="false"
-      :before-upload="beforeUpload"
-      :http-request="handleUpload"
       class="upload-button"
-    >
+      @click="_uploadPhoto">
       <i class="el-icon-plus"></i>
-    </el-upload>
+    </div>
+    
+    <input 
+      type="file" 
+      class="file-input" 
+      accept="image/*" 
+      ref="fileInput"
+      hidden
+      @change="_choosePhoto">
   </div>
 </template>
  
 <script>
-import { uploadImage } from '@/api/oa/questionAnswerManageApi'
+import { uploadImage } from '@/api/oa/editExamineStaffApi'
 import { getCommunityId } from '@/api/community/communityApi'
  
 export default {
@@ -41,62 +43,116 @@ export default {
   },
   data() {
     return {
-      photos: [],
-      photoUrls: []
+      photos: [], // 显示图片数组(base64格式)
+      photosUrl: [], // 向父组件传递的数组({fileId, url})
+      communityId: ''
     }
   },
+  created() {
+    this.communityId = getCommunityId()
+  },
   methods: {
-    getImageUrl(image) {
-      if (typeof image === 'string') {
-        if (image.startsWith('http') || image.startsWith('https') || image.startsWith('data:')) {
-          return image
+    open(photos) {
+      this.photos = []
+      this.photosUrl = []
+      
+      if (!photos || photos.length === 0) return
+      
+      photos.forEach(photo => {
+        if (photo.indexOf('base64,') > -1) {
+          this.photos.push(photo)
+          return
         }
-        return `/callComponent/download/getFile/file?fileId=${image}&communityId=-1&time=${new Date().getTime()}`
-      }
-      return image.url || ''
-    },
-    setPhotos(photos) {
-      this.photos = photos || []
-      this.photoUrls = photos.map(photo => {
-        return typeof photo === 'string' ? { fileId: photo } : photo
+        
+        if (photo.indexOf("https") > -1 || photo.indexOf("http") > -1) {
+          this.urlToBase64(photo)
+          const urlParams = this._getUrlParams(photo)
+          if (urlParams.fileId) {
+            this.photosUrl.push({fileId: urlParams.fileId, url: photo})
+          }
+          return
+        }
+        
+        const url = `/callComponent/download/getFile/file?fileId=${photo}&communityId=-1&time=${new Date()}`
+        this.urlToBase64(url)
+        this.photosUrl.push({fileId: photo, url})
       })
-      this.$emit('change', this.photoUrls)
     },
     clear() {
       this.photos = []
-      this.photoUrls = []
-      this.$emit('change', [])
+      this.photosUrl = []
     },
-    beforeUpload(file) {
-      const isImage = file.type.includes('image/')
-      const isLt2M = file.size / 1024 / 1024 < 2
-
-      if (!isImage) {
-        this.$message.error(this.$t('uploadImage.validate.imageType'))
+    _uploadPhoto() {
+      this.$refs.fileInput.click()
+    },
+    _choosePhoto(event) {
+      const files = event.target.files
+      if (!files || files.length === 0) return
+      
+      const file = files[0]
+      if (file.size > 2 * 1024 * 1024) {
+        this.$message.error(this.$t('uploadImage.imageSizeLimit'))
+        return
       }
-      if (!isLt2M) {
-        this.$message.error(this.$t('uploadImage.validate.imageSize'))
+      
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        this.photos.push(e.target.result)
+        this._doUploadImageUrl(file)
       }
-      return isImage && isLt2M
+      reader.readAsDataURL(file)
+      
+      event.target.value = null
+    },
+    _removeImage(image) {
+      const index = this.photos.indexOf(image)
+      this.photos.splice(index, 1)
+      this.photosUrl.splice(index, 1)
+      this.$emit('notifyUploadImage', this.photosUrl)
     },
-    async handleUpload({ file }) {
+    async _doUploadImageUrl(file) {
       try {
         const formData = new FormData()
-        formData.append('uploadFile', file)
-        formData.append('communityId', getCommunityId())
-
-        const response = await uploadImage(formData)
-        this.photos.push(response.data)
-        this.photoUrls.push(response.data)
-        this.$emit('change', this.photoUrls)
+        formData.append("uploadFile", file)
+        formData.append('communityId', this.communityId)
+        
+        const data = await uploadImage(formData)
+        this.photosUrl.push(data)
+        this.$emit('notifyUploadImage', this.photosUrl)
       } catch (error) {
-        this.$message.error(error.message || this.$t('uploadImage.message.uploadError'))
+        this.$message.error(this.$t('uploadImage.uploadError'))
       }
     },
-    removeImage(index) {
-      this.photos.splice(index, 1)
-      this.photoUrls.splice(index, 1)
-      this.$emit('change', this.photoUrls)
+    _getUrlParams(url) {
+      if (url.indexOf('?') < 0) {
+        return { fileId: url }
+      }
+      
+      const urlStr = url.split('?')[1]
+      const obj = {}
+      const paramsArr = urlStr.split('&')
+      
+      for (let i = 0; i < paramsArr.length; i++) {
+        const arr = paramsArr[i].split('=')
+        obj[arr[0]] = arr[1]
+      }
+      
+      return obj
+    },
+    urlToBase64(url) {
+      const image = new Image()
+      image.setAttribute('crossOrigin', 'anonymous')
+      image.src = url
+      
+      image.onload = () => {
+        const canvas = document.createElement('canvas')
+        canvas.width = image.width
+        canvas.height = image.height
+        const ctx = canvas.getContext('2d')
+        ctx.drawImage(image, 0, 0, image.width, image.height)
+        const base64 = canvas.toDataURL('image/png')
+        this.photos.push(base64)
+      }
     }
   }
 }
@@ -107,46 +163,41 @@ export default {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
-
+  
   .image-item {
     position: relative;
-    width: 100px;
-    height: 100px;
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    overflow: hidden;
-
-    .image-preview {
-      width: 100%;
-      height: 100%;
-    }
-
+    
     .remove-icon {
       position: absolute;
-      top: 0;
-      right: 0;
-      padding: 5px;
-      color: #fff;
-      background-color: rgba(0, 0, 0, 0.5);
+      top: 5px;
+      right: 5px;
+      color: #f56c6c;
+      font-size: 16px;
       cursor: pointer;
-      z-index: 10;
+      background: #fff;
+      border-radius: 50%;
+      padding: 2px;
+      
+      &:hover {
+        color: #f00;
+      }
     }
   }
-
+  
   .upload-button {
+    width: 100px;
+    height: 100px;
+    border: 1px dashed #dcdfe6;
     display: flex;
     justify-content: center;
     align-items: center;
-    width: 100px;
-    height: 100px;
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
     cursor: pointer;
-    font-size: 28px;
-    color: #8c939d;
-
+    color: #909399;
+    font-size: 24px;
+    
     &:hover {
       border-color: #409eff;
+      color: #409eff;
     }
   }
 }
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    fullscreen
+    :show-close="false"
+    @close="handleClose"
+  >
+    <div style="position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);">
+      <el-image
+        :src="imageUrl"
+        :style="imageStyle"
+        fit="contain"
+      />
+      <i
+        class="el-icon-close"
+        style="position: absolute; right: 20px; top: 20px; font-size: 24px; color: red; cursor: pointer;"
+        @click="visible = false"
+      />
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'ViewImage',
+  data() {
+    return {
+      visible: false,
+      imageUrl: '',
+      imageStyle: {
+        width: '800px',
+        height: '800px'
+      }
+    }
+  },
+  methods: {
+    open(url) {
+      this.imageUrl = url
+      this.visible = true
+      this.adjustImageSize(url)
+    },
+    handleClose() {
+      this.imageUrl = ''
+    },
+    adjustImageSize(url) {
+      const img = new Image()
+      img.src = url
+      img.onload = () => {
+        const ratio = img.width / img.height
+        if (ratio > 1) {
+          this.imageStyle.height = `${800 / ratio}px`
+          this.imageStyle.width = '800px'
+        } else {
+          this.imageStyle.width = `${800 * ratio}px`
+          this.imageStyle.height = '800px'
+        }
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -17,6 +17,16 @@ import { messages as printQuestionAnswerMessages } from &#39;../views/oa/printQuesti
 import { messages as addQuestionAnswerMessages } from '../views/oa/addQuestionAnswerLang'
 import { messages as editQuestionAnswerMessages } from '../views/oa/editQuestionAnswerLang'
 import { messages as printQuestionAnswerDetailMessages } from '../views/oa/printQuestionAnswerDetailLang'
+import { messages as ownerVotingMessages } from '../views/oa/ownerVotingLang'
+import { messages as addOwnerVotingMessages } from '../views/oa/addOwnerVotingLang'
+import { messages as editOwnerVotingMessages } from '../views/oa/editOwnerVotingLang'
+import { messages as printOwnerVotingMessages } from '../views/oa/printOwnerVotingLang'
+import { messages as examineProjectManageMessages } from '../views/oa/examineProjectManageLang'
+import { messages as examineStaffManageMessages } from '../views/oa/examineStaffManageLang'
+import { messages as addExamineStaffMessages } from '../views/oa/addExamineStaffLang'
+import { messages as editExamineStaffMessages } from '../views/oa/editExamineStaffLang'
+import { messages as examineStaffValueMessages } from '../views/oa/examineStaffValueLang'
+
 export const messages ={
     en:{
         ...activitiesTypeManageMessages.en,
@@ -38,6 +48,15 @@ export const messages ={
         ...addQuestionAnswerMessages.en,
         ...editQuestionAnswerMessages.en,
         ...printQuestionAnswerDetailMessages.en,
+        ...ownerVotingMessages.en,
+        ...addOwnerVotingMessages.en,
+        ...editOwnerVotingMessages.en,
+        ...printOwnerVotingMessages.en,
+        ...examineProjectManageMessages.en,
+        ...examineStaffManageMessages.en,
+        ...addExamineStaffMessages.en,
+        ...editExamineStaffMessages.en,
+        ...examineStaffValueMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -59,5 +78,14 @@ export const messages ={
         ...addQuestionAnswerMessages.zh,
         ...editQuestionAnswerMessages.zh,
         ...printQuestionAnswerDetailMessages.zh,
+        ...ownerVotingMessages.zh,
+        ...addOwnerVotingMessages.zh,
+        ...editOwnerVotingMessages.zh,
+        ...printOwnerVotingMessages.zh,
+        ...examineProjectManageMessages.zh,
+        ...examineStaffManageMessages.zh,
+        ...addExamineStaffMessages.zh,
+        ...editExamineStaffMessages.zh,
+        ...examineStaffValueMessages.zh,
     }
 }
 \ No newline at end of file
@@ -955,6 +955,11 @@ const routes = [
     name: '/pages/question/printQuestionAnswerDetail',
     component: () => import('@/views/oa/printQuestionAnswerDetailList.vue')
   },
+  {
+    path:'/views/oa/printOwnerVoting',
+    name:'/views/oa/printOwnerVoting',
+    component: () => import('@/views/oa/printOwnerVotingList.vue')
+    },
 ]
  
 const router = new VueRouter({
@@ -80,9 +80,48 @@ export default [
         component: () => import('@/views/oa/addQuestionAnswerList.vue')
     },
     {
-        path:'/views/oa/editQuestionAnswer',
-        name:'/views/oa/editQuestionAnswer',
+        path: '/views/oa/editQuestionAnswer',
+        name: '/views/oa/editQuestionAnswer',
         component: () => import('@/views/oa/editQuestionAnswerList.vue')
-        },
-
+    },
+    {
+        path: '/pages/question/ownerVoting',
+        name: '/pages/question/ownerVoting',
+        component: () => import('@/views/oa/ownerVotingList.vue')
+    },
+    {
+        path: '/views/oa/addOwnerVoting',
+        name: '/views/oa/addOwnerVoting',
+        component: () => import('@/views/oa/addOwnerVotingList.vue')
+    },
+    {
+        path: '/views/oa/editOwnerVoting',
+        name: '/views/oa/editOwnerVoting',
+        component: () => import('@/views/oa/editOwnerVotingList.vue')
+    },
+    {
+        path: '/pages/examine/examineProjectManage',
+        name: '/pages/examine/examineProjectManage',
+        component: () => import('@/views/oa/examineProjectManageList.vue')
+    },
+    {
+        path: '/pages/examine/examineStaffManage',
+        name: '/pages/examine/examineStaffManage',
+        component: () => import('@/views/oa/examineStaffManageList.vue')
+    },
+    {
+        path: '/views/oa/addExamineStaff',
+        name: '/views/oa/addExamineStaff',
+        component: () => import('@/views/oa/addExamineStaffList.vue')
+    },
+    {
+        path: '/views/oa/editExamineStaff',
+        name: '/views/oa/editExamineStaff',
+        component: () => import('@/views/oa/editExamineStaffList.vue')
+    },
+    {
+        path: '/pages/examine/examineStaffValue',
+        name: '/pages/examine/examineStaffValue',
+        component: () => import('@/views/oa/examineStaffValueList.vue')
+    },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addExamineStaff: {
+      title: 'Add Examine Staff',
+      staffName: 'Staff Name',
+      staffNamePlaceholder: 'Required, please fill in staff name',
+      select: 'Select',
+      projects: 'Examine Projects',
+      staffAvatar: 'Staff Avatar',
+      staffPost: 'Staff Post',
+      staffPostPlaceholder: 'Required, please fill in staff post',
+      staffIntroduction: 'Staff Introduction',
+      staffIntroductionPlaceholder: 'Required, please fill in staff introduction'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      submitter: 'Submitter',
+      dynamicAssign: 'Dynamic Assignment'
+    },
+    uploadImage: {
+      imageSizeLimit: 'Image size cannot exceed 2MB',
+      uploadFailed: 'Upload failed'
+    }
+  },
+  zh: {
+    addExamineStaff: {
+      title: '添加考核员工',
+      staffName: '员工名称',
+      staffNamePlaceholder: '必填，请填写员工名称',
+      select: '选择',
+      projects: '考核项目',
+      staffAvatar: '员工头像',
+      staffPost: '员工岗位',
+      staffPostPlaceholder: '必填，请填写员工岗位',
+      staffIntroduction: '员工简介',
+      staffIntroductionPlaceholder: '必填，请输入员工简介'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      submitter: '提交者',
+      dynamicAssign: '动态指定'
+    },
+    uploadImage: {
+      imageSizeLimit: '图片大小不能超过2MB',
+      uploadFailed: '上传失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-examine-staff-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addExamineStaff.title') }}</span>
+        <div class="header-tools">
+          <el-button type="primary" size="small" @click="_goBack">
+            <i class="el-icon-close"></i>{{ $t('common.back') }}
+          </el-button>
+        </div>
+      </div>
+      <el-form ref="form" :model="addExamineStaffInfo" label-width="120px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addExamineStaff.staffName')">
+              <el-input v-model="addExamineStaffInfo.staffName" :placeholder="$t('addExamineStaff.staffNamePlaceholder')"
+                disabled style="width: 60%">
+              </el-input>
+              <el-button type="primary" @click="chooseStaff" style="margin-left: 10px">
+                <i class="el-icon-search"></i>{{ $t('addExamineStaff.select') }}
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addExamineStaff.projects')">
+              <el-checkbox-group v-model="addExamineStaffInfo.projectIds">
+                <el-checkbox v-for="(item, index) in addExamineStaffInfo.projects" :key="index" :label="item.projectId">
+                  {{ item.name }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addExamineStaff.staffAvatar')">
+              <upload-image-url ref="uploadImage" :call-back-listener="'addExamineStaff'"
+                :call-back-function="'notifyUploadImage'" :image-count="1">
+              </upload-image-url>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addExamineStaff.staffPost')">
+              <el-input v-model="addExamineStaffInfo.post" :placeholder="$t('addExamineStaff.staffPostPlaceholder')"
+                style="width: 60%">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addExamineStaff.staffIntroduction')">
+              <el-input type="textarea" :rows="5" v-model="addExamineStaffInfo.introduction"
+                :placeholder="$t('addExamineStaff.staffIntroductionPlaceholder')" style="width: 80%">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" class="text-right">
+            <el-button type="warning" @click="_goBack" style="margin-right: 20px;">
+              <i class="el-icon-close"></i>{{ $t('common.back') }}
+            </el-button>
+            <el-button type="primary" @click="saveExamineStaffInfo">
+              <i class="el-icon-check"></i>{{ $t('common.submit') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <select-staff ref="selectStaff" @selectStaff="handleStaffSelected"></select-staff>
+  </div>
+</template>
+
+<script>
+import { saveExamineStaff, listExamineProject } from '@/api/oa/addExamineStaffApi'
+import SelectStaff from '@/components/staff/SelectStaff'
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddExamineStaffList',
+  components: {
+    SelectStaff,
+    UploadImageUrl
+  },
+  data() {
+    return {
+      addExamineStaffInfo: {
+        esId: '',
+        orgName: '',
+        staffName: '',
+        staffId: '',
+        post: '',
+        introduction: '',
+        headerImg: '',
+        projects: [],
+        projectIds: [],
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.addExamineStaffInfo.communityId = getCommunityId()
+    this._listExamineProjects()
+  },
+  mounted() {
+    this.$on('addExamineStaff', 'notifyUploadImage', this.notifyUploadImage)
+  },
+  methods: {
+    notifyUploadImage(_param) {
+      if (_param.length > 0) {
+        this.addExamineStaffInfo.headerImg = _param[0].fileId
+      } else {
+        this.addExamineStaffInfo.headerImg = ''
+      }
+    },
+    handleStaffSelected(staffs) {
+      console.log(staffs)
+      this.addExamineStaffInfo.staffName = staffs.staffName
+      this.addExamineStaffInfo.staffId = staffs.staffId
+    },
+    addExamineStaffValidate() {
+      return this.$refs.form.validate()
+    },
+    async saveExamineStaffInfo() {
+      try {
+        const valid = await this.addExamineStaffValidate()
+        if (!valid) return
+
+        const res = await saveExamineStaff(this.addExamineStaffInfo)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.addSuccess'))
+          this._goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.addFailed'))
+      }
+    },
+    chooseStaff() {
+      this.$refs.selectStaff.open(this.addExamineStaffInfo)
+    },
+    async _listExamineProjects() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.addExamineStaffInfo.communityId
+        }
+        const res = await listExamineProject(params)
+        this.addExamineStaffInfo.projects = res.data
+      } catch (error) {
+        console.error('获取考核项目失败:', error)
+      }
+    },
+    _goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-examine-staff-container {
+  padding: 20px;
+
+  .box-card {
+    width: 100%;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .header-tools {
+      display: flex;
+      align-items: center;
+    }
+
+    .text-right {
+      text-align: right;
+      padding-right: 20px;
+    }
+  }
+
+  .el-checkbox {
+    margin-right: 15px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    addOwnerVoting: {
+      title: 'Add Voting',
+      voteName: 'Vote Name',
+      voteNamePlaceholder: 'Required, please enter vote name',
+      type: 'Type',
+      typePlaceholder: 'Required, please select type',
+      singleChoice: 'Single Choice',
+      multipleChoice: 'Multiple Choice',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please select start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please select end time',
+      option: 'Option ',
+      optionPlaceholder: 'Required, please enter option content',
+      addOption: 'Add Option',
+      deleteOption: 'Delete Option',
+      voteDescription: 'Vote Description',
+      voteDescriptionPlaceholder: 'Required, please enter vote description',
+      voteRooms: 'Vote Rooms',
+      validate: {
+        voteName: 'Vote name cannot be empty',
+        type: 'Please select type',
+        startTime: 'Please select start time',
+        endTime: 'Please select end time',
+        option: 'Please fill in all options'
+      }
+    },
+    selectRoom: {
+      buildingUnit: 'Building Unit',
+      roomInfo: 'Room Information',
+      unit: 'Unit'
+    }
+  },
+  zh: {
+    addOwnerVoting: {
+      title: '添加投票',
+      voteName: '投票名称',
+      voteNamePlaceholder: '必填，请填写投票名称',
+      type: '类型',
+      typePlaceholder: '必填，请选择类型',
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请选择开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请选择结束时间',
+      option: '选项',
+      optionPlaceholder: '必填，请填写选项内容',
+      addOption: '增加选项',
+      deleteOption: '删除选项',
+      voteDescription: '投票说明',
+      voteDescriptionPlaceholder: '必填，请输入投票说明',
+      voteRooms: '投票房屋',
+      validate: {
+        voteName: '名称不能为空',
+        type: '请选择类型',
+        startTime: '请选择开始时间',
+        endTime: '请选择结束时间',
+        option: '请填写所有选项内容'
+      }
+    },
+    selectRoom: {
+      buildingUnit: '楼栋单元',
+      roomInfo: '房屋信息',
+      unit: '单元'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-owner-voting-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addOwnerVoting.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form ref="form" :model="addOwnerVotingInfo" label-width="120px">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item :label="$t('addOwnerVoting.voteName')" prop="qaName">
+                  <el-input v-model="addOwnerVotingInfo.qaName" :placeholder="$t('addOwnerVoting.voteNamePlaceholder')" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('addOwnerVoting.type')" prop="titleType">
+                  <el-select v-model="addOwnerVotingInfo.titleType" :placeholder="$t('addOwnerVoting.typePlaceholder')"
+                    style="width:100%" @change="changeAddTitleType">
+                    <el-option :label="$t('addOwnerVoting.singleChoice')" value="1001" />
+                    <el-option :label="$t('addOwnerVoting.multipleChoice')" value="2002" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item :label="$t('addOwnerVoting.startTime')" prop="startTime">
+                  <el-date-picker v-model="addOwnerVotingInfo.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                    :placeholder="$t('addOwnerVoting.startTimePlaceholder')" style="width:100%" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('addOwnerVoting.endTime')" prop="endTime">
+                  <el-date-picker v-model="addOwnerVotingInfo.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                    :placeholder="$t('addOwnerVoting.endTimePlaceholder')" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row v-for="(item, index) in addOwnerVotingInfo.titleValues" :key="index" :gutter="20">
+              <el-col :span="12">
+                <el-form-item :label="$t('addOwnerVoting.option') + item.seq">
+                  <el-input v-model="item.itemValue" :placeholder="$t('addOwnerVoting.optionPlaceholder')" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-button v-if="index === addOwnerVotingInfo.titleValues.length - 1" type="text" @click="addTitleValue">
+                  {{ $t('addOwnerVoting.addOption') }}
+                </el-button>
+                <el-button v-else type="text" @click="deleteTitleValue(item.seq)">
+                  {{ $t('addOwnerVoting.deleteOption') }}
+                </el-button>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item :label="$t('addOwnerVoting.voteDescription')">
+                  <el-input v-model="addOwnerVotingInfo.content" type="textarea" :rows="4"
+                    :placeholder="$t('addOwnerVoting.voteDescriptionPlaceholder')" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form>
+                  <el-form-item :label="$t('addOwnerVoting.voteRooms')">
+                    <SelectRooms ref="selectRooms" @notifySelectRooms="handleSelectRooms" />
+                  </el-form-item>
+                </el-form>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="24" class="text-right">
+                <el-button type="warning" @click="goBack">
+                  {{ $t('common.cancel') }}
+                </el-button>
+                <el-button type="primary" @click="saveOwnerVoting">
+                  <i class="el-icon-check" /> {{ $t('common.save') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import SelectRooms from '@/components/room/selectRooms'
+import { saveOwnerVote } from '@/api/oa/addOwnerVotingApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddOwnerVoting',
+  components: {
+    SelectRooms
+  },
+  data() {
+    return {
+      addOwnerVotingInfo: {
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        titleType: '',
+        titleValues: [],
+        roomIds: []
+      }
+    }
+  },
+  created() {
+    this.addOwnerVotingInfo.communityId = getCommunityId()
+  },
+  methods: {
+    handleSelectRooms(rooms) {
+      this.addOwnerVotingInfo.roomIds = rooms.map(item => item.roomId)
+    },
+    validateForm() {
+      if (!this.addOwnerVotingInfo.qaName) {
+        this.$message.error(this.$t('addOwnerVoting.validate.voteName'))
+        return false
+      }
+      if (!this.addOwnerVotingInfo.titleType) {
+        this.$message.error(this.$t('addOwnerVoting.validate.type'))
+        return false
+      }
+      if (!this.addOwnerVotingInfo.startTime) {
+        this.$message.error(this.$t('addOwnerVoting.validate.startTime'))
+        return false
+      }
+      if (!this.addOwnerVotingInfo.endTime) {
+        this.$message.error(this.$t('addOwnerVoting.validate.endTime'))
+        return false
+      }
+      if (this.addOwnerVotingInfo.titleValues.some(item => !item.itemValue)) {
+        this.$message.error(this.$t('addOwnerVoting.validate.option'))
+        return false
+      }
+      return true
+    },
+    async saveOwnerVoting() {
+      if (!this.validateForm()) return
+
+      try {
+        const res = await saveOwnerVote(this.addOwnerVotingInfo)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.$router.go(-1)
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.saveError'))
+      }
+    },
+    changeAddTitleType() {
+      const type = this.addOwnerVotingInfo.titleType
+      if (type === '1001') {
+        this.addOwnerVotingInfo.titleValues = [{
+          itemValue: '',
+          seq: 1
+        }]
+      } else if (type === '2002') {
+        this.addOwnerVotingInfo.titleValues = [
+          {
+            itemValue: '',
+            seq: 1
+          },
+          {
+            itemValue: '',
+            seq: 2
+          }
+        ]
+      } else {
+        this.addOwnerVotingInfo.titleValues = []
+      }
+    },
+    addTitleValue() {
+      this.addOwnerVotingInfo.titleValues.push({
+        itemValue: '',
+        seq: this.addOwnerVotingInfo.titleValues.length + 1
+      })
+    },
+    deleteTitleValue(seq) {
+      this.addOwnerVotingInfo.titleValues = this.addOwnerVotingInfo.titleValues
+        .filter(item => item.seq !== seq)
+        .map((item, index) => ({
+          ...item,
+          seq: index + 1
+        }))
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-owner-voting-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editExamineStaff: {
+      title: 'Edit Examine Staff',
+      staffName: 'Staff Name',
+      staffNamePlaceholder: 'Required, please enter staff name',
+      projects: 'Examine Projects',
+      staffPhoto: 'Staff Photo',
+      post: 'Post',
+      postPlaceholder: 'Required, please enter post',
+      introduction: 'Introduction',
+      staffNameRequired: 'Staff name is required',
+      postRequired: 'Post is required',
+      fetchProjectsError: 'Failed to get examine projects',
+      fetchStaffError: 'Failed to get staff information'
+    },
+    uploadImage: {
+      imageSizeLimit: 'Image size cannot exceed 2MB',
+      uploadError: 'Image upload failed'
+    }
+  },
+  zh: {
+    editExamineStaff: {
+      title: '修改考核员工',
+      staffName: '员工名称',
+      staffNamePlaceholder: '必填，请填写员工名称',
+      projects: '考核项目',
+      staffPhoto: '员工头像',
+      post: '员工岗位',
+      postPlaceholder: '必填，请填写员工岗位',
+      introduction: '员工简介',
+      staffNameRequired: '员工名称不能为空',
+      postRequired: '员工岗位不能为空',
+      fetchProjectsError: '获取考核项目失败',
+      fetchStaffError: '获取员工信息失败'
+    },
+    uploadImage: {
+      imageSizeLimit: '图片大小不能超过2MB',
+      uploadError: '图片上传失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-examine-staff-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('editExamineStaff.title') }}</span>
+        <div class="header-tools">
+          <el-button type="primary" size="small" @click="_goBack">
+            <i class="el-icon-close"></i>{{ $t('common.back') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-form ref="form" :model="editExamineStaffInfo" label-width="120px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('editExamineStaff.staffName')">
+              <el-input v-model="editExamineStaffInfo.staffName" disabled
+                :placeholder="$t('editExamineStaff.staffNamePlaceholder')">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('editExamineStaff.projects')">
+              <el-checkbox-group v-model="editExamineStaffInfo.projectIds">
+                <el-checkbox v-for="(item, index) in editExamineStaffInfo.allProjects" :key="index"
+                  :label="item.projectId">
+                  {{ item.name }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('editExamineStaff.staffPhoto')">
+              <upload-image-url ref="uploadImage" :image-count="1" @notifyUploadImage="handleUploadImage">
+              </upload-image-url>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('editExamineStaff.post')">
+              <el-input v-model="editExamineStaffInfo.post" :placeholder="$t('editExamineStaff.postPlaceholder')">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('editExamineStaff.introduction')">
+              <el-input type="textarea" :rows="5" v-model="editExamineStaffInfo.introduction">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <div class="footer-buttons">
+        <el-button type="warning" @click="_goBack">
+          <i class="el-icon-close"></i>{{ $t('common.back') }}
+        </el-button>
+        <el-button type="primary" @click="_updateExamineStaff">
+          <i class="el-icon-check"></i>{{ $t('common.submit') }}
+        </el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import { updateExamineStaff, listExamineProjects, listExamineStaffs } from '@/api/oa/editExamineStaffApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditExamineStaffList',
+  components: {
+    UploadImageUrl
+  },
+  data() {
+    return {
+      editExamineStaffInfo: {
+        esId: '',
+        staffName: '',
+        staffId: '',
+        post: '',
+        introduction: '',
+        headerImg: '',
+        allProjects: [],
+        projectIds: []
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.editExamineStaffInfo.esId = this.$route.query.esId
+    this._listExamineProjects()
+    this._listExamineStaffs()
+  },
+  methods: {
+    handleUploadImage(images) {
+      if (images.length > 0) {
+        this.editExamineStaffInfo.headerImg = images[0].fileId
+      } else {
+        this.editExamineStaffInfo.headerImg = ''
+      }
+    },
+    async _updateExamineStaff() {
+      try {
+        if (!this.validateForm()) {
+          return
+        }
+
+        this.editExamineStaffInfo.communityId = this.communityId
+        const res = await updateExamineStaff(this.editExamineStaffInfo)
+
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.updateSuccess'))
+          this._goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.updateError'))
+      }
+    },
+    validateForm() {
+      if (!this.editExamineStaffInfo.staffId) {
+        this.$message.error(this.$t('editExamineStaff.staffNameRequired'))
+        return false
+      }
+      if (!this.editExamineStaffInfo.post) {
+        this.$message.error(this.$t('editExamineStaff.postRequired'))
+        return false
+      }
+      return true
+    },
+    async _listExamineProjects() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const { data } = await listExamineProjects(params)
+        this.editExamineStaffInfo.allProjects = data
+      } catch (error) {
+        this.$message.error(this.$t('editExamineStaff.fetchProjectsError'))
+      }
+    },
+    async _listExamineStaffs() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          esId: this.editExamineStaffInfo.esId,
+          communityId: this.communityId
+        }
+        const { data } = await listExamineStaffs(params)
+
+        if (data && data.length > 0) {
+          Object.assign(this.editExamineStaffInfo, data[0])
+          this.editExamineStaffInfo.projectIds = data[0].projects.map(item => item.projectId)
+
+          if (this.editExamineStaffInfo.headerImg) {
+            this.$refs.uploadImage.open([this.editExamineStaffInfo.headerImg])
+          }
+        }
+      } catch (error) {
+        this.$message.error(this.$t('editExamineStaff.fetchStaffError'))
+      }
+    },
+    _goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-examine-staff-container {
+  padding: 20px;
+
+  .box-card {
+    width: 100%;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .header-tools {
+      float: right;
+    }
+
+    .footer-buttons {
+      text-align: right;
+      margin-top: 20px;
+
+      .el-button {
+        margin-left: 10px;
+      }
+    }
+  }
+
+  .el-form-item {
+    margin-bottom: 22px;
+  }
+
+  .el-checkbox {
+    margin-right: 15px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editOwnerVoting: {
+      title: 'Edit Voting',
+      voteName: 'Vote Name',
+      voteNamePlaceholder: 'Required, please enter vote name',
+      type: 'Type',
+      typePlaceholder: 'Required, please select type',
+      singleChoice: 'Single Choice',
+      multipleChoice: 'Multiple Choice',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please select start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please select end time',
+      option: 'Option',
+      optionPlaceholder: 'Required, please enter option content',
+      addOption: 'Add Option',
+      deleteOption: 'Delete Option',
+      description: 'Description',
+      descriptionPlaceholder: 'Required, please enter description',
+      voteRooms: 'Vote Rooms',
+      houseVote: 'house(s) voting',
+      reselect: 'Reselect',
+      validate: {
+        voteNameRequired: 'Vote name is required',
+        voteNameLength: 'Vote name length must be between 1 and 256 characters',
+        startTimeRequired: 'Start time is required',
+        endTimeRequired: 'End time is required'
+      },
+      saveSuccess: 'Save successfully',
+      saveFailed: 'Save failed'
+    },
+    selectRooms: {
+      title: 'Select Rooms',
+      buildingUnit: 'Building Unit',
+      roomInfo: 'Room Information',
+      unit: 'Unit'
+    }
+  },
+  zh: {
+    editOwnerVoting: {
+      title: '编辑投票',
+      voteName: '投票名称',
+      voteNamePlaceholder: '必填，请填写投票名称',
+      type: '类型',
+      typePlaceholder: '必填，请选择类型',
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请选择开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请选择结束时间',
+      option: '选项',
+      optionPlaceholder: '必填，请填写选项内容',
+      addOption: '增加选项',
+      deleteOption: '删除选项',
+      description: '投票说明',
+      descriptionPlaceholder: '必填，请输入投票说明',
+      voteRooms: '投票房屋',
+      houseVote: '户投票',
+      reselect: '重新选择',
+      validate: {
+        voteNameRequired: '名称不能为空',
+        voteNameLength: '名称长度必须在1位至256位',
+        startTimeRequired: '开始时间不能为空',
+        endTimeRequired: '结束时间不能为空'
+      },
+      saveSuccess: '修改成功',
+      saveFailed: '修改失败'
+    },
+    selectRooms: {
+      title: '选择房屋',
+      buildingUnit: '楼栋单元',
+      roomInfo: '房屋信息',
+      unit: '单元'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-owner-voting-container">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>{{ $t('editOwnerVoting.title') }}</span>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form ref="form" :model="editOwnerVotingInfo" label-width="120px">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item :label="$t('editOwnerVoting.voteName')" prop="qaName">
+                  <el-input v-model="editOwnerVotingInfo.qaName" :placeholder="$t('editOwnerVoting.voteNamePlaceholder')"
+                    clearable />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('editOwnerVoting.type')" prop="titleType">
+                  <el-select v-model="editOwnerVotingInfo.titleType" :placeholder="$t('editOwnerVoting.typePlaceholder')"
+                    @change="changeAddTitleType" style="width:100%">
+                    <el-option :label="$t('editOwnerVoting.singleChoice')" value="1001" />
+                    <el-option :label="$t('editOwnerVoting.multipleChoice')" value="2002" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item :label="$t('editOwnerVoting.startTime')" prop="startTime">
+                  <el-date-picker v-model="editOwnerVotingInfo.startTime" type="datetime"  value-format="yyyy-MM-dd HH:mm:ss"
+                    :placeholder="$t('editOwnerVoting.startTimePlaceholder')" style="width:100%" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('editOwnerVoting.endTime')" prop="endTime">
+                  <el-date-picker v-model="editOwnerVotingInfo.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                    :placeholder="$t('editOwnerVoting.endTimePlaceholder')" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-form-item v-for="(item, index) in editOwnerVotingInfo.titleValues" :key="index"
+              :label="`${$t('editOwnerVoting.option')}${item.seq}`">
+              <el-row :gutter="20">
+                <el-col :span="18">
+                  <el-input v-model="item.qaValue" :placeholder="$t('editOwnerVoting.optionPlaceholder')" />
+                </el-col>
+                <el-col :span="5">
+                  <el-button v-if="index === editOwnerVotingInfo.titleValues.length - 1" type="text" @click="addTitleValue">
+                    {{ $t('editOwnerVoting.addOption') }}
+                  </el-button>
+                  <el-button v-else type="text" @click="deleteTitleValue(item.seq)">
+                    {{ $t('editOwnerVoting.deleteOption') }}
+                  </el-button>
+                </el-col>
+              </el-row>
+            </el-form-item>
+
+            <el-form-item :label="$t('editOwnerVoting.description')">
+              <el-input type="textarea" :rows="5" v-model="editOwnerVotingInfo.content"
+                :placeholder="$t('editOwnerVoting.descriptionPlaceholder')" />
+            </el-form-item>
+
+            <el-form-item :label="$t('editOwnerVoting.voteRooms')">
+              <div v-show="editOwnerVotingInfo.updateRoomIds">
+                <select-rooms ref="selectRooms" @notifySelectRooms="handleSelectRooms" />
+              </div>
+              <div v-if="!editOwnerVotingInfo.updateRoomIds">
+                <span>{{ editOwnerVotingInfo.voteCount }}{{ $t('editOwnerVoting.houseVote') }}</span>
+                <el-button type="text" @click="updateRoomIdsMethod">
+                  {{ $t('editOwnerVoting.reselect') }}
+                </el-button>
+              </div>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" @click="saveOwnerVoting">
+                <i class="el-icon-check"></i>&nbsp;{{ $t('common.save') }}
+              </el-button>
+              <el-button type="warning" @click="goBack">
+                {{ $t('common.cancel') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import SelectRooms from '@/components/room/selectRooms'
+import { updateOwnerVote, listOwnerVote } from '@/api/oa/editOwnerVotingApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditOwnerVotingList',
+  components: {
+    SelectRooms
+  },
+  data() {
+    return {
+      editOwnerVotingInfo: {
+        qaId: '',
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        titleType: '',
+        titleValues: [],
+        roomIds: [],
+        updateRoomIds: false,
+        voteCount: 0
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.editOwnerVotingInfo.qaId = this.$route.query.qaId
+    this.loadOwnerVoting()
+  },
+  methods: {
+    async loadOwnerVoting() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          qaId: this.editOwnerVotingInfo.qaId,
+          communityId: this.communityId
+        }
+        const { data } = await listOwnerVote(params)
+        Object.assign(this.editOwnerVotingInfo, data[0])
+      } catch (error) {
+        console.error('Failed to load voting data:', error)
+      }
+    },
+    handleSelectRooms(selectRooms) {
+      this.editOwnerVotingInfo.roomIds = selectRooms.map(item => item.roomId)
+    },
+    
+    async saveOwnerVoting() {
+
+
+      try {
+        await updateOwnerVote(this.editOwnerVotingInfo)
+        this.$message.success(this.$t('editOwnerVoting.saveSuccess'))
+        this.goBack()
+      } catch (error) {
+        this.$message.error(error.message || this.$t('editOwnerVoting.saveFailed'))
+      }
+    },
+    changeAddTitleType() {
+      const type = this.editOwnerVotingInfo.titleType
+      if (type === '1001') {
+        this.editOwnerVotingInfo.titleValues = [{ qaValue: '', seq: 1 }]
+      } else if (type === '2002') {
+        this.editOwnerVotingInfo.titleValues = [
+          { qaValue: '', seq: 1 },
+          { qaValue: '', seq: 2 }
+        ]
+      }
+    },
+    addTitleValue() {
+      this.editOwnerVotingInfo.titleValues.push({
+        qaValue: '',
+        seq: this.editOwnerVotingInfo.titleValues.length + 1
+      })
+    },
+    deleteTitleValue(seq) {
+      this.editOwnerVotingInfo.titleValues = this.editOwnerVotingInfo.titleValues
+        .filter(item => item.seq !== seq)
+        .map((item, index) => ({ ...item, seq: index + 1 }))
+    },
+    updateRoomIdsMethod() {
+      this.editOwnerVotingInfo.updateRoomIds = true
+      this.$nextTick(() => {
+        this.$refs.selectRooms.open()
+      })
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-owner-voting-container {
+  padding: 20px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    examineProjectManage: {
+      search: {
+        title: 'Search Conditions',
+        namePlaceholder: 'Please enter project name',
+        postPlaceholder: 'Please enter post',
+        statePlaceholder: 'Please select status'
+      },
+      list: {
+        title: 'Examination Projects'
+      },
+      table: {
+        name: 'Project Name',
+        post: 'Post',
+        weight: 'Weight',
+        state: 'Status'
+      },
+      form: {
+        name: 'Project Name',
+        namePlaceholder: 'Required, please enter project name',
+        post: 'Post',
+        postPlaceholder: 'Required, please select post',
+        commonPost: 'Common Post',
+        weight: 'Weight',
+        weightPlaceholder: 'Required, please enter weight',
+        state: 'Status',
+        statePlaceholder: 'Required, please select status'
+      },
+      status: {
+        enable: 'Enable',
+        disable: 'Disable'
+      },
+      validate: {
+        idRequired: 'ID is required',
+        nameRequired: 'Project name is required',
+        nameMaxLength: 'Project name cannot exceed 64 characters',
+        postRequired: 'Post is required',
+        postMaxLength: 'Post cannot exceed 30 characters',
+        weightRequired: 'Weight is required',
+        weightMaxLength: 'Weight cannot exceed 12 characters',
+        stateRequired: 'Status is required',
+        stateMaxLength: 'Status cannot exceed 12 characters'
+      },
+      add: {
+        title: 'Add Examination Project',
+        success: 'Added successfully',
+        error: 'Failed to add'
+      },
+      edit: {
+        title: 'Edit Examination Project',
+        success: 'Updated successfully',
+        error: 'Failed to update'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirmText: 'Are you sure to delete this examination project?',
+        success: 'Deleted successfully',
+        error: 'Failed to delete'
+      },
+      fetchError: 'Failed to fetch data'
+    }
+  },
+  zh: {
+    examineProjectManage: {
+      search: {
+        title: '查询条件',
+        namePlaceholder: '请输入项目名称',
+        postPlaceholder: '请输入岗位',
+        statePlaceholder: '请选择状态'
+      },
+      list: {
+        title: '考核项目'
+      },
+      table: {
+        name: '项目名称',
+        post: '岗位',
+        weight: '比重',
+        state: '状态'
+      },
+      form: {
+        name: '项目名称',
+        namePlaceholder: '必填，请填写项目名称',
+        post: '岗位',
+        postPlaceholder: '必填，请选择岗位',
+        commonPost: '通用岗位',
+        weight: '比重',
+        weightPlaceholder: '必填，请填写比重',
+        state: '状态',
+        statePlaceholder: '必填，请选择状态'
+      },
+      status: {
+        enable: '启用',
+        disable: '停用'
+      },
+      validate: {
+        idRequired: '编号不能为空',
+        nameRequired: '项目名称不能为空',
+        nameMaxLength: '项目名称不能超过64个字符',
+        postRequired: '岗位不能为空',
+        postMaxLength: '岗位编号不能超过30个字符',
+        weightRequired: '比重不能为空',
+        weightMaxLength: '比重不能超过12个字符',
+        stateRequired: '状态不能为空',
+        stateMaxLength: '状态不能超过12个字符'
+      },
+      add: {
+        title: '添加考核项目',
+        success: '添加成功',
+        error: '添加失败'
+      },
+      edit: {
+        title: '修改考核项目',
+        success: '修改成功',
+        error: '修改失败'
+      },
+      delete: {
+        title: '删除确认',
+        confirmText: '确定删除该考核项目吗？',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      fetchError: '获取数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="examine-project-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('examineProjectManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.name" :placeholder="$t('examineProjectManage.search.namePlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.post" :placeholder="$t('examineProjectManage.search.postPlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('examineProjectManage.search.statePlaceholder')"
+            style="width:100%">
+            <el-option :label="$t('examineProjectManage.status.enable')" value="Y" />
+            <el-option :label="$t('examineProjectManage.status.disable')" value="N" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 考核项目列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('examineProjectManage.list.title') }}</span>
+        <el-button type="primary" size="small" style="float:right" @click="handleAdd">
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width:100%">
+        <el-table-column prop="name" :label="$t('examineProjectManage.table.name')" align="center" />
+        <el-table-column prop="post" :label="$t('examineProjectManage.table.post')" align="center" />
+        <el-table-column prop="weight" :label="$t('examineProjectManage.table.weight')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.weight }}%
+          </template>
+        </el-table-column>
+        <el-table-column prop="state" :label="$t('examineProjectManage.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === 'Y' ? $t('examineProjectManage.status.enable') :
+              $t('examineProjectManage.status.disable') }}
+          </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-examine-project ref="addExamineProject" @success="handleSuccess" />
+    <edit-examine-project ref="editExamineProject" @success="handleSuccess" />
+    <delete-examine-project ref="deleteExamineProject" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listExamineProject } from '@/api/oa/examineProjectManageApi'
+import AddExamineProject from '@/components/oa/addExamineProject'
+import EditExamineProject from '@/components/oa/editExamineProject'
+import DeleteExamineProject from '@/components/oa/deleteExamineProject'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ExamineProjectManageList',
+  components: {
+    AddExamineProject,
+    EditExamineProject,
+    DeleteExamineProject
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        name: '',
+        post: '',
+        state: '',
+        communityId: getCommunityId()
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listExamineProject(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('examineProjectManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        name: '',
+        post: '',
+        state: '',
+        communityId: getCommunityId()
+      }
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$refs.addExamineProject.open()
+    },
+    handleEdit(row) {
+      this.$refs.editExamineProject.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteExamineProject.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>
+.examine-project-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: -20px;
+    }
+
+    .el-col {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    examineStaffManage: {
+      search: {
+        title: 'Search Conditions',
+        staffName: 'Please enter staff name',
+        projectName: 'Please enter project name'
+      },
+      list: {
+        title: 'Assessment Staff',
+        add: 'Add'
+      },
+      table: {
+        face: 'Face',
+        staffId: 'Staff ID',
+        staffName: 'Staff Name',
+        post: 'Post',
+        projects: 'Assessment Projects',
+        operation: 'Operation'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirm: 'Are you sure to delete this assessment staff?',
+        success: 'Delete successfully',
+        error: 'Delete failed'
+      },
+      fetchError: 'Failed to fetch assessment staff data'
+    }
+  },
+  zh: {
+    examineStaffManage: {
+      search: {
+        title: '查询条件',
+        staffName: '请输入员工名称',
+        projectName: '请输入考核项目'
+      },
+      list: {
+        title: '考核人员',
+        add: '添加'
+      },
+      table: {
+        face: '人脸',
+        staffId: '员工编号',
+        staffName: '员工名称',
+        post: '岗位',
+        projects: '考核项目',
+        operation: '操作'
+      },
+      delete: {
+        title: '确认操作',
+        confirm: '确定删除该考核人员吗？',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      fetchError: '获取考核人员数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="examine-staff-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('examineStaffManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.staffName" :placeholder="$t('examineStaffManage.search.staffName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.projectName" :placeholder="$t('examineStaffManage.search.projectName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 考核人员列表 -->
+    <el-card class="list-wrapper margin-top">
+      <div slot="header" class="flex justify-between">
+        <div>{{ $t('examineStaffManage.list.title') }}</div>
+        <el-button type="primary" size="small"  @click="handleAdd">
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column :label="$t('examineStaffManage.table.face')" align="center" width="120">
+          <template slot-scope="scope">
+            <div style="position: relative; display: inline-block; cursor: pointer;"
+              @click="showImage(scope.row.headerImg || '/img/noPhoto.jpg')">
+              <el-image style="width: 50px; height: 50px;" :src="scope.row.headerImg || '/img/noPhoto.jpg'" fit="cover" />
+              <img src="/img/icon-bigimg.png" style="position: absolute; right: 0; bottom: 0;" width="20" height="20"
+                alt="">
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="staffId" :label="$t('examineStaffManage.table.staffId')" align="center" />
+        <el-table-column prop="staffName" :label="$t('examineStaffManage.table.staffName')" align="center" />
+        <el-table-column prop="post" :label="$t('examineStaffManage.table.post')" align="center" />
+        <el-table-column :label="$t('examineStaffManage.table.projects')" align="center">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.projects" :key="index">
+              {{ item.projectName }} 
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('common.operation')" align="center" width="200" fixed="right">
+          <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>
+
+    <!-- 组件 -->
+    <delete-examine-staff ref="deleteDialog" @success="handleSuccess" />
+    <view-image ref="imageViewer" />
+  </div>
+</template>
+
+<script>
+import { listExamineStaff } from '@/api/oa/examineStaffManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import DeleteExamineStaff from '@/components/oa/deleteExamineStaff'
+import ViewImage from '@/components/system/viewImage'
+
+export default {
+  name: 'ExamineStaffManageList',
+  components: {
+    DeleteExamineStaff,
+    ViewImage
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        staffName: '',
+        projectName: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listExamineStaff(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('examineStaffManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm.staffName = ''
+      this.searchForm.projectName = ''
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$router.push('/views/oa/addExamineStaff')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/oa/editExamineStaff?esId=${row.esId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    showImage(url) {
+      this.$refs.imageViewer.open(url)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.examine-staff-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: -20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    examineStaffValue: {
+      search: {
+        title: 'Search Conditions',
+        staffName: 'Please select staff name',
+        projectName: 'Please select examine project'
+      },
+      list: {
+        title: 'Examine Records'
+      },
+      table: {
+        year: 'Year',
+        staffId: 'Staff ID',
+        staffName: 'Staff Name',
+        projectName: 'Examine Project',
+        weight: 'Weight',
+        examineValue: 'Score',
+        actualScore: 'Actual Score',
+        ownerName: 'Rater',
+        roomName: 'Room',
+        createTime: 'Rating Time'
+      },
+      fetchError: 'Failed to fetch examine records'
+    }
+  },
+  zh: {
+    examineStaffValue: {
+      search: {
+        title: '查询条件',
+        staffName: '请选择员工名称',
+        projectName: '请选择考核项目'
+      },
+      list: {
+        title: '考核记录'
+      },
+      table: {
+        year: '年度',
+        staffId: '员工ID',
+        staffName: '员工名称',
+        projectName: '考核项目',
+        weight: '权重',
+        examineValue: '评分',
+        actualScore: '实际得分',
+        ownerName: '评分人',
+        roomName: '房屋',
+        createTime: '评分时间'
+      },
+      fetchError: '获取考核记录失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="examine-staff-value-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('examineStaffValue.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.staffName" :placeholder="$t('examineStaffValue.search.staffName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="8">
+          <el-input v-model="searchForm.projectName" :placeholder="$t('examineStaffValue.search.projectName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 考核记录列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('examineStaffValue.list.title') }}</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="esYear" :label="$t('examineStaffValue.table.year')" align="center" />
+        <el-table-column prop="staffId" :label="$t('examineStaffValue.table.staffId')" align="center" />
+        <el-table-column prop="staffName" :label="$t('examineStaffValue.table.staffName')" align="center" />
+        <el-table-column prop="projectName" :label="$t('examineStaffValue.table.projectName')" align="center" />
+        <el-table-column prop="weight" :label="$t('examineStaffValue.table.weight')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.weight }}%
+          </template>
+        </el-table-column>
+        <el-table-column prop="examineValue" :label="$t('examineStaffValue.table.examineValue')" align="center" />
+        <el-table-column prop="ownerName" :label="$t('examineStaffValue.table.ownerName')" align="center" />
+        <el-table-column prop="roomName" :label="$t('examineStaffValue.table.roomName')" align="center" />
+        <el-table-column prop="createTime" :label="$t('examineStaffValue.table.createTime')" align="center" />
+      </el-table>
+
+      <!-- 分页 -->
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listExamineStaffValue } from '@/api/oa/examineStaffValueApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ExamineStaffValueList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        staffName: '',
+        projectName: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          staffName: this.searchForm.staffName.trim(),
+          projectName: this.searchForm.projectName.trim(),
+          communityId: this.searchForm.communityId
+        }
+        const { data, total } = await listExamineStaffValue(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('examineStaffValue.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm.staffName = ''
+      this.searchForm.projectName = ''
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.examine-staff-value-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: -20px;
+    }
+
+    .el-col {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    ownerVoting: {
+      search: {
+        title: 'Search Conditions',
+        qaId: 'Please enter voting ID',
+        qaName: 'Please enter voting name'
+      },
+      list: {
+        title: 'Voting Information'
+      },
+      table: {
+        qaName: 'Voting Name',
+        validity: 'Validity Period',
+        type: 'Type',
+        options: 'Options',
+        voteCount: 'Total Votes/Voted',
+        state: 'Status',
+        createTime: 'Create Time',
+        operation: 'Operation',
+        peopleChose: ' people chose'
+      },
+      type: {
+        single: 'Single Choice',
+        multiple: 'Multiple Choice'
+      },
+      state: {
+        published: 'Published',
+        unpublished: 'Unpublished'
+      },
+      operation: {
+        result: 'Result',
+        publish: 'Publish'
+      },
+      add: {
+        title: 'Add Voting',
+        success: 'Add voting successfully',
+        error: 'Failed to add voting'
+      },
+      edit: {
+        title: 'Edit Voting',
+        noId: 'No voting ID provided',
+        fetchError: 'Failed to get voting details'
+      },
+      delete: {
+        title: 'Delete Voting',
+        confirm: 'Are you sure to delete this voting?',
+        success: 'Delete voting successfully',
+        error: 'Failed to delete voting'
+      },
+      deleteQuestionAnswer: {
+        title: 'Delete Questionnaire',
+        confirm: 'Are you sure to delete this questionnaire?',
+        success: 'Delete questionnaire successfully',
+        error: 'Failed to delete questionnaire'
+      },
+      publish: {
+        title: 'Publish Voting',
+        name: 'Name',
+        tip: 'Tips',
+        tipContent: 'After publishing, it cannot be modified again. Please confirm before publishing!',
+        notifyWay: 'Notification Method',
+        notifyWayPlaceholder: 'Required, please select notification method',
+        sms: 'SMS',
+        wechat: 'WeChat Message',
+        noNotify: 'No Notification',
+        notifyWayRequired: 'Notification method is required',
+        publishBtn: 'Publish',
+        success: 'Publish successfully',
+        error: 'Failed to publish'
+      },
+      form: {
+        qaName: 'Voting Name',
+        qaNamePlaceholder: 'Please enter voting name',
+        type: 'Type',
+        typePlaceholder: 'Please select type',
+        startTime: 'Start Time',
+        startTimePlaceholder: 'Please select start time',
+        endTime: 'End Time',
+        endTimePlaceholder: 'Please select end time',
+        options: 'Options',
+        optionPlaceholder: 'Option {num}',
+        addOption: 'Add Option'
+      },
+      validate: {
+        qaName: 'Voting name is required',
+        type: 'Type is required',
+        startTime: 'Start time is required',
+        endTime: 'End time is required',
+        endTimeAfterStart: 'End time must be after start time',
+        atLeastOneOption: 'At least one option is required',
+        optionNotEmpty: 'Option cannot be empty'
+      },
+      fetchError: 'Failed to get voting list'
+    }
+  },
+  zh: {
+    ownerVoting: {
+      search: {
+        title: '查询条件',
+        qaId: '请输入投票ID',
+        qaName: '请输入投票名称'
+      },
+      list: {
+        title: '投票信息'
+      },
+      table: {
+        qaName: '投票名称',
+        validity: '有效期',
+        type: '类型',
+        options: '选项',
+        voteCount: '总投票/已投票',
+        state: '状态',
+        createTime: '创建时间',
+        operation: '操作',
+        peopleChose: '人选择'
+      },
+      type: {
+        single: '单选',
+        multiple: '多选'
+      },
+      state: {
+        published: '已发布',
+        unpublished: '待发布'
+      },
+      operation: {
+        result: '结果',
+        publish: '发布'
+      },
+      add: {
+        title: '添加投票',
+        success: '添加投票成功',
+        error: '添加投票失败'
+      },
+      edit: {
+        title: '编辑投票',
+        noId: '未提供投票ID',
+        fetchError: '获取投票详情失败'
+      },
+      delete: {
+        title: '删除投票',
+        confirm: '确定删除该投票吗？',
+        success: '删除投票成功',
+        error: '删除投票失败'
+      },
+      deleteQuestionAnswer: {
+        title: '删除问卷',
+        confirm: '确定删除该问卷吗？',
+        success: '删除问卷成功',
+        error: '删除问卷失败'
+      },
+      publish: {
+        title: '发布投票',
+        name: '名称',
+        tip: '温馨提示',
+        tipContent: '发布后将无法再次修改，请确认无误后再发布！',
+        notifyWay: '通知方式',
+        notifyWayPlaceholder: '必填，请选择通知方式',
+        sms: '短信',
+        wechat: '微信消息',
+        noNotify: '不通知',
+        notifyWayRequired: '通知方式不能为空',
+        publishBtn: '发布',
+        success: '发布成功',
+        error: '发布失败'
+      },
+      form: {
+        qaName: '投票名称',
+        qaNamePlaceholder: '请输入投票名称',
+        type: '类型',
+        typePlaceholder: '请选择类型',
+        startTime: '开始时间',
+        startTimePlaceholder: '请选择开始时间',
+        endTime: '结束时间',
+        endTimePlaceholder: '请选择结束时间',
+        options: '选项',
+        optionPlaceholder: '选项{num}',
+        addOption: '添加选项'
+      },
+      validate: {
+        qaName: '投票名称不能为空',
+        type: '类型不能为空',
+        startTime: '开始时间不能为空',
+        endTime: '结束时间不能为空',
+        endTimeAfterStart: '结束时间必须晚于开始时间',
+        atLeastOneOption: '至少需要一个选项',
+        optionNotEmpty: '选项不能为空'
+      },
+      fetchError: '获取投票列表失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="owner-voting-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('ownerVoting.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.qaId" :placeholder="$t('ownerVoting.search.qaId')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="8">
+          <el-input v-model="searchForm.qaName" :placeholder="$t('ownerVoting.search.qaName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 投票信息 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('ownerVoting.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="qaName" :label="$t('ownerVoting.table.qaName')" align="center" />
+        <el-table-column :label="$t('ownerVoting.table.validity')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startTime }}<br />~{{ scope.row.endTime }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="titleType" :label="$t('ownerVoting.table.type')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.titleType === '1001' ? $t('ownerVoting.type.single') : $t('ownerVoting.type.multiple') }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('ownerVoting.table.options')" align="center">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.titleValues" :key="index">
+              {{ item.seq }}、{{ item.qaValue }}({{ item.personCount }}{{ $t('ownerVoting.table.peopleChose') }})
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('ownerVoting.table.voteCount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.voteCount }}/{{ scope.row.votedCount }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="state" :label="$t('ownerVoting.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === 'C' ? $t('ownerVoting.state.published') : $t('ownerVoting.state.unpublished') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('ownerVoting.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="250" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleDetail(scope.row)">
+              {{ $t('ownerVoting.operation.result') }}
+            </el-button>
+            <el-button v-if="scope.row.state === 'W'" size="mini" type="warning" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button v-if="scope.row.state === 'W'" size="mini" type="success" @click="handlePublish(scope.row)">
+              {{ $t('ownerVoting.operation.publish') }}
+            </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>
+
+    <!-- 组件 -->
+    <delete-question-answer ref="deleteQuestionAnswer" @success="handleSuccess" />
+    <publish-question-answer ref="publishQuestionAnswer" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listOwnerVote } from '@/api/oa/ownerVotingApi'
+import DeleteQuestionAnswer from '@/components/oa/deleteQuestionAnswer'
+import PublishQuestionAnswer from '@/components/oa/publishQuestionAnswer'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'OwnerVotingList',
+  components: {
+    DeleteQuestionAnswer,
+    PublishQuestionAnswer
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        qaId: '',
+        qaName: '',
+        qaType: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listOwnerVote(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('ownerVoting.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        qaId: '',
+        qaName: '',
+        qaType: '',
+        communityId: getCommunityId()
+      }
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$router.push('/views/oa/addOwnerVoting')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/oa/editOwnerVoting?qaId=${row.qaId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteQuestionAnswer.open(row)
+    },
+    handlePublish(row) {
+      this.$refs.publishQuestionAnswer.open(row)
+    },
+    handleDetail(row) {
+      window.open(`/#/views/oa/printOwnerVoting?qaId=${row.qaId}`)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.owner-voting-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: -20px;
+    }
+
+    .el-col {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    printOwnerVoting: {
+      room: 'Room',
+      totalVotes: 'Total votes',
+      votedCount: 'Voted count',
+      person: 'person'
+    }
+  },
+  zh: {
+    printOwnerVoting: {
+      room: '房间',
+      totalVotes: '投票总数',
+      votedCount: '已投票',
+      person: '人'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="print-owner-voting-container">
+    <el-card>
+      <el-row>
+        <el-col :span="24">
+          <div class="text-center">
+            <h1>{{ printOwnerVotingInfo.qaName }}</h1>
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <div v-html="printOwnerVotingInfo.content"></div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <table class="table vc-table-border margin-top" style="color:#000;font-size:14px">
+            <thead>
+              <tr>
+                <th class="text-center" width="200px">
+                  <div style="max-width: 200px;">
+                    {{ $t('printOwnerVoting.room') }}
+                  </div>
+                </th>
+                <th v-for="(item, index) in printOwnerVotingInfo.titleValues" :key="index" scope="col"
+                  class="text-center">
+                  {{ item.qaValue }}
+                </th>
+                <th width="200px" class="text-center">
+                  <div style="max-width: 200px;">
+                    {{ $t('printOwnerVoting.room') }}
+                  </div>
+                </th>
+                <th v-for="(item, index) in printOwnerVotingInfo.titleValues" :key="index" scope="col"
+                  class="text-center">
+                  {{ item.qaValue }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <template v-for="(vote, index) in printOwnerVotingInfo.userVotes">
+                <tr :key="index" class="vc-table-border" v-if="index % 2 == 0">
+                  <td class="text-center">
+                    <div style="max-width: 200px;">{{ vote.roomName }}</div>
+                  </td>
+                  <td v-for="(item, tIndex) in printOwnerVotingInfo.titleValues" :key="tIndex" class="text-center">
+                    {{ vote[item.qaValue] }}
+                  </td>
+                  <td class="text-center">
+                    <div style="max-width: 200px;" v-if="printOwnerVotingInfo.userVotes.length > index">
+                      {{ printOwnerVotingInfo.userVotes[index + 1].roomName }}
+                    </div>
+                  </td>
+                  <td v-for="(item, tIndex) in printOwnerVotingInfo.titleValues" :key="tIndex" class="text-center">
+                    <div v-if="printOwnerVotingInfo.userVotes.length > index">
+                      {{ printOwnerVotingInfo.userVotes[index + 1][item.qaValue] }}
+                    </div>
+                  </td>
+                </tr>
+              </template>
+            </tbody>
+          </table>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <span>{{ $t('printOwnerVoting.totalVotes') }}：{{ printOwnerVotingInfo.voteCount }}</span>；
+          <span>{{ $t('printOwnerVoting.votedCount') }}：{{ printOwnerVotingInfo.votedCount }}</span>；
+          <span v-for="(item, tIndex) in printOwnerVotingInfo.titleValues" :key="tIndex">
+            {{ item.qaValue }}: {{ item.personCount }}{{ $t('printOwnerVoting.person') }}；
+          </span>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" class="text-right margin-top margin-right">
+          {{ currentCommunity.name }}
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" class="text-right margin-top-sm margin-right">
+          {{ formatDate(new Date()) }}
+        </el-col>
+      </el-row>
+
+      <el-row id="print-btn">
+        <el-col :span="24" class="text-right">
+          <el-button type="primary" @click="_printPurchaseApplyDiv">
+            <i class="el-icon-printer"></i>&nbsp;{{ $t('common.print') }}
+          </el-button>
+          <el-button type="warning" style="margin-right:20px;" @click="_closePage">
+            {{ $t('common.cancel') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listOwnerVote, listUserQuestionAnswer } from '@/api/oa/printOwnerVotingApi'
+
+export default {
+  name: 'PrintOwnerVotingList',
+  data() {
+    return {
+      printOwnerVotingInfo: {
+        qaName: '',
+        content: '',
+        titleValues: [],
+        qaId: '',
+        userVotes: [],
+        voteCount: 0,
+        votedCount: 0
+      },
+      currentCommunity: {
+        name: '',
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.printOwnerVotingInfo.qaId = this.$route.query.qaId
+    this.currentCommunity.communityId = getCommunityId()
+    this._listOwnerVotings()
+  },
+  methods: {
+    async _listOwnerVotings() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.currentCommunity.communityId,
+          qaId: this.printOwnerVotingInfo.qaId
+        }
+        const { data } = await listOwnerVote(params)
+        this.printOwnerVotingInfo = data[0]
+        this._listValues()
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    async _listValues() {
+      try {
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.currentCommunity.communityId,
+          qaId: this.printOwnerVotingInfo.qaId
+        }
+        const { data } = await listUserQuestionAnswer(params)
+        const _titleValues = this.printOwnerVotingInfo.titleValues
+        data.forEach(_value => {
+          _titleValues.forEach(_title => {
+            _value[_title.qaValue] = ''
+            if (_value['values']) {
+              _value.values.forEach(tmpValue => {
+                if (tmpValue.qaValue === _title.qaValue) {
+                  _value[_title.qaValue] = 'V'
+                }
+              })
+            }
+          })
+        })
+        this.printOwnerVotingInfo.userVotes = data
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _printPurchaseApplyDiv() {
+      document.getElementById("print-btn").style.display = "none"
+      window.print()
+      window.opener = null
+      window.close()
+    },
+    _closePage() {
+      window.opener = null
+      window.close()
+    },
+    formatDate(date) {
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      return `${year}-${month}-${day}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.print-owner-voting-container {
+  padding: 20px;
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .margin-top-sm {
+    margin-top: 10px;
+  }
+
+  .margin-right {
+    margin-right: 20px;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .vc-table-border {
+    border: 1px solid #ebeef5;
+    border-collapse: collapse;
+
+    th,
+    td {
+      border: 1px solid #ebeef5;
+      padding: 8px;
+    }
+  }
+
+  #print-btn {
+    margin-top: 20px;
+  }
+}
+</style>
 \ No newline at end of file