fix(evaluation-report): 等待导出视图渲染完成

- 修复 AgentFillDialog.vue 的 optionIds 类型问题
- 修复 AnswerDetailDialog.vue 多选题答案显示问题
- 修复 QuestionnaireFillDialog.vue 多选题 optionIds 提交问题
- 优化代码类型定义，修复 linter 错误

Closes #questionnaire-fixes

.gitignore

@@ -7,3 +7,4 @@ pnpm-debug
 auto-*.d.ts
 .idea
 .history
+.omc/

build/vite/optimize.ts

@@ -34,6 +34,8 @@ const include = [
   'markmap-toolbar',
   'highlight.js',
   'element-plus',
+  'html-docx-js-typescript',
+  'file-saver',
   'element-plus/es',
   'element-plus/es/locale/lang/zh-cn',
   'element-plus/es/locale/lang/en',

package.json

@@ -50,10 +50,8 @@
     "echarts-wordcloud": "^2.1.0",
     "element-plus": "2.11.1",
     "fast-xml-parser": "^4.3.2",
-    "file-saver": "^2.0.5",
     "highlight.js": "^11.9.0",
     "html-docx-js": "^0.3.1",
-    "html-docx-js-typescript": "^0.1.5",
     "jsencrypt": "^3.3.2",
     "jsoneditor": "^10.1.3",
     "lodash-es": "^4.17.21",
@@ -115,6 +113,8 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-vue": "^9.22.0",
+    "file-saver": "^2.0.5",
+    "html-docx-js-typescript": "^0.1.5",
     "lint-staged": "^15.2.2",
     "postcss": "^8.4.35",
     "postcss-html": "^1.6.0",

pnpm-lock.yaml

@@ -83,18 +83,12 @@ importers:
       fast-xml-parser:
         specifier: ^4.3.2
         version: 4.5.0
-      file-saver:
-        specifier: ^2.0.5
-        version: 2.0.5
       highlight.js:
         specifier: ^11.9.0
         version: 11.10.0
       html-docx-js:
         specifier: ^0.3.1
         version: 0.3.1
-      html-docx-js-typescript:
-        specifier: ^0.1.5
-        version: 0.1.5
       jsencrypt:
         specifier: ^3.3.2
         version: 3.3.2
@@ -273,6 +267,12 @@ importers:
       eslint-plugin-vue:
         specifier: ^9.22.0
         version: 9.31.0(eslint@8.57.1)
+      file-saver:
+        specifier: ^2.0.5
+        version: 2.0.5
+      html-docx-js-typescript:
+        specifier: ^0.1.5
+        version: 0.1.5
       lint-staged:
         specifier: ^15.2.2
         version: 15.2.10

src/api/prison/questionnaire-task/index.ts

@@ -108,6 +108,8 @@ export interface TaskAreaStatistics {
 
 /** 人员填写进度 */
 export interface PrisonerProgress {
+  questionnaireId: number
+  questionnaireName?: string
   id: number
   prisonerId: number
   prisonerNo: string

src/views/prison/evaluation-report/report/CreateReportOutput.vue

@@ -1,20 +1,41 @@
 <template>
-  <Dialog style="display: none;" :title="'评估报告'" v-model="dialogVisible" width="900px">
+  <Dialog style="display: none" :title="'评估报告'" v-model="dialogVisible" width="900px">
     <div v-loading="loading" class="report-edit-container" ref="previewRef">
       <template v-if="selectedReport">
         <div class="basic-info-title">{{ selectedReport.templateName }}</div>
         <!-- 基本信息区 -->
         <div class="basic-info-section">
-          <div class="basic-info-item">服刑人员：{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</div>
+          <div class="basic-info-item"
+            >服刑人员：{{ selectedReport.prisonerName }} ({{ selectedReport.prisonerNo }})</div
+          >
           <div class="basic-info-item">监区：{{ selectedReport.areaName || '-' }}</div>
-          <div class="basic-info-item">评估日期：{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</div>
-          <div class="basic-info-item">风险等级：{{ getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel) }}</div>
-          <div class="basic-info-item">状态：{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</div>
+          <div class="basic-info-item"
+            >评估日期：{{ formatDateTime(selectedReport.evaluationDate, 'YYYY-MM-DD') }}</div
+          >
+          <div class="basic-info-item"
+            >风险等级：{{
+              getDictLabel(DICT_TYPE.PRISON_RISK_LEVEL, selectedReport.riskLevel)
+            }}</div
+          >
+          <div class="basic-info-item"
+            >状态：{{ getDictLabel(DICT_TYPE.PRISON_REPORT_STATUS, selectedReport.status) }}</div
+          >
         </div>
 
-        <div v-for="item in dimensionAnalysisPanelRef" :key="item.id" class="dimension-item">
-          <div class="dimension-item-title">{{ item.name }}</div>
-          <div style="white-space: pre-line; line-height: 1.5;">{{ item.aiAnalysis?.replace(/## 综合分析建议\n\n/g, '') }}</div>
+        <div
+          v-for="(item, index) in dimensionAnalysisPanelRef"
+          :key="item.id"
+          class="dimension-item"
+        >
+          <div class="dimension-item-title"
+            >{{ ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'][index] }}、{{
+              item.name
+            }}</div
+          >
+          <div style="white-space: pre-line; line-height: 1.5">{{
+            // 移除所有以 '##' 开头、并以两个连续换行结尾的标题块，兼容 CRLF/LF
+            item.aiAnalysis?.replace(/(^|\r?\n)##.*?\r?\n\r?\n/gm, '$1')
+          }}</div>
         </div>
       </template>
 
@@ -32,7 +53,14 @@
 import { DICT_TYPE, getDictLabel } from '@/utils/dict'
 import { formatDateTime } from '@/utils/formatTime'
 import download from '@/utils/download'
-import { ReportApi, ReportVO, DimensionDataApi, DimensionDataVO, DimensionApi, DimensionVO } from '@/api/prison/evaluation-report'
+import {
+  ReportApi,
+  ReportVO,
+  DimensionDataApi,
+  DimensionDataVO,
+  DimensionApi,
+  DimensionVO
+} from '@/api/prison/evaluation-report'
 import { PrisonerApi } from '@/api/prison/prisoner'
 import { asBlob } from 'html-docx-js-typescript'
 import { saveAs } from 'file-saver'
@@ -64,8 +92,10 @@ const open = async (id: number, prisonerId?: number) => {
   reportId.value = id
   dialogVisible.value = true
   await loadReportDetail(id)
+  // 等待视图渲染完成，避免导出时 DOM 仍为空
+  await nextTick()
   try {
-    exportToWord()
+    await exportToWord()
   } catch {
   } finally {
     handleClose()
@@ -78,7 +108,8 @@ const loadReportDetail = async (id: number) => {
   try {
     selectedReport.value = await ReportApi.getReport(id)
     dimensionDataList.value = await DimensionDataApi.getDimensionDataListByReportId(id)
-    drawerTitle.value = selectedReport.value?.title || `${selectedReport.value?.prisonerName} - 评估报告`
+    drawerTitle.value =
+      selectedReport.value?.title || `${selectedReport.value?.prisonerName} - 评估报告`
 
     // 监区信息兜底（报告未返回监区时，从罪犯档案补齐）
     if (selectedReport.value?.prisonerId && !selectedReport.value.areaName) {
@@ -92,15 +123,16 @@ const loadReportDetail = async (id: number) => {
     // 加载维度配置
     if (selectedReport.value?.templateId) {
       try {
-        const dimensionList = await DimensionApi.getDimensionsByTemplateId(selectedReport.value.templateId)
+        const dimensionList = await DimensionApi.getDimensionsByTemplateId(
+          selectedReport.value.templateId
+        )
         if (dimensionList && dimensionList.length > 0) {
-          console.log(dimensionList);
+          console.log(dimensionList)
           dimensions.value = dimensionList
         } else {
           // 使用默认维度配置
           dimensions.value = getDefaultDimensions(selectedReport.value.templateId)
         }
-        
       } catch {
         dimensions.value = getDefaultDimensions(selectedReport.value.templateId)
       }
@@ -108,11 +140,11 @@ const loadReportDetail = async (id: number) => {
 
     if (selectedReport.value?.id && dimensions.value.length > 0) {
       const list = await DimensionDataApi.getDimensionDataListByReportId(selectedReport.value.id)
-      console.log(list, dimensions.value);
-      dimensionAnalysisPanelRef.value = dimensions.value.map(item => {
+      console.log(list, dimensions.value)
+      dimensionAnalysisPanelRef.value = dimensions.value.map((item) => {
         return {
           ...item,
-          aiAnalysis: list.find(analys => analys.dimensionId === item.id)?.aiAnalysis
+          aiAnalysis: list.find((analys) => analys.dimensionId === item.id)?.aiAnalysis
         }
       })
     }
@@ -127,11 +159,51 @@ const loadReportDetail = async (id: number) => {
 /** 获取默认维度配置 */
 const getDefaultDimensions = (templateId: number): DimensionVO[] => {
   return [
-    { id: 1, templateId, name: '基本信息', dimensionType: 1, aiEnabled: 0, status: 0, dataSources: ['prisoner'] },
-    { id: 2, templateId, name: '犯罪情况分析', dimensionType: 1, aiEnabled: 1, status: 0, dataSources: ['prisoner', 'risk'] },
-    { id: 3, templateId, name: '服刑表现评估', dimensionType: 1, aiEnabled: 1, status: 0, dataSources: ['score', 'violation', 'reward'] },
-    { id: 4, templateId, name: '消费行为分析', dimensionType: 1, aiEnabled: 1, status: 0, dataSources: ['consumption'] },
-    { id: 5, templateId, name: '综合评估结论', dimensionType: 1, aiEnabled: 1, status: 0, dataSources: ['prisoner', 'psychology'] }
+    {
+      id: 1,
+      templateId,
+      name: '基本信息',
+      dimensionType: 1,
+      aiEnabled: 0,
+      status: 0,
+      dataSources: ['prisoner']
+    },
+    {
+      id: 2,
+      templateId,
+      name: '犯罪情况分析',
+      dimensionType: 1,
+      aiEnabled: 1,
+      status: 0,
+      dataSources: ['prisoner', 'risk']
+    },
+    {
+      id: 3,
+      templateId,
+      name: '服刑表现评估',
+      dimensionType: 1,
+      aiEnabled: 1,
+      status: 0,
+      dataSources: ['score', 'violation', 'reward']
+    },
+    {
+      id: 4,
+      templateId,
+      name: '消费行为分析',
+      dimensionType: 1,
+      aiEnabled: 1,
+      status: 0,
+      dataSources: ['consumption']
+    },
+    {
+      id: 5,
+      templateId,
+      name: '综合评估结论',
+      dimensionType: 1,
+      aiEnabled: 1,
+      status: 0,
+      dataSources: ['prisoner', 'psychology']
+    }
   ]
 }
 
@@ -189,40 +261,36 @@ const exportToWord = async () => {
       <head>
         <meta charset="utf-8">
         <style>
+          /* 使用 pt 单位以避免 Word/WPS 在 px->pt 换算时产生差异 */
           body {
             font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
-            font-size: 14px;
-            line-height: 1.6;
-            margin: 20px;
-            padding: 20px;
+            font-size: 11pt;
+            line-height: 1.5;
           }
           .basic-info-title{
-            font-family: '黑体', 'Microsoft YaHei', SimSun, Arial, sans-serif;
-            font-size: 21px;
+            font-size: 18pt;
             font-weight: 700;
             color: black;
             text-align: center;
-            margin-bottom: 20px;
+            margin-bottom: 15pt;
           }
           .basic-info-section {
-            padding: 15px 20px;
             color: black;
-            font-size: 12px;
+            font-size: 11pt;
           }
           .basic-info-item{
-            margin-right: 30px;
+            margin-right: 25pt;
           }
 
           .dimension-item {
-            padding: 0 40px;
-            font-size: 12px;
+            font-size: 11pt;
             color: black;
           }
           .dimension-item-title {
-            font-size: 21px;
-            padding: 15px 0;
+            font-size: 15pt;
             font-weight: 500;
             color: black;
+            margin-top: 15pt;
           }
         </style>
       </head>
@@ -269,7 +337,7 @@ defineExpose({ open })
   color: black;
   font-size: 14px;
 }
-.basic-info-item{
+.basic-info-item {
   margin-right: 30px;
 }
 

src/views/prison/questionnaire-task/components/AgentFillDialog.vue

@@ -32,13 +32,21 @@
             <div class="options-container">
               <el-radio-group v-model="answers[question.id]" :disabled="disabled">
                 <el-radio
-                  v-for="(opt, index) in parseOptions(question.options)"
-                  :key="index"
-                  :value="index"
+                  v-for="(opt, optIdx) in parseOptions(question.options)"
+                  :key="optIdx"
+                  :value="optIdx"
                 >
                   {{ opt.label }}
                 </el-radio>
               </el-radio-group>
+              <!-- 其他选项输入框 -->
+              <div v-if="getOtherOptionIndex(question) !== undefined && answers[question.id] === getOtherOptionIndex(question)" class="other-input">
+                <el-input
+                  v-model="otherAnswers[question.id]"
+                  placeholder="请输入其他选项内容"
+                  :disabled="disabled"
+                />
+              </div>
             </div>
           </div>
 
@@ -47,14 +55,25 @@
             <div class="options-container">
               <el-checkbox-group v-model="multiAnswers[question.id]">
                 <el-checkbox
-                  v-for="(opt, index) in parseOptions(question.options)"
-                  :key="index"
-                  :value="index"
+                  v-for="(opt, optIdx) in parseOptions(question.options)"
+                  :key="optIdx"
+                  :value="optIdx"
                   :disabled="disabled"
                 >
                   {{ opt.label }}
                 </el-checkbox>
               </el-checkbox-group>
+              <!-- 其他选项输入框 -->
+              <div
+                v-if="isOtherOptionSelected(question, multiAnswers[question.id])"
+                class="other-input"
+              >
+                <el-input
+                  v-model="otherAnswers[question.id]"
+                  placeholder="请输入其他选项内容"
+                  :disabled="disabled"
+                />
+              </div>
             </div>
           </div>
 
@@ -107,7 +126,6 @@
 <script setup lang="ts">
 import { ref, reactive, computed } from 'vue'
 import { ElMessage } from 'element-plus'
-import { QuestionnaireApi } from '@/api/prison/questionnaire'
 import { QuestionApi } from '@/api/prison/question'
 import { QuestionnaireRecordApi } from '@/api/prison/questionnairerecord'
 
@@ -128,6 +146,7 @@ const questions = ref<any[]>([])
 // 答案
 const answers = reactive<Record<number, any>>({})
 const multiAnswers = reactive<Record<number, number[]>>({})
+const otherAnswers = reactive<Record<number, string>>({}) // 其他选项输入框的答案
 
 // 是否禁用
 const disabled = computed(() => submitLoading.value)
@@ -142,24 +161,51 @@ const parseOptions = (optionsStr: string) => {
   }
 }
 
+/** 获取其他选项的索引 */
+const getOtherOptionIndex = (question: any): number | undefined => {
+  const options = parseOptions(question.options)
+  return options.findIndex((opt: any) => opt.isOther === true)
+}
+
+/** 检查多选题的其他选项是否被选中 */
+const isOtherOptionSelected = (question: any, selectedIndices: number[] | undefined): boolean => {
+  const otherIdx = getOtherOptionIndex(question)
+  if (otherIdx === undefined || otherIdx === -1) return false
+  return selectedIndices?.includes(otherIdx) ?? false
+}
+
 /** 打开弹窗 */
 const open = async (record: any) => {
+  console.log('=== 代填弹窗打开 ===')
+  console.log('传入的record:', record)
+  console.log('record.questionnaireId:', record.questionnaireId)
+  
   dialogVisible.value = true
   recordId.value = record.id
   prisonerInfo.value = record
   questionnaireId.value = record.questionnaireId
+  
+  console.log('设置的questionnaireId.value:', questionnaireId.value)
 
   // 重置答案
   Object.keys(answers).forEach(key => delete answers[key])
   Object.keys(multiAnswers).forEach(key => delete multiAnswers[key])
+  Object.keys(otherAnswers).forEach(key => delete otherAnswers[key])
 
   loading.value = true
   try {
+    // 从后端重新获取最新的记录信息，确保状态是最新的
+    const latestRecord = await QuestionnaireRecordApi.getQuestionnaireRecord(record.id)
+    console.log('获取的最新记录状态:', latestRecord.status)
+    prisonerInfo.value = { ...record, ...latestRecord }
+    
     // 先获取问卷题目总数
     const countData = await QuestionApi.getQuestionnaireQuestionList(
       { questionnaireId: questionnaireId.value, pageNo: 1, pageSize: 1 }
     )
+    console.log('获取的countData:', countData)
     const totalCount = countData.total || 0
+    console.log('题目总数:', totalCount)
 
     // 根据总数获取所有题目（后端限制每页最大200条）
     const maxPageSize = 200
@@ -168,6 +214,8 @@ const open = async (record: any) => {
     const questionData = await QuestionApi.getQuestionnaireQuestionList(
       { questionnaireId: questionnaireId.value, pageNo: 1, pageSize: pageSize }
     )
+    console.log('获取的questionData:', questionData)
+    console.log('实际获取到的题目数量:', questionData.list?.length || 0)
     questions.value = questionData.list || []
 
     // 初始化答案结构
@@ -208,11 +256,68 @@ const handleSubmit = async () => {
       questionId: q.id
     }
 
+    const options = parseOptions(q.options)
+    const otherIndex = getOtherOptionIndex(q)
+    const hasOtherSelected = otherIndex !== undefined && (
+      (q.type === 1 && answers[q.id] === otherIndex) ||
+      (q.type === 2 && multiAnswers[q.id]?.includes(otherIndex))
+    )
+
     if (q.type === 2) {
-      // 多选题
+      // 多选题：直接使用选项索引作为 optionIds（纯数字）
       answerItem.optionIds = multiAnswers[q.id] || []
-    } else {
+      // 拼接所有选中的选项文字到 answer 字段
+      const selectedIndices = multiAnswers[q.id] || []
+      const selectedLabels = selectedIndices.map((idx: number) => {
+        const opt = options[idx]
+        return opt ? (opt.value !== undefined ? opt.value : opt.label) : String(idx)
+      })
+      if (selectedLabels.length > 0) {
+        answerItem.answer = selectedLabels.join('、')
+      }
+    } else if (q.type === 1) {
+      // 单选题：检查是否选择了"其他"选项
+      const selectedIndex = answers[q.id]
+      const otherIndex = getOtherOptionIndex(q)
+      const isOtherSelected = otherIndex !== undefined && selectedIndex === otherIndex
+      
+      if (isOtherSelected) {
+        // 选择了"其他"选项，需要发送 optionIds
+        answerItem.optionIds = [selectedIndex]
+      }
+      // 普通单选题不发送 optionIds
+    }
+    // 填空题、评分题、日期题、数字题不发送 optionIds
+
+    // 如果选中了其他选项，将其他输入框的内容通过 answerText 传递
+    if (hasOtherSelected && otherAnswers[q.id]) {
+      const otherOptValue = options[otherIndex] ? (options[otherIndex].value !== undefined ? options[otherIndex].value : options[otherIndex].label) : '其他'
+      const otherText = `${otherOptValue}：${otherAnswers[q.id]}`
+      if (q.type === 2) {
+        // 多选题：追加其他选项的文字（前面已经有选中选项的文字了）
+        answerItem.answer = answerItem.answer 
+          ? `${answerItem.answer}、${otherText}`
+          : otherText
+      } else {
+        // 单选题：直接设置其他选项的文字
+        answerItem.answer = otherText
+      }
+    } else if (q.type === 2 && answerItem.answer) {
+      // 多选题选中了"其他"选项但没有输入文字，也要显示"其他"选项的文字
+      if (hasOtherSelected) {
+        const otherOptValue = options[otherIndex] ? (options[otherIndex].value !== undefined ? options[otherIndex].value : options[otherIndex].label) : '其他'
+        answerItem.answer = `${answerItem.answer}、${otherOptValue}`
+      }
+    } else if (q.type === 3 || q.type === 4 || q.type === 5 || q.type === 6) {
+      // 填空题、评分题、日期题、数字题直接使用 answerText
       answerItem.answer = answers[q.id] !== undefined ? String(answers[q.id]) : ''
+    } else if (q.type === 1 && !hasOtherSelected) {
+      // 单选题没有选择其他选项时，将选项值设置为 answerText
+      const selectedIndex = answers[q.id]
+      if (selectedIndex !== undefined && selectedIndex !== null) {
+        const opt = options[selectedIndex]
+        answerItem.answer = opt ? (opt.value !== undefined ? opt.value : opt.label) : String(selectedIndex)
+      }
     }
 
     return answerItem
@@ -327,5 +432,11 @@ defineExpose({ open })
     line-height: 1.6;
     word-break: break-word;
   }
+
+  .other-input {
+    margin-top: 12px;
+    margin-left: 24px;
+    width: 300px;
+  }
 }
 </style>

src/views/prison/questionnaire-task/components/TaskDetailDialog.vue

@@ -492,6 +492,9 @@ const open = async (id: number) => {
   taskId.value = id
   activeTab.value = 'overview'
   loading.value = true
+  
+  // 清空之前的任务数据
+  prisonerProgressList.value = []
 
   try {
     // 并行加载数据

src/views/prison/questionnairerecord/AnswerDetailDialog.vue

@@ -1,210 +1,118 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="title" width="1000px" :fullscreen="false">
+  <el-dialog
+    v-model="dialogVisible"
+    :title="`答题详情 - ${recordInfo.prisonerName || ''}`"
+    width="800px"
+    :close-on-click-modal="false"
+    destroy-on-close
+  >
     <div v-loading="loading" class="answer-detail-dialog">
       <!-- 记录基本信息 -->
-      <div class="record-header">
-        <div class="header-info">
-          <h3 class="title">{{ recordInfo.questionnaireName }}</h3>
-          <div class="meta-info">
-            <span class="info-item">
-              <Icon icon="ep:user" />
-              {{ recordInfo.prisonerName || recordInfo.prisonerNo }}
-            </span>
-            <span class="info-item">
-              <Icon icon="ep:clock" />
-              {{ formatDateTime(recordInfo.createTime) }}
-            </span>
-            <span class="info-item" v-if="recordInfo.duration">
-              <Icon icon="ep:timer" />
-              用时：{{ formatDuration(recordInfo.duration) }}
-            </span>
-          </div>
-        </div>
-        <div class="score-info">
-          <div class="score-item">
-            <span class="label">客观分</span>
-            <span class="value objective">{{ recordInfo.objectiveScore || 0 }}</span>
-          </div>
-          <div class="score-item">
-            <span class="label">主观分</span>
-            <span class="value subjective">{{ recordInfo.subjectiveScore || 0 }}</span>
-          </div>
-          <div class="score-item total">
-            <span class="label">总分</span>
-            <span class="value">{{ recordInfo.totalScore || 0 }}</span>
-          </div>
-          <div class="score-item" :class="getPassStatusClass(recordInfo.passStatus)">
-            <span class="label">状态</span>
-            <span class="value">{{ getPassStatusText(recordInfo.passStatus) }}</span>
-          </div>
-          <el-button type="primary" link @click="handlePreviewQuestionnaire">
-            <Icon icon="ep:view" class="mr-3px" />查看问卷
-          </el-button>
-        </div>
-      </div>
+      <el-descriptions :column="3" border class="mb-20px">
+        <el-descriptions-item label="问卷名称">{{ recordInfo.questionnaireName }}</el-descriptions-item>
+        <el-descriptions-item label="罪犯编号">{{ recordInfo.prisonerNo }}</el-descriptions-item>
+        <el-descriptions-item label="完成时间">{{ formatDateTime(recordInfo.createTime) }}</el-descriptions-item>
+        <el-descriptions-item label="客观分">{{ recordInfo.objectiveScore || 0 }}</el-descriptions-item>
+        <el-descriptions-item label="主观分">{{ recordInfo.subjectiveScore || 0 }}</el-descriptions-item>
+        <el-descriptions-item label="总分">{{ recordInfo.totalScore || 0 }}</el-descriptions-item>
+        <el-descriptions-item label="答题用时">{{ formatDuration(recordInfo.duration) }}</el-descriptions-item>
+        <el-descriptions-item label="及格状态">
+          <el-tag :type="getPassStatusTag(recordInfo.passStatus)" size="small">
+            {{ getPassStatusText(recordInfo.passStatus) }}
+          </el-tag>
+        </el-descriptions-item>
+      </el-descriptions>
 
-      <!-- 问题列表（按分区显示） -->
-      <div class="questions-container">
-        <template v-for="partition in partitions" :key="partition.name || 'default'">
-          <!-- 分区标题 -->
-          <div v-if="partition.name" class="partition-title">
-            <Icon icon="ep:folder" />
-            {{ partition.name }}
-            <span class="question-count">({{ partition.questions.length }} 道题)</span>
+      <!-- 问卷题目 -->
+      <div v-if="questions.length > 0" class="questionnaire-content">
+        <div
+          v-for="(item, index) in questions"
+          :key="item.id"
+          class="question-item"
+        >
+          <div class="question-header">
+            <span class="question-index">{{ index + 1 }}</span>
+            <span class="question-title">{{ item.title }}</span>
+            <el-tag v-if="item.isRequired" type="danger" size="small" class="required-tag">必填</el-tag>
+            <el-tag v-if="item.score" type="info" size="small">{{ item.score }}分</el-tag>
           </div>
 
-          <!-- 问题列表 -->
-          <div class="questions-list">
-            <div
-              v-for="item in partition.questions"
-              :key="item.question.id"
-              class="question-item"
-            >
-              <!-- 问题标题 -->
-              <div class="question-header">
-                <span class="question-index">{{ item.index }}.</span>
-                <span class="question-title">
-                  {{ item.question.title }}
-                  <el-tag v-if="item.question.isRequired" type="danger" size="small" class="required-tag">
-                    必填
-                  </el-tag>
-                  <el-tag v-if="item.question.score" type="info" size="small">
-                    {{ item.question.score }}分
-                  </el-tag>
-                  <el-tag
-                    v-if="item.answer"
-                    :type="item.answer.isCorrect ? 'success' : 'danger'"
-                    size="small"
-                  >
-                    {{ item.answer.isCorrect ? '正确' : '错误' }}
-                  </el-tag>
-                </span>
-              </div>
+          <!-- 答案展示 -->
+          <div class="answer-area">
+            <!-- 单选题 -->
+            <div v-if="item.type === 1" class="options-container">
+              <span v-if="getAnswerText(item.id)" class="answer-text">
+                {{ getAnswerText(item.id) }}
+              </span>
+              <span v-else class="empty-answer">未作答</span>
+            </div>
 
-              <!-- 用户答案 -->
-              <div class="answer-section">
-                <div class="answer-label">
-                  <Icon icon="ep:edit" />
-                  用户答案：
-                </div>
-                <div class="answer-content">
-                  <!-- 单选/多选题 -->
-                  <template v-if="item.question.type === 1 || item.question.type === 2">
-                    <div v-if="item.answer?.answerText" class="selected-options">
-                      <el-tag
-                        v-for="(opt, idx) in parseAnswerOptions(item.answer.answerText)"
-                        :key="idx"
-                        type="primary"
-                        size="small"
-                        class="option-tag"
-                      >
-                        {{ opt }}
-                      </el-tag>
-                    </div>
-                    <span v-else class="empty-answer">未作答</span>
-                  </template>
+            <!-- 多选题 -->
+            <div v-else-if="item.type === 2" class="options-container">
+              <span v-if="getMultiAnswerText(item.id)" class="answer-text">
+                {{ getMultiAnswerText(item.id) }}
+              </span>
+              <span v-else class="empty-answer">未作答</span>
+            </div>
 
-                  <!-- 填空题 -->
-                  <template v-else-if="item.question.type === 3">
-                    <span v-if="item.answer?.answerText" class="text-answer">{{ item.answer.answerText }}</span>
-                    <span v-else class="empty-answer">未作答</span>
-                  </template>
+            <!-- 填空题 -->
+            <div v-else-if="item.type === 3" class="options-container">
+              <span v-if="getAnswerText(item.id)" class="answer-text">
+                {{ getAnswerText(item.id) }}
+              </span>
+              <span v-else class="empty-answer">未作答</span>
+            </div>
 
-                  <!-- 评分题 -->
-                  <template v-else-if="item.question.type === 4">
-                    <span v-if="item.answer?.answerText" class="score-answer">
-                      <el-tag type="warning">{{ item.answer.answerText }} 分</el-tag>
-                    </span>
-                    <span v-else class="empty-answer">未作答</span>
-                  </template>
+            <!-- 评分题 -->
+            <div v-else-if="item.type === 4" class="options-container">
+              <span v-if="getAnswerText(item.id)" class="answer-text">
+                {{ getAnswerText(item.id) }} 分
+              </span>
+              <span v-else class="empty-answer">未作答</span>
+            </div>
 
-                  <!-- 日期题 -->
-                  <template v-else-if="item.question.type === 5">
-                    <span v-if="item.answer?.answerText" class="date-answer">{{ item.answer.answerText }}</span>
-                    <span v-else class="empty-answer">未作答</span>
-                  </template>
+            <!-- 日期题 -->
+            <div v-else-if="item.type === 5" class="options-container">
+              <span v-if="getAnswerText(item.id)" class="answer-text">
+                {{ getAnswerText(item.id) }}
+              </span>
+              <span v-else class="empty-answer">未作答</span>
+            </div>
 
-                  <!-- 数字题 -->
-                  <template v-else-if="item.question.type === 6">
-                    <span v-if="item.answer?.answerText" class="number-answer">{{ item.answer.answerText }}</span>
-                    <span v-else class="empty-answer">未作答</span>
-                  </template>
-                </div>
-              </div>
-
-              <!-- 得分信息 -->
-              <div v-if="item.answer?.score !== undefined" class="score-section">
-                <span class="score-label">
-                  <Icon icon="ep:coin" />
-                  得分：
-                </span>
-                <span class="score-value" :class="{ 'full-score': item.answer.score === item.question.score }">
-                  {{ item.answer.score }} / {{ item.question.score || 0 }}
-                </span>
-              </div>
-
-              <!-- 正确答案（客观题） -->
-              <div v-if="showCorrectAnswer(item.question, item.answer)" class="correct-answer-section">
-                <span class="correct-label">
-                  <Icon icon="ep:check" />
-                  正确答案：
-                </span>
-                <span class="correct-content">{{ getCorrectAnswer(item.question) }}</span>
-              </div>
-
-              <!-- 答题用时 -->
-              <div v-if="item.answer?.duration" class="duration-section">
-                <Icon icon="ep:timer" />
-                答题用时：{{ formatDuration(item.answer.duration) }}
-              </div>
+            <!-- 数字题 -->
+            <div v-else-if="item.type === 6" class="options-container">
+              <span v-if="getAnswerText(item.id)" class="answer-text">
+                {{ getAnswerText(item.id) }}
+              </span>
+              <span v-else class="empty-answer">未作答</span>
             </div>
           </div>
-        </template>
+        </div>
       </div>
 
-      <!-- 空状态 -->
-      <el-empty v-if="partitions.length === 0 && !loading" description="暂无答题记录" />
+      <el-empty v-else description="暂无答题记录" />
     </div>
 
-    <!-- 问卷预览弹窗 -->
-    <el-dialog
-      v-model="previewVisible"
-      title="问卷预览"
-      width="800px"
-      destroy-on-close
-    >
-      <QuestionnairePreview :id="previewQuestionnaireId" />
-      <template #footer>
-        <el-button @click="previewVisible = false">关闭</el-button>
-      </template>
-    </el-dialog>
-
     <template #footer>
-      <el-button @click="dialogVisible = false">关 闭</el-button>
+      <el-button @click="dialogVisible = false">关闭</el-button>
     </template>
-  </Dialog>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { formatDateTime } from '@/utils/formatTime'
 import { QuestionnaireRecordApi, type QuestionnaireRecord } from '@/api/prison/questionnairerecord'
 import { QuestionApi, type Question } from '@/api/prison/question'
 import { AnswerApi, type Answer } from '@/api/prison/answer'
-import QuestionnairePreview from '@/views/prison/questionnaire/components/QuestionnairePreview.vue'
 import { getIntDictOptions } from '@/utils/dict'
 
 defineOptions({ name: 'AnswerDetailDialog' })
 
 const dialogVisible = ref(false)
-const title = ref('答题详情')
 const loading = ref(false)
 
-// 预览相关
-const previewVisible = ref(false)
-const previewQuestionnaireId = ref<number>()
-
 // 记录信息
 const recordInfo = ref<QuestionnaireRecord>({
   id: undefined,
@@ -225,69 +133,19 @@ const questions = ref<Question[]>([])
 // 答案列表
 const answers = ref<Answer[]>([])
 
-// 分区列表（带答案）
-interface QuestionWithAnswer {
-  question: Question
-  answer?: Answer
-  index: number
-}
-
-const partitions = computed(() => {
-  const partMap = new Map<string, QuestionWithAnswer[]>()
-
-  questions.value.forEach((q, index) => {
-    const partName = q.partName || ''
-    const answer = answers.value.find(a => a.questionId === q.id)
-
-    if (!partMap.has(partName)) {
-      partMap.set(partName, [])
-    }
-    partMap.get(partName)!.push({
-      question: q,
-      answer,
-      index: index + 1
-    })
-  })
-
-  // 按分区排序
-  const sortedParts = Array.from(partMap.entries())
-    .sort((a, b) => {
-      const sortA = a[1][0]?.question.partSort ?? 0
-      const sortB = b[1][0]?.question.partSort ?? 0
-      return sortA - sortB
-    })
-
-  // 构建分区列表
-  const result: Array<{ name: string; questions: QuestionWithAnswer[] }> = []
-
-  // 添加默认分区
-  const defaultQuestions = sortedParts.find(([name]) => !name)
-  if (defaultQuestions) {
-    result.push({
-      name: '',
-      questions: defaultQuestions[1]
-    })
-  }
-
-  // 添加其他分区
-  sortedParts
-    .filter(([name]) => name)
-    .forEach(([name, qs]) => {
-      result.push({
-        name,
-        questions: qs
-      })
-    })
-
-  return result
-})
-
 /** 格式化时长 */
-const formatDuration = (seconds: number): string => {
+const formatDuration = (seconds: number | undefined): string => {
   if (!seconds) return '-'
-  const minutes = Math.floor(seconds / 60)
+  const hours = Math.floor(seconds / 3600)
+  const minutes = Math.floor((seconds % 3600) / 60)
   const secs = seconds % 60
-  return minutes > 0 ? `${minutes}分${secs}秒` : `${secs}秒`
+  if (hours > 0) {
+    return `${hours}时${minutes}分${secs}秒`
+  } else if (minutes > 0) {
+    return `${minutes}分${secs}秒`
+  } else {
+    return `${secs}秒`
+  }
 }
 
 /** 获取及格状态文本 */
@@ -296,52 +154,55 @@ const getPassStatusText = (status: number | undefined) => {
   return options.find(o => o.value === status)?.label || '-'
 }
 
-/** 获取及格状态样式 */
-const getPassStatusClass = (status: number | undefined) => {
-  const classMap: Record<number, string> = {
-    1: 'pass',
-    2: 'fail',
-    3: 'pending'
+/** 获取及格状态标签类型 */
+const getPassStatusTag = (status: number | undefined): 'success' | 'danger' | 'warning' | 'info' => {
+  const tagMap: Record<number, 'success' | 'danger' | 'warning' | 'info'> = {
+    1: 'success',
+    2: 'danger',
+    3: 'warning'
   }
-  return classMap[status || 0] || ''
+  return tagMap[status || 0] || 'info'
 }
 
-/** 解析答案选项（单选/多选） */
-const parseAnswerOptions = (answerText: string): string[] => {
-  if (!answerText) return []
-  // 假设答案用逗号分隔（多选）或单个值（单选）
-  return answerText.split(',').filter(s => s.trim())
+/** 获取单选/填空/评分/日期/数字题的答案文本 */
+const getAnswerText = (questionId: number | undefined): string | null => {
+  if (questionId === undefined) return null
+  const answer = answers.value.find(a => a.questionId === questionId)
+  return answer?.answerText || null
 }
 
-/** 判断是否显示正确答案 */
-const showCorrectAnswer = (question: Question, answer?: Answer): boolean => {
-  // 仅客观题显示正确答案
-  if (question.type !== 1 && question.type !== 2) return false
-  // 必须有答案记录
-  if (!answer) return false
-  return true
-}
+/** 获取多选题的答案文本 */
+const getMultiAnswerText = (questionId: number | undefined): string | null => {
+  if (questionId === undefined) return null
+  const answer = answers.value.find(a => a.questionId === questionId)
+  if (!answer?.optionIds || !Array.isArray(answer.optionIds) || answer.optionIds.length === 0) {
+    return null
+  }
+
+  // 找到对应的问题
+  const question = questions.value.find(q => q.id === questionId)
+  if (!question?.options) return null
 
-/** 获取正确答案 */
-const getCorrectAnswer = (question: Question): string => {
-  if (!question.options) return '-'
   try {
-    const options = JSON.parse(question.options)
-    // 找到分值最高的选项作为正确答案
-    const correctOptions = options
-      .filter((o: any) => o.score > 0)
-      .map((o: any) => o.label)
+    // 解析选项
+    const options = JSON.parse(question.options) as Array<{ label: string; value?: string; isOther?: boolean }>
 
-    return correctOptions.length > 0 ? correctOptions.join('、') : '-'
-  } catch {
-    return '-'
+    // 根据 optionIds（索引数组）获取对应的选项文字
+    const selectedLabels = answer.optionIds
+      .map((idx: number) => options[idx])
+      .filter((opt): opt is { label: string } => !!opt)
+      .map(opt => opt.label)
+
+    return selectedLabels.length > 0 ? selectedLabels.join('、') : null
+  } catch (e) {
+    console.error('解析选项失败:', e)
+    return null
   }
 }
 
 /** 打开弹窗 */
 const open = async (recordId: number) => {
   dialogVisible.value = true
-  title.value = '答题详情'
   loading.value = true
 
   try {
@@ -370,296 +231,89 @@ const open = async (recordId: number) => {
   }
 }
 
-/** 预览问卷 */
-const handlePreviewQuestionnaire = () => {
-  if (!recordInfo.value.questionnaireId) {
-    return
-  }
-  previewQuestionnaireId.value = recordInfo.value.questionnaireId
-  previewVisible.value = true
-}
-
 defineExpose({ open })
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .answer-detail-dialog {
-  max-height: 70vh;
   overflow-y: auto;
-  padding: 20px;
-  background: #f5f7fa;
-}
+  max-height: 55vh;
+  padding-right: 8px;
 
-.record-header {
-  background: #fff;
-  padding: 20px;
-  border-radius: 8px;
-  margin-bottom: 20px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-
-  .header-info {
-    margin-bottom: 16px;
-
-    .title {
-      margin: 0 0 12px 0;
-      font-size: 20px;
-      font-weight: 600;
-      color: #303133;
-    }
-
-    .meta-info {
-      display: flex;
-      gap: 16px;
-      flex-wrap: wrap;
-
-      .info-item {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        color: #606266;
-        font-size: 14px;
-      }
-    }
+  &::-webkit-scrollbar {
+    width: 8px;
   }
 
-  .score-info {
-    display: flex;
-    gap: 16px;
-    padding-top: 16px;
-    border-top: 1px solid #ebeef5;
-
-    .score-item {
-      flex: 1;
-      text-align: center;
-
-      .label {
-        display: block;
-        font-size: 12px;
-        color: #909399;
-        margin-bottom: 4px;
-      }
-
-      .value {
-        display: block;
-        font-size: 20px;
-        font-weight: 600;
-        color: #303133;
-
-        &.objective {
-          color: #67c23a;
-        }
-
-        &.subjective {
-          color: #e6a23c;
-        }
-      }
-
-      &.total {
-        .value {
-          color: #409eff;
-          font-size: 24px;
-        }
-      }
-
-      &.pass .value {
-        color: #67c23a;
-      }
-
-      &.fail .value {
-        color: #f56c6c;
-      }
-
-      &.pending .value {
-        color: #e6a23c;
-      }
-    }
+  &::-webkit-scrollbar-thumb {
+    background-color: #e4e7ed;
+    border-radius: 4px;
   }
 }
 
-.questions-container {
-  .partition-title {
-    background: linear-gradient(135deg, #e8f4fd 0%, #f0f7ff 100%);
-    padding: 12px 20px;
-    border-radius: 8px;
-    margin-bottom: 16px;
-    margin-top: 24px;
-    font-weight: 600;
-    color: #1a5cb8;
-    font-size: 16px;
+.questionnaire-content {
+  overflow-y: auto;
+  max-height: 50vh;
+  padding-right: 8px;
+
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #e4e7ed;
+    border-radius: 4px;
+  }
+}
+
+.question-item {
+  margin-bottom: 24px;
+
+  .question-header {
     display: flex;
     align-items: center;
     gap: 8px;
+    margin-bottom: 12px;
 
-    &:first-child {
-      margin-top: 0;
+    .question-index {
+      flex-shrink: 0;
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #409eff;
+      color: #fff;
+      border-radius: 50%;
+      font-size: 13px;
+      font-weight: 500;
     }
 
-    .question-count {
-      font-size: 12px;
-      color: #909399;
-      font-weight: normal;
-      margin-left: 4px;
+    .question-title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #303133;
     }
   }
 
-  .questions-list {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
+  .answer-area {
+    padding-left: 32px;
 
-  .question-item {
-    background: #fff;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-
-    .question-header {
+    .options-container {
       display: flex;
-      align-items: flex-start;
-      gap: 8px;
-      margin-bottom: 16px;
-
-      .question-index {
-        flex-shrink: 0;
-        width: 28px;
-        height: 28px;
-        background: #409eff;
-        color: #fff;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 13px;
-        font-weight: 600;
-      }
-
-      .question-title {
-        flex: 1;
-        font-size: 15px;
-        font-weight: 500;
-        color: #303133;
-        line-height: 1.6;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        flex-wrap: wrap;
-      }
-    }
-
-    .answer-section {
-      display: flex;
-      align-items: flex-start;
+      flex-direction: column;
       gap: 12px;
-      padding: 12px 16px;
-      background: #f4f4f5;
-      border-radius: 6px;
-      margin-bottom: 12px;
-
-      .answer-label {
-        flex-shrink: 0;
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        font-size: 13px;
-        color: #606266;
-        font-weight: 500;
-      }
-
-      .answer-content {
-        flex: 1;
-
-        .selected-options {
-          display: flex;
-          flex-wrap: wrap;
-          gap: 8px;
-
-          .option-tag {
-            margin: 0;
-          }
-        }
-
-        .text-answer,
-        .date-answer,
-        .number-answer {
-          font-size: 14px;
-          color: #303133;
-          line-height: 1.6;
-        }
-
-        .score-answer {
-          display: inline-block;
-        }
-
-        .empty-answer {
-          color: #c0c4cc;
-          font-size: 14px;
-          font-style: italic;
-        }
-      }
     }
 
-    .score-section {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 16px;
-      background: #ecf5ff;
-      border-radius: 6px;
-      margin-bottom: 8px;
-
-      .score-label {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        font-size: 12px;
-        color: #409eff;
-        font-weight: 500;
-      }
-
-      .score-value {
-        font-size: 16px;
-        font-weight: 600;
-        color: #409eff;
-
-        &.full-score {
-          color: #67c23a;
-        }
-      }
+    .answer-text {
+      font-size: 14px;
+      color: #303133;
+      line-height: 1.6;
     }
 
-    .correct-answer-section {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 16px;
-      background: #f0f9eb;
-      border-radius: 6px;
-      margin-bottom: 8px;
-
-      .correct-label {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        font-size: 12px;
-        color: #67c23a;
-        font-weight: 500;
-      }
-
-      .correct-content {
-        font-size: 14px;
-        color: #67c23a;
-        font-weight: 500;
-      }
-    }
-
-    .duration-section {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      font-size: 12px;
-      color: #909399;
-      padding: 4px 0;
+    .empty-answer {
+      color: #c0c4cc;
+      font-size: 14px;
+      font-style: italic;
     }
   }
 }

src/views/prison/questionnairerecord/QuestionnaireFillDialog.vue

@@ -283,12 +283,60 @@ const handleSubmit = async () => {
   // 构建答案列表
   const answerList = questions.value.map(q => {
     const answer = answers.value[q.id!]
-    // 多选时用逗号分隔
-    const answerStr = Array.isArray(answer) ? answer.join(',') : answer
+
+    // 处理多选题（type === 2）
+    if (q.type === 2 && Array.isArray(answer)) {
+      // 解析选项获取文字
+      let optionLabels: string[] = []
+      try {
+        const options = JSON.parse(q.options || '[]') as Array<{ label: string }>
+        optionLabels = answer
+          .map((idx: string) => options[parseInt(idx)]?.label)
+          .filter((label): label is string => !!label)
+      } catch (e) {
+        console.error('解析选项失败:', e)
+      }
+
+      return {
+        questionId: q.id!,
+        answer: optionLabels.join('、') || '',
+        optionIds: answer.map((idx: string) => parseInt(idx, 10))
+      }
+    }
+
+    // 单选题（type === 1）：如果选择了"其他"选项，需要发送 optionIds
+    if (q.type === 1 && answer) {
+      const answerIndex = parseInt(answer as string, 10)
+      let isOtherOption = false
+
+      try {
+        const options = JSON.parse(q.options || '[]') as Array<{ isOther?: boolean }>
+        isOtherOption = options[answerIndex]?.isOther === true
+      } catch (e) {
+        console.error('解析选项失败:', e)
+      }
+
+      // 解析选项获取文字
+      let answerText = answer as string
+      try {
+        const options = JSON.parse(q.options || '[]') as Array<{ label: string }>
+        answerText = options[answerIndex]?.label || answer as string
+      } catch (e) {
+        console.error('解析选项失败:', e)
+      }
+
+      return {
+        questionId: q.id!,
+        answer: answerText,
+        optionIds: isOtherOption ? [answerIndex] : undefined
+      }
+    }
+
+    // 填空题、评分题、日期题、数字题（type 3/4/5/6）
     return {
       questionId: q.id!,
-      answer: answerStr || '',
-      optionIds: undefined as number[] | undefined
+      answer: String(answer || ''),
+      optionIds: undefined
     }
   })
 

src/views/prison/questionnairerecord/QuestionnaireOutputfile.vue

@@ -1,5 +1,11 @@
 <template>
-  <Dialog style="display: none;" title="问卷预览" v-model="dialogVisible" width="900px" :fullscreen="false">
+  <Dialog
+    style="display: none"
+    title="问卷预览"
+    v-model="dialogVisible"
+    width="900px"
+    :fullscreen="false"
+  >
     <div ref="previewRef" class="questionnaire-preview" v-loading="loading">
       <!-- 问卷头部信息 -->
       <h1 class="preview-header">{{ recordInfo?.questionnaireName }}</h1>
@@ -18,22 +24,23 @@
 
       <!-- 问题列表（按分区显示） -->
       <div class="preview-questions">
-        <template v-for="partition in partitions" :key="partition.name || 'default'">
+        <template v-for="(partition, index) in partitions" :key="partition.name || 'default'">
           <!-- 分区标题 -->
           <div v-if="partition.name" class="partition-title">
+            {{ ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'][index] }}、
             {{ partition.name }}
             <span class="question-count">({{ partition.questions.length }} 道题)</span>
           </div>
 
-            <!-- 问题列表 -->
-            <div class="question-items">
+          <!-- 问题列表 -->
+          <div class="question-items">
             <div
               v-for="(questionWithAnswer, index) in partition.questions"
               :key="questionWithAnswer.question.id"
               class="question-item"
             >
               <span class="question-index">{{ index + 1 }}.</span>
-              <span class="question-title">{{ questionWithAnswer.question.title }}</span>
+              <span class="question-title">{{ questionWithAnswer.question.title }}：</span>
 
               <!-- 帮助说明 -->
               <span v-if="questionWithAnswer.question.helpText" class="question-help-inline">
@@ -41,25 +48,50 @@
               </span>
 
               <!-- 单选/多选题 -->
-              <span v-if="questionWithAnswer.question.type === 1 || questionWithAnswer.question.type === 2" class="question-options-inline">
+              <span
+                v-if="
+                  questionWithAnswer.question.type === 1 || questionWithAnswer.question.type === 2
+                "
+                class="question-options-inline"
+              >
                 <span
                   v-for="option in getQuestionOptions(questionWithAnswer.question)"
                   :key="option.label"
                   class="option-item"
                 >
-                  <span v-if="questionWithAnswer.question.type === 1 && questionWithAnswer.answer?.answerText?.trim() === option.label">
+                  <span
+                    v-if="
+                      questionWithAnswer.question.type === 1 &&
+                      questionWithAnswer.answer?.answerText?.trim() === option.label
+                    "
+                  >
                     ☑
                     {{ option.label }}
                   </span>
-                  <span v-if="questionWithAnswer.question.type === 1 && questionWithAnswer.answer?.answerText?.trim() !== option.label">
+                  <span
+                    v-if="
+                      questionWithAnswer.question.type === 1 &&
+                      questionWithAnswer.answer?.answerText?.trim() !== option.label
+                    "
+                  >
                     ☐
                     {{ option.label }}
                   </span>
-                  <span v-if="questionWithAnswer.question.type === 2 && getSelectedLabels(questionWithAnswer.answer).includes(option.label)">
+                  <span
+                    v-if="
+                      questionWithAnswer.question.type === 2 &&
+                      getSelectedLabels(questionWithAnswer.answer).includes(option.label)
+                    "
+                  >
                     ☑
                     {{ option.label }}
                   </span>
-                  <span v-if="questionWithAnswer.question.type === 2 && !getSelectedLabels(questionWithAnswer.answer).includes(option.label)">
+                  <span
+                    v-if="
+                      questionWithAnswer.question.type === 2 &&
+                      !getSelectedLabels(questionWithAnswer.answer).includes(option.label)
+                    "
+                  >
                     ☐
                     {{ option.label }}
                   </span>
@@ -67,26 +99,48 @@
               </span>
 
               <!-- 填空题 -->
-              <span v-else-if="questionWithAnswer.question.type === 3" class="question-input-inline">
+              <span
+                v-else-if="questionWithAnswer.question.type === 3"
+                class="question-input-inline"
+              >
                 {{ getAnswerDisplayValue(questionWithAnswer.answer) }}
               </span>
 
               <!-- 评分题 -->
-              <span v-else-if="questionWithAnswer.question.type === 4" class="question-rating-inline">
-                <span class="question-input-inline">{{ getAnswerDisplayValue(questionWithAnswer.answer) }}</span>
+              <span
+                v-else-if="questionWithAnswer.question.type === 4"
+                class="question-rating-inline"
+              >
+                <span class="question-input-inline">{{
+                  getAnswerDisplayValue(questionWithAnswer.answer)
+                }}</span>
               </span>
 
               <!-- 日期题 -->
               <span v-else-if="questionWithAnswer.question.type === 5" class="question-date-inline">
-                <span class="date-info" v-if="getRangeValue(questionWithAnswer.question, 'min') || getRangeValue(questionWithAnswer.question, 'max')">
-                  日期范围：{{ getRangeValue(questionWithAnswer.question, 'min') || '无限制' }} ~ {{ getRangeValue(questionWithAnswer.question, 'max') || '无限制' }}
+                <span
+                  class="date-info"
+                  v-if="
+                    getRangeValue(questionWithAnswer.question, 'min') ||
+                    getRangeValue(questionWithAnswer.question, 'max')
+                  "
+                >
+                  日期范围：{{ getRangeValue(questionWithAnswer.question, 'min') || '无限制' }} ~
+                  {{ getRangeValue(questionWithAnswer.question, 'max') || '无限制' }}
                 </span>
-                <span class="question-input-inline">{{ getAnswerDisplayValue(questionWithAnswer.answer) }}</span>
+                <span class="question-input-inline">{{
+                  getAnswerDisplayValue(questionWithAnswer.answer)
+                }}</span>
               </span>
 
               <!-- 数字题 -->
-              <span v-else-if="questionWithAnswer.question.type === 6" class="question-number-inline">
-                <span class="question-input-inline">{{ getAnswerDisplayValue(questionWithAnswer.answer) }}</span>
+              <span
+                v-else-if="questionWithAnswer.question.type === 6"
+                class="question-number-inline"
+              >
+                <span class="question-input-inline">{{
+                  getAnswerDisplayValue(questionWithAnswer.answer)
+                }}</span>
               </span>
             </div>
           </div>
@@ -137,7 +191,7 @@ const partitions = computed(() => {
 
   questions.value.forEach((q, index) => {
     const partName = q.partName || ''
-    const answer = answers.value.find(a => a.questionId === q.id)
+    const answer = answers.value.find((a) => a.questionId === q.id)
 
     if (!partMap.has(partName)) {
       partMap.set(partName, [])
@@ -150,12 +204,11 @@ const partitions = computed(() => {
   })
 
   // 按分区排序
-  const sortedParts = Array.from(partMap.entries())
-    .sort((a, b) => {
-      const sortA = a[1][0]?.question.partSort ?? 0
-      const sortB = b[1][0]?.question.partSort ?? 0
-      return sortA - sortB
-    })
+  const sortedParts = Array.from(partMap.entries()).sort((a, b) => {
+    const sortA = a[1][0]?.question.partSort ?? 0
+    const sortB = b[1][0]?.question.partSort ?? 0
+    return sortA - sortB
+  })
 
   // 构建分区列表
   const result: Array<{ name: string; questions: QuestionWithAnswer[] }> = []
@@ -184,20 +237,21 @@ const partitions = computed(() => {
 
 /** 根据问题ID获取答案 */
 const getAnswerByQuestionId = (questionId: number): Answer | undefined => {
-  return answers.value.find(a => a.questionId === questionId)
+  return answers.value.find((a) => a.questionId === questionId)
 }
 
 /** 获取答案显示值（兼容不同字段名） */
 const getAnswerDisplayValue = (answer?: Answer): string => {
   if (!answer) return ''
-  // 优先使用 answerText，其次使用 optionIds
-  return answer.answerText || answer.optionIds || '-'
+  // 优先使用 answerText，其次使用 optionIds，并去除前后空格和特殊字符
+  const value = answer.answerText || answer.optionIds || ''
+  return String(value).trim().replace(/^["']|["']$/g, '')
 }
 
 /** 问卷类型标签 */
 const getTypeLabel = (type: number) => {
   const options = getIntDictOptions(DICT_TYPE.PRISON_QUESTIONNAIRE_TYPE)
-  return options.find(o => o.value === type)?.label || '未知'
+  return options.find((o) => o.value === type)?.label || '未知'
 }
 
 /** 获取问题选项 */
@@ -233,11 +287,16 @@ const getRangeValue = (question: Question, key: 'min' | 'max') => {
 /** 安全获取多选答案的标签数组 */
 const getSelectedLabels = (answer?: Answer): string[] => {
   if (!answer?.answerText) return []
-  return answer.answerText.split(',').map(s => s.trim())
+  return answer.answerText.split(',').map((s) => s.trim())
 }
 
 /** 判断选项是否被选中（支持单选和多选）- 已废弃，改用模板直接绑定 */
-const isOptionSelected = (answer?: Answer, optionValue?: string, optionLabel?: string, questionType?: number): boolean => {
+const isOptionSelected = (
+  answer?: Answer,
+  optionValue?: string,
+  optionLabel?: string,
+  questionType?: number
+): boolean => {
   if (!answer || !optionValue || !optionLabel) {
     return false
   }
@@ -245,7 +304,7 @@ const isOptionSelected = (answer?: Answer, optionValue?: string, optionLabel?: s
   // 多选（type === 2）：answerText 是逗号分隔的标签列表
   if (questionType === 2 && answer.answerText && answer.answerText.includes(',')) {
     const answerText = answer.answerText
-    const selectedLabels = answerText.split(',').map(s => s.trim())
+    const selectedLabels = answerText.split(',').map((s) => s.trim())
     return selectedLabels.includes(optionLabel)
   }
 
@@ -257,7 +316,7 @@ const isOptionSelected = (answer?: Answer, optionValue?: string, optionLabel?: s
   // 兼容：没有 questionType 时，根据是否有逗号判断
   if (answer.answerText && answer.answerText.includes(',')) {
     const answerText = answer.answerText
-    const selectedLabels = answerText.split(',').map(s => s.trim())
+    const selectedLabels = answerText.split(',').map((s) => s.trim())
     return selectedLabels.includes(optionLabel)
   }
 
@@ -266,7 +325,6 @@ const isOptionSelected = (answer?: Answer, optionValue?: string, optionLabel?: s
   return false
 }
 
-
 /** 打开弹窗 */
 const open = async (recordId: number) => {
   dialogVisible.value = true
@@ -296,7 +354,9 @@ const open = async (recordId: number) => {
     if (recordData.questionnaireId) {
       try {
         const { QuestionnaireApi } = await import('@/api/prison/questionnaire')
-        questionnaireInfo.value = await QuestionnaireApi.getQuestionnaire(recordData.questionnaireId)
+        questionnaireInfo.value = await QuestionnaireApi.getQuestionnaire(
+          recordData.questionnaireId
+        )
       } catch (error) {
         console.warn('加载问卷详细信息失败:', error)
       }
@@ -327,7 +387,11 @@ const exportToWord = async () => {
     }
 
     // 获取预览容器的HTML内容
-    const previewHTML = previewRef.value.innerHTML
+    let previewHTML = previewRef.value.innerHTML
+    
+    // 清理可能导致WPS显示引号的特殊字符
+    previewHTML = previewHTML.replace(/[\u201C\u201D\u2018\u2019]/g, '') // 移除中文引号
+    previewHTML = previewHTML.replace(/^["']|["']$/gm, '') // 移除行首尾的引号
 
     // 构建完整的HTML文档，使用与预览页面一致的样式
     const fullHTML = `
@@ -336,108 +400,110 @@ const exportToWord = async () => {
         <meta charset="utf-8">
         <title>${recordInfo.value?.questionnaireName || '问卷'}</title>
         <style>
+          /* 使用 pt 单位以避免 Word/WPS 在 px->pt 换算时产生差异 */
           body {
             font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
-            font-size: 16px;
-            line-height: 1.6;
-            margin: 20px;
-            padding: 20px;
+            font-size: 11pt;
+            margin: 15pt;
+            padding: 15pt;
           }
           h1 {
+            font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
+            font-size: 18pt;
             font-weight: 500;
             color: #000;
             text-align: center;
           }
           .section-title {
-            margin: 15px 0;
-            font-size: 18px;
-            font-weight: 500;
+            font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
+            margin-bottom: 15pt;
+            font-size: 18pt;
+            font-weight: 700;
             color: #000;
           }
           .description-content {
             color: #000;
-            line-height: 1.8;
-            font-size: 16px;
+            font-size: 11pt;
+            margin-bottom: 6pt;
+            line-height: 1.5;
           }
           .instruction-content {
             color: #000;
-            font-size: 18px;
+            font-size: 11pt;
             font-weight: 500;
-            line-height: 1.8;
+            margin-bottom: 6pt;
+            line-height: 1.5;
           }
           .partition-title {
-            margin-bottom: 16px;
-            margin-top: 24px;
+            margin-top: 15pt;
             color: #000;
-            font-size: 17px;
+            font-size: 15pt;
             font-weight: 500;
           }
           .partition-title:first-child {
             margin-top: 0;
           }
           .question-count {
-            font-size: 14px;
+            font-size: 11pt;
             color: #909399;
             font-weight: normal;
-            margin-left: 4px;
+            margin-left: 2pt;
           }
           .question-item {
-            font-size: 16px;
+            font-size: 11pt;
             color: #000;
-            line-height: 1.6;
-            margin-bottom: 16px;
+            margin-bottom: 8pt;
+            line-height: 1.5;
             page-break-inside: avoid;
           }
           .question-index {
-            margin-right: 4px;
-            font-weight: bold;
+            margin-right: 2pt;
           }
           .question-title {
-            margin-right: 8px;
+            margin-right: 4pt;
           }
           .question-help-inline {
             display: inline-flex;
             align-items: center;
-            gap: 6px;
+            gap: 3pt;
             color: #909399;
-            font-size: 15px;
-            padding: 4px 8px;
+            font-size: 11pt;
             background: #f4f4f5;
-            border-radius: 4px;
-            margin-right: 8px;
+            border-radius: 2pt;
+            margin-right: 6pt;
           }
           .question-options-inline {
             display: inline-flex;
             flex-wrap: wrap;
-            gap: 12px;
+            gap: 8pt;
             align-items: center;
           }
           .option-item {
             display: inline-flex;
             align-items: center;
-            gap: 8px;
+            gap: 3pt;
           }
           .question-rating-inline,
           .question-date-inline,
           .question-number-inline {
             display: inline-flex;
             align-items: center;
-            gap: 12px;
+            gap: 8pt;
             flex-wrap: wrap;
-            margin-left: 8px;
+            margin-left: 3pt;
           }
           .rating-info,
           .date-info,
           .number-info {
             display: inline-flex;
-            gap: 16px;
+            gap: 11pt;
             color: #909399;
-            font-size: 13px;
+            font-size: 11pt;
           }
           .question-input-inline {
             color: #000;
-            font-size: 16px;
-            line-height: 2.2;
+            font-size: 11pt;
+            line-height: 1.5;
             text-decoration: underline;
           }
         </style>
@@ -475,100 +541,99 @@ defineExpose({ open, exportToWord })
 }
 
 h1 {
+  font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
+  font-size: 18pt;
   font-weight: 500;
   color: #000;
   text-align: center;
 }
 .section-title {
-  margin: 15px 0;
-  font-size: 16px;
-  font-weight: 500;
+  font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, sans-serif;
+  margin-bottom: 15pt;
+  font-size: 18pt;
+  font-weight: 700;
   color: #000;
 }
 .description-content {
   color: #000;
-  line-height: 1.8;
-  font-size: 14px;
+  line-height: 3;
+  font-size: 11pt;
 }
 .instruction-content {
   color: #000;
-  font-size: 16px;
+  font-size: 11pt;
   font-weight: 500;
-  line-height: 1.8;
+  line-height: 3;
 }
 .partition-title {
-  margin-bottom: 16px;
-  margin-top: 24px;
+  margin-top: 15pt;
   color: #000;
-  font-size: 15px;
+  font-size: 15pt;
   font-weight: 500;
 }
 .partition-title:first-child {
   margin-top: 0;
 }
 .question-count {
-  font-size: 12px;
+  font-size: 11pt;
   color: #909399;
   font-weight: normal;
-  margin-left: 4px;
+  margin-left: 2pt;
 }
 .question-item {
-  font-size: 14px;
+  font-size: 11pt;
   color: #000;
-  line-height: 1.6;
-  margin-bottom: 16px;
+  line-height: 3;
   page-break-inside: avoid;
 }
 .question-index {
-  margin-right: 4px;
-  font-weight: bold;
+  margin-right: 2pt;
 }
 .question-title {
-  margin-right: 8px;
+  margin-right: 4pt;
 }
 .question-help-inline {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
+  gap: 3pt;
   color: #909399;
-  font-size: 13px;
-  padding: 4px 8px;
+  font-size: 11pt;
   background: #f4f4f5;
-  border-radius: 4px;
-  margin-right: 8px;
+  border-radius: 2pt;
+  margin-right: 6pt;
 }
 .question-options-inline {
   display: inline-flex;
   flex-wrap: wrap;
-  gap: 12px;
+  gap: 8pt;
   align-items: center;
 }
 .option-item {
   display: inline-flex;
   align-items: center;
-  gap: 8px;
+  gap: 3pt;
 }
 .question-rating-inline,
 .question-date-inline,
 .question-number-inline {
   display: inline-flex;
   align-items: center;
-  gap: 12px;
+  gap: 8pt;
   flex-wrap: wrap;
-  margin-left: 8px;
+  margin-left: 3pt;
 }
 .rating-info,
 .date-info,
 .number-info {
   display: inline-flex;
-  gap: 16px;
+  gap: 11pt;
   color: #909399;
-  font-size: 13px;
+  font-size: 11pt;
 }
 .question-input-inline {
   color: #000;
-  font-size: 14px;
-  line-height: 2.2;
+  font-size: 11pt;
+  line-height: 3;
   text-decoration: underline;
 }
 </style>