From 678c0cd6e2273d1e42000d48ca18dbd3929160a4 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Sun, 23 Mar 2025 16:59:21 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix[create]:=20=E8=A7=A3=E5=86=B3=E7=BD=AE?=
 =?UTF-8?q?=E5=BA=95=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复属性无法访问
---
 components.d.ts                                  | 9 ---------
 src/views/Design/components/Questions/Choice.vue | 2 ++
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index cc91605..fab8e77 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,14 +8,9 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     Contenteditable: typeof import('./src/components/contenteditable.vue')['default']
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElDropdown: typeof import('element-plus/es')['ElDropdown']
-    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
-    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSpace: typeof import('element-plus/es')['ElSpace']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElText: typeof import('element-plus/es')['ElText']
@@ -34,7 +29,6 @@ declare module 'vue' {
     VanGrid: typeof import('vant/es')['Grid']
     VanGridItem: typeof import('vant/es')['GridItem']
     VanIcon: typeof import('vant/es')['Icon']
-    VanList: typeof import('vant/es')['List']
     VanNavBar: typeof import('vant/es')['NavBar']
     VanPicker: typeof import('vant/es')['Picker']
     VanPopover: typeof import('vant/es')['Popover']
@@ -42,11 +36,8 @@ declare module 'vue' {
     VanRadio: typeof import('vant/es')['Radio']
     VanRadioGroup: typeof import('vant/es')['RadioGroup']
     VanRow: typeof import('vant/es')['Row']
-    VanSearch: typeof import('vant/es')['Search']
     VanStepper: typeof import('vant/es')['Stepper']
     VanSwitch: typeof import('vant/es')['Switch']
-    VanTab: typeof import('vant/es')['Tab']
-    VanTabs: typeof import('vant/es')['Tabs']
     YLCascader: typeof import('./src/components/YLCascader.vue')['default']
     YLInput: typeof import('./src/components/YLInput.vue')['default']
     YLPicker: typeof import('./src/components/YLPicker.vue')['default']
diff --git a/src/views/Design/components/Questions/Choice.vue b/src/views/Design/components/Questions/Choice.vue
index 4863cc0..d6ce715 100644
--- a/src/views/Design/components/Questions/Choice.vue
+++ b/src/views/Design/components/Questions/Choice.vue
@@ -157,6 +157,8 @@ function handleChange(names) {
   const newOption = names[names.length - 1];
   // 如果names 长度小于1，直接返回，不处理
   if (names.length < 1) return;
+  // 如果不存在 options 和 list 属性，直接返回
+  if (!element.value.options || !element.value.list) return;
 
   const options = element.value.options[0] ?? element.value.list[0];
   // 如果新增的结果是排它项， 对结果进行处理

From 0d8123ffda2ddea276843e8644ad2694dcc7a20d Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Sun, 23 Mar 2025 17:40:09 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix[create]:=20=E9=A2=84=E8=A7=88=E9=A2=98?=
 =?UTF-8?q?=E7=9B=AE=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 预览题目跟随pc， 取 title 值
---
 components.d.ts                               |  2 +
 .../Design/components/ChooseQuestion.vue      |  4 +-
 .../Design/components/Questions/Choice.vue    |  3 +-
 .../components/Questions/Completion.vue       |  1 -
 .../components/Questions/FileUpload.vue       |  2 +-
 .../components/Questions/MatrixCheckbox.vue   | 10 ++---
 .../components/Questions/MatrixQuestion.vue   |  2 +-
 src/views/Design/components/Questions/NPS.vue |  3 +-
 .../Design/components/Questions/Rate.vue      | 39 ++++-------------
 .../components/Questions/SignQuestion.vue     | 43 +++++--------------
 .../components/Questions/TextWithImages.vue   | 19 ++------
 .../components/questions/PreviewCheckbox.vue  |  4 +-
 .../components/questions/PreviewChoice.vue    |  4 +-
 .../questions/PreviewCompletion.vue           |  6 ++-
 .../questions/PreviewFileUpload.vue           |  4 +-
 .../questions/PreviewMatrixCheckbox.vue       | 16 +++----
 .../questions/PreviewMatrixRadio.vue          | 18 +++-----
 .../questions/PreviewMatrixText.vue           | 18 +++-----
 .../components/questions/PreviewNPS.vue       |  7 ++-
 .../components/questions/PreviewRate.vue      | 18 +++-----
 .../components/questions/PreviewSign.vue      | 17 +++-----
 .../questions/PreviewTextWithImages.vue       |  3 +-
 22 files changed, 77 insertions(+), 166 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index fab8e77..7b27095 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -38,6 +38,8 @@ declare module 'vue' {
     VanRow: typeof import('vant/es')['Row']
     VanStepper: typeof import('vant/es')['Stepper']
     VanSwitch: typeof import('vant/es')['Switch']
+    VanTab: typeof import('vant/es')['Tab']
+    VanTabs: typeof import('vant/es')['Tabs']
     YLCascader: typeof import('./src/components/YLCascader.vue')['default']
     YLInput: typeof import('./src/components/YLInput.vue')['default']
     YLPicker: typeof import('./src/components/YLPicker.vue')['default']
diff --git a/src/views/Design/components/ChooseQuestion.vue b/src/views/Design/components/ChooseQuestion.vue
index b554564..564b46a 100644
--- a/src/views/Design/components/ChooseQuestion.vue
+++ b/src/views/Design/components/ChooseQuestion.vue
@@ -69,9 +69,7 @@ const element = defineModel('element', {
     return {};
   }
 });
-const index = defineModel('index', {
-  type: Number
-});
+const index = defineModel('index');
 
 // watch(
 //   () => index.value,
diff --git a/src/views/Design/components/Questions/Choice.vue b/src/views/Design/components/Questions/Choice.vue
index d6ce715..c129ecb 100644
--- a/src/views/Design/components/Questions/Choice.vue
+++ b/src/views/Design/components/Questions/Choice.vue
@@ -130,8 +130,7 @@ defineProps({
     default: false
   },
   index: {
-    type: Number,
-    default: 0
+    default: ''
   }
 });
 
diff --git a/src/views/Design/components/Questions/Completion.vue b/src/views/Design/components/Questions/Completion.vue
index 6f50df2..c20eabc 100644
--- a/src/views/Design/components/Questions/Completion.vue
+++ b/src/views/Design/components/Questions/Completion.vue
@@ -45,7 +45,6 @@ const props = defineProps({
     }
   },
   index: {
-    type: Number,
     default: 0
   },
   active: {
diff --git a/src/views/Design/components/Questions/FileUpload.vue b/src/views/Design/components/Questions/FileUpload.vue
index 8c1ca62..3e51bd6 100644
--- a/src/views/Design/components/Questions/FileUpload.vue
+++ b/src/views/Design/components/Questions/FileUpload.vue
@@ -7,7 +7,7 @@ import { fileLimit, answer } from './hooks/useFileUploadHooks';
 const isPreview = defineModel('isPreview', { default: false, type: Boolean, required: false });
 const props = defineProps<{
   element: any;
-  index: number;
+  index: number | String;
   active: boolean;
 }>();
 const { element } = toRefs(props);
diff --git a/src/views/Design/components/Questions/MatrixCheckbox.vue b/src/views/Design/components/Questions/MatrixCheckbox.vue
index 42f3040..d95e919 100644
--- a/src/views/Design/components/Questions/MatrixCheckbox.vue
+++ b/src/views/Design/components/Questions/MatrixCheckbox.vue
@@ -1,10 +1,6 @@
 <template>
-  <input
-    type="checkbox"
-    :name="`R${rowIndex + 1}`"
-    :checked="isOptionChecked(rowIndex, colIndex)"
-    @change="handleMatrixCheckboxChange(rowIndex, colIndex)"
-  />
+  <input type="checkbox" :name="`R${rowIndex + 1}`" :checked="isOptionChecked(rowIndex, colIndex)"
+    @change="handleMatrixCheckboxChange(rowIndex, colIndex)" />
 </template>
 
 <script setup lang="ts">
@@ -35,7 +31,7 @@ const isOptionChecked = (rowIndex: number, colIndex: number): boolean => {
 };
 
 // 当 matrix radio 选中时，更新 rowRecord 和 matrixAnswer
-function handleMatrixCheckboxChange(row: number, col: number) {
+function handleMatrixCheckboxChange (row: number, col: number) {
   // 获取 colIndexArray
   if (!rowRecord.value[row]) {
     // 如果没有对应的row，创建一个
diff --git a/src/views/Design/components/Questions/MatrixQuestion.vue b/src/views/Design/components/Questions/MatrixQuestion.vue
index e9f7a45..e7b4030 100644
--- a/src/views/Design/components/Questions/MatrixQuestion.vue
+++ b/src/views/Design/components/Questions/MatrixQuestion.vue
@@ -28,7 +28,7 @@ const rows = defineModel<_questionOptionType[]>('rows', { required: false, defau
 // 列标签
 const cols = defineModel<_questionOptionType[]>('cols', { required: false, default: () => [] });
 // 题的序号
-const index = defineModel<number>('index', { required: false, default: 0 });
+const index = defineModel<number|string>('index', { required: false, default: 0 });
 // 是否是编辑状态
 const active = defineModel<boolean>('active', { required: false, default: false });
 
diff --git a/src/views/Design/components/Questions/NPS.vue b/src/views/Design/components/Questions/NPS.vue
index 3a18d53..14cef65 100644
--- a/src/views/Design/components/Questions/NPS.vue
+++ b/src/views/Design/components/Questions/NPS.vue
@@ -58,8 +58,7 @@ const isPreview = defineModel('isPreview', { default: false, type: Boolean });
     default: false
   },
   index: {
-    type: Number,
-    default: 0
+    default: ''
   },
   active: {
     type: Boolean,
diff --git a/src/views/Design/components/Questions/Rate.vue b/src/views/Design/components/Questions/Rate.vue
index 6a8499f..e002156 100644
--- a/src/views/Design/components/Questions/Rate.vue
+++ b/src/views/Design/components/Questions/Rate.vue
@@ -1,42 +1,22 @@
 <template>
   <div class="content">
-    <van-field
-      v-model="element.stem"
-      :label="element.stem"
-      :required="element.config.is_required === 1"
-      label-align="top"
-      class="contenteditable-question-title"
-    >
+    <van-field v-model="element.stem" :label="element.stem" :required="element.config.is_required === 1"
+      label-align="top" class="contenteditable-question-title">
       <template #left-icon> {{ isPreview ? element.title : index + 1 }}. </template>
       <template #label>
-        <contenteditable
-          v-model="element.stem"
-          :active="active"
-          @blur="emitValue"
-          className="contenteditable-label"
-          :errorMessage="errorMessage"
-        ></contenteditable>
+        <contenteditable v-model="element.stem" :active="active" @blur="emitValue" className="contenteditable-label"
+          :errorMessage="errorMessage"></contenteditable>
       </template>
       <template #input>
-        <div
-          v-for="(optionItem, optionItemIndex) in element.list ?? element.options"
-          :key="optionItemIndex"
-          class="rate-content"
-        >
-          <div
-            v-for="(item, optionIndex) in isPreview ? optionItem.options : optionItem"
-            :key="optionIndex"
-            class="rate-item"
-            @click="chooseOption(item)"
-          >
+        <div v-for="(optionItem, optionItemIndex) in element.list ?? element.options" :key="optionItemIndex"
+          class="rate-content">
+          <div v-for="(item, optionIndex) in isPreview ? optionItem.options : optionItem" :key="optionIndex"
+            class="rate-item" @click="chooseOption(item)">
             <div class="mb5">
               <contenteditable v-model="item.option" :active="active"></contenteditable>
             </div>
             <div class="mb10">
-              <RateCharacter
-                v-model:model="answerValue[optionIndex]"
-                :config="element.config"
-              ></RateCharacter>
+              <RateCharacter v-model:model="answerValue[optionIndex]" :config="element.config"></RateCharacter>
             </div>
 
             <div class="tips">
@@ -76,7 +56,6 @@ defineProps({
     default: false
   },
   index: {
-    type: Number,
     default: 0
   },
   sn: { type: String, default: '' },
diff --git a/src/views/Design/components/Questions/SignQuestion.vue b/src/views/Design/components/Questions/SignQuestion.vue
index 8d0ab3d..4430ed6 100644
--- a/src/views/Design/components/Questions/SignQuestion.vue
+++ b/src/views/Design/components/Questions/SignQuestion.vue
@@ -6,7 +6,7 @@ const element = defineModel<question>('element', { default: {} });
 // 属性框是否激活
 const active = defineModel<boolean>('active', { default: false });
 // 题目索引
-const index = defineModel<number>('index', { default: 0 });
+const index = defineModel<number | string>('index', { default: 0 });
 // 答案
 const answer = defineModel<string>('answer', { default: '' });
 // 错误信息
@@ -188,7 +188,7 @@ const emitValue = () => {
 /**
  * 上传文件
  */
-async function handleUploadImg() {
+async function handleUploadImg () {
   const file = new File([saveCanvas('blob')!], 'sign.png', { type: 'image/png' });
   const { url } = await CommonApi.cosUpload(file);
   // 传递答案
@@ -197,44 +197,23 @@ async function handleUploadImg() {
 </script>
 
 <template>
-  <van-field
-    :label="element.stem"
-    :required="element.config.is_required === 1"
-    label-align="top"
-    :border="false"
-    readonly
-  >
+  <van-field :label="element.stem" :required="element.config.is_required === 1" label-align="top" :border="false"
+    readonly>
     <template #left-icon> {{ isPreview ? element.title : index + 1 }}. </template>
     <template #label>
-      <contenteditable
-        v-model="element.stem"
-        className="contenteditable-label"
-        :active="active"
-        @blur="emitValue"
-        :errorMessage="errorMessage"
-      ></contenteditable>
+      <contenteditable v-model="element.stem" className="contenteditable-label" :active="active" @blur="emitValue"
+        :errorMessage="errorMessage"></contenteditable>
     </template>
     <template #input>
       <div class="sign-question">
-        <canvas
-          ref="signatureCanvas"
-          :width="canvasWidth"
-          :height="canvasHeight"
-          style="border: 1px dashed #ccc; border-radius: 4px"
-        >
+        <canvas ref="signatureCanvas" :width="canvasWidth" :height="canvasHeight"
+          style="border: 1px dashed #ccc; border-radius: 4px">
         </canvas>
         <div class="sign-text" :class="{ show: true }">
-          <span
-            class="icon mobilefont mobilefont-qingkong"
-            title="清空"
-            @click="clearCanvas"
-          ></span>
+          <span class="icon mobilefont mobilefont-qingkong" title="清空" @click="clearCanvas"></span>
           <span class="icon mobilefont mobilefont-chexiao" @click="undo"></span>
-          <span
-            class="icon mobilefont"
-            :class="isEraser ? 'mobilefont-huabi' : 'mobilefont-rubber'"
-            @click="togglePen"
-          ></span>
+          <span class="icon mobilefont" :class="isEraser ? 'mobilefont-huabi' : 'mobilefont-rubber'"
+            @click="togglePen"></span>
           <span class="icon mobilefont mobilefont-shangchuan" @click="handleUploadImg"></span>
         </div>
         <div class="sign-tips">请在空白区域书写您的签名</div>
diff --git a/src/views/Design/components/Questions/TextWithImages.vue b/src/views/Design/components/Questions/TextWithImages.vue
index 2b68050..776fb0a 100644
--- a/src/views/Design/components/Questions/TextWithImages.vue
+++ b/src/views/Design/components/Questions/TextWithImages.vue
@@ -1,21 +1,11 @@
 <template>
   <div class="text-with-images-container">
-    <van-field
-      readonly
-      :label="element.stem"
-      :required="element.config?.is_required === 1"
-      label-align="top"
-      class="base-select contenteditable-question-title"
-    >
+    <van-field readonly :label="element.stem" :required="element.config?.is_required === 1" label-align="top"
+      class="base-select contenteditable-question-title">
       <template #left-icon> {{ isPreview ? element.title : index + 1 }}. </template>
       <template #label>
-        <contenteditable
-          v-model="element.stem"
-          :active="active"
-          className="contenteditable-label"
-          @blur="emitValue"
-          :errorMessage="errorMessage"
-        ></contenteditable>
+        <contenteditable v-model="element.stem" :active="active" className="contenteditable-label" @blur="emitValue"
+          :errorMessage="errorMessage"></contenteditable>
       </template>
     </van-field>
   </div>
@@ -41,7 +31,6 @@ const props = defineProps({
     default: false
   },
   index: {
-    type: Number,
     default: 0
   }
 });
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewCheckbox.vue b/src/views/Survey/views/Preview/components/questions/PreviewCheckbox.vue
index d1a2030..17162c4 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewCheckbox.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewCheckbox.vue
@@ -8,7 +8,7 @@
   />
 </template>
 <script setup lang="ts">
-import { watch, ref } from 'vue';
+import { watch, ref, computed } from 'vue';
 import Choice from '@/views/Design/components/Questions/Choice.vue';
 
 type answerType = {
@@ -24,9 +24,9 @@ type answerType = {
  */
 // 预览新增 v-model
 const answer = defineModel<answerType>('answer', { default: undefined });
-const answerIndex = defineModel<number>('answerIndex');
 // const stem = defineModel<string>('stem', { default: '' });
 const question = defineModel<question>('question', { default: { config: { is_required: false } } });
+const answerIndex = computed<string>(() => question.value.title);
 // const list = defineModel<questionsList[]>('list', { default: [[]] });
 
 initData();
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewChoice.vue b/src/views/Survey/views/Preview/components/questions/PreviewChoice.vue
index 957286b..020b520 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewChoice.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewChoice.vue
@@ -8,7 +8,7 @@
   />
 </template>
 <script setup lang="ts">
-import { watch, ref } from 'vue';
+import { watch, ref, computed } from 'vue';
 import Choice from '@/views/Design/components/Questions/Choice.vue';
 
 type answerType = {
@@ -17,7 +17,7 @@ type answerType = {
 };
 // // 预览新增 v-model
 const answer = defineModel<answerType>('answer', { default: undefined });
-const answerIndex = defineModel<number>('answerIndex');
+const answerIndex = computed(() => question.value.title);
 // const stem = defineModel<string>('stem', { default: '' });4
 const question = defineModel<question>('question', { default: { config: { is_required: false } } });
 const list = defineModel<questionsList[]>('list', { default: [[]] });
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue b/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
index e7f806f..e984e09 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewCompletion.vue
@@ -10,13 +10,15 @@
   ></completion>
 </template>
 <script setup lang="ts">
-import { defineEmits, ref, watch } from 'vue';
+import { computed, 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: '' } });
-const answerIndex = defineModel<number>('answerIndex');
+const answerIndex = computed(() => {
+  return question.value.title;
+});
 // const stem = defineModel('stem');
 const question = defineModel<question>('question', { default: () => {} });
 // const list = defineModel<questionsList[]>('list');
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue b/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
index 6aaba63..62ea279 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewFileUpload.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import FileUpload from '@/views/Design/components/Questions/FileUpload.vue';
 const questionIndex = defineModel<number>('questionIndex', { default: NaN });
-const answerIndex = defineModel<number>('answerIndex', { default: NaN });
+const answerIndex = computed(() => question.value.title);
 const question = defineModel<question>('question', { default: () => {} });
 import { answer } from '@/views/Design/components/Questions/hooks/useFileUploadHooks';
-import { watch } from 'vue';
+import { computed, watch } from 'vue';
 
 const emit = defineEmits(['changeAnswer']);
 watch(answer, () => {
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewMatrixCheckbox.vue b/src/views/Survey/views/Preview/components/questions/PreviewMatrixCheckbox.vue
index ac7a4ba..429238e 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewMatrixCheckbox.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewMatrixCheckbox.vue
@@ -1,13 +1,6 @@
 <template>
-  <MatrixQuestion
-    v-model:rowRecord="rowRecord"
-    v-model:matrix-radio-answer="answer!"
-    :rows="rows"
-    :cols="cols"
-    :is-preview="true"
-    :errorMessage="question.error"
-    :element="question"
-  />
+  <MatrixQuestion :index="answerIndex" v-model:rowRecord="rowRecord" v-model:matrix-radio-answer="answer!" :rows="rows"
+    :cols="cols" :is-preview="true" :errorMessage="question.error" :element="question" />
 </template>
 
 <script setup lang="ts">
@@ -24,7 +17,8 @@ type answerType = {
 // const stem = defineModel('stem');
 // const list = defineModel<questionsList[]>('list', { required: false });
 // const config = defineModel<OptionConfigType>('config', { required: false });
-const question = defineModel<question>('question', { default: () => {} });
+const question = defineModel<question>('question', { default: () => { } });
+const answerIndex = computed(() => question.value.title);
 const emit = defineEmits(['changeAnswer', 'previous', 'next']);
 // 示例
 // {
@@ -61,7 +55,7 @@ answer.value && parseAnswer(answer.value);
 /**
  * 解析 answer
  */
-function parseAnswer(answer: answer) {
+function parseAnswer (answer: answer) {
   // console.log(`come in parseAnswer`);
   const rowRecordList: number[][] = [];
   Object.entries(answer).forEach(([key]) => {
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewMatrixRadio.vue b/src/views/Survey/views/Preview/components/questions/PreviewMatrixRadio.vue
index d59d5e4..2ce0adf 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewMatrixRadio.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewMatrixRadio.vue
@@ -1,14 +1,6 @@
 <template>
-  <MatrixQuestion
-    v-model:rowRecord="rowRecord"
-    :rows="rows"
-    :cols="cols"
-    :index="questionIndex"
-    :element="question"
-    :is-preview="true"
-    :active="false"
-    :errorMessage="question.error"
-  />
+  <MatrixQuestion v-model:rowRecord="rowRecord" :rows="rows" :cols="cols" :index="answerIndex" :element="question"
+    :is-preview="true" :active="false" :errorMessage="question.error" />
 </template>
 
 <script setup lang="ts">
@@ -26,8 +18,8 @@ type answerType = {
 // const stem = defineModel('stem');
 // const list = defineModel<questionsList[]>('list', { required: false });
 // const config = defineModel<OptionConfigType>('config', { required: false });
-const question = defineModel<question>('question', { default: () => {} });
-const questionIndex = defineModel<number>('answerIndex', { required: false, default: 0 });
+const question = defineModel<question>('question', { default: () => { } });
+const answerIndex = computed(() => question.value?.title ?? 0);
 // console.log(question.value);
 const emit = defineEmits(['changeAnswer', 'previous', 'next']);
 // 示例
@@ -54,7 +46,7 @@ answer.value && parseAnswer(answer.value);
 /**
  * 解析 answer
  */
-function parseAnswer(answer: answerType) {
+function parseAnswer (answer: answerType) {
   // console.log(`come in parseAnswer`);
   const rowRecordList: number[] = [];
   Object.entries(answer).forEach(([key]) => {
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewMatrixText.vue b/src/views/Survey/views/Preview/components/questions/PreviewMatrixText.vue
index 0a35527..de4767b 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewMatrixText.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewMatrixText.vue
@@ -1,28 +1,20 @@
 <template>
-  <MatrixQuestion
-    v-model:rowRecord="rowRecord"
-    :rows="rows"
-    :cols="cols"
-    :index="questionIndex"
-    :element="question"
-    :is-preview="true"
-    :active="false"
-    :errorMessage="question.error"
-  />
+  <MatrixQuestion v-model:rowRecord="rowRecord" :rows="rows" :cols="cols" :index="answerIndex" :element="question"
+    :is-preview="true" :active="false" :errorMessage="question.error" />
 </template>
 
 <script setup lang="ts">
 // import MatrixText from '@/views/Design/components/Questions/MatrixText.vue';
 import { computed, ref, watch } from 'vue';
 import MatrixQuestion from '@/views/Design/components/Questions/MatrixQuestion.vue';
-const questionIndex = defineModel<number>('answerIndex', { required: false, default: 0 });
+const answerIndex = computed(() => question.value?.title ?? 0);
 
 // 矩阵多选的答案类型
 type answerType = {
   [key: string]: string;
 };
 
-const question = defineModel<question>('question', { default: () => {} });
+const question = defineModel<question>('question', { default: () => { } });
 const emit = defineEmits(['changeAnswer', 'previous', 'next']);
 // 示例
 // {
@@ -59,7 +51,7 @@ answer.value && parseAnswer(answer.value);
 /**
  * 解析 answer
  */
-function parseAnswer(answer: answerType) {
+function parseAnswer (answer: answerType) {
   const rowRecordList: string[][] = [];
   Object.entries(answer).forEach(([key, value]) => {
     const [row, col] = key.split('_');
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewNPS.vue b/src/views/Survey/views/Preview/components/questions/PreviewNPS.vue
index 7095e98..4ff7279 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewNPS.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewNPS.vue
@@ -11,12 +11,13 @@
 
 <script setup lang="ts">
 import NPS from '@/views/Design/components/Questions/NPS.vue';
-import { watch, ref } from 'vue';
+import { watch, ref, computed } from 'vue';
 
 const value = ref(-1);
 // // 预览新增 emit ['changeAnswer', 'previous', 'next']
 const emit = defineEmits(['changeAnswer', 'previous', 'next', 'update:element']);
 const question = defineModel<question>('question', { default: { config: { is_required: false } } });
+
 /**
  * answer 的答案类型
  * {
@@ -24,7 +25,9 @@ const question = defineModel<question>('question', { default: { config: { is_req
  * }
  */
 const answer = defineModel<NPSAnswerType>('answer', { default: undefined });
-const answerIndex = defineModel<number>('answerIndex', { default: undefined });
+const answerIndex = computed(() => {
+  return question.value.title;
+});
 
 // 解析答案
 // function parseAnswer() {
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewRate.vue b/src/views/Survey/views/Preview/components/questions/PreviewRate.vue
index f0f1b11..bc9bbd1 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewRate.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewRate.vue
@@ -1,18 +1,12 @@
 <template>
-  <rate
-    v-model:element="question"
-    v-model:answer-value="value"
-    :active="false"
-    :isPreview="true"
-    :index="answerIndex"
-    :errorMessage="question.error"
-  />
+  <rate v-model:element="question" v-model:answer-value="value" :active="false" :isPreview="true" :index="answerIndex"
+    :errorMessage="question.error" />
 </template>
 
 <script setup lang="ts">
 import Rate from '@/views/Design/components/Questions/Rate.vue';
 
-import { watch, ref, nextTick } from 'vue';
+import { watch, ref, nextTick, computed } from 'vue';
 
 const value = ref<number[]>([]);
 // // 预览新增 emit ['changeAnswer', 'previous', 'next']
@@ -26,11 +20,11 @@ const question = defineModel<question>('question', { default: { config: { is_req
  * }
  */
 const answer = defineModel<NPSAnswerType>('answer', { default: undefined });
-const answerIndex = defineModel<number>('answerIndex', { default: undefined });
+const answerIndex = computed(() => question.value?.title ?? 0);
 
 parseAnswer();
 // 解析答案
-function parseAnswer() {
+function parseAnswer () {
   if (!answer.value) return;
   // 如果有答案，清空数值
   value.value.length = 0;
@@ -43,7 +37,7 @@ function parseAnswer() {
 /**
  * 生成NPS答案
  */
-function genAnswer(value: number[]): NPSAnswerType {
+function genAnswer (value: number[]): NPSAnswerType {
   const res: any = {};
   value.forEach((value, index) => {
     if (value < 0) return;
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewSign.vue b/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
index 94d4f7b..4f43ce6 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewSign.vue
@@ -1,12 +1,11 @@
 <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';
+import { ref, watch, computed } from 'vue';
 
 const question = defineModel<question>('question', { default: {} });
 const answer = defineModel<{ value: string }>('answer', { default: undefined });
 const answerValue = ref<string>('');
-const answerIndex = defineModel<number>('answerIndex', { default: 0 });
+const answerIndex = computed(() => question.value?.title ?? 0);
 // emit
 const emit = defineEmits(['changeAnswer']);
 
@@ -26,19 +25,13 @@ watch(answerValue, (newValue) => {
  *   value: 'url'
  * }
  */
-function parseAnswer() {
+function parseAnswer () {
   answerValue.value = answer.value.value;
 }
 </script>
 
 <template>
-  <sign-question
-    :element="question"
-    :active="false"
-    :isPreview="true"
-    :index="answerIndex"
-    v-model:answer="answerValue"
-    :error-message="question.error"
-  />
+  <sign-question :element="question" :active="false" :isPreview="true" :index="answerIndex" v-model:answer="answerValue"
+    :error-message="question.error" />
 </template>
 <style scoped lang="scss"></style>
diff --git a/src/views/Survey/views/Preview/components/questions/PreviewTextWithImages.vue b/src/views/Survey/views/Preview/components/questions/PreviewTextWithImages.vue
index 675ab61..799c5f6 100644
--- a/src/views/Survey/views/Preview/components/questions/PreviewTextWithImages.vue
+++ b/src/views/Survey/views/Preview/components/questions/PreviewTextWithImages.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import TextWithImages from '@/views/Design/components/Questions/TextWithImages.vue';
+import { computed } from 'vue';
 
 // 问题
 const question = defineModel<question>('question', { default: {} });
 // question 序号
-const answerIndex = defineModel('answerIndex', { default: 0 });
+const answerIndex = computed(() => question.value?.title ?? 0);
 // 答案
 const answer = defineModel('answer', { default: {} });
 // answer 提供默认值