From 9d0e89d3d8b3721d59ab6b35b0ddbf1f0c5bb136 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 18 Mar 2025 10:42:28 +0800
Subject: [PATCH] =?UTF-8?q?fix[=E9=A2=84=E8=A7=88]:=20=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E4=B8=BB=E9=A1=B5=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 预览主页内容修改
- 修复预览主页提交之后遗留底部空白部分
---
 src/views/Survey/views/Preview/Index.vue      | 115 ++++++-----
 .../views/Preview/components/AnswerViewer.vue |   4 +-
 .../components/PfePagination/Index.vue        |  53 +++--
 .../SceneSurveyViewerPage/Index.vue           |   2 +-
 .../Preview/components/questions/QLast.vue    |  52 ++---
 .../Preview/components/questions/QRadio.vue   |  12 +-
 .../Preview/components/questions/Question.vue |  12 +-
 .../views/Preview/hooks/usePreviewHooks.ts    |   3 +
 src/views/Survey/views/Preview/js/language.js |   2 +-
 src/views/Survey/views/Preview/js/logical.js  | 130 ++++++------
 src/views/Survey/views/Preview/js/mock.js     |   4 +-
 .../Survey/views/Preview/js/questions.js      | 192 +++++++++---------
 12 files changed, 301 insertions(+), 280 deletions(-)
 create mode 100644 src/views/Survey/views/Preview/hooks/usePreviewHooks.ts

diff --git a/src/views/Survey/views/Preview/Index.vue b/src/views/Survey/views/Preview/Index.vue
index 99396d7..07b810e 100644
--- a/src/views/Survey/views/Preview/Index.vue
+++ b/src/views/Survey/views/Preview/Index.vue
@@ -12,20 +12,25 @@
     <!--    <img v-if="styleInfo.head_img_status && styleInfo.head_img_url" width="100%" class="head-img"-->
     <!--         :src="styleInfo.head_img_url" />-->
     <!-- LOGO -->
-    <van-field
-      v-if="page !== 0 && page !== pages.length + 1"
-      label-align="top"
-      class="preview-info"
-    >
-      <template #label>
-        <h1 class="preview-info-header">
-          <div v-html="questionsData?.survey?.title"></div>
-        </h1>
-      </template>
-      <template #input>
-        <div class="preview-info-header-desc" v-html="questionsData?.survey?.introduction"></div>
-      </template>
-    </van-field>
+    <div style="display: flex; flex-flow: row nowrap">
+      <van-field
+        v-if="page !== 0 && page !== pages.length + 1"
+        label-align="top"
+        class="preview-info"
+      >
+        <template #label>
+          <h1 class="preview-info-header">
+            <div v-html="questionsData?.survey?.title"></div>
+          </h1>
+        </template>
+        <template #input>
+          <div class="preview-info-header-desc" v-html="questionsData?.survey?.introduction"></div>
+        </template>
+      </van-field>
+      <div class="preview-icon">
+        <img :src="icon" alt="icon" />
+      </div>
+    </div>
     <div
       v-if="styleInfo.logo_status && styleInfo.logo_url"
       class="example-logo"
@@ -470,7 +475,7 @@
         />
       </div>
       <div style="margin: 10px 0; color: rgba(75, 75, 89, 1); text-align: center">
-        <el-text> 由数字科技中心YIP提供支持 </el-text>
+        <el-text> 由数字科技中心YIP提供支持</el-text>
       </div>
       <!--       <LangTranslate v-if="isAnswer && styleInfo.is_yip" translate-key="PoweredByDigitalTechnologyCenterYIP"
         class="footer" /> -->
@@ -478,35 +483,33 @@
 
     <!-- 分页 -->
     <!-- eslint-disable max-len -->
