From 73889c73d49270ad9f73bf30516855d0bc7de5d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Sat, 22 Mar 2025 15:00:33 +0800
Subject: [PATCH] =?UTF-8?q?refactor(Design):=20=E9=87=8D=E6=9E=84=E9=97=AE?=
 =?UTF-8?q?=E5=8D=B7=E9=A2=84=E8=A7=88=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 Choice、Completion、FileUpload、MatrixQuestion、NPS、Rate、SignQuestion 和 TextWithImages 组件中添加 isPreview 属性
- 根据 isPreview 属性决定是否显示题号或题目标题
- 更新 PreviewCompletion、PreviewFileUpload 和 PreviewSign 组件，设置 isPreview 为 true
---
 src/views/Design/components/Questions/Choice.vue          | 6 +++++-
 src/views/Design/components/Questions/Completion.vue      | 6 +++++-
 src/views/Design/components/Questions/FileUpload.vue      | 8 +++++---
 src/views/Design/components/Questions/MatrixQuestion.vue  | 3 +--
 src/views/Design/components/Questions/NPS.vue             | 6 +++++-
 src/views/Design/components/Questions/Rate.vue            | 2 +-
 src/views/Design/components/Questions/SignQuestion.vue    | 3 ++-
 src/views/Design/components/Questions/TextWithImages.vue  | 6 +++++-
 .../Preview/components/questions/PreviewCompletion.vue    | 2 ++
 .../Preview/components/questions/PreviewFileUpload.vue    | 2 ++
 .../views/Preview/components/questions/PreviewSign.vue    | 2 ++
 11 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/views/Design/components/Questions/Choice.vue b/src/views/Design/components/Questions/Choice.vue
index 7327367..238796c 100644
--- a/src/views/Design/components/Questions/Choice.vue
+++ b/src/views/Design/components/Questions/Choice.vue
@@ -7,7 +7,7 @@
     class="contenteditable-question-title base-select"
   >
     <template #left-icon>
-      {{ index + 1 }}
+      {{ isPreview ? element.title : index + 1 }}
     </template>
     <template #label>
       <contenteditable
