加入问卷功能代码

wuxw
1 parent 2ca25ccd
Showing 42 changed files with 5405 additions and 6 deletions
src/api/community/communityApi.js
src/api/oa/addQuestionAnswerApi.js
src/api/oa/editQuestionAnswerApi.js
src/api/oa/notepadManageApi.js
src/api/oa/printQuestionAnswerApi.js
src/api/oa/printQuestionAnswerDetailApi.js
src/api/oa/questionAnswerManageApi.js
src/api/oa/questionTitleApi.js
src/api/oa/visitManageApi.js
src/components/oa/addNotepadDetail.vue
src/components/oa/addQuestionTitle.vue
src/components/oa/chooseQuestionTitle.vue
src/components/oa/deleteNotepad.vue
src/components/oa/deleteQuestionAnswer.vue
src/components/oa/deleteQuestionTitle.vue
src/components/oa/editNotepad.vue
src/components/oa/editQuestionAnswer.vue
src/components/oa/editQuestionTitle.vue
src/components/oa/notepadDetail.vue
src/components/oa/notepadOwnerRepair.vue
@@ -57,6 +57,18 @@ 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() {
+    return getCurrentCommunity()
+}
+
 export function getCommunityName() {
+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: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋信息
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询题目列表
+export function listQuestionTitle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionTitle',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: params.communityId || getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存问卷
+export function saveQuestionAnswer(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.saveQuestionAnswer',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: data.communityId || getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 查询问卷信息
+export function listQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionAnswer',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新问卷信息
+export function updateQuestionAnswer(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.updateQuestionAnswer',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询题目列表
+export function listQuestionTitle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionTitle',
+      method: 'get',
+      params
+    }).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
+    }).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
+    }).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 listNotepad(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.listNotepad',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新记事本
+export function updateNotepad(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.updateNotepad',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除记事本
+export function deleteNotepad(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.deleteNotepad',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存记事本详情
+export function saveNotepadDetail(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.saveNotepadDetail',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取记事本详情列表
+export function listNotepadDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.listNotepadDetail',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除记事本详情
+export function deleteNotepadDetail(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/notepad.deleteNotepadDetail',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存业主报修信息
+export function saveOwnerRepair(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerRepair.saveOwnerRepair',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取报修设置列表
+export function listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairSettings',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取问题答案列表
+export function listQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionAnswer',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取问题标题列表
+export function listQuestionTitle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionTitle',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取问题回答列表
+export function listQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionAnswer',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取问题标题列表
+export function listQuestionTitle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionTitle',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取用户问题回答列表
+export function listUserQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listUserQuestionAnswer',
+      method: 'get',
+      params
+    }).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 listQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.listQuestionAnswer',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新问卷信息
+export function updateQuestionAnswer(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/questionAnswer.updateQuestionAnswer',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除问卷
+export function deleteQuestionAnswer(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/question.deleteQuestionAnswer',
+      method: 'post',
+      data: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 发布问卷
+export function publishQuestionAnswer(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)
+    })
+  })
+}
+
+// 上传图片
+export function uploadImage(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadImage',
+      method: 'post',
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      },
+      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 listQuestionTitle(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/question.listQuestionTitle',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加题目
+export function saveQuestionTitle(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/question.saveQuestionTitle',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新题目
+export function updateQuestionTitle(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/question.updateQuestionTitle',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除题目
+export function deleteQuestionTitle(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/question.deleteQuestionTitle',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取访客列表
+export function listVisits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/iot.getOpenApi',
+      method: 'get',
+      params: {
+        ...params,
+        iotApiCode: 'listVisitBmoImpl'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取访客类型列表
+export function listVisitTypes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/iot.getOpenApi',
+      method: 'get',
+      params: {
+        ...params,
+        iotApiCode: 'listVisitTypeBmoImpl'
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('notepadManage.addDetail.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('notepadManage.addDetail.state')"
+        prop="state"
+      >
+        <el-select
+          v-model="formData.state"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('notepadManage.addDetail.selectState')"
+            disabled
+            value=""
+          />
+          <el-option
+            :label="$t('notepadManage.state.following')"
+            value="W"
+          />
+          <el-option
+            :label="$t('notepadManage.state.completed')"
+            value="F"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.addDetail.content')"
+        prop="content"
+      >
+        <el-input
+          v-model="formData.content"
+          type="textarea"
+          rows="5"
+          :placeholder="$t('notepadManage.addDetail.contentPlaceholder')"
+        />
+      </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.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveNotepadDetail } from '@/api/oa/notepadManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddNotepadDetail',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    },
+    callBackFunction: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        noteId: '',
+        content: '',
+        state: 'W',
+        communityId: ''
+      },
+      rules: {
+        state: [
+          { required: true, message: this.$t('notepadManage.validate.state'), trigger: 'blur' }
+        ],
+        content: [
+          { required: true, message: this.$t('notepadManage.validate.content'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData.noteId = data.noteId
+      this.formData.communityId = getCommunityId()
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveNotepadDetail(this.formData)
+            this.$message.success(this.$t('common.saveSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('保存记事本详情失败:', error)
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        noteId: '',
+        content: '',
+        state: 'W',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('questionTitle.add.title')" :visible.sync="visible" width="70%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('questionTitle.add.name')" prop="qaTitle" :rules="[
+        { required: true, message: $t('questionTitle.add.nameRequired'), trigger: 'blur' },
+        { max: 256, message: $t('questionTitle.add.nameTooLong'), trigger: 'blur' }
+      ]">
+        <el-input v-model="formData.qaTitle" :placeholder="$t('questionTitle.add.namePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('questionTitle.add.type')" prop="titleType" :rules="[
+        { required: true, message: $t('questionTitle.add.typeRequired'), trigger: 'change' }
+      ]">
+        <el-select v-model="formData.titleType" :placeholder="$t('questionTitle.add.typePlaceholder')" style="width:100%"
+          @change="handleTypeChange">
+          <el-option :label="$t('questionTitle.add.pleaseSelect')" value="" disabled />
+          <el-option :label="$t('questionTitle.types.singleChoice')" value="1001" />
+          <el-option :label="$t('questionTitle.types.multipleChoice')" value="2002" />
+          <el-option :label="$t('questionTitle.types.shortAnswer')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <template v-if="formData.titleType && formData.titleType !== '3003'">
+        <el-form-item v-for="(item, index) in formData.titleValues" :key="index"
+          :label="`${$t('questionTitle.add.option')}${item.seq}`" :prop="`titleValues.${index}.itemValue`" :rules="[
+            { required: true, message: $t('questionTitle.add.optionRequired'), trigger: 'blur' }
+          ]">
+          <el-row :gutter="20">
+            <el-col :span="18">
+              <el-input v-model="item.itemValue" :placeholder="$t('questionTitle.add.optionPlaceholder')" />
+            </el-col>
+            <el-col :span="5">
+              <el-button v-if="index === formData.titleValues.length - 1" type="text" @click="addOption">
+                {{ $t('questionTitle.add.addOption') }}
+              </el-button>
+              <el-button v-else type="text" @click="removeOption(index)">
+                {{ $t('questionTitle.add.removeOption') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </template>
+    </el-form>
+
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveQuestionTitle } from '@/api/oa/questionTitleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddQuestionTitle',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        titleType: '',
+        qaTitle: '',
+        titleValues: [],
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.resetForm()
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    resetForm() {
+      this.formData = {
+        titleType: '',
+        qaTitle: '',
+        titleValues: [],
+        communityId: getCommunityId()
+      }
+    },
+    handleTypeChange(value) {
+      this.formData.titleValues = []
+      if (value === '1001') {
+        this.formData.titleValues = [{ itemValue: '', seq: 1 }]
+      } else if (value === '2002') {
+        this.formData.titleValues = [
+          { itemValue: '', seq: 1 },
+          { itemValue: '', seq: 2 }
+        ]
+      }
+    },
+    addOption() {
+      const newSeq = this.formData.titleValues.length + 1
+      this.formData.titleValues.push({ itemValue: '', seq: newSeq })
+    },
+    removeOption(index) {
+      this.formData.titleValues.splice(index, 1)
+      // 重新排序
+      this.formData.titleValues.forEach((item, i) => {
+        item.seq = i + 1
+      })
+    },
+    async handleSubmit() {
+      try {
+        const valid = await this.$refs.form.validate()
+        if (!valid) return
+
+        // 如果是简答题，清空选项
+        if (this.formData.titleType === '3003') {
+          this.formData.titleValues = []
+        }
+
+        await saveQuestionTitle(this.formData)
+        this.$message.success(this.$t('questionTitle.add.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        console.error(error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('chooseQuestionTitle.title')" :visible.sync="visible" width="70%" @close="handleClose">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-row :gutter="10">
+          <el-col :span="18"></el-col>
+          <el-col :span="6">
+            <el-input v-model="currentQuestionTitleName" :placeholder="$t('chooseQuestionTitle.searchPlaceholder')"
+              clearable @keyup.enter.native="queryQuestionTitles">
+              <el-button slot="append" icon="el-icon-search" @click="queryQuestionTitles" />
+            </el-input>
+          </el-col>
+        </el-row>
+
+        <el-table :data="questionTitles" border style="width: 100%" class="margin-top">
+          <el-table-column prop="qaTitle" :label="$t('chooseQuestionTitle.table.title')" align="center" />
+          <el-table-column prop="createTime" :label="$t('chooseQuestionTitle.table.createTime')" align="center" />
+          <el-table-column :label="$t('chooseQuestionTitle.table.actions')" align="center">
+            <template slot-scope="scope">
+              <el-button type="primary" size="mini" @click="handleChoose(scope.row)">
+                {{ $t('chooseQuestionTitle.table.choose') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+          :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+          @current-change="handleCurrentChange" class="margin-top" />
+      </el-col>
+    </el-row>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listQuestionTitle } from '@/api/oa/editQuestionAnswerApi'
+
+export default {
+  name: 'ChooseQuestionTitle',
+
+  data() {
+    return {
+      visible: false,
+      questionTitles: [],
+      currentQuestionTitleName: '',
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetQuestionTitles()
+      this.loadAllQuestionTitleInfo()
+    },
+    async loadAllQuestionTitleInfo() {
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: getCommunityId(),
+          qaTitle: this.currentQuestionTitleName
+        }
+        const { data, total } = await listQuestionTitle(params)
+        this.questionTitles = data
+        this.pagination.total = total
+      } catch (error) {
+        console.error('Failed to load question titles:', error)
+      }
+    },
+    handleChoose(questionTitle) {
+      this.$emit('chooseQuestionTitle', questionTitle)
+      this.visible = false
+    },
+    queryQuestionTitles() {
+      this.pagination.current = 1
+      this.loadAllQuestionTitleInfo()
+    },
+    resetQuestionTitles() {
+      this.currentQuestionTitleName = ''
+      this.pagination.current = 1
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.loadAllQuestionTitleInfo()
+    },
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.loadAllQuestionTitleInfo()
+    },
+    handleClose() {
+      this.resetQuestionTitles()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.margin-top {
+  margin-top: 15px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('notepadManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('notepadManage.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 { deleteNotepad } from '@/api/oa/notepadManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteNotepad',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        noteId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData.noteId = data.noteId
+      this.formData.communityId = getCommunityId()
+    },
+    async handleConfirm() {
+      try {
+        await deleteNotepad(this.formData)
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除记事本失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('questionAnswerManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <i class="el-icon-warning" style="color: #e6a23c; font-size: 24px;"></i>
+      <span style="margin-left: 10px;">{{ $t('questionAnswerManage.delete.confirmText') }}</span>
+    </div>
+    
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteQuestionAnswer',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      currentData: null
+    }
+  },
+  methods: {
+    open(data) {
+      this.currentData = data
+      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
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('questionAnswerManage.message.deleteError'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</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
+<template>
+  <el-dialog
+    :title="$t('questionTitle.delete.title')"
+    :visible.sync="visible"
+    width="500px"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <el-alert
+        :title="$t('questionTitle.delete.confirmMessage')"
+        type="warning"
+        :closable="false"
+        show-icon
+      />
+    </div>
+
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteQuestionTitle } from '@/api/oa/questionTitleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteQuestionTitle',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        titleId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = {
+        titleId: data.titleId,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.formData = {
+        titleId: '',
+        communityId: ''
+      }
+      this.loading = false
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        await deleteQuestionTitle(this.formData)
+        this.$message.success(this.$t('questionTitle.delete.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        console.error(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('notepadManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('notepadManage.edit.roomName')"
+        prop="roomName"
+      >
+        <el-input
+          v-model="formData.roomName"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.edit.objName')"
+        prop="objName"
+      >
+        <el-input
+          v-model="formData.objName"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.edit.link')"
+        prop="link"
+      >
+        <el-input
+          v-model="formData.link"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.edit.noteType')"
+        prop="noteType"
+      >
+        <el-select
+          v-model="formData.noteType"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('notepadManage.edit.selectNoteType')"
+            disabled
+            value=""
+          />
+          <el-option
+            v-for="(item,index) in noteTypes"
+            :key="index"
+            :label="item.name"
+            :value="item.statusCd"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.edit.title')"
+        prop="title"
+      >
+        <el-input
+          v-model="formData.title"
+          type="textarea"
+          rows="5"
+        />
+      </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.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateNotepad } from '@/api/oa/notepadManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditNotepad',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    },
+    callBackFunction: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        noteId: '',
+        noteType: '',
+        title: '',
+        roomName: '',
+        roomId: '',
+        objId: '',
+        objName: '',
+        objType: '',
+        link: '',
+        communityId: ''
+      },
+      noteTypes: [],
+      rules: {
+        noteType: [
+          { required: true, message: this.$t('notepadManage.validate.noteType'), trigger: 'blur' }
+        ],
+        title: [
+          { required: true, message: this.$t('notepadManage.validate.title'), trigger: 'blur' },
+          { max: 256, message: this.$t('notepadManage.validate.titleMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData = { ...data }
+      this.formData.communityId = getCommunityId()
+      this.getNoteTypes()
+    },
+    async getNoteTypes() {
+      try {
+        const data = await getDict('notepad', 'note_type')
+        this.noteTypes = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateNotepad(this.formData)
+            this.$message.success(this.$t('common.updateSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('更新记事本失败:', error)
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('questionAnswerManage.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('questionAnswerManage.edit.qaType')"
+        prop="qaType"
+      >
+        <el-select
+          v-model="formData.qaType"
+          :placeholder="$t('questionAnswerManage.edit.qaTypePlaceholder')"
+          style="width: 100%"
+        >
+          <el-option
+            value="1001"
+            :label="$t('questionAnswerManage.edit.qaType1')"
+          />
+          <el-option
+            value="3003"
+            :label="$t('questionAnswerManage.edit.qaType3')"
+          />
+          <el-option
+            value="4004"
+            :label="$t('questionAnswerManage.edit.qaType4')"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('questionAnswerManage.edit.qaName')"
+        prop="qaName"
+      >
+        <el-input
+          v-model="formData.qaName"
+          :placeholder="$t('questionAnswerManage.edit.qaNamePlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('questionAnswerManage.edit.startTime')"
+        prop="startTime"
+      >
+        <el-date-picker
+          v-model="formData.startTime"
+          type="datetime"
+          :placeholder="$t('questionAnswerManage.edit.startTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('questionAnswerManage.edit.endTime')"
+        prop="endTime"
+      >
+        <el-date-picker
+          v-model="formData.endTime"
+          type="datetime"
+          :placeholder="$t('questionAnswerManage.edit.endTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('questionAnswerManage.edit.content')">
+        <el-input
+          v-model="formData.content"
+          type="textarea"
+          :placeholder="$t('questionAnswerManage.edit.contentPlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('questionAnswerManage.edit.remark')">
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :placeholder="$t('questionAnswerManage.edit.remarkPlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('questionAnswerManage.edit.photos')">
+        <upload-image-url
+          ref="uploadImage"
+          :image-count="99"
+          @change="handleImageChange"
+        />
+      </el-form-item>
+    </el-form>
+
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import UploadImageUrl from '@/components/oa/UploadImageUrl'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditQuestionAnswer',
+  components: {
+    UploadImageUrl
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        qaId: '',
+        qaType: '',
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        content: '',
+        remark: '',
+        photos: []
+      },
+      rules: {
+        qaType: [
+          { required: true, message: this.$t('questionAnswerManage.validate.qaType'), trigger: 'blur' }
+        ],
+        qaName: [
+          { required: true, message: this.$t('questionAnswerManage.validate.qaName'), trigger: 'blur' },
+          { max: 256, message: this.$t('questionAnswerManage.validate.qaNameMax'), trigger: 'blur' }
+        ],
+        startTime: [
+          { required: true, message: this.$t('questionAnswerManage.validate.startTime'), trigger: 'blur' }
+        ],
+        endTime: [
+          { required: true, message: this.$t('questionAnswerManage.validate.endTime'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.$nextTick(() => {
+        this.resetForm()
+        if (data) {
+          Object.assign(this.formData, data)
+          if (data.fileUrls) {
+            this.$refs.uploadImage.setPhotos(data.fileUrls)
+          }
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.form && this.$refs.form.resetFields()
+      this.$refs.uploadImage && this.$refs.uploadImage.clear()
+      this.formData = {
+        qaId: '',
+        qaType: '',
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        content: '',
+        remark: '',
+        photos: []
+      }
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    handleImageChange(photos) {
+      this.formData.photos = photos.map(item => item.fileId)
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          this.formData.communityId = getCommunityId()
+          await updateQuestionAnswer(this.formData)
+          this.$message.success(this.$t('questionAnswerManage.message.updateSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('questionAnswerManage.message.updateError'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('questionTitle.edit.title')" :visible.sync="visible" width="70%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('questionTitle.edit.type')" prop="titleType" :rules="[
+        { required: true, message: $t('questionTitle.edit.typeRequired'), trigger: 'change' }
+      ]">
+        <el-select v-model="formData.titleType" :placeholder="$t('questionTitle.edit.typePlaceholder')" style="width:100%"
+          @change="handleTypeChange">
+          <el-option :label="$t('questionTitle.edit.pleaseSelect')" value="" disabled />
+          <el-option :label="$t('questionTitle.types.singleChoice')" value="1001" />
+          <el-option :label="$t('questionTitle.types.multipleChoice')" value="2002" />
+          <el-option :label="$t('questionTitle.types.shortAnswer')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('questionTitle.edit.name')" prop="qaTitle" :rules="[
+        { required: true, message: $t('questionTitle.edit.nameRequired'), trigger: 'blur' },
+        { max: 256, message: $t('questionTitle.edit.nameTooLong'), trigger: 'blur' }
+      ]">
+        <el-input v-model="formData.qaTitle" :placeholder="$t('questionTitle.edit.namePlaceholder')" />
+      </el-form-item>
+
+      <template v-if="formData.titleType && formData.titleType !== '3003'">
+        <el-form-item v-for="(item, index) in formData.titleValues" :key="index"
+          :label="`${$t('questionTitle.edit.option')}${item.seq}`" :prop="`titleValues.${index}.qaValue`" :rules="[
+            { required: true, message: $t('questionTitle.edit.optionRequired'), trigger: 'blur' }
+          ]">
+          <el-row :gutter="20">
+            <el-col :span="18">
+              <el-input v-model="item.qaValue" :placeholder="$t('questionTitle.edit.optionPlaceholder')" />
+            </el-col>
+            <el-col :span="5">
+              <el-button v-if="index === formData.titleValues.length - 1" type="text" @click="addOption">
+                {{ $t('questionTitle.edit.addOption') }}
+              </el-button>
+              <el-button v-else type="text" @click="removeOption(index)">
+                {{ $t('questionTitle.edit.removeOption') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </template>
+    </el-form>
+
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateQuestionTitle } from '@/api/oa/questionTitleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditQuestionTitle',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        titleId: '',
+        titleType: '',
+        qaTitle: '',
+        titleValues: [],
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.resetForm()
+      this.formData = {
+        ...data,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    resetForm() {
+      this.formData = {
+        titleId: '',
+        titleType: '',
+        qaTitle: '',
+        titleValues: [],
+        communityId: getCommunityId()
+      }
+    },
+    handleTypeChange(value) {
+      if (value === '3003') {
+        this.formData.titleValues = []
+      } else if (value === '1001' && this.formData.titleValues.length === 0) {
+        this.formData.titleValues = [{ qaValue: '', seq: 1 }]
+      } else if (value === '2002' && this.formData.titleValues.length < 2) {
+        this.formData.titleValues = [
+          { qaValue: '', seq: 1 },
+          { qaValue: '', seq: 2 }
+        ]
+      }
+    },
+    addOption() {
+      const newSeq = this.formData.titleValues.length + 1
+      this.formData.titleValues.push({ qaValue: '', seq: newSeq })
+    },
+    removeOption(index) {
+      this.formData.titleValues.splice(index, 1)
+      // 重新排序
+      this.formData.titleValues.forEach((item, i) => {
+        item.seq = i + 1
+      })
+    },
+    async handleSubmit() {
+      try {
+        const valid = await this.$refs.form.validate()
+        if (!valid) return
+
+        // 如果是简答题，清空选项
+        if (this.formData.titleType === '3003') {
+          this.formData.titleValues = []
+        }
+
+        await updateQuestionTitle(this.formData)
+        this.$message.success(this.$t('questionTitle.edit.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        console.error(error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('notepadManage.detail.title')"
+    :visible.sync="visible"
+    width="70%"
+  >
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+    >
+      <el-table-column
+        type="index"
+        :label="$t('notepadManage.detail.index')"
+        width="80"
+        align="center"
+      />
+      <el-table-column
+        prop="createUserName"
+        :label="$t('notepadManage.detail.createUser')"
+        align="center"
+      />
+      <el-table-column
+        prop="createTime"
+        :label="$t('notepadManage.detail.createTime')"
+        align="center"
+      />
+      <el-table-column
+        prop="content"
+        :label="$t('notepadManage.detail.content')"
+        align="center"
+      />
+      <el-table-column
+        :label="$t('common.operation')"
+        align="center"
+        width="120"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+          >
+            {{ $t('common.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+import { listNotepadDetail, deleteNotepadDetail } from '@/api/oa/notepadManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'NotepadDetail',
+  data() {
+    return {
+      visible: false,
+      tableData: [],
+      formData: {
+        noteId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData.noteId = data.noteId
+      this.formData.communityId = getCommunityId()
+      this.loadDetails()
+    },
+    async loadDetails() {
+      try {
+        const params = {
+          noteId: this.formData.noteId,
+          communityId: this.formData.communityId,
+          page: 1,
+          row: 50
+        }
+        const { data } = await listNotepadDetail(params)
+        this.tableData = data
+      } catch (error) {
+        console.error('获取记事本详情失败:', error)
+      }
+    },
+    async handleDelete(row) {
+      try {
+        await deleteNotepadDetail({
+          detailId: row.detailId,
+          communityId: this.formData.communityId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.loadDetails()
+      } catch (error) {
+        console.error('删除记事本详情失败:', error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('notepadManage.ownerRepair.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.repairType')"
+        prop="repairType"
+      >
+        <el-select
+          v-model="formData.repairType"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('notepadManage.ownerRepair.selectRepairType')"
+            disabled
+            value=""
+          />
+          <el-option
+            v-for="(item,index) in repairSettings"
+            :key="index"
+            :label="item.repairTypeName"
+            :value="item.repairType"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.repairObjName')"
+        prop="repairObjName"
+      >
+        <el-input
+          v-model="formData.repairObjName"
+          :placeholder="$t('notepadManage.ownerRepair.repairObjNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.repairName')"
+        prop="repairName"
+      >
+        <el-input
+          v-model="formData.repairName"
+          :placeholder="$t('notepadManage.ownerRepair.repairNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.tel')"
+        prop="tel"
+      >
+        <el-input
+          v-model="formData.tel"
+          :placeholder="$t('notepadManage.ownerRepair.telPlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.appointmentTime')"
+        prop="appointmentTime"
+      >
+        <el-date-picker
+          v-model="formData.appointmentTime"
+          type="datetime"
+          style="width:100%"
+          :placeholder="$t('notepadManage.ownerRepair.selectTime')"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('notepadManage.ownerRepair.context')"
+        prop="context"
+      >
+        <el-input
+          v-model="formData.context"
+          type="textarea"
+          rows="5"
+          :placeholder="$t('notepadManage.ownerRepair.contextPlaceholder')"
+        />
+      </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.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveOwnerRepair, listRepairSettings } from '@/api/oa/notepadManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'NotepadOwnerRepair',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '004',
+        repairObjId: '',
+        repairObjName: '',
+        repairChannel: 'T',
+        noteId: '',
+        communityId: ''
+      },
+      repairSettings: [],
+      rules: {
+        repairType: [
+          { required: true, message: this.$t('notepadManage.validate.repairType'), trigger: 'blur' }
+        ],
+        repairObjName: [
+          { required: true, message: this.$t('notepadManage.validate.repairObjName'), trigger: 'blur' }
+        ],
+        repairName: [
+          { required: true, message: this.$t('notepadManage.validate.repairName'), trigger: 'blur' },
+          { min: 2, max: 10, message: this.$t('notepadManage.validate.repairNameLength'), trigger: 'blur' }
+        ],
+        tel: [
+          { required: true, message: this.$t('notepadManage.validate.tel'), trigger: 'blur' },
+          { pattern: /^1[3-9]\d{9}$/, message: this.$t('notepadManage.validate.telFormat'), trigger: 'blur' }
+        ],
+        appointmentTime: [
+          { required: true, message: this.$t('notepadManage.validate.appointmentTime'), trigger: 'blur' }
+        ],
+        context: [
+          { required: true, message: this.$t('notepadManage.validate.context'), trigger: 'blur' },
+          { max: 2000, message: this.$t('notepadManage.validate.contextMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData = {
+        ...this.formData,
+        repairObjName: data.roomName,
+        repairObjId: data.roomId,
+        tel: data.link,
+        repairName: data.objName,
+        context: data.title,
+        noteId: data.noteId,
+        communityId: getCommunityId()
+      }
+      this.loadRepairSettings()
+    },
+    async loadRepairSettings() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: this.formData.communityId,
+          publicArea: 'F'
+        }
+        const { data } = await listRepairSettings(params)
+        this.repairSettings = data
+      } catch (error) {
+        console.error('获取报修设置失败:', error)
+      }
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveOwnerRepair(this.formData)
+            this.$message.success(this.$t('common.submitSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('提交报修单失败:', error)
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        repairType: '',
+        repairName: '',
+        tel: '',
+        appointmentTime: '',
+        context: '',
+        repairObjType: '004',
+        repairObjId: '',
+        repairObjName: '',
+        repairChannel: 'T',
+        noteId: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('questionAnswerManage.publish.title')"
+    :visible.sync="visible"
+    width="40%"
+    @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-item>
+      
+      <el-form-item :label="$t('questionAnswerManage.publish.tip')">
+        <el-input
+          :value="$t('questionAnswerManage.publish.tipText')"
+          disabled
+        />
+      </el-form-item>
+      
+      <el-form-item
+        :label="$t('questionAnswerManage.publish.notifyWay')"
+        prop="notifyWay"
+      >
+        <el-select
+          v-model="formData.notifyWay"
+          :placeholder="$t('questionAnswerManage.publish.notifyWayPlaceholder')"
+          style="width: 100%"
+        >
+          <el-option
+            value="1001"
+            :label="$t('questionAnswerManage.publish.notifyWay1')"
+          />
+          <el-option
+            value="2002"
+            :label="$t('questionAnswerManage.publish.notifyWay2')"
+          />
+          <el-option
+            value="3003"
+            :label="$t('questionAnswerManage.publish.notifyWay3')"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { publishQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'PublishQuestionAnswer',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        qaId: '',
+        qaName: '',
+        notifyWay: ''
+      },
+      rules: {
+        notifyWay: [
+          { required: true, message: this.$t('questionAnswerManage.validate.notifyWay'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = {
+        qaId: data.qaId,
+        qaName: data.qaName,
+        notifyWay: ''
+      }
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.formData = {
+        qaId: '',
+        qaName: '',
+        notifyWay: ''
+      }
+      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
+        }
+      })
+    }
+  }
+}
+</script>
 \ 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)"
+        fit="cover"
+        :preview-src-list="[getImageUrl(image)]"
+        class="image-preview"
+      >
+        <div slot="error" class="image-slot">
+          <i class="el-icon-picture-outline"></i>
+        </div>
+      </el-image>
+      <i class="el-icon-close remove-icon" @click="removeImage(index)"></i>
+    </div>
+
+    <el-upload
+      v-if="photos.length < imageCount"
+      action=""
+      :show-file-list="false"
+      :before-upload="beforeUpload"
+      :http-request="handleUpload"
+      class="upload-button"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+  </div>
+</template>
+
+<script>
+import { uploadImage } from '@/api/oa/questionAnswerManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'UploadImageUrl',
+  props: {
+    imageCount: {
+      type: Number,
+      default: 99
+    }
+  },
+  data() {
+    return {
+      photos: [],
+      photoUrls: []
+    }
+  },
+  methods: {
+    getImageUrl(image) {
+      if (typeof image === 'string') {
+        if (image.startsWith('http') || image.startsWith('https') || image.startsWith('data:')) {
+          return image
+        }
+        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
+      })
+      this.$emit('change', this.photoUrls)
+    },
+    clear() {
+      this.photos = []
+      this.photoUrls = []
+      this.$emit('change', [])
+    },
+    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'))
+      }
+      if (!isLt2M) {
+        this.$message.error(this.$t('uploadImage.validate.imageSize'))
+      }
+      return isImage && isLt2M
+    },
+    async handleUpload({ 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)
+      } catch (error) {
+        this.$message.error(error.message || this.$t('uploadImage.message.uploadError'))
+      }
+    },
+    removeImage(index) {
+      this.photos.splice(index, 1)
+      this.photoUrls.splice(index, 1)
+      this.$emit('change', this.photoUrls)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-image-container {
+  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);
+      cursor: pointer;
+      z-index: 10;
+    }
+  }
+
+  .upload-button {
+    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;
+
+    &:hover {
+      border-color: #409eff;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-row :gutter="20">
+    <el-col :span="6" class="border-right">
+      <div class="text-center margin-bottom">
+        <span>{{ $t('selectRoom.buildingUnit') }}</span>
+      </div>
+      <div class="tree-container">
+        <el-tree ref="floorUnitTree" :data="units" :props="treeProps" node-key="id" show-checkbox @check="handleNodeCheck"
+          :default-expanded-keys="expandedKeys" />
+      </div>
+    </el-col>
+    <el-col :span="16">
+      <div class="text-center margin-bottom">
+        <span>{{ $t('selectRoom.roomInfo') }}</span>
+      </div>
+      <div class="room-container">
+        <el-row :gutter="10">
+          <el-col v-for="(item, index) in rooms" :key="index" :span="6" class="margin-bottom">
+            <el-checkbox v-model="roomIds" :label="item" @change="handleRoomSelect(item)">
+              {{ item.floorNum }}-{{ item.unitNum }}-{{ item.roomNum }}({{ item.stateName }})
+            </el-checkbox>
+          </el-col>
+        </el-row>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryFloorAndUnits, queryRooms } from '@/api/oa/addQuestionAnswerApi'
+
+export default {
+  name: 'SelectRooms',
+  props: {
+    emitSelectRooms: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      units: [],
+      rooms: [],
+      roomIds: [],
+      conditions: {
+        floorId: '',
+        unitId: '',
+        communityId: getCommunityId()
+      },
+      treeProps: {
+        label: 'text',
+        children: 'children'
+      },
+      expandedKeys: []
+    }
+  },
+  created() {
+    this.loadFloorAndUnits()
+  },
+  methods: {
+    open() {
+      this.loadFloorAndUnits()
+    },
+    async loadFloorAndUnits() {
+      try {
+        const res = await queryFloorAndUnits({
+          communityId: this.conditions.communityId
+        })
+        this.units = this.formatTreeData(res)
+      } catch (error) {
+        console.log(error)
+        this.$message.error(this.$t('selectRoom.loadError'))
+      }
+    },
+    formatTreeData(units) {
+      const floorMap = {}
+
+      units.forEach(unit => {
+        if (!floorMap[unit.floorId]) {
+          floorMap[unit.floorId] = {
+            id: `f_${unit.floorId}`,
+            floorId: unit.floorId,
+            floorNum: unit.floorNum,
+            icon: "/img/floor.png",
+            text: `${unit.floorNum}${this.$t('room.floorUnitTree.building')}`,
+            children: []
+          }
+        }
+
+        const unitNode = {
+          id: `u_${unit.unitId}`,
+          unitId: unit.unitId,
+          text: `${unit.unitNum}${this.$t('room.floorUnitTree.unit')}`,
+          icon: "/img/unit.png",
+          children: []
+        }
+
+        floorMap[unit.floorId].children.push(unitNode)
+      })
+
+      return Object.values(floorMap)
+    },
+    async listRooms() {
+      try {
+        const params = {
+          ...this.conditions,
+          page: 1,
+          row: 500
+        }
+        const res = await queryRooms(params)
+        this.rooms = res.rooms
+      } catch (error) {
+        this.$message.error(this.$t('selectRoom.loadRoomError'))
+      }
+    },
+    handleNodeCheck(data, { checkedNodes }) {
+      if (data.id.startsWith('f_')) {
+        this.conditions.floorId = checkedNodes.some(node => node.id === data.id) ? data.floorId : ''
+      } else if (data.id.startsWith('u_')) {
+        this.conditions.unitId = checkedNodes.some(node => node.id === data.id) ? data.unitId : ''
+      }
+      this.listRooms()
+    },
+    handleRoomSelect(room) {
+      console.log('选择房间', room)
+      this.$emit('notifySelectRooms', this.roomIds)
+    },
+    refreshTree(params) {
+      if (params) {
+        this.conditions.floorId = params.floorId || ''
+      }
+      this.loadFloorAndUnits()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.border-right {
+  border-right: 1px solid #ebeef5;
+}
+
+.tree-container {
+  height: 300px;
+  overflow-y: auto;
+}
+
+.room-container {
+  height: 300px;
+  overflow-y: auto;
+}
+
+.margin-bottom {
+  margin-bottom: 10px;
+}
+
+.text-center {
+  text-align: center;
+  padding: 10px 0;
+}
+</style>
 \ No newline at end of file
@@ -9,7 +9,14 @@ import { messages as addComplaintTypeMessages } from &#39;../views/oa/addComplaintTy
 import { messages as editComplaintTypeMessages } from '../views/oa/editComplaintTypeLang'
 import { messages as addComplaintMessages } from '../views/oa/addComplaintLang'
 import { messages as complaintMessages } from '../views/oa/complaintLang'
-
+import { messages as notepadManageMessages } from '../views/oa/notepadManageLang'
+import { messages as visitManageMessages } from '../views/oa/visitManageLang'
+import { messages as questionTitleMessages } from '../views/oa/questionTitleLang'
+import { messages as questionAnswerManageMessages } from '../views/oa/questionAnswerManageLang'
+import { messages as printQuestionAnswerMessages } from '../views/oa/printQuestionAnswerLang'
+import { messages as addQuestionAnswerMessages } from '../views/oa/addQuestionAnswerLang'
+import { messages as editQuestionAnswerMessages } from '../views/oa/editQuestionAnswerLang'
+import { messages as printQuestionAnswerDetailMessages } from '../views/oa/printQuestionAnswerDetailLang'
 export const messages ={
     en:{
         ...activitiesTypeManageMessages.en,
@@ -23,6 +30,14 @@ export const messages ={
         ...editComplaintTypeMessages.en,
         ...addComplaintMessages.en,
         ...complaintMessages.en,
+        ...notepadManageMessages.en,
+        ...visitManageMessages.en,
+        ...questionTitleMessages.en,
+        ...questionAnswerManageMessages.en,
+        ...printQuestionAnswerMessages.en,
+        ...addQuestionAnswerMessages.en,
+        ...editQuestionAnswerMessages.en,
+        ...printQuestionAnswerDetailMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -36,5 +51,13 @@ export const messages ={
         ...editComplaintTypeMessages.zh,
         ...addComplaintMessages.zh,
         ...complaintMessages.zh,
+        ...notepadManageMessages.zh,
+        ...visitManageMessages.zh,
+        ...questionTitleMessages.zh,
+        ...questionAnswerManageMessages.zh,
+        ...printQuestionAnswerMessages.zh,
+        ...addQuestionAnswerMessages.zh,
+        ...editQuestionAnswerMessages.zh,
+        ...printQuestionAnswerDetailMessages.zh,
     }
 }
 \ No newline at end of file
@@ -330,7 +330,7 @@ const routes = [
         name: '/views/work/adminRepairDetail',
         component: () => import('@/views/work/adminRepairDetailList.vue')
       },
-      
+
       {
         path: '/pages/complaint/adminComplaint',
         name: '/pages/complaint/adminComplaint',
@@ -361,7 +361,7 @@ const routes = [
         name: '/pages/iot/adminBarrier',
         component: () => import('@/views/iot/adminBarrierList.vue')
       },
-      
+
       {
         path: '/pages/iot/adminMeter',
         name: '/pages/iot/adminMeter',
@@ -822,7 +822,7 @@ const routes = [
         name: '/pages/property/repairForceFinishManage',
         component: () => import('@/views/work/repairForceFinishManageList.vue')
       },
-      
+
       {
         path: '/pages/resource/resourceAuditFlow',
         name: '/pages/resource/resourceAuditFlow',
@@ -843,7 +843,7 @@ const routes = [
         name: '/pages/common/resourceStoreManage',
         component: () => import('@/views/resource/resourceStoreManageList.vue')
       },
-      
+
       {
         path: '/pages/property/resourceSupplierManage',
         name: '/pages/property/resourceSupplierManage',
@@ -924,7 +924,7 @@ const routes = [
         name: '/pages/property/locationManage',
         component: () => import('@/views/community/locationManageList.vue')
       },
-     
+
       ...inspectionRouter,
       ...machineRouter,
       ...oaRouter,
@@ -945,6 +945,16 @@ const routes = [
     name: '/views/resource/printEquipmentAccountLabel',
     component: printEquipmentAccountLabel
   },
+  {
+    path: '/pages/question/printQuestionAnswer',
+    name: '/pages/question/printQuestionAnswer',
+    component: () => import('@/views/oa/printQuestionAnswerList.vue')
+  },
+  {
+    path: '/pages/question/printQuestionAnswerDetail',
+    name: '/pages/question/printQuestionAnswerDetail',
+    component: () => import('@/views/oa/printQuestionAnswerDetailList.vue')
+  },
 ]
 const router = new VueRouter({
@@ -54,4 +54,35 @@ export default [
         name: '/pages/complaint/complaint',
         component: () => import('@/views/oa/complaintList.vue')
     },
+    {
+        path: '/pages/property/notepadManage',
+        name: '/pages/property/notepadManage',
+        component: () => import('@/views/oa/notepadManageList.vue')
+    },
+    {
+        path: '/pages/property/visitManage',
+        name: '/pages/property/visitManage',
+        component: () => import('@/views/oa/visitManageList.vue')
+    },
+    {
+        path: '/pages/question/questionTitle',
+        name: '/pages/question/questionTitle',
+        component: () => import('@/views/oa/questionTitleList.vue')
+    },
+    {
+        path: '/pages/property/questionAnswerManage',
+        name: '/pages/property/questionAnswerManage',
+        component: () => import('@/views/oa/questionAnswerManageList.vue')
+    },
+    {
+        path: '/views/oa/addQuestionAnswer',
+        name: '/views/oa/addQuestionAnswer',
+        component: () => import('@/views/oa/addQuestionAnswerList.vue')
+    },
+    {
+        path:'/views/oa/editQuestionAnswer',
+        name:'/views/oa/editQuestionAnswer',
+        component: () => import('@/views/oa/editQuestionAnswerList.vue')
+        },
+
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addQuestionAnswer: {
+      title: 'Add Questionnaire',
+      qaName: 'Questionnaire Name',
+      qaNamePlaceholder: 'Required, please fill in the questionnaire name',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please select start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please select end time',
+      content: 'Questionnaire Description',
+      contentPlaceholder: 'Required, please enter questionnaire description',
+      questionTitle: 'Questionnaire Questions',
+      chooseTitle: 'Select Questions',
+      questionRoom: 'Questionnaire Rooms',
+      qaNameRequired: 'Questionnaire name is required',
+      startTimeRequired: 'Start time is required',
+      endTimeRequired: 'End time is required',
+      timeInvalid: 'End time must be later than start time',
+      contentRequired: 'Questionnaire description is required',
+      titleRequired: 'Please select at least one question',
+      roomRequired: 'Please select at least one room',
+      titleExist: 'This question has already been selected',
+      confirmDeleteTitle: 'Are you sure to delete this question?',
+      saveSuccess: 'Questionnaire saved successfully',
+      saveError: 'Failed to save questionnaire'
+    },
+    questionTitle: {
+      name: 'Name',
+      type: 'Type',
+      options: 'Options',
+      operation: 'Operation',
+      delete: 'Delete',
+      createTime: 'Create Time',
+      singleChoice: 'Single Choice',
+      multipleChoice: 'Multiple Choice',
+      shortAnswer: 'Short Answer'
+    },
+    selectRoom: {
+      buildingUnit: 'Building Unit',
+      roomInfo: 'Room Information',
+      unit: 'Unit',
+      loadError: 'Failed to load building units',
+      loadRoomError: 'Failed to load rooms'
+    },
+    chooseQuestionTitle: {
+      title: 'Select Questions',
+      searchPlaceholder: 'Enter question name',
+      question: 'Question',
+      operation: 'Operation',
+      choose: 'Choose',
+      queryError: 'Failed to query questions'
+    }
+  },
+  zh: {
+    addQuestionAnswer: {
+      title: '添加问卷',
+      qaName: '问卷名称',
+      qaNamePlaceholder: '必填，请填写问卷名称',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请选择开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请选择结束时间',
+      content: '问卷说明',
+      contentPlaceholder: '必填，请输入问卷说明',
+      questionTitle: '问卷题目',
+      chooseTitle: '选择题目',
+      questionRoom: '问卷房屋',
+      qaNameRequired: '问卷名称不能为空',
+      startTimeRequired: '开始时间不能为空',
+      endTimeRequired: '结束时间不能为空',
+      timeInvalid: '结束时间必须晚于开始时间',
+      contentRequired: '问卷说明不能为空',
+      titleRequired: '请至少选择一个题目',
+      roomRequired: '请至少选择一间房屋',
+      titleExist: '该题目已被选择',
+      confirmDeleteTitle: '确定删除该题目吗？',
+      saveSuccess: '问卷保存成功',
+      saveError: '问卷保存失败'
+    },
+    questionTitle: {
+      name: '名称',
+      type: '类型',
+      options: '选项',
+      operation: '操作',
+      delete: '删除',
+      createTime: '创建时间',
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      shortAnswer: '简答'
+    },
+    selectRoom: {
+      buildingUnit: '楼栋单元',
+      roomInfo: '房屋信息',
+      unit: '单元',
+      loadError: '加载楼栋单元失败',
+      loadRoomError: '加载房屋信息失败'
+    },
+    chooseQuestionTitle: {
+      title: '选择题目',
+      searchPlaceholder: '输入题目名称',
+      question: '题目',
+      operation: '操作',
+      choose: '选择',
+      queryError: '查询题目失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-question-answer-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('addQuestionAnswer.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form ref="form" :model="addQuestionAnswerInfo" label-width="120px">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item :label="$t('addQuestionAnswer.qaName')" prop="qaName">
+                  <el-input v-model="addQuestionAnswerInfo.qaName"
+                    :placeholder="$t('addQuestionAnswer.qaNamePlaceholder')" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('addQuestionAnswer.startTime')" prop="startTime">
+                  <el-date-picker v-model="addQuestionAnswerInfo.startTime" type="datetime"
+                    :placeholder="$t('addQuestionAnswer.startTimePlaceholder')" value-format="yyyy-MM-dd HH:mm:ss"
+                    style="width: 100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item :label="$t('addQuestionAnswer.endTime')" prop="endTime">
+                  <el-date-picker v-model="addQuestionAnswerInfo.endTime" type="datetime"
+                    :placeholder="$t('addQuestionAnswer.endTimePlaceholder')" value-format="yyyy-MM-dd HH:mm:ss"
+                    style="width: 100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item :label="$t('addQuestionAnswer.content')">
+                  <el-input v-model="addQuestionAnswerInfo.content" type="textarea" :rows="5"
+                    :placeholder="$t('addQuestionAnswer.contentPlaceholder')" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('addQuestionAnswer.questionTitle') }}</span>
+        <el-button type="primary" class="float-right" @click="chooseTitle">
+          <i class="el-icon-search"></i>{{ $t('addQuestionAnswer.chooseTitle') }}
+        </el-button>
+      </div>
+      <el-table :data="addQuestionAnswerInfo.questionTitles" border style="width: 100%">
+        <el-table-column prop="qaTitle" :label="$t('questionTitle.name')" align="center" />
+        <el-table-column prop="titleType" :label="$t('questionTitle.type')" align="center">
+          <template slot-scope="scope">
+            {{ getTitleTypeName(scope.row.titleType) }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('questionTitle.options')" align="center">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.titleValues" :key="index">
+              {{ item.seq }}、{{ item.qaValue }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('questionTitle.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="danger" size="mini" @click="openDeleteQuestionTitle(scope.row)">
+              {{ $t('questionTitle.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('addQuestionAnswer.questionRoom') }}</span>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <el-form>
+            <el-form-item :label="$t('addQuestionAnswer.questionRoom')">
+              <select-rooms ref="selectRooms" @notifySelectRooms="handleSelectRooms" />
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <div class="action-buttons margin-top">
+      <el-button type="primary" @click="saveQuestionAnswer">
+        <i class="el-icon-check"></i>{{ $t('common.save') }}
+      </el-button>
+      <el-button type="warning" @click="goBack">
+        {{ $t('common.cancel') }}
+      </el-button>
+    </div>
+
+    <choose-question-title ref="chooseQuestionTitle" @chooseQuestionTitle="handleChooseQuestionTitle" />
+  </div>
+</template>
+
+<script>
+import SelectRooms from '@/components/room/selectRooms'
+import ChooseQuestionTitle from '@/components/oa/chooseQuestionTitle'
+import { saveQuestionAnswer } from '@/api/oa/addQuestionAnswerApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddQuestionAnswer',
+  components: {
+    SelectRooms,
+    ChooseQuestionTitle
+  },
+  data() {
+    return {
+      addQuestionAnswerInfo: {
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        questionTitles: [],
+        roomIds: []
+      }
+    }
+  },
+  created() {
+    this.addQuestionAnswerInfo.communityId = getCommunityId()
+  },
+  methods: {
+    getTitleTypeName(titleType) {
+      if (titleType === '1001') {
+        return this.$t('questionTitle.singleChoice')
+      } else if (titleType === '2002') {
+        return this.$t('questionTitle.multipleChoice')
+      } else {
+        return this.$t('questionTitle.shortAnswer')
+      }
+    },
+    chooseTitle() {
+      this.$refs.chooseQuestionTitle.open()
+    },
+    handleChooseQuestionTitle(questionTitle) {
+      const hasTitle = this.addQuestionAnswerInfo.questionTitles.some(
+        item => item.titleId === questionTitle.titleId
+      )
+      if (hasTitle) {
+        this.$message.warning(this.$t('addQuestionAnswer.titleExist'))
+        return
+      }
+      this.addQuestionAnswerInfo.questionTitles.push(questionTitle)
+    },
+    openDeleteQuestionTitle(title) {
+      this.$confirm(
+        this.$t('addQuestionAnswer.confirmDeleteTitle'),
+        this.$t('common.tip'),
+        {
+          confirmButtonText: this.$t('common.confirm'),
+          cancelButtonText: this.$t('common.cancel'),
+          type: 'warning'
+        }
+      ).then(() => {
+        this.addQuestionAnswerInfo.questionTitles = this.addQuestionAnswerInfo.questionTitles.filter(
+          item => item.titleId !== title.titleId
+        )
+      })
+    },
+    handleSelectRooms(rooms) {
+      this.addQuestionAnswerInfo.roomIds = rooms.map(item => item.roomId)
+    },
+    validateForm() {
+      if (!this.addQuestionAnswerInfo.qaName) {
+        this.$message.warning(this.$t('addQuestionAnswer.qaNameRequired'))
+        return false
+      }
+      if (!this.addQuestionAnswerInfo.startTime) {
+        this.$message.warning(this.$t('addQuestionAnswer.startTimeRequired'))
+        return false
+      }
+      if (!this.addQuestionAnswerInfo.endTime) {
+        this.$message.warning(this.$t('addQuestionAnswer.endTimeRequired'))
+        return false
+      }
+      if (this.addQuestionAnswerInfo.startTime >= this.addQuestionAnswerInfo.endTime) {
+        this.$message.warning(this.$t('addQuestionAnswer.timeInvalid'))
+        return false
+      }
+      if (!this.addQuestionAnswerInfo.content) {
+        this.$message.warning(this.$t('addQuestionAnswer.contentRequired'))
+        return false
+      }
+      if (this.addQuestionAnswerInfo.questionTitles.length === 0) {
+        this.$message.warning(this.$t('addQuestionAnswer.titleRequired'))
+        return false
+      }
+      if (this.addQuestionAnswerInfo.roomIds.length === 0) {
+        this.$message.warning(this.$t('addQuestionAnswer.roomRequired'))
+        return false
+      }
+      return true
+    },
+    async saveQuestionAnswer() {
+      if (!this.validateForm()) return
+
+      try {
+        const res = await saveQuestionAnswer(this.addQuestionAnswerInfo)
+        if (res.code === 0) {
+          this.$message.success(this.$t('addQuestionAnswer.saveSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('addQuestionAnswer.saveError'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-question-answer-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+
+  .action-buttons {
+    text-align: right;
+    margin-top: 20px;
+    padding: 20px;
+    background: #fff;
+    border-radius: 4px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editQuestionAnswer: {
+      title: 'Edit Questionnaire',
+      qaName: 'Questionnaire Name',
+      qaNamePlaceholder: 'Required, please enter questionnaire name',
+      startTime: 'Start Time',
+      startTimePlaceholder: 'Required, please select start time',
+      endTime: 'End Time',
+      endTimePlaceholder: 'Required, please select end time',
+      content: 'Questionnaire Description',
+      contentPlaceholder: 'Required, please enter questionnaire description',
+      questionTitle: 'Questionnaire Questions',
+      chooseTitle: 'Select Questions',
+      questionRooms: 'Questionnaire Rooms',
+      household: 'households',
+      reselect: 'Reselect',
+      save: 'Save',
+      cancel: 'Cancel',
+      table: {
+        name: 'Name',
+        type: 'Type',
+        options: 'Options',
+        actions: 'Actions',
+        delete: 'Delete'
+      },
+      singleChoice: 'Single Choice',
+      multipleChoice: 'Multiple Choice',
+      shortAnswer: 'Short Answer',
+      duplicateTitle: 'Please do not select duplicate questions',
+      validate: {
+        qaName: 'Questionnaire name cannot be empty',
+        startTime: 'Start time cannot be empty',
+        endTime: 'End time cannot be empty',
+        timeError: 'Start time must be earlier than end time'
+      },
+      updateSuccess: 'Update successful',
+      updateFailed: 'Update failed'
+    },
+    selectRoom: {
+      buildingUnit: 'Building Unit',
+      roomInfo: 'Room Information'
+    },
+    chooseQuestionTitle: {
+      title: 'Select Questions',
+      searchPlaceholder: 'Enter question name',
+      table: {
+        title: 'Question',
+        createTime: 'Create Time',
+        actions: 'Actions',
+        choose: 'Select'
+      }
+    }
+  },
+  zh: {
+    editQuestionAnswer: {
+      title: '修改问卷',
+      qaName: '问卷名称',
+      qaNamePlaceholder: '必填，请填写问卷名称',
+      startTime: '开始时间',
+      startTimePlaceholder: '必填，请选择开始时间',
+      endTime: '结束时间',
+      endTimePlaceholder: '必填，请选择结束时间',
+      content: '问卷说明',
+      contentPlaceholder: '必填，请输入问卷说明',
+      questionTitle: '问卷题目',
+      chooseTitle: '选择题目',
+      questionRooms: '问卷房屋',
+      household: '户',
+      reselect: '重新选择',
+      save: '保存',
+      cancel: '取消',
+      table: {
+        name: '名称',
+        type: '类型',
+        options: '选项',
+        actions: '操作',
+        delete: '删除'
+      },
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      shortAnswer: '简答',
+      duplicateTitle: '请勿重复选择题目',
+      validate: {
+        qaName: '问卷名称不能为空',
+        startTime: '开始时间不能为空',
+        endTime: '结束时间不能为空',
+        timeError: '开始时间必须小于结束时间'
+      },
+      updateSuccess: '修改成功',
+      updateFailed: '修改失败'
+    },
+    selectRoom: {
+      buildingUnit: '楼栋单元',
+      roomInfo: '房屋信息'
+    },
+    chooseQuestionTitle: {
+      title: '选择题目',
+      searchPlaceholder: '输入题目名称',
+      table: {
+        title: '题目',
+        createTime: '创建时间',
+        actions: '操作',
+        choose: '选择'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-question-answer-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('editQuestionAnswer.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form ref="form" :model="editQuestionAnswerInfo" label-width="120px">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item :label="$t('editQuestionAnswer.qaName')" prop="qaName">
+                  <el-input v-model="editQuestionAnswerInfo.qaName"
+                    :placeholder="$t('editQuestionAnswer.qaNamePlaceholder')" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item :label="$t('editQuestionAnswer.startTime')" prop="startTime">
+                  <el-date-picker v-model="editQuestionAnswerInfo.startTime" type="datetime"
+                    :placeholder="$t('editQuestionAnswer.startTimePlaceholder')" style="width: 100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item :label="$t('editQuestionAnswer.endTime')" prop="endTime">
+                  <el-date-picker v-model="editQuestionAnswerInfo.endTime" type="datetime"
+                    :placeholder="$t('editQuestionAnswer.endTimePlaceholder')" style="width: 100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item :label="$t('editQuestionAnswer.content')">
+                  <el-input v-model="editQuestionAnswerInfo.content" type="textarea" :rows="5"
+                    :placeholder="$t('editQuestionAnswer.contentPlaceholder')" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('editQuestionAnswer.questionTitle') }}</span>
+        <div class="float-right">
+          <el-button type="primary" @click="chooseTitle">
+            <i class="el-icon-search"></i>{{ $t('editQuestionAnswer.chooseTitle') }}
+          </el-button>
+        </div>
+      </div>
+      <el-table :data="editQuestionAnswerInfo.questionTitles" border style="width: 100%">
+        <el-table-column prop="qaTitle" :label="$t('editQuestionAnswer.table.name')" align="center" />
+        <el-table-column prop="titleType" :label="$t('editQuestionAnswer.table.type')" align="center">
+          <template slot-scope="scope">
+            {{ getTitleTypeName(scope.row.titleType) }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('editQuestionAnswer.table.options')" align="center">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.titleValues" :key="index">
+              {{ item.seq }}、{{ item.qaValue }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('editQuestionAnswer.table.actions')" align="center">
+          <template slot-scope="scope">
+            <el-button type="danger" size="mini" @click="openDeleteQuestionTitle(scope.row)">
+              {{ $t('editQuestionAnswer.table.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <el-card class="box-card margin-top">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('editQuestionAnswer.questionRooms') }}</span>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <el-form>
+          <el-form-item :label="$t('editQuestionAnswer.questionRooms')">
+            <div v-if="editQuestionAnswerInfo.updateRoomIds">
+              <select-rooms ref="selectRooms" @notifySelectRooms="handleSelectRooms" />
+            </div>
+            <div v-else>
+              <span>{{ editQuestionAnswerInfo.voteCount }}{{ $t('editQuestionAnswer.household') }}</span>
+              <el-button type="text" @click="updateRoomIdsMethod">
+                {{ $t('editQuestionAnswer.reselect') }}
+              </el-button>
+            </div>
+          </el-form-item>
+        </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <div class="action-buttons margin-top">
+      <el-button type="primary" @click="updateQuestionAnswer">
+        <i class="el-icon-check"></i>{{ $t('editQuestionAnswer.save') }}
+      </el-button>
+      <el-button type="warning" @click="goBack">
+        {{ $t('editQuestionAnswer.cancel') }}
+      </el-button>
+    </div>
+
+    <choose-question-title ref="chooseQuestionTitle" @chooseQuestionTitle="handleChooseQuestionTitle" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectRooms from '@/components/room/selectRooms'
+import ChooseQuestionTitle from '@/components/oa/chooseQuestionTitle'
+import { updateQuestionAnswer, listQuestionAnswer, listQuestionTitle } from '@/api/oa/editQuestionAnswerApi'
+
+export default {
+  name: 'EditQuestionAnswerList',
+  components: {
+    SelectRooms,
+    ChooseQuestionTitle
+  },
+  data() {
+    return {
+      editQuestionAnswerInfo: {
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        titleType: '',
+        questionTitles: [],
+        roomIds: [],
+        updateRoomIds: false,
+        voteCount: 0,
+        qaId: ''
+      }
+    }
+  },
+  created() {
+    this.editQuestionAnswerInfo.communityId = getCommunityId()
+    this.editQuestionAnswerInfo.qaId = this.$route.query.qaId
+    this.loadQuestionAnswerInfo()
+    this.loadQuestionTitles()
+  },
+  methods: {
+    async loadQuestionAnswerInfo() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.editQuestionAnswerInfo.communityId,
+          qaId: this.editQuestionAnswerInfo.qaId
+        }
+        const { data } = await listQuestionAnswer(params)
+        this.editQuestionAnswerInfo = { ...this.editQuestionAnswerInfo, ...data[0] }
+      } catch (error) {
+        console.error('Failed to load question answer info:', error)
+      }
+    },
+    async loadQuestionTitles() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.editQuestionAnswerInfo.communityId,
+          qaId: this.editQuestionAnswerInfo.qaId
+        }
+        const { data } = await listQuestionTitle(params)
+        this.editQuestionAnswerInfo.questionTitles = data
+      } catch (error) {
+        console.error('Failed to load question titles:', error)
+      }
+    },
+    getTitleTypeName(titleType) {
+      if (titleType === '1001') {
+        return this.$t('editQuestionAnswer.singleChoice')
+      } else if (titleType === '2002') {
+        return this.$t('editQuestionAnswer.multipleChoice')
+      } else {
+        return this.$t('editQuestionAnswer.shortAnswer')
+      }
+    },
+    chooseTitle() {
+      this.$refs.chooseQuestionTitle.open()
+    },
+    handleChooseQuestionTitle(questionTitle) {
+      const exists = this.editQuestionAnswerInfo.questionTitles.some(
+        item => item.titleId === questionTitle.titleId
+      )
+      if (exists) {
+        this.$message.warning(this.$t('editQuestionAnswer.duplicateTitle'))
+        return
+      }
+      this.editQuestionAnswerInfo.questionTitles.push(questionTitle)
+    },
+    openDeleteQuestionTitle(title) {
+      this.editQuestionAnswerInfo.questionTitles = this.editQuestionAnswerInfo.questionTitles.filter(
+        item => item.titleId !== title.titleId
+      )
+    },
+    updateRoomIdsMethod() {
+      this.editQuestionAnswerInfo.updateRoomIds = true
+    },
+    handleSelectRooms(selectRooms) {
+      this.editQuestionAnswerInfo.roomIds = selectRooms.map(item => item.roomId)
+    },
+    validateForm() {
+      if (!this.editQuestionAnswerInfo.qaName) {
+        this.$message.error(this.$t('editQuestionAnswer.validate.qaName'))
+        return false
+      }
+      if (!this.editQuestionAnswerInfo.startTime) {
+        this.$message.error(this.$t('editQuestionAnswer.validate.startTime'))
+        return false
+      }
+      if (!this.editQuestionAnswerInfo.endTime) {
+        this.$message.error(this.$t('editQuestionAnswer.validate.endTime'))
+        return false
+      }
+      if (new Date(this.editQuestionAnswerInfo.startTime) >= new Date(this.editQuestionAnswerInfo.endTime)) {
+        this.$message.error(this.$t('editQuestionAnswer.validate.timeError'))
+        return false
+      }
+      return true
+    },
+    async updateQuestionAnswer() {
+      if (!this.validateForm()) return
+
+      try {
+        await updateQuestionAnswer(this.editQuestionAnswerInfo)
+        this.$message.success(this.$t('editQuestionAnswer.updateSuccess'))
+        this.goBack()
+      } catch (error) {
+        console.error('Failed to update question answer:', error)
+        this.$message.error(error.message || this.$t('editQuestionAnswer.updateFailed'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-question-answer-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+
+  .action-buttons {
+    text-align: right;
+    margin-top: 20px;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    notepadManage: {
+      search: {
+        title: 'Search Conditions',
+        noteType: 'Please select feedback type',
+        roomName: 'Please select room',
+        state: 'Please select status',
+        createUserName: 'Please select registrant',
+        objName: 'Please select owner name'
+      },
+      list: {
+        title: 'Owner Feedback'
+      },
+      table: {
+        noteType: 'Type',
+        roomName: 'Room',
+        objName: 'Contact',
+        link: 'Contact Phone',
+        state: 'Status',
+        createTime: 'Record Time',
+        createUserName: 'Registrant',
+        title: 'Content'
+      },
+      state: {
+        following: 'Following',
+        completed: 'Completed',
+        transferred: 'Transferred'
+      },
+      operation: {
+        follow: 'Follow',
+        progress: 'Progress',
+        transfer: 'Transfer to Repair',
+        repairDetail: 'Repair Detail'
+      },
+      tip: 'Tip: Please register at the business acceptance page',
+      edit: {
+        title: 'Edit',
+        roomName: 'Room',
+        objName: 'Contact',
+        link: 'Contact Phone',
+        noteType: 'Type',
+        Content: 'Content',
+        selectNoteType: 'Please select feedback type'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirm: 'Confirm to delete notepad?'
+      },
+      addDetail: {
+        title: 'Follow Up',
+        state: 'Status',
+        content: 'Follow Content',
+        selectState: 'Please select status',
+        contentPlaceholder: 'Please enter follow content'
+      },
+      detail: {
+        title: 'Follow Progress',
+        index: 'No.',
+        createUser: 'Handler',
+        createTime: 'Handle Time',
+        content: 'Handle Content'
+      },
+      ownerRepair: {
+        title: 'Transfer to Repair',
+        repairType: 'Repair Type',
+        repairObjName: 'Room',
+        repairName: 'Repairer',
+        tel: 'Contact',
+        appointmentTime: 'Appointment Time',
+        context: 'Repair Content',
+        selectRepairType: 'Please select repair type',
+        repairObjNamePlaceholder: 'Please enter room',
+        repairNamePlaceholder: 'Please enter repairer',
+        telPlaceholder: 'Please enter contact',
+        selectTime: 'Select appointment time',
+        contextPlaceholder: 'Please enter repair content'
+      },
+      validate: {
+        noteType: 'Type cannot be empty',
+        title: 'Content cannot be empty',
+        titleMaxLength: 'Content cannot exceed 256 characters',
+        state: 'Status cannot be empty',
+        content: 'Content cannot be empty',
+        repairType: 'Repair type cannot be empty',
+        repairObjName: 'Room cannot be empty',
+        repairName: 'Repairer cannot be empty',
+        repairNameLength: 'Repairer name must be between 2-10 characters',
+        tel: 'Contact cannot be empty',
+        telFormat: 'Invalid contact format',
+        appointmentTime: 'Appointment time cannot be empty',
+        context: 'Repair content cannot be empty',
+        contextMaxLength: 'Repair content cannot exceed 2000 characters'
+      }
+    }
+  },
+  zh: {
+    notepadManage: {
+      search: {
+        title: '查询条件',
+        noteType: '请选择反馈类型',
+        roomName: '请选择房屋',
+        state: '请选择状态',
+        createUserName: '请选择登记人',
+        objName: '请选择业主名称'
+      },
+      list: {
+        title: '业主反馈'
+      },
+      table: {
+        noteType: '类型',
+        roomName: '房屋',
+        objName: '联系人',
+        link: '联系电话',
+        state: '状态',
+        createTime: '记录时间',
+        createUserName: '登记人',
+        title: '内容'
+      },
+      state: {
+        following: '跟进中',
+        completed: '完成',
+        transferred: '已转报修单'
+      },
+      operation: {
+        follow: '跟进',
+        progress: '进度',
+        transfer: '转报修单',
+        repairDetail: '报修详情'
+      },
+      tip: '温馨提示：请到业务受理页面登记',
+      edit: {
+        title: '修改',
+        roomName: '房屋',
+        objName: '联系人',
+        link: '联系电话',
+        noteType: '类型',
+        content: '内容',
+        selectNoteType: '请选择反馈类型'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirm: '确定删除记事薄?'
+      },
+      addDetail: {
+        title: '跟进',
+        state: '状态',
+        content: '跟进内容',
+        selectState: '请选择状态',
+        contentPlaceholder: '请填写跟进内容'
+      },
+      detail: {
+        title: '跟进进度',
+        index: '序号',
+        createUser: '处理人',
+        createTime: '处理时间',
+        content: '处理内容'
+      },
+      ownerRepair: {
+        title: '转报修单',
+        repairType: '报修类型',
+        repairObjName: '房屋',
+        repairName: '报修人',
+        tel: '联系方式',
+        appointmentTime: '预约时间',
+        context: '报修内容',
+        selectRepairType: '请选择报修类型',
+        repairObjNamePlaceholder: '请填写房屋',
+        repairNamePlaceholder: '请填写报修人',
+        telPlaceholder: '请填写联系方式',
+        selectTime: '选择预约时间',
+        contextPlaceholder: '请填写报修内容'
+      },
+      validate: {
+        noteType: '类型不能为空',
+        title: '内容不能为空',
+        titleMaxLength: '内容不能超过256个字符',
+        state: '状态不能为空',
+        content: '内容不能为空',
+        repairType: '报修类型不能为空',
+        repairObjName: '房屋不能为空',
+        repairName: '报修人不能为空',
+        repairNameLength: '报修人名称必须在2至10字符之间',
+        tel: '联系方式不能为空',
+        telFormat: '联系方式格式不正确',
+        appointmentTime: '预约时间不能为空',
+        context: '报修内容不能为空',
+        contextMaxLength: '报修内容不能超过2000个字符'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="notepad-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('notepadManage.search.title') }}</span>
+        <el-button type="text" style="float: right; padding: 3px 0" @click="_moreCondition">
+          {{ notepadManageInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+        </el-button>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-select v-model="notepadManageInfo.conditions.noteType" :placeholder="$t('notepadManage.search.noteType')"
+            style="width:100%">
+            <el-option :label="$t('common.select')" value="" />
+            <el-option v-for="(item, index) in notepadManageInfo.noteTypes" :key="index" :label="item.name"
+              :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="notepadManageInfo.conditions.roomName" :placeholder="$t('notepadManage.search.roomName')" />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="notepadManageInfo.conditions.state" :placeholder="$t('notepadManage.search.state')"
+            style="width:100%">
+            <el-option :label="$t('common.select')" value="" />
+            <el-option :label="$t('notepadManage.state.following')" value="W" />
+            <el-option :label="$t('notepadManage.state.completed')" value="F" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="_queryNotepadMethod">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="_resetNotepadMethod">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-row v-show="notepadManageInfo.moreCondition" :gutter="20" style="margin-top:20px">
+        <el-col :span="6">
+          <el-input v-model="notepadManageInfo.conditions.createUserName"
+            :placeholder="$t('notepadManage.search.createUserName')" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="notepadManageInfo.conditions.objName" :placeholder="$t('notepadManage.search.objName')" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('notepadManage.list.title') }}</span>
+      </div>
+
+      <el-table v-loading="loading" :data="notepadManageInfo.notepads" border style="width: 100%">
+        <el-table-column prop="noteTypeName" :label="$t('notepadManage.table.noteType')" align="center" />
+        <el-table-column prop="roomName" :label="$t('notepadManage.table.roomName')" align="center" />
+        <el-table-column prop="objName" :label="$t('notepadManage.table.objName')" align="center" />
+        <el-table-column prop="link" :label="$t('notepadManage.table.link')" align="center" />
+        <el-table-column :label="$t('notepadManage.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === 'F' ? $t('notepadManage.state.completed') : $t('notepadManage.state.following') }}
+            <span v-if="scope.row.thridId">({{ $t('notepadManage.state.transferred') }})</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('notepadManage.table.createTime')" align="center" />
+        <el-table-column prop="createUserName" :label="$t('notepadManage.table.createUserName')" align="center" />
+        <el-table-column prop="title" :label="$t('notepadManage.table.title')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.state === 'W'" size="mini" @click="_openAddNotepadDetailModal(scope.row)">
+              {{ $t('notepadManage.operation.follow') }}
+            </el-button>
+            <el-button size="mini" @click="_openListNotepadDetailModal(scope.row)">
+              {{ $t('notepadManage.operation.progress') }}
+            </el-button>
+            <el-button v-if="!scope.row.thridId" size="mini" @click="_openAddRepairModal(scope.row)">
+              {{ $t('notepadManage.operation.transfer') }}
+            </el-button>
+            <el-button v-if="scope.row.thridId" size="mini" @click="_toRepairDetail(scope.row)">
+              {{ $t('notepadManage.operation.repairDetail') }}
+            </el-button>
+            <el-button size="mini" @click="_openEditNotepadModel(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="_openDeleteNotepadModel(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="margin-top-xs">
+        <div class="tip">{{ $t('notepadManage.tip') }}</div>
+        <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" />
+      </div>
+    </el-card>
+
+    <!-- 组件 -->
+    <edit-notepad ref="editNotepad" @success="handleSuccess" />
+    <delete-notepad ref="deleteNotepad" @success="handleSuccess" />
+    <add-notepad-detail ref="addNotepadDetail" @success="handleSuccess" />
+    <notepad-detail ref="notepadDetail" />
+    <notepad-owner-repair ref="notepadOwnerRepair" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listNotepad } from '@/api/oa/notepadManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import EditNotepad from '@/components/oa/editNotepad'
+import DeleteNotepad from '@/components/oa/deleteNotepad'
+import AddNotepadDetail from '@/components/oa/addNotepadDetail'
+import NotepadDetail from '@/components/oa/notepadDetail'
+import NotepadOwnerRepair from '@/components/oa/notepadOwnerRepair'
+
+export default {
+  name: 'NotepadManageList',
+  components: {
+    EditNotepad,
+    DeleteNotepad,
+    AddNotepadDetail,
+    NotepadDetail,
+    NotepadOwnerRepair
+  },
+  data() {
+    return {
+      loading: false,
+      notepadManageInfo: {
+        notepads: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        noteTypes: [],
+        conditions: {
+          noteType: '',
+          roomName: '',
+          objName: '',
+          createUserName: '',
+          state: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.notepadManageInfo.conditions.communityId = getCommunityId()
+    this._initMethod()
+  },
+  methods: {
+    async _initMethod() {
+      try {
+        const data = await getDict('notepad', 'note_type')
+        this.notepadManageInfo.noteTypes = data
+        this._listNotepads(this.page.current, this.page.size)
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async _listNotepads(page, size) {
+      this.loading = true
+      try {
+        const params = {
+          page: page,
+          row: size,
+          ...this.notepadManageInfo.conditions
+        }
+        const { data, total } = await listNotepad(params)
+        this.notepadManageInfo.notepads = data
+        this.page.total = total
+      } catch (error) {
+        console.error('获取记事本列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAddNotepadDetailModal(notepad) {
+      this.$refs.addNotepadDetail.open(notepad)
+    },
+    _openListNotepadDetailModal(notepad) {
+      this.$refs.notepadDetail.open(notepad)
+    },
+    _openEditNotepadModel(notepad) {
+      this.$refs.editNotepad.open(notepad)
+    },
+    _openDeleteNotepadModel(notepad) {
+      this.$refs.deleteNotepad.open(notepad)
+    },
+    _queryNotepadMethod() {
+      this.page.current = 1
+      this._listNotepads(this.page.current, this.page.size)
+    },
+    _resetNotepadMethod() {
+      this.notepadManageInfo.conditions = {
+        noteType: '',
+        roomName: '',
+        state: '',
+        createUserName: '',
+        objName: '',
+        communityId: this.notepadManageInfo.conditions.communityId
+      }
+      this._listNotepads(this.page.current, this.page.size)
+    },
+    _openAddRepairModal(notepad) {
+      this.$refs.notepadOwnerRepair.open(notepad)
+    },
+    _toRepairDetail(notepad) {
+      this.$router.push(`/views/work/repairDetail?repairId=${notepad.thridId}`)
+    },
+    _moreCondition() {
+      this.notepadManageInfo.moreCondition = !this.notepadManageInfo.moreCondition
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listNotepads(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listNotepads(this.page.current, this.page.size)
+    },
+    handleSuccess() {
+      this._listNotepads(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.notepad-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .margin-top-xs {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .tip {
+      color: #999;
+      font-size: 14px;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    printQuestionAnswerDetail: {
+      table: {
+        title: 'Title',
+        type: 'Type',
+        options: 'Options',
+        choices: 'Choices'
+      },
+      singleChoice: 'Single Choice',
+      multipleChoice: 'Multiple Choice',
+      shortAnswer: 'Short Answer',
+      total: 'Total',
+      submitted: 'Submitted',
+      people: 'people',
+      print: 'Print',
+      cancel: 'Cancel'
+    }
+  },
+  zh: {
+    printQuestionAnswerDetail: {
+      table: {
+        title: '名称',
+        type: '类型',
+        options: '选项',
+        choices: '选择'
+      },
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      shortAnswer: '简答',
+      total: '总数',
+      submitted: '已提交',
+      people: '人',
+      print: '打印',
+      cancel: '取消'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="print-question-answer-detail-container">
+    <el-row :gutter="20">
+      <el-col :span="4" id="print-room">
+        <el-card class="tree-card">
+          <ul class="room-list">
+            <li v-for="(item, index) in printQuestionAnswerDetailInfo.userQuestions" :key="index"
+              @click="swatchRoom(item)" :class="{ 'selected-room': printQuestionAnswerDetailInfo.roomId == item.roomId }">
+              {{ item.roomName }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <div class="text-center">
+          <h1>{{ printQuestionAnswerDetailInfo.qaName }}</h1>
+        </div>
+        <div v-html="printQuestionAnswerDetailInfo.content"></div>
+
+        <el-table :data="printQuestionAnswerDetailInfo.questionTitles" border style="width: 100%" class="margin-top">
+          <el-table-column prop="qaTitle" :label="$t('printQuestionAnswerDetail.table.title')" width="300" align="center">
+            <template slot-scope="scope">
+              <div style="max-width: 300px;">
+                {{ scope.row.qaTitle }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="titleType" :label="$t('printQuestionAnswerDetail.table.type')" width="300"
+            align="center">
+            <template slot-scope="scope">
+              {{ _getTitleTypeName(scope.row.titleType) }}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('printQuestionAnswerDetail.table.options')" align="center">
+            <template slot-scope="scope">
+              <div v-for="(item, index) in scope.row.titleValues" :key="index">
+                {{ item.seq }}、{{ item.qaValue }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('printQuestionAnswerDetail.table.choices')" align="center">
+            <template slot-scope="scope">
+              <div v-for="(item, index) in scope.row.titleValues" :key="index">
+                {{ _getChooseValue(item) }}
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="margin-top">
+          <span>{{ $t('printQuestionAnswerDetail.total') }}：{{ printQuestionAnswerDetailInfo.voteCount }}</span>；
+          <span>{{ $t('printQuestionAnswerDetail.submitted') }}：{{ printQuestionAnswerDetailInfo.votedCount }}</span>；
+          <span v-for="(item, tIndex) in printQuestionAnswerDetailInfo.titleValues" :key="tIndex">
+            {{ item.qaValue }}: {{ item.personCount }}{{ $t('printQuestionAnswerDetail.people') }}；
+          </span>
+        </div>
+
+        <div class="text-right margin-top">
+          {{ currentCommunity.name }}
+        </div>
+        <div class="text-right margin-top-sm">
+          {{ currentDate }}
+        </div>
+      </el-col>
+    </el-row>
+
+    <div id="print-btn" class="margin-top">
+      <el-button type="primary" class="float-right" @click="_printPurchaseApplyDiv">
+        <i class="el-icon-printer"></i>&nbsp;{{ $t('printQuestionAnswerDetail.print') }}
+      </el-button>
+      <el-button type="warning" class="float-right margin-right" @click="_closePage">
+        <i class="el-icon-close"></i>
+        {{ $t('printQuestionAnswerDetail.cancel') }}
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getCommunityId ,getCommunity} from '@/api/community/communityApi'
+import {
+  listQuestionAnswer,
+  listQuestionTitle,
+  listUserQuestionAnswer
+} from '@/api/oa/printQuestionAnswerDetailApi'
+
+export default {
+  name: 'PrintQuestionAnswerDetailList',
+  data() {
+    return {
+      printQuestionAnswerDetailInfo: {
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        titleType: '',
+        questionTitles: [],
+        updateRoomIds: false,
+        voteCount: 0,
+        qaId: '',
+        votedCount: 0,
+        userQuestions: [],
+        roomId: '',
+        userQuestion: {}
+      },
+      currentCommunity: {},
+      currentDate: new Date().toLocaleDateString()
+    }
+  },
+  created() {
+    this.printQuestionAnswerDetailInfo.communityId = getCommunityId()
+    this.currentCommunity = getCommunity()
+    this.printQuestionAnswerDetailInfo.qaId = this.$route.query.qaId
+    this._listValues()
+  },
+  methods: {
+    async _listQuestionAnswers() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.printQuestionAnswerDetailInfo.communityId,
+          qaId: this.printQuestionAnswerDetailInfo.qaId
+        }
+        const { data } = await listQuestionAnswer(params)
+        Object.assign(this.printQuestionAnswerDetailInfo, data[0])
+      } catch (error) {
+        console.error('Failed to load question answers:', error)
+      }
+    },
+    async _loadQuestionTitles() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.printQuestionAnswerDetailInfo.communityId,
+          qaId: this.printQuestionAnswerDetailInfo.qaId
+        }
+        const { data } = await listQuestionTitle(params)
+        this.printQuestionAnswerDetailInfo.questionTitles = data
+      } catch (error) {
+        console.error('Failed to load question titles:', error)
+      }
+    },
+    _printPurchaseApplyDiv() {
+      this.printFlag = '1'
+      document.getElementById("print-btn").style.display = "none"
+      document.getElementById("print-room").style.display = "none"
+      window.print()
+      window.opener = null
+      window.close()
+    },
+    _closePage() {
+      window.opener = null
+      window.close()
+    },
+    _getTitleTypeName(_titleType) {
+      if (_titleType === '1001') {
+        return this.$t('printQuestionAnswerDetail.singleChoice')
+      } else if (_titleType === '2002') {
+        return this.$t('printQuestionAnswerDetail.multipleChoice')
+      } else {
+        return this.$t('printQuestionAnswerDetail.shortAnswer')
+      }
+    },
+    swatchRoom(_room) {
+      this.printQuestionAnswerDetailInfo.roomId = _room.roomId
+      this.printQuestionAnswerDetailInfo.userQuestion = _room
+    },
+    async _listValues() {
+      try {
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.printQuestionAnswerDetailInfo.communityId,
+          qaId: this.printQuestionAnswerDetailInfo.qaId
+        }
+        const { data } = await listUserQuestionAnswer(params)
+        this.printQuestionAnswerDetailInfo.userQuestions = data
+        await this._listQuestionAnswers()
+        await this._loadQuestionTitles()
+        if (data && data.length > 0) {
+          this.swatchRoom(data[0])
+        }
+      } catch (error) {
+        console.error('Failed to load user question answers:', error)
+      }
+    },
+    _getChooseValue(_title) {
+      const _userQuestion = this.printQuestionAnswerDetailInfo.userQuestion
+      let _chooseValue = 'X'
+      if (_userQuestion['values']) {
+        _userQuestion.values.forEach(tmpValue => {
+          if (tmpValue.qaValue === _title.qaValue) {
+            _chooseValue = 'V'
+          }
+        })
+      }
+      return _chooseValue
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.print-question-answer-detail-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .room-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 10px;
+        margin-bottom: 5px;
+        cursor: pointer;
+        border-radius: 4px;
+        text-align: center;
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.selected-room {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .margin-top {
+    margin-top: 20px;
+  }
+
+  .margin-top-sm {
+    margin-top: 10px;
+  }
+
+  .margin-right {
+    margin-right: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+}
+
+#print-btn,
+#print-room {
+  @media print {
+    display: none !important;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    printQuestionAnswer: {
+      table: {
+        name: 'Name',
+        type: 'Type',
+        options: 'Options',
+        selectCount: 'Select Count'
+      },
+      type: {
+        single: 'Single Choice',
+        multiple: 'Multiple Choice',
+        shortAnswer: 'Short Answer'
+      },
+      label: {
+        total: 'Total',
+        submitted: 'Submitted'
+      },
+      unit: {
+        person: 'person(s)'
+      }
+    }
+  },
+  zh: {
+    printQuestionAnswer: {
+      table: {
+        name: '名称',
+        type: '类型',
+        options: '选项',
+        selectCount: '选择人数'
+      },
+      type: {
+        single: '单选',
+        multiple: '多选',
+        shortAnswer: '简答'
+      },
+      label: {
+        total: '总数',
+        submitted: '已提交'
+      },
+      unit: {
+        person: '人'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="print-question-answer-container">
+    <el-card>
+      <div class="text-center">
+        <h1>{{ printQuestionAnswerInfo.qaName }}</h1>
+      </div>
+      <div v-html="printQuestionAnswerInfo.content"></div>
+
+      <el-table :data="printQuestionAnswerInfo.questionTitles" border style="width: 100%" class="margin-top">
+        <el-table-column prop="qaTitle" :label="$t('printQuestionAnswer.table.name')" width="300" align="center">
+          <template slot-scope="{row}">
+            <div style="max-width: 300px;">
+              {{ row.qaTitle }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="titleType" :label="$t('printQuestionAnswer.table.type')" width="300" align="center">
+          <template slot-scope="{row}">
+            {{ _getTitleTypeName(row.titleType) }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('printQuestionAnswer.table.options')" align="center">
+          <template slot-scope="{row}">
+            <div v-for="(item, index) in row.titleValues" :key="index">
+              {{ item.seq }}、{{ item.qaValue }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('printQuestionAnswer.table.selectCount')" align="center">
+          <template slot-scope="{row}">
+            <div v-for="(item, index) in row.titleValues" :key="index">
+              {{ item.personCount }} {{ $t('printQuestionAnswer.unit.person') }}
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="margin-top">
+        <span>{{ $t('printQuestionAnswer.label.total') }}：{{ printQuestionAnswerInfo.voteCount }}</span>；
+        <span>{{ $t('printQuestionAnswer.label.submitted') }}：{{ printQuestionAnswerInfo.votedCount }}</span>；
+        <span v-for="(item, tIndex) in printQuestionAnswerInfo.titleValues" :key="tIndex">
+          {{ item.qaValue }}: {{ item.personCount }}{{ $t('printQuestionAnswer.unit.person') }}；
+        </span>
+      </div>
+
+      <div class="text-right margin-top margin-right">
+        {{ currentCommunity.name }}
+      </div>
+      <div class="text-right margin-top-sm margin-right">
+        {{ dateFormat(new Date()) }}
+      </div>
+
+      <div id="print-btn" class="text-right margin-top">
+        <el-button type="primary" @click="_printPurchaseApplyDiv">
+          <i class="el-icon-printer"></i>&nbsp;{{ $t('common.print') }}
+        </el-button>
+        <el-button type="warning" style="margin-left: 20px;" @click="_closePage">
+          <i class="el-icon-close"></i>
+          {{ $t('common.cancel') }}
+        </el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import {
+  listQuestionAnswer,
+  listQuestionTitle
+} from '@/api/oa/printQuestionAnswerApi'
+import { dateFormat } from '@/utils/dateUtil'
+
+export default {
+  name: 'PrintQuestionAnswerList',
+  data() {
+    return {
+      printQuestionAnswerInfo: {
+        qaName: '',
+        startTime: '',
+        endTime: '',
+        communityId: '',
+        content: '',
+        titleType: '',
+        questionTitles: [],
+        updateRoomIds: false,
+        voteCount: 0,
+        qaId: '',
+        votedCount: 0
+      },
+      currentCommunity: {
+        name: '',
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.printQuestionAnswerInfo.qaId = this.$route.query.qaId
+    this.currentCommunity.communityId = getCommunityId()
+    this._listQuestionAnswers()
+    this._loadQuestionTitles()
+  },
+  methods: {
+    async _listQuestionAnswers() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.currentCommunity.communityId,
+          qaId: this.printQuestionAnswerInfo.qaId
+        }
+        const { data } = await listQuestionAnswer(params)
+        this.printQuestionAnswerInfo = Object.assign(
+          this.printQuestionAnswerInfo,
+          data[0]
+        )
+      } catch (error) {
+        console.error('Failed to load question answers:', error)
+      }
+    },
+    async _loadQuestionTitles() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.currentCommunity.communityId,
+          qaId: this.printQuestionAnswerInfo.qaId
+        }
+        const { data } = await listQuestionTitle(params)
+        this.printQuestionAnswerInfo.questionTitles = data
+      } catch (error) {
+        console.error('Failed to load question titles:', error)
+      }
+    },
+    _printPurchaseApplyDiv() {
+      this.printFlag = '1'
+      document.getElementById("print-btn").style.display = "none"
+      window.print()
+      window.opener = null
+      window.close()
+    },
+    _closePage() {
+      window.opener = null
+      window.close()
+    },
+    _getTitleTypeName(_titleType) {
+      if (_titleType == '1001') {
+        return this.$t('printQuestionAnswer.type.single')
+      } else if (_titleType == '2002') {
+        return this.$t('printQuestionAnswer.type.multiple')
+      } else {
+        return this.$t('printQuestionAnswer.type.shortAnswer')
+      }
+    },
+    dateFormat
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.print-question-answer-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;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    questionAnswerManage: {
+      search: {
+        title: 'Search Conditions',
+        qaName: 'Please enter questionnaire name'
+      },
+      list: {
+        title: 'Questionnaire Survey'
+      },
+      table: {
+        qaName: 'Questionnaire Name',
+        validity: 'Validity Period',
+        voteCount: 'Total/Completed',
+        score: 'Score',
+        state: 'Status',
+        createTime: 'Create Time'
+      },
+      state: {
+        published: 'Published',
+        unpublished: 'Unpublished'
+      },
+      button: {
+        result: 'Result',
+        detail: 'Detail',
+        publish: 'Publish'
+      },
+      edit: {
+        title: 'Edit Questionnaire',
+        qaType: 'Questionnaire Type',
+        qaTypePlaceholder: 'Required, please select questionnaire type',
+        qaType1: 'Owner Questionnaire',
+        qaType3: 'Owner Voting',
+        qaType4: 'Staff Voting',
+        qaName: 'Name',
+        qaNamePlaceholder: 'Required, please enter name',
+        startTime: 'Start Time',
+        startTimePlaceholder: 'Required, please enter start time',
+        endTime: 'End Time',
+        endTimePlaceholder: 'Required, please enter end time',
+        content: 'Content',
+        contentPlaceholder: 'Optional, please enter content',
+        remark: 'Remark',
+        remarkPlaceholder: 'Optional, please enter remark',
+        photos: 'Photos'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirmText: 'Are you sure to delete this questionnaire?'
+      },
+      publish: {
+        title: 'Publish Questionnaire',
+        qaName: 'Name',
+        tip: 'Reminder',
+        tipText: 'After publishing, it cannot be modified again. Please confirm before publishing!',
+        notifyWay: 'Notification Method',
+        notifyWayPlaceholder: 'Required, please select notification method',
+        notifyWay1: 'SMS',
+        notifyWay2: 'WeChat Message',
+        notifyWay3: 'No Notification',
+        button: 'Publish'
+      },
+      validate: {
+        qaType: 'Questionnaire type is required',
+        qaName: 'Questionnaire name is required',
+        qaNameMax: 'Questionnaire name is too long',
+        startTime: 'Start time is required',
+        endTime: 'End time is required',
+        notifyWay: 'Notification method is required'
+      },
+      message: {
+        updateSuccess: 'Update successfully',
+        updateError: 'Update failed',
+        deleteSuccess: 'Delete successfully',
+        deleteError: 'Delete failed',
+        publishSuccess: 'Publish successfully',
+        publishError: 'Publish failed',
+        fetchError: 'Failed to fetch data'
+      }
+    },
+    uploadImage: {
+      validate: {
+        imageType: 'Only image files are allowed',
+        imageSize: 'Image size cannot exceed 2MB'
+      },
+      message: {
+        uploadError: 'Image upload failed'
+      }
+    }
+  },
+  zh: {
+    questionAnswerManage: {
+      search: {
+        title: '查询条件',
+        qaName: '请输入问卷名称'
+      },
+      list: {
+        title: '问卷调研'
+      },
+      table: {
+        qaName: '问卷名称',
+        validity: '有效期',
+        voteCount: '总问卷/已问卷',
+        score: '得分',
+        state: '状态',
+        createTime: '创建时间'
+      },
+      state: {
+        published: '已发布',
+        unpublished: '待发布'
+      },
+      button: {
+        result: '结果',
+        detail: '明细',
+        publish: '发布'
+      },
+      edit: {
+        title: '修改问卷信息',
+        qaType: '问卷类型',
+        qaTypePlaceholder: '必填，请选择问卷类型',
+        qaType1: '业主问卷',
+        qaType3: '业主投票',
+        qaType4: '员工投票',
+        qaName: '名称',
+        qaNamePlaceholder: '必填，请填写名称',
+        startTime: '开始时间',
+        startTimePlaceholder: '必填，请填写开始时间',
+        endTime: '结束时间',
+        endTimePlaceholder: '必填，请填写结束时间',
+        content: '内容',
+        contentPlaceholder: '选填，请填写内容',
+        remark: '备注',
+        remarkPlaceholder: '选填，请填写备注',
+        photos: '图片'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirmText: '确定删除问卷信息'
+      },
+      publish: {
+        title: '发布',
+        qaName: '名称',
+        tip: '温馨提示',
+        tipText: '发布后将无法再次修改，请确认无误后再发布！',
+        notifyWay: '通知方式',
+        notifyWayPlaceholder: '必填，请选择通知方式',
+        notifyWay1: '短信',
+        notifyWay2: '微信消息',
+        notifyWay3: '不通知',
+        button: '发布'
+      },
+      validate: {
+        qaType: '问卷类型不能为空',
+        qaName: '问卷名称不能为空',
+        qaNameMax: '问卷名称太长',
+        startTime: '开始时间不能为空',
+        endTime: '结束时间不能为空',
+        notifyWay: '通知方式不能为空'
+      },
+      message: {
+        updateSuccess: '修改成功',
+        updateError: '修改失败',
+        deleteSuccess: '删除成功',
+        deleteError: '删除失败',
+        publishSuccess: '发布成功',
+        publishError: '发布失败',
+        fetchError: '获取数据失败'
+      }
+    },
+    uploadImage: {
+      validate: {
+        imageType: '只能上传图片文件',
+        imageSize: '图片大小不能超过2MB'
+      },
+      message: {
+        uploadError: '图片上传失败'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="question-answer-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('questionAnswerManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-input v-model="searchForm.qaName" :placeholder="$t('questionAnswerManage.search.qaName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="8">
+          <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('questionAnswerManage.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('questionAnswerManage.table.qaName')" align="center" />
+        <el-table-column :label="$t('questionAnswerManage.table.validity')" align="center">
+          <template slot-scope="scope">
+            <div>{{ scope.row.startTime }}</div>
+            <div>{{ scope.row.endTime }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('questionAnswerManage.table.voteCount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.voteCount }}/{{ scope.row.votedCount }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="score" :label="$t('questionAnswerManage.table.score')" align="center" />
+        <el-table-column :label="$t('questionAnswerManage.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === 'C' ? $t('questionAnswerManage.state.published') :
+              $t('questionAnswerManage.state.unpublished') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('questionAnswerManage.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="handleResult(scope.row)">
+              {{ $t('questionAnswerManage.button.result') }}
+            </el-button>
+            <el-button size="mini" @click="handleDetail(scope.row)">
+              {{ $t('questionAnswerManage.button.detail') }}
+            </el-button>
+            <el-button v-if="scope.row.state === 'W'" size="mini" type="success" @click="handlePublish(scope.row)">
+              {{ $t('questionAnswerManage.button.publish') }}
+            </el-button>
+            <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-question-answer ref="deleteDialog" @success="fetchData" />
+    <publish-question-answer ref="publishDialog" @success="fetchData" />
+  </div>
+</template>
+
+<script>
+import { listQuestionAnswer } from '@/api/oa/questionAnswerManageApi'
+import DeleteQuestionAnswer from '@/components/oa/deleteQuestionAnswer'
+import PublishQuestionAnswer from '@/components/oa/publishQuestionAnswer'
+
+export default {
+  name: 'QuestionAnswerManageList',
+  components: {
+    DeleteQuestionAnswer,
+    PublishQuestionAnswer
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        qaName: '',
+        qaType: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          qaName: this.searchForm.qaName,
+          qaType: this.searchForm.qaType
+        }
+        const { data, total } = await listQuestionAnswer(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('questionAnswerManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.fetchData()
+    },
+    handleReset() {
+      this.searchForm = {
+        qaName: '',
+        qaType: ''
+      }
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$router.push('/views/oa/addQuestionAnswer')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/oa/editQuestionAnswer?qaId=${row.qaId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handlePublish(row) {
+      this.$refs.publishDialog.open(row)
+    },
+    handleResult(row) {
+      window.open(`/#/pages/question/printQuestionAnswer?qaId=${row.qaId}`)
+    },
+    handleDetail(row) {
+      window.open(`/#/pages/question/printQuestionAnswerDetail?qaId=${row.qaId}`)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.fetchData()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.question-answer-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    questionTitle: {
+      search: {
+        title: 'Search Conditions',
+        itemTitlePlaceholder: 'Please enter question name',
+        titleTypePlaceholder: 'Please select question type',
+        pleaseSelect: 'Please select',
+        singleChoice: 'Single Choice',
+        multipleChoice: 'Multiple Choice',
+        shortAnswer: 'Short Answer'
+      },
+      list: {
+        title: 'Questionnaire Questions'
+      },
+      table: {
+        name: 'Name',
+        type: 'Type',
+        options: 'Options',
+        createTime: 'Create Time'
+      },
+      types: {
+        singleChoice: 'Single Choice',
+        multipleChoice: 'Multiple Choice',
+        shortAnswer: 'Short Answer'
+      },
+      add: {
+        title: 'Add Question',
+        name: 'Name',
+        namePlaceholder: 'Required, please fill in the name',
+        nameRequired: 'Name cannot be empty',
+        nameTooLong: 'Name is too long',
+        type: 'Type',
+        typePlaceholder: 'Required, please select type',
+        typeRequired: 'Type cannot be empty',
+        option: 'Option',
+        optionPlaceholder: 'Required, please fill in the option content',
+        optionRequired: 'Option content cannot be empty',
+        addOption: 'Add Option',
+        removeOption: 'Remove Option',
+        pleaseSelect: 'Please select',
+        success: 'Added successfully'
+      },
+      edit: {
+        title: 'Edit Question',
+        name: 'Name',
+        namePlaceholder: 'Required, please fill in the name',
+        nameRequired: 'Name cannot be empty',
+        nameTooLong: 'Name is too long',
+        type: 'Type',
+        typePlaceholder: 'Required, please select type',
+        typeRequired: 'Type cannot be empty',
+        option: 'Option',
+        optionPlaceholder: 'Required, please fill in the option content',
+        optionRequired: 'Option content cannot be empty',
+        addOption: 'Add Option',
+        removeOption: 'Remove Option',
+        pleaseSelect: 'Please select',
+        success: 'Updated successfully'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirmMessage: 'Are you sure to delete this question?',
+        success: 'Deleted successfully'
+      },
+      fetchError: 'Failed to fetch question data'
+    }
+  },
+  zh: {
+    questionTitle: {
+      search: {
+        title: '查询条件',
+        itemTitlePlaceholder: '请输入问题名称',
+        titleTypePlaceholder: '请选择题目类型',
+        pleaseSelect: '请选择',
+        singleChoice: '单选',
+        multipleChoice: '多选',
+        shortAnswer: '简答'
+      },
+      list: {
+        title: '问卷题目'
+      },
+      table: {
+        name: '名称',
+        type: '类型',
+        options: '选项',
+        createTime: '创建时间'
+      },
+      types: {
+        singleChoice: '单选',
+        multipleChoice: '多选',
+        shortAnswer: '简答'
+      },
+      add: {
+        title: '添加题目',
+        name: '名称',
+        namePlaceholder: '必填，请填写名称',
+        nameRequired: '名称不能为空',
+        nameTooLong: '名称太长',
+        type: '类型',
+        typePlaceholder: '必填，请选择类型',
+        typeRequired: '类型不能为空',
+        option: '选项',
+        optionPlaceholder: '必填，请填写选项内容',
+        optionRequired: '选项内容不能为空',
+        addOption: '增加选项',
+        removeOption: '删除选项',
+        pleaseSelect: '请选择',
+        success: '添加成功'
+      },
+      edit: {
+        title: '修改题目',
+        name: '名称',
+        namePlaceholder: '必填，请填写名称',
+        nameRequired: '名称不能为空',
+        nameTooLong: '名称太长',
+        type: '类型',
+        typePlaceholder: '必填，请选择类型',
+        typeRequired: '类型不能为空',
+        option: '选项',
+        optionPlaceholder: '必填，请填写选项内容',
+        optionRequired: '选项内容不能为空',
+        addOption: '增加选项',
+        removeOption: '删除选项',
+        pleaseSelect: '请选择',
+        success: '修改成功'
+      },
+      delete: {
+        title: '确认操作',
+        confirmMessage: '确定删除该题目吗？',
+        success: '删除成功'
+      },
+      fetchError: '获取题目数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="question-title-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('questionTitle.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.itemTitle" :placeholder="$t('questionTitle.search.itemTitlePlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.titleType" :placeholder="$t('questionTitle.search.titleTypePlaceholder')"
+            style="width:100%">
+            <el-option :label="$t('questionTitle.search.pleaseSelect')" value="" />
+            <el-option :label="$t('questionTitle.search.singleChoice')" value="1001" />
+            <el-option :label="$t('questionTitle.search.multipleChoice')" value="2002" />
+            <el-option :label="$t('questionTitle.search.shortAnswer')" value="3003" />
+          </el-select>
+        </el-col>
+        <el-col :span="12">
+          <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('questionTitle.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="qaTitle" :label="$t('questionTitle.table.name')" align="center" />
+        <el-table-column prop="titleType" :label="$t('questionTitle.table.type')" align="center">
+          <template slot-scope="scope">
+            {{ getTitleTypeName(scope.row.titleType) }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('questionTitle.table.options')" align="center">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.titleValues" :key="index">
+              {{ item.seq }}、{{ item.qaValue }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('questionTitle.table.createTime')" align="center" />
+        <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="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 添加题目对话框 -->
+    <add-question-title ref="addDialog" @success="handleSuccess" />
+
+    <!-- 编辑题目对话框 -->
+    <edit-question-title ref="editDialog" @success="handleSuccess" />
+
+    <!-- 删除题目对话框 -->
+    <delete-question-title ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listQuestionTitle } from '@/api/oa/questionTitleApi'
+import AddQuestionTitle from '@/components/oa/addQuestionTitle'
+import EditQuestionTitle from '@/components/oa/editQuestionTitle'
+import DeleteQuestionTitle from '@/components/oa/deleteQuestionTitle'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'QuestionTitleList',
+  components: {
+    AddQuestionTitle,
+    EditQuestionTitle,
+    DeleteQuestionTitle
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        itemTitle: '',
+        titleType: '',
+        communityId: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listQuestionTitle(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('questionTitle.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        itemTitle: '',
+        titleType: '',
+        communityId: getCommunityId()
+      }
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addDialog.open()
+    },
+    handleEdit(row) {
+      this.$refs.editDialog.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    },
+    getTitleTypeName(type) {
+      switch (type) {
+        case '1001':
+          return this.$t('questionTitle.types.singleChoice')
+        case '2002':
+          return this.$t('questionTitle.types.multipleChoice')
+        case '3003':
+          return this.$t('questionTitle.types.shortAnswer')
+        default:
+          return ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.question-title-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 10px;
+    }
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    visitManage: {
+      search: {
+        title: 'Search Conditions',
+        state: 'Select Audit Status',
+        nameLike: 'Please enter visitor name',
+        gender: 'Select Gender',
+        phoneNumber: 'Please enter phone number',
+        roomName: 'Please enter building-unit-room',
+        ownerName: 'Please enter owner name',
+        startTime: 'Please enter start time',
+        endTime: 'Please enter end time'
+      },
+      list: {
+        title: 'Visitor List'
+      },
+      table: {
+        visitId: 'Visit ID',
+        name: 'Name',
+        gender: 'Gender',
+        phoneNumber: 'Phone Number',
+        roomName: 'Visit Room',
+        ownerName: 'Visit Owner',
+        carNum: 'Visitor Car',
+        visitType: 'Visit Type',
+        visitCase: 'Visit Reason',
+        visitTime: 'Visit Time',
+        departureTime: 'Departure Time',
+        state: 'Audit Status',
+        msg: 'Audit Remark',
+        createTime: 'Create Time'
+      },
+      gender: {
+        male: 'Male',
+        female: 'Female'
+      },
+      visitType: 'Visit Type',
+      manage: 'Manage'
+    },
+  },
+  zh: {
+    visitManage: {
+      search: {
+        title: '查询条件',
+        state: '请选择审核状态',
+        nameLike: '请输入访客姓名',
+        gender: '请选择性别',
+        phoneNumber: '请输入电话号码',
+        roomName: '请输入拜访房屋 楼栋-单元-房屋',
+        ownerName: '请输入拜访业主',
+        startTime: '请输入开始时间',
+        endTime: '请输入结束时间'
+      },
+      list: {
+        title: '访客人员'
+      },
+      table: {
+        visitId: '拜访ID',
+        name: '姓名',
+        gender: '性别',
+        phoneNumber: '电话号码',
+        roomName: '拜访房屋',
+        ownerName: '拜访业主',
+        carNum: '访客车辆',
+        visitType: '访客类型',
+        visitCase: '拜访事由',
+        visitTime: '拜访时间',
+        departureTime: '离开时间',
+        state: '审核状态',
+        msg: '审核备注',
+        createTime: '创建时间'
+      },
+      gender: {
+        male: '男',
+        female: '女'
+      },
+      visitType: '访客类型',
+      manage: '管理'
+    },
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="visit-manage-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="tree-card">
+          <ul class="visit-type-list">
+            <li
+              v-for="(item, index) in visitTypeList"
+              :key="index"
+              @click="switchVisitType(item)"
+              :class="{'selected': visitManageInfo.conditions.typeId === item.typeId}"
+            >
+              {{ item.name }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('visitManage.search.title') }}</span>
+          </div>
+          <el-form :inline="true" :model="visitManageInfo.conditions" class="search-form text-left">
+            <el-form-item>
+              <el-select
+                v-model="visitManageInfo.conditions.state"
+                :placeholder="$t('visitManage.search.state')"
+                style="width:100%"
+              >
+                <el-option
+                  v-for="(item, index) in stateList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.statusCd"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-input
+                v-model="visitManageInfo.conditions.nameLike"
+                :placeholder="$t('visitManage.search.nameLike')"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-select
+                v-model="visitManageInfo.conditions.visitGender"
+                :placeholder="$t('visitManage.search.gender')"
+                style="width:100%"
+              >
+                <el-option :label="$t('visitManage.gender.male')" value="0"></el-option>
+                <el-option :label="$t('visitManage.gender.female')" value="1"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-input
+                v-model="visitManageInfo.conditions.phoneNumberLike"
+                :placeholder="$t('visitManage.search.phoneNumber')"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-input
+                v-model="visitManageInfo.conditions.roomNameLike"
+                :placeholder="$t('visitManage.search.roomName')"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="_queryVisitMethod">{{ $t('common.search') }}</el-button>
+              <el-button @click="_resetVisitMethod">{{ $t('common.reset') }}</el-button>
+            </el-form-item>
+          </el-form>
+          <el-form :inline="true" :model="visitManageInfo.conditions" class="search-form text-left">
+            <el-form-item>
+              <el-input
+                v-model="visitManageInfo.conditions.ownerNameLike"
+                :placeholder="$t('visitManage.search.ownerName')"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker
+                v-model="visitManageInfo.conditions.queryStartTime"
+                type="datetime"
+                :placeholder="$t('visitManage.search.startTime')"
+              ></el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-date-picker
+                v-model="visitManageInfo.conditions.queryEndTime"
+                type="datetime"
+                :placeholder="$t('visitManage.search.endTime')"
+              ></el-date-picker>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card class="mt-20">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('visitManage.list.title') }}</span>
+            <el-button type="primary" size="small" style="float: right" @click="_toIotVisit">
+              {{ $t('visitManage.manage') }}
+            </el-button>
+          </div>
+          <el-table :data="visitManageInfo.visits" border style="width: 100%">
+            <el-table-column prop="visitId" :label="$t('visitManage.table.visitId')" align="center"></el-table-column>
+            <el-table-column prop="name" :label="$t('visitManage.table.name')" align="center"></el-table-column>
+            <el-table-column :label="$t('visitManage.table.gender')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.visitGender === '0' ? $t('visitManage.gender.male') : $t('visitManage.gender.female') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="phoneNumber" :label="$t('visitManage.table.phoneNumber')" align="center"></el-table-column>
+            <el-table-column prop="roomName" :label="$t('visitManage.table.roomName')" align="center"></el-table-column>
+            <el-table-column prop="ownerName" :label="$t('visitManage.table.ownerName')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.ownerName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="carNum" :label="$t('visitManage.table.carNum')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.carNum || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="visitTypeName" :label="$t('visitManage.table.visitType')" align="center"></el-table-column>
+            <el-table-column prop="visitCase" :label="$t('visitManage.table.visitCase')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.visitCase || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="visitTime" :label="$t('visitManage.table.visitTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.visitTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="departureTime" :label="$t('visitManage.table.departureTime')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.departureTime || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="stateName" :label="$t('visitManage.table.state')" align="center"></el-table-column>
+            <el-table-column prop="msg" :label="$t('visitManage.table.msg')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.msg || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" :label="$t('visitManage.table.createTime')" align="center"></el-table-column>
+            <el-table-column :label="$t('common.operation')" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button size="mini" @click="_toVisitDetail(scope.row)">{{ $t('common.detail') }}</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="page.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="page.size"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="visitManageInfo.total"
+            class="pagination"
+          ></el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listVisits, listVisitTypes } from '@/api/oa/visitManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'VisitManageList',
+  data() {
+    return {
+      visitManageInfo: {
+        visits: [],
+        total: 0,
+        conditions: {
+          visitId: '',
+          nameLike: '',
+          visitGender: '',
+          phoneNumberLike: '',
+          roomNameLike: '',
+          ownerNameLike: '',
+          communityId: '',
+          typeId: '',
+          state: '',
+          queryStartTime: '',
+          queryEndTime: '',
+          page: 1,
+          row: 10
+        }
+      },
+      visitTypeList: [],
+      stateList: [],
+      page: {
+        current: 1,
+        size: 10
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      try {
+        await this.listVisitTypes()
+        await this.getDictData()
+        this._listVisits(1, 10)
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+      }
+    },
+    async getDictData() {
+      try {
+        const data = await getDict('visit', 'state')
+        this.stateList = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async _listVisits(page, rows) {
+      try {
+        this.visitManageInfo.conditions.page = page
+        this.visitManageInfo.conditions.row = rows
+        this.visitManageInfo.conditions.communityId = this.communityId
+        const { data, total } = await listVisits(this.visitManageInfo.conditions)
+        this.visitManageInfo.visits = data
+        this.visitManageInfo.total = total
+        this.page.current = page
+        this.page.size = rows
+      } catch (error) {
+        console.error('获取访客列表失败:', error)
+      }
+    },
+    async listVisitTypes() {
+      try {
+        const { data } = await listVisitTypes({
+          page: -1,
+          row: 100,
+          communityId: this.communityId
+        })
+        this.visitTypeList = [{ name: this.$t('visitManage.visitType'), typeId: '' }, ...data]
+      } catch (error) {
+        console.error('获取访客类型失败:', error)
+      }
+    },
+    _queryVisitMethod() {
+      this._listVisits(1, this.page.size)
+    },
+    _resetVisitMethod() {
+      this.visitManageInfo.conditions = {
+        visitId: '',
+        nameLike: '',
+        visitGender: '',
+        phoneNumberLike: '',
+        roomNameLike: '',
+        ownerNameLike: '',
+        communityId: this.communityId,
+        typeId: '',
+        state: '',
+        queryStartTime: '',
+        queryEndTime: '',
+        page: 1,
+        row: this.page.size
+      }
+      this._listVisits(1, this.page.size)
+    },
+    switchVisitType(item) {
+      this.visitManageInfo.conditions.typeId = item.typeId
+      this._listVisits(1, this.page.size)
+    },
+    _toIotVisit() {
+      this.$router.push('/pages/accessControl/visitManage')
+    },
+    _toVisitDetail(visit) {
+      this.$router.push(`/pages/accessControl/visitDetail?visitId=${visit.visitId}&phoneNumber=${visit.phoneNumber}`)
+    },
+    handleSizeChange(val) {
+      this._listVisits(1, val)
+    },
+    handleCurrentChange(val) {
+      this._listVisits(val, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.visit-manage-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .visit-type-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 10px;
+        cursor: pointer;
+        text-align: center;
+        border-bottom: 1px solid #eee;
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.selected {
+          background-color: #409eff;
+          color: white;
+        }
+      }
+    }
+  }
+
+  .search-form {
+    margin-bottom: 0;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+    }
+  }
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file