-    <div v-show="showPage" class="footer-page">
-      <pfe-pagination
-        class="pagination"
-        :page="page"
-        :pages="pages.length + 1"
-        :min="styleInfo.is_home ? 0 : 1"
-        :loading="loading"
-        :showPrevious="styleInfo.is_up_button"
-        :showStart="styleInfo.is_start_button"
-        :startText="styleInfo.start_button_text"
-        :showSubmit="styleInfo.is_submit_button"
-        :submitText="
-          localPageTimer.is_show && localPageTimer.short_time
-            ? `${localPageTimer.short_time}S`
-            : styleInfo.submit_button_text
-        "
-        :buttonTextColor="styleInfo.button_text_color"
-        :buttonColor="styleInfo.button_color"
-        :nextText="
-          localPageTimer.is_show && localPageTimer.short_time ? `${localPageTimer.short_time}S` : ''
-        "
-        :nextDisabled="localPageTimer.short_time"
-        isMobile
-        @previous="previous"
-        @next="next"
-      />
-    </div>
-    <!-- eslint-enable max-len -->
+    <pfe-pagination
+      class="pagination"
+      :page="page"
+      :pages="pages.length + 1"
+      :min="styleInfo.is_home ? 0 : 1"
+      :loading="loading"
+      :showPrevious="styleInfo.is_up_button"
+      :showStart="styleInfo.is_start_button"
+      :startText="styleInfo.start_button_text"
+      :showSubmit="styleInfo.is_submit_button"
+      :submitText="
+        localPageTimer.is_show && localPageTimer.short_time
+          ? `${localPageTimer.short_time}S`
+          : styleInfo.submit_button_text
+      "
+      :buttonTextColor="styleInfo.button_text_color"
+      :buttonColor="styleInfo.button_color"
+      :nextText="
+        localPageTimer.is_show && localPageTimer.short_time ? `${localPageTimer.short_time}S` : ''
+      "
+      :nextDisabled="localPageTimer.short_time"
+      isMobile
+      @previous="previous"
+      @next="next"
+    />
   </div>
+  <!-- eslint-enable max-len -->
 </template>
 
 <script setup>
@@ -534,6 +537,9 @@ import msg from './js/message';
 import answerMock from '@/views/Survey/views/Preview/js/mock.js';
 import layout from '@/layouts/index.vue';
 // const isPreview = ref(true);
+
+// hooks file
+import icon from '@/assets/img/create-right-back.png';
 // scrollbar
 const scrollbar = useTemplateRef('scrollbar');
 const questionStore = useQuestionStore();
@@ -546,7 +552,6 @@ const {
   page,
   pages,
   l,
-  showPage,
   loading,
   prevLoading,
   localPageTimer,
@@ -1209,6 +1214,16 @@ async function answer(callback, callbackBeforePage) {
   display: none;
 }
 
+.preview-icon {
+  overflow: hidden;
+  width: 40%; /* 根据实际图片大小调整 */
+  height: 85px; /* 根据实际图片大小调整 */
+  img {
+    width: 64px;
+    height: 139px;
+  }
+}
+
 .preview-container {
   overflow: hidden;
   min-height: calc(100vh - 100px);
@@ -1228,18 +1243,6 @@ async function answer(callback, callbackBeforePage) {
       background-color: white;
     }
   }
-
-  .footer-page {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 9999;
-    width: 100%;
-    height: 50px;
-    padding-top: 8px;
-    border-radius: 16px 16px 0 0;
-    background-color: white;
-  }
 }
 
 .preview-info {
diff --git a/src/views/Survey/views/Preview/components/AnswerViewer.vue b/src/views/Survey/views/Preview/components/AnswerViewer.vue
index bb6bc21..40b7c63 100644
--- a/src/views/Survey/views/Preview/components/AnswerViewer.vue
+++ b/src/views/Survey/views/Preview/components/AnswerViewer.vue
@@ -227,8 +227,8 @@ export default defineComponent({
             .map((option) => {
               return this.wares.find(
                 (ware) =>
-                  ware.question_index === option.question_index &&
-                  ware.option_index === option.option_index
+                  ware.question_index === option.question_index
+                  && ware.option_index === option.option_index
               );
             });
           wares = wares.filter((x) => x);
diff --git a/src/views/Survey/views/Preview/components/PfePagination/Index.vue b/src/views/Survey/views/Preview/components/PfePagination/Index.vue
index b9b7728..3512fe7 100644
--- a/src/views/Survey/views/Preview/components/PfePagination/Index.vue
+++ b/src/views/Survey/views/Preview/components/PfePagination/Index.vue
@@ -1,23 +1,25 @@
 <template>
-  <van-row class="pagination-mob" :gutter="10">
-    <!-- mob端 -->
-    <van-col :span="12">
-      <van-button v-show="showLastButton" color="#71b73c" @click="previous">
-        {{ prevButtonText }}
-      </van-button>
-    </van-col>
-    <van-col :span="showLastButton ? 12 : 24">
-      <van-button v-show="page < pages" color="#71b73c" @click="next">
-        {{
-          showStart && page === 0
-            ? startText
-            : showSubmit && page + 1 === pages
-              ? submitText
-              : nextText || nextButtonText
-        }}
-      </van-button>
-    </van-col>
-  </van-row>
+  <div v-if="page < pages" class="footer-page">
+    <van-row class="pagination-mob" :gutter="10">
+      <!-- mob端 -->
+      <van-col :span="12">
+        <van-button v-show="showLastButton" color="#71b73c" @click="previous">
+          {{ prevButtonText }}
+        </van-button>
+      </van-col>
+      <van-col :span="showLastButton ? 12 : 24">
+        <van-button v-show="page < pages" color="#71b73c" @click="next">
+          {{
+            showStart && page === 0
+              ? startText
+              : showSubmit && page + 1 === pages
+                ? submitText
+                : nextText || nextButtonText
+          }}
+        </van-button>
+      </van-col>
+    </van-row>
+  </div>
 </template>
 
 <script>
@@ -132,6 +134,7 @@ export default defineComponent({
     const showLastButton = computed(
       () => props.showPrevious && props.page > props.min && props.page < props.pages - 1
     );
+    console.log(`pages-page`, props.page, props.pages);
     return {
       prevButtonText,
       nextButtonText,
@@ -156,4 +159,16 @@ export default defineComponent({
     border-radius: 8px;
   }
 }
+
+.footer-page {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 9999;
+  width: 100%;
+  height: 50px;
+  padding-top: 8px;
+  border-radius: 16px 16px 0 0;
+  background-color: white;
+}
 </style>
diff --git a/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue b/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue
index 9c92e1f..ec41269 100644
--- a/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue
+++ b/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue
@@ -144,7 +144,7 @@ export default {
   methods: {
     debounce(func, wait) {
       let timeout;
-      return function (...args) {
+      return function(...args) {
         clearTimeout(timeout);
         timeout = setTimeout(() => func.apply(this, args), wait);
       };
diff --git a/src/views/Survey/views/Preview/components/questions/QLast.vue b/src/views/Survey/views/Preview/components/questions/QLast.vue
index 8b47847..f6213aa 100644
--- a/src/views/Survey/views/Preview/components/questions/QLast.vue
+++ b/src/views/Survey/views/Preview/components/questions/QLast.vue
@@ -106,40 +106,40 @@ export default defineComponent({
     const isEndUrl = computed(() => {
       const code = props.action ? props.action.code : props.code;
       return (
-        (code === 20004 &&
-          props.survey.screening_end_url_select &&
-          props.survey.screening_end_url) ||
-        (code === 20011 && props.survey.success_end_url_select && props.survey.success_end_url) ||
-        (code === 20016 && props.survey.quota_end_url_select && props.survey.quota_end_url)
+        (code === 20004
+          && props.survey.screening_end_url_select
+          && props.survey.screening_end_url)
+        || (code === 20011 && props.survey.success_end_url_select && props.survey.success_end_url)
+        || (code === 20016 && props.survey.quota_end_url_select && props.survey.quota_end_url)
       );
     });
 
     // 跳转
     function toEndUrl() {
       switch (props.action.code) {
-        // 被甄别
-        case 20004:
-          if (props.survey.screening_end_url_select && props.survey.screening_end_url) {
-            const url = props.survey.screening_end_url;
-            toUrl(url);
-          }
-          break;
+      // 被甄别
+      case 20004:
+        if (props.survey.screening_end_url_select && props.survey.screening_end_url) {
+          const url = props.survey.screening_end_url;
+          toUrl(url);
+        }
+        break;
         // 成功
-        case 20011:
-          if (props.survey.success_end_url_select && props.survey.success_end_url) {
-            const url = props.survey.success_end_url;
-            toUrl(url);
-          }
-          break;
+      case 20011:
+        if (props.survey.success_end_url_select && props.survey.success_end_url) {
+          const url = props.survey.success_end_url;
+          toUrl(url);
+        }
+        break;
         // 配额超限
-        case 20016:
-          if (props.survey.quota_end_url_select && props.survey.quota_end_url) {
-            const url = props.survey.quota_end_url;
-            toUrl(url);
-          }
-          break;
-        default:
-          break;
+      case 20016:
+        if (props.survey.quota_end_url_select && props.survey.quota_end_url) {
+          const url = props.survey.quota_end_url;
+          toUrl(url);
+        }
+        break;
+      default:
+        break;
       }
     }
 
diff --git a/src/views/Survey/views/Preview/components/questions/QRadio.vue b/src/views/Survey/views/Preview/components/questions/QRadio.vue
index 6c3250a..d6a06e3 100644
--- a/src/views/Survey/views/Preview/components/questions/QRadio.vue
+++ b/src/views/Survey/views/Preview/components/questions/QRadio.vue
@@ -267,16 +267,16 @@ export default defineComponent({
         });
 
         if (
-          !compareArrayByField(options.value, newOptions, 'option_key') ||
-          !compareArrayByField(options.value, newOptions, 'option')
+          !compareArrayByField(options.value, newOptions, 'option_key')
+          || !compareArrayByField(options.value, newOptions, 'option')
         ) {
           options.value = newOptions;
         }
 
         // 清空值和答案
         if (
-          value.value &&
-          options.value.findIndex((option) => option.option_key === value.value) === -1
+          value.value
+          && options.value.findIndex((option) => option.option_key === value.value) === -1
         ) {
           // 清空值
           value.value = '';
@@ -294,8 +294,8 @@ export default defineComponent({
       () => options.value,
       (val, oldVal) => {
         if (
-          compareArrayByField(val, oldVal || [], 'option_key') &&
-          compareArrayByField(val, oldVal || [], 'option')
+          compareArrayByField(val, oldVal || [], 'option_key')
+          && compareArrayByField(val, oldVal || [], 'option')
         ) {
           return;
         }
diff --git a/src/views/Survey/views/Preview/components/questions/Question.vue b/src/views/Survey/views/Preview/components/questions/Question.vue
index dddb848..86e6b5c 100644
--- a/src/views/Survey/views/Preview/components/questions/Question.vue
+++ b/src/views/Survey/views/Preview/components/questions/Question.vue
@@ -147,8 +147,8 @@ export default defineComponent({
         // 替换文本
         let replacement = '';
         // 查找引用问题
-        const question =
-          props.questions.find((question) => {
+        const question
+          = props.questions.find((question) => {
             // 矩阵题
             if (question.question_type >= 8 && question.question_type <= 11) {
               return question.title === value.split('_R')[0].split('_C')[0];
@@ -158,8 +158,8 @@ export default defineComponent({
               return question.title === value.split('_A')[0];
             }
             return question.title === value;
-          }) ||
-          props.questions.find((question) => {
+          })
+          || props.questions.find((question) => {
             // 矩阵题
             if (question.question_type >= 8 && question.question_type <= 11) {
               return question.title === (value + cycleIndexStr).split('_R')[0].split('_C')[0];
@@ -187,8 +187,8 @@ export default defineComponent({
                 replacement = answer[option.option_key];
               }
             } else if (
-              question.question_type === 2 &&
-              Object.keys(answer).length >= question.config.min_select
+              question.question_type === 2
+              && Object.keys(answer).length >= question.config.min_select
             ) {
               // 查找引用选项(多选)
               options.forEach((option) => {
diff --git a/src/views/Survey/views/Preview/hooks/usePreviewHooks.ts b/src/views/Survey/views/Preview/hooks/usePreviewHooks.ts
new file mode 100644
index 0000000..766e334
--- /dev/null
+++ b/src/views/Survey/views/Preview/hooks/usePreviewHooks.ts
@@ -0,0 +1,3 @@
+import imgUrl from '@/assets/img/create-right-back.png';
+
+export { imgUrl };
diff --git a/src/views/Survey/views/Preview/js/language.js b/src/views/Survey/views/Preview/js/language.js
index 8b439cd..f0e84d2 100644
--- a/src/views/Survey/views/Preview/js/language.js
+++ b/src/views/Survey/views/Preview/js/language.js
@@ -350,7 +350,7 @@ export const language = {
     zh: '请点击查看图片'
   },
   NoteCantViewAfterTimeLimit: {
-    en: "Note: Can't view after time limit",
+    en: 'Note: Can\'t view after time limit',
     zh: '注意：超过显示时间限制后将无法再次查看'
   },
   DisplayTimeLimitExceeded: {
diff --git a/src/views/Survey/views/Preview/js/logical.js b/src/views/Survey/views/Preview/js/logical.js
index c8cf555..1cf5d42 100644
--- a/src/views/Survey/views/Preview/js/logical.js
+++ b/src/views/Survey/views/Preview/js/logical.js
@@ -250,10 +250,10 @@ function quesHandle(answer, logChild) {
   const matrixRateHandle = () => {
     // 如果配置的逻辑中参数为空,则代表没有配置逻辑匹配值，此时不做校验
     if (
-      logChild.cell_index === 0 ||
-      logChild.row_index === 0 ||
-      !logChild.operator ||
-      !logChild.value
+      logChild.cell_index === 0
+      || logChild.row_index === 0
+      || !logChild.operator
+      || !logChild.value
     ) {
       return true;
     }
@@ -265,10 +265,10 @@ function quesHandle(answer, logChild) {
   const matrixInputHandle = () => {
     // 如果配置的逻辑中参数为空,则代表没有配置逻辑匹配值，此时不做校验
     if (
-      logChild.cell_index === 0 ||
-      logChild.row_index === 0 ||
-      !logChild.operator ||
-      !logChild.value
+      logChild.cell_index === 0
+      || logChild.row_index === 0
+      || !logChild.operator
+      || !logChild.value
     ) {
       return true;
     }
@@ -428,59 +428,59 @@ function getConditionStatus(logChild) {
     if (answer) {
       try {
         switch (logChild.question_type) {
-          case 1:
-            quesStatus = quesHandles.choiceHandle(config);
-            break;
-          case 2:
-            quesStatus = quesHandles.choiceCheckBoxHandle(config);
-            break;
-          case 3:
-            quesStatus = quesHandles.cascaderHandle();
-            break;
-          case 4:
-            quesStatus = quesHandles.inputHandle();
-            break;
-          case 5:
-            quesStatus = quesHandles.rateHandle();
-            break;
-          case 7:
-            quesStatus = quesHandles.dateTimeHandle();
-            break;
-          case 8:
-            quesStatus = quesHandles.matrixInputHandle();
-            break;
-          case 9:
-            quesStatus = quesHandles.matrixRadioHandle(config);
-            break;
-          case 10:
-            quesStatus = quesHandles.matrixCheckboxHandle(config);
-            break;
-          case 11:
-            quesStatus = quesHandles.matrixRateHandle();
-            break;
-          case 13:
-            quesStatus = quesHandles.imgRadioHandle();
-            break;
-          case 14:
-            quesStatus = quesHandles.imgCheckBoxHandle();
-            break;
-          case 15:
-            quesStatus = quesHandles.classifyHandle();
-            break;
-          case 16:
-            quesStatus = quesHandles.sortHandle();
-            break;
-          case 17:
-            quesStatus = quesHandles.constantSumHandle();
-            break;
-          case 23:
-            quesStatus = quesHandles.agreementHandle();
-            break;
-          case 101:
-            quesStatus = quesHandles.psmHandle(config);
-            break;
-          default:
-            break;
+        case 1:
+          quesStatus = quesHandles.choiceHandle(config);
+          break;
+        case 2:
+          quesStatus = quesHandles.choiceCheckBoxHandle(config);
+          break;
+        case 3:
+          quesStatus = quesHandles.cascaderHandle();
+          break;
+        case 4:
+          quesStatus = quesHandles.inputHandle();
+          break;
+        case 5:
+          quesStatus = quesHandles.rateHandle();
+          break;
+        case 7:
+          quesStatus = quesHandles.dateTimeHandle();
+          break;
+        case 8:
+          quesStatus = quesHandles.matrixInputHandle();
+          break;
+        case 9:
+          quesStatus = quesHandles.matrixRadioHandle(config);
+          break;
+        case 10:
+          quesStatus = quesHandles.matrixCheckboxHandle(config);
+          break;
+        case 11:
+          quesStatus = quesHandles.matrixRateHandle();
+          break;
+        case 13:
+          quesStatus = quesHandles.imgRadioHandle();
+          break;
+        case 14:
+          quesStatus = quesHandles.imgCheckBoxHandle();
+          break;
+        case 15:
+          quesStatus = quesHandles.classifyHandle();
+          break;
+        case 16:
+          quesStatus = quesHandles.sortHandle();
+          break;
+        case 17:
+          quesStatus = quesHandles.constantSumHandle();
+          break;
+        case 23:
+          quesStatus = quesHandles.agreementHandle();
+          break;
+        case 101:
+          quesStatus = quesHandles.psmHandle(config);
+          break;
+        default:
+          break;
         }
       } catch (error) {
         // console.log(error);
@@ -519,10 +519,10 @@ function getlogicStatus(questionData) {
         // } else {
         //   statusStr = statusStr + conditionStatus;
         // }
-        statusStr =
-          statusStr +
-          (logChild.logic === 'and' ? '&&' : logChild.logic === 'or' ? '||' : '') +
-          conditionStatus;
+        statusStr
+          = statusStr
+          + (logChild.logic === 'and' ? '&&' : logChild.logic === 'or' ? '||' : '')
+          + conditionStatus;
       });
       // eslint-disable-next-line no-eval
       logs.logicStatus = eval(statusStr);
diff --git a/src/views/Survey/views/Preview/js/mock.js b/src/views/Survey/views/Preview/js/mock.js
index 93dea50..f4c3e84 100644
--- a/src/views/Survey/views/Preview/js/mock.js
+++ b/src/views/Survey/views/Preview/js/mock.js
@@ -105,8 +105,8 @@ export default function answerMock(questionsData, page) {
     } else if (logic.skip_type === 4) {
       // 只计算跳转后所在页面的隐藏逻辑，否则会出现只返回最后一道隐藏选项题目的情况，导致失效
       const toPage = page + 1;
-      const hasHiddenLogicQuizPage =
-        data.pages.findIndex((page) => page.includes(logic.question_index)) + 1;
+      const hasHiddenLogicQuizPage
+        = data.pages.findIndex((page) => page.includes(logic.question_index)) + 1;
       if (hasHiddenLogicQuizPage === toPage) {
         // 选项隐藏逻辑
         updateOptionHidden(data.hide_options, logic);
diff --git a/src/views/Survey/views/Preview/js/questions.js b/src/views/Survey/views/Preview/js/questions.js
index b89a20e..cc207d7 100644
--- a/src/views/Survey/views/Preview/js/questions.js
+++ b/src/views/Survey/views/Preview/js/questions.js
@@ -155,9 +155,9 @@ export default defineComponent({
               question.error = translatedText.value.ThisIsARequiredQuestion;
             }
           } else if (
-            answer &&
-            questionType === 1 &&
-            Object.keys(answer).findIndex((value) => !answer[value]) !== -1
+            answer
+            && questionType === 1
+            && Object.keys(answer).findIndex((value) => !answer[value]) !== -1
           ) {
             // 单选题
             isError = true;
@@ -303,9 +303,9 @@ export default defineComponent({
           } else if (answer && questionType === 12) {
             question.error = '';
           } else if (
-            answer &&
-            questionType === 14 &&
-            Object.keys(answer).length < config.min_select
+            answer
+            && questionType === 14
+            && Object.keys(answer).length < config.min_select
           ) {
             // 图片多选题
             isError = true;
@@ -341,51 +341,51 @@ export default defineComponent({
             const { value } = answer;
             const newValue = value.replace(/\n|\r|\r\n/g, '');
             switch (config.text_type) {
-              // 字母
-              case 3:
-                isError =
-                  config.include_mark === 1
-                    ? !/^[a-zA-Z·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]]+$/.test(
-                        newValue
-                      ) || !newValue.length
-                    : !/^[a-zA-Z]+$/.test(newValue) || !newValue.length;
-                question.error = isError ? translatedText.value.PleaseEnterEnglishLetters : '';
-                break;
+            // 字母
+            case 3:
+              isError
+                  = config.include_mark === 1
+                  ? !/^[a-zA-Z·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]]+$/.test(
+                    newValue
+                  ) || !newValue.length
+                  : !/^[a-zA-Z]+$/.test(newValue) || !newValue.length;
+              question.error = isError ? translatedText.value.PleaseEnterEnglishLetters : '';
+              break;
               // 中文
-              case 4:
-                isError =
-                  config.include_mark === 1
-                    ? !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|[·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]])+$/.test(
-                        newValue
-                      ) || !newValue.length
-                    : !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/.test(
-                        newValue
-                      ) || !newValue.length;
-                question.error = isError ? translatedText.value.PleaseEnterChineseWords : '';
-                break;
+            case 4:
+              isError
+                  = config.include_mark === 1
+                  ? !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|[·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]])+$/.test(
+                    newValue
+                  ) || !newValue.length
+                  : !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/.test(
+                    newValue
+                  ) || !newValue.length;
+              question.error = isError ? translatedText.value.PleaseEnterChineseWords : '';
+              break;
               // 邮箱
-              case 5:
-                isError =
-                  !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
-                    value
-                  );
-                question.error = isError ? translatedText.value.PleaseEnterACorrectEmail : '';
-                break;
+            case 5:
+              isError
+                  = !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+                  value
+                );
+              question.error = isError ? translatedText.value.PleaseEnterACorrectEmail : '';
+              break;
               // 手机号
-              case 6:
-                isError = !/^(?:(?:\+|00)86)?1[3-9]\d{9}$/.test(value);
-                question.error = isError ? translatedText.value.PleaseEnterACorrectPhone : '';
-                break;
+            case 6:
+              isError = !/^(?:(?:\+|00)86)?1[3-9]\d{9}$/.test(value);
+              question.error = isError ? translatedText.value.PleaseEnterACorrectPhone : '';
+              break;
               // 身份证号
-              case 7:
-                isError =
-                  !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
-                    value
-                  );
-                question.error = isError ? translatedText.value.PleaseEnterACorrectID : '';
-                break;
-              default:
-                break;
+            case 7:
+              isError
+                  = !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
+                  value
+                );
+              question.error = isError ? translatedText.value.PleaseEnterACorrectID : '';
+              break;
+            default:
+              break;
             }
             if (!isError && value.length < config.min && ![1, 2].includes(config.text_type)) {
               isError = true;
@@ -397,59 +397,59 @@ export default defineComponent({
             Object.keys(answer).forEach((key) => {
               const value = answer[key];
               switch (config.text_type) {
-                // 字母
-                case 3:
-                  if (
-                    !/^[a-zA-Z·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]]+$/.test(
-                      value
-                    )
-                  ) {
-                    question.error = translatedText.value.PleaseEnterEnglishLetters;
-                  }
-                  break;
+              // 字母
+              case 3:
+                if (
+                  !/^[a-zA-Z·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]]+$/.test(
+                    value
+                  )
+                ) {
+                  question.error = translatedText.value.PleaseEnterEnglishLetters;
+                }
+                break;
                 // 中文
-                case 4:
-                  if (
-                    !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|[·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]])+$/.test(
-                      value
-                    )
-                  ) {
-                    question.error = translatedText.value.PleaseEnterChineseWords;
-                  }
-                  break;
+              case 4:
+                if (
+                  !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|[·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]])+$/.test(
+                    value
+                  )
+                ) {
+                  question.error = translatedText.value.PleaseEnterChineseWords;
+                }
+                break;
                 // 邮箱
-                case 5:
-                  if (
-                    !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
-                      value
-                    )
-                  ) {
-                    question.error = translatedText.value.PleaseEnterACorrectEmail;
-                  }
-                  break;
+              case 5:
+                if (
+                  !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+                    value
+                  )
+                ) {
+                  question.error = translatedText.value.PleaseEnterACorrectEmail;
+                }
+                break;
                 // 手机号
-                case 6:
-                  if (!/^(?:(?:\+|00)86)?1[3-9]\d{9}$/.test(value)) {
-                    question.error = translatedText.value.PleaseEnterACorrectPhone;
-                  }
-                  break;
+              case 6:
+                if (!/^(?:(?:\+|00)86)?1[3-9]\d{9}$/.test(value)) {
+                  question.error = translatedText.value.PleaseEnterACorrectPhone;
+                }
+                break;
                 // 身份证号
-                case 7:
-                  if (
-                    !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
-                      value
-                    )
-                  ) {
-                    question.error = translatedText.value.PleaseEnterACorrectID;
-                  }
-                  break;
-                default:
-                  break;
+              case 7:
+                if (
+                  !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
+                    value
+                  )
+                ) {
+                  question.error = translatedText.value.PleaseEnterACorrectID;
+                }
+                break;
+              default:
+                break;
               }
               if (
-                !question.error &&
-                value.length < config.min &&
-                ![1, 2].includes(config.text_type)
+                !question.error
+                && value.length < config.min
+                && ![1, 2].includes(config.text_type)
               ) {
                 question.error = translatedText.value.PleaseEnterMoreThanOneCharacters(config.min);
               }
@@ -825,8 +825,8 @@ export default defineComponent({
           const evt1 = {};
 
           if ([1].includes(question.question_type)) {
-            evt1.value =
-              Object.keys(question.answer)
+            evt1.value
+              = Object.keys(question.answer)
                 .map((key) => (question.answer[key] ? key : undefined))
                 .filter((i) => !!i)?.[0] || undefined;
             evt1.options = question.list.flatMap((i) => i.options);