@@ -112,6 +112,10 @@ const value = defineModel('checkboxAnswer', { default: [], type: Array });
 const errorMessage = defineModel('errorMessage', { default: '', type: String });
 const Contenteditable = defineAsyncComponent(() => import('@/components/contenteditable.vue'));
 defineProps({
+  isPreview: {
+    type: Boolean,
+    default: false
+  },
   active: {
     type: Boolean,
     default: false
diff --git a/src/views/Design/components/Questions/Completion.vue b/src/views/Design/components/Questions/Completion.vue
index ca7703e..b8c029b 100644
--- a/src/views/Design/components/Questions/Completion.vue
+++ b/src/views/Design/components/Questions/Completion.vue
@@ -8,7 +8,7 @@
       class="contenteditable-question-title"
     >
       <template #left-icon>
-        {{ index + 1 }}
+        {{ isPreview ? element.title : index + 1 }}
       </template>
       <template #label>
         <contenteditable
@@ -36,6 +36,10 @@ import { toRefs } from 'vue';
 
 const completionValue = defineModel('completionValue', { default: '', type: String });
 const props = defineProps({
+  isPreview: {
+    type: Boolean,
+    default: false
+  },
   element: {
     type: Object,
     default: () => {
diff --git a/src/views/Design/components/Questions/FileUpload.vue b/src/views/Design/components/Questions/FileUpload.vue
index 1e2d549..911276e 100644
--- a/src/views/Design/components/Questions/FileUpload.vue
+++ b/src/views/Design/components/Questions/FileUpload.vue
@@ -5,6 +5,10 @@ const props = defineProps<{
   element: any;
   index: number;
   active: boolean;
+  isPreview: {
+    type: Boolean;
+    default: false;
+  };
 }>();
 const { element } = toRefs(props);
 
@@ -72,9 +76,7 @@ const emitValue = () => {
       input-align="center"
       class="contenteditable-question-title"
     >
-      <template #left-icon>
-        {{ index + 1 }}
-      </template>
+      <template #left-icon> {{ isPreview ? element.title : index + 1 }} {{ index + 1 }} </template>
       <!-- 使用 title 插槽来自定义标题 -->
       <template #label>
         <contenteditable
diff --git a/src/views/Design/components/Questions/MatrixQuestion.vue b/src/views/Design/components/Questions/MatrixQuestion.vue
index bf4e75c..c48ac1e 100644
--- a/src/views/Design/components/Questions/MatrixQuestion.vue
+++ b/src/views/Design/components/Questions/MatrixQuestion.vue
@@ -17,7 +17,6 @@ const element = defineModel<question>('element', {
     return {};
   }
 });
-
 // table 宽度
 const tableWidth = defineModel<number>('tableWidth', { required: false, default: 110 });
 // 行记录(相关答案的记录)
@@ -117,7 +116,7 @@ const errorMessage = defineModel('errorMessage', {
     class="contenteditable-question-title"
   >
     <template #left-icon>
-      {{ index + 1 }}
+      {{ isPreview ? element.title : index + 1 }}
     </template>
     <!-- 使用 title 插槽来自定义标题 -->
     <template #label>
diff --git a/src/views/Design/components/Questions/NPS.vue b/src/views/Design/components/Questions/NPS.vue
index f5c1ea8..852babe 100644
--- a/src/views/Design/components/Questions/NPS.vue
+++ b/src/views/Design/components/Questions/NPS.vue
@@ -8,7 +8,7 @@
       class="contenteditable-question-title"
     >
       <template #left-icon>
-        {{ index + 1 }}
+        {{ isPreview ? element.title : index + 1 }}
       </template>
       <template #label>
         <contenteditable
@@ -55,6 +55,10 @@ import RateCharacter from './RateCharacter.vue';
 const value = defineModel('value', { default: -1, type: Number });
 const isPreview = defineModel('isPreview', { default: false, type: Boolean });
 /* const props = */ defineProps({
+  isPreview: {
+    type: Boolean,
+    default: false
+  },
   index: {
     type: Number,
     default: 0
diff --git a/src/views/Design/components/Questions/Rate.vue b/src/views/Design/components/Questions/Rate.vue
index e62d4f4..d6bc4cf 100644
--- a/src/views/Design/components/Questions/Rate.vue
+++ b/src/views/Design/components/Questions/Rate.vue
@@ -8,7 +8,7 @@
       class="contenteditable-question-title"
     >
       <template #left-icon>
-        {{ index + 1 }}
+        {{ isPreview ? element.title : index + 1 }}
       </template>
       <template #label>
         <contenteditable
diff --git a/src/views/Design/components/Questions/SignQuestion.vue b/src/views/Design/components/Questions/SignQuestion.vue
index 591e76b..97e3045 100644
--- a/src/views/Design/components/Questions/SignQuestion.vue
+++ b/src/views/Design/components/Questions/SignQuestion.vue
@@ -12,6 +12,7 @@ const answer = defineModel<string>('answer', { default: '' });
 // 错误信息
 const errorMessage = defineModel<string>('errorMessage', { default: '' });
 
+const isPreview = defineModel('isPreview', { default: false });
 const signatureCanvas = useTemplateRef('signatureCanvas');
 
 const canvasWidth = ref(100);
@@ -204,7 +205,7 @@ async function handleUploadImg() {
     readonly
   >
     <template #left-icon>
-      {{ index + 1 }}
+      {{ isPreview ? element.title : index + 1 }}
     </template>
     <template #label>
       <contenteditable
diff --git a/src/views/Design/components/Questions/TextWithImages.vue b/src/views/Design/components/Questions/TextWithImages.vue
index 571a025..8964514 100644
--- a/src/views/Design/components/Questions/TextWithImages.vue
+++ b/src/views/Design/components/Questions/TextWithImages.vue
@@ -8,7 +8,7 @@
       class="base-select contenteditable-question-title"
     >
       <template #left-icon>
-        {{ index + 1 }}
+        {{ isPreview ? element.title : index + 1 }}
       </template>
       <template #label>
         <contenteditable
@@ -26,6 +26,10 @@
 import contenteditable from '@/components/contenteditable.vue';
 import { defineModel, toRefs } from 'vue';
 const props = defineProps({
+  isPreview: {
+    type: Boolean,
+    default: false
+  },
   element: {
     type: Object,
     default: () => {
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue b/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
index 31bebf7..e7f806f 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
@@ -5,12 +5,14 @@
     v-model:completionValue="completionValue"
     :index="answerIndex"
     :element="question"
+    :isPreview="true"
     :errorMessage="question.error"
   ></completion>
 </template>
 <script setup lang="ts">
 import { defineEmits, ref, watch } from 'vue';
 import Completion from '@/views/Design/components/Questions/Completion.vue';
+import Rate from '@/views/Design/components/Questions/Rate.vue';
 // 预览新增 v-model
 // const config = defineModel('config');
 const answer = defineModel<{ value: string | number }>('answer', { default: { value: '' } });
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue b/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
index ece2d33..ecfbe90 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import FileUpload from '@/views/Design/components/Questions/FileUpload.vue';
+import Rate from '@/views/Design/components/Questions/Rate.vue';
 const questionIndex = defineModel<number>('questionIndex', { default: NaN });
 const answerIndex = defineModel<number>('answerIndex', { default: NaN });
 const question = defineModel<question>('question', { default: () => {} });
@@ -8,6 +9,7 @@ const question = defineModel<question>('question', { default: () => {} });
   <!-- 文件上传题 -->
   <file-upload
     :element="question"
+    :isPreview="true"
     :index="answerIndex ?? questionIndex"
     :errorMessage="question.error"
     :active="false"
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewSign.vue b/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
index d56ab76..94d4f7b 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import SignQuestion from '@/views/Design/components/Questions/SignQuestion.vue';
 import { ref, watch } from 'vue';
+import Rate from '@/views/Design/components/Questions/Rate.vue';
 
 const question = defineModel<question>('question', { default: {} });
 const answer = defineModel<{ value: string }>('answer', { default: undefined });
@@ -34,6 +35,7 @@ function parseAnswer() {
   <sign-question
     :element="question"
     :active="false"
+    :isPreview="true"
     :index="answerIndex"
     v-model:answer="answerValue"
     :error-message="question.error"