style(css): 更新样式文件并添加新图标

- 更新 main.scss 和 public.scss，使用 @use 替代 @import - 添加 upload 和 shanchu1 两个新图标 - 更新 iconfont.css 和相关文件以包含新图标
2025-03-17 19:23:00 +08:00
parent 040c6f7cfe
commit 55b9f47b25
50 changed files with 585 additions and 475 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import appBridge from '@/assets/js/appBridge';
 import utils from '@/assets/js/common';

-onMounted(async () => {
+onMounted(async() => {
  if (utils.getParameter('digitalYiliToken')) {
    // 隐藏/显示 header
    appBridge.setHeaderShown(false);
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -85,9 +85,9 @@ export default class CommonApi {
    };
    /* eslint-disable no-useless-escape */
    const reg = /\\|\/|\?|\？|\*|"|“|”|'|‘|’|<|>|{|}|\[|\]|\【|\】|：|:|、|\^|\$|!|~|`|\s|\+/g;
-    name =
-      name ||
-      getRandomFileName(file?.name?.replace(reg, '') ?? '' ?? `${new Date().getTime()}.png`);
+    name
+      = name
+      || getRandomFileName(file?.name?.replace(reg, '') ?? '' ?? `${new Date().getTime()}.png`);
    const res = await CommonApi.getOssInfo();
    /* eslint-enable no-useless-escape */

--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -1,9 +1,20 @@
+// main.scss
+
+/* eslint-disable */
@import 'theme';
+
+/* eslint-disable */
@import 'base';
-@import '../../fonts/iconfont.css';
-@import '../../fonts/moblie/iconfont.css';
+
+/* eslint-disable */
@import 'public';

+/* eslint-disable */
+@import '../../fonts/iconfont.css';
+
+/* eslint-disable */
+@import '../../fonts/moblie/iconfont.css';
+
 a,
 .green {
  padding: 3px;
--- a/src/assets/css/public.scss
+++ b/src/assets/css/public.scss
@@ -1,3 +1,4 @@
+// public.scss
 .van-nav-bar {
  z-index: 999;
  padding-top: calc(var(--status-bar-height) + 15px) !important;
@@ -88,7 +89,7 @@
      bottom: -2px;
      box-sizing: border-box;
      width: 100%;
-      border-bottom: 0.0267rem solid #ebedf0;
+      border-bottom: 0.0267rem solid #fff;
      pointer-events: none;
      transform: scaleY(0.5);
    }
@@ -115,6 +116,11 @@
  color: $theme-color;
 }

+.van-dialog__confirm,
+.van-dialog__confirm:active {
+  color: $theme-color;
+}
+
 .round-group {
  overflow: hidden;
  margin: 13px 10px;
--- a/src/components/YLPicker.vue
+++ b/src/components/YLPicker.vue
@@ -170,8 +170,8 @@ const getMaxDateLimit = computed(() => {
    props.format
  );
  const tempStr = '0000-12-31 23:59:59';
-  const result =
-    props.maxDate.length !== 0 && thisMax.length > props.maxDate.length
+  const result
+    = props.maxDate.length !== 0 && thisMax.length > props.maxDate.length
      ? thisMax.slice(0, props.maxDate.length) + tempStr.slice(props.maxDate.length)
      : thisMax;
  return result.slice(0, props.format.length);
@@ -194,8 +194,8 @@ function onChange({ selectedValues, columnIndex }) {
    renderMinuteColumns,
    renderSecondColumns
  ];
-  updateColumns[columnIndex] &&
-    updateColumns[columnIndex](changeValue, getMinDateLimit.value, getMaxDateLimit.value, false);
+  updateColumns[columnIndex]
+    && updateColumns[columnIndex](changeValue, getMinDateLimit.value, getMaxDateLimit.value, false);
 }

 // 渲染全部列
--- a/src/components/contenteditable.vue
+++ b/src/components/contenteditable.vue
@@ -62,7 +62,7 @@ const functions = {
    document.execCommand('italic', false, null);
  },

-  uploadImage: async () => {
+  uploadImage: async() => {
    // 保存当前光标位置
    savedRange.value = saveSelection();

@@ -71,7 +71,7 @@ const functions = {

    fileInput.click();

-    fileInput.onchange = async (e) => {
+    fileInput.onchange = async(e) => {
      const [file] = e.target.files;
      if (!file) return;
      if (file.size > 2 * 1024 * 1024) {
--- a/src/fonts/demo.css
+++ b/src/fonts/demo.css
@@ -4,11 +4,11 @@
  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
  src:
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix')
-      format('embedded-opentype'),
+    format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont')
-      format('svg');
+    format('svg');
 }

 .logo {
--- a/src/fonts/moblie/demo.css
+++ b/src/fonts/moblie/demo.css
@@ -4,11 +4,11 @@
  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
  src:
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix')
-      format('embedded-opentype'),
+    format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont')
-      format('svg');
+    format('svg');
 }

 .logo {
--- a/src/fonts/moblie/iconfont.css
+++ b/src/fonts/moblie/iconfont.css
@@ -1,9 +1,9 @@
@font-face {
  font-family: mobilefont; /* Project id 4841764 */
  src:
-    url('iconfont.woff2?t=1742191207096') format('woff2'),
-    url('iconfont.woff?t=1742191207096') format('woff'),
-    url('iconfont.ttf?t=1742191207096') format('truetype');
+    url('iconfont.woff2?t=1742209273577') format('woff2'),
+    url('iconfont.woff?t=1742209273577') format('woff'),
+    url('iconfont.ttf?t=1742209273577') format('truetype');
 }

 .mobilefont {
@@ -14,6 +14,14 @@
  -moz-osx-font-smoothing: grayscale;
 }

+.mobilefont-upload::before {
+  content: '\e682';
+}
+
+.mobilefont-shanchu1::before {
+  content: '\ed1b';
+}
+
 .mobilefont-left-long::before {
  content: '\e601';
 }
--- a/src/fonts/moblie/iconfont.js
+++ b/src/fonts/moblie/iconfont.js
--- a/src/fonts/moblie/iconfont.json
+++ b/src/fonts/moblie/iconfont.json
@@ -5,6 +5,20 @@
  "css_prefix_text": "mobilefont-",
  "description": "",
  "glyphs": [
+    {
+      "icon_id": "15838548",
+      "name": "upload",
+      "font_class": "upload",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "24737052",
+      "name": "删除",
+      "font_class": "shanchu1",
+      "unicode": "ed1b",
+      "unicode_decimal": 60699
+    },
    {
      "icon_id": "36915584",
      "name": "left-long",
--- a/src/fonts/moblie/iconfont.ttf
+++ b/src/fonts/moblie/iconfont.ttf
--- a/src/fonts/moblie/iconfont.woff
+++ b/src/fonts/moblie/iconfont.woff
--- a/src/fonts/moblie/iconfont.woff2
+++ b/src/fonts/moblie/iconfont.woff2
--- a/src/layouts/logic.js
+++ b/src/layouts/logic.js
@@ -376,39 +376,39 @@ export function isCross(range1, range2) {
  const isSibling = isLeft || isRight;

  // 逻辑包含循环
-  const contain =
-    (isPlainSequence &&
-      (((isNullish(start2) || isSequence(judge, start2, start1)) &&
-        (isNullish(end2) || isSequence(judge, end2, start1))) ||
-        ((isNullish(start2) || isSequence(start1, start2, end1)) &&
-          (isNullish(end2) || isSequence(start1, end2, end1))))) ||
-    (!isPlainSequence &&
-      (judge < start1
-        ? ((isNullish(start2) || isSequence(judge, start2, start1)) &&
-            (isNullish(end2) || isSequence(judge, end2, start1))) ||
-          ((isNullish(start2) || isSequence(start1, start2, end1)) &&
-            (isNullish(end2) || isSequence(start1, end2, end1)))
-        : ((isNullish(start2) || isSequence(start1, start2, judge)) &&
-            (isNullish(end2) || isSequence(start1, end2, judge))) ||
-          ((isNullish(start2) || isSequence(judge, start2, end1)) &&
-            (isNullish(end2) || isSequence(judge, end2, end1)))));
+  const contain
+    = (isPlainSequence
+      && (((isNullish(start2) || isSequence(judge, start2, start1))
+        && (isNullish(end2) || isSequence(judge, end2, start1)))
+        || ((isNullish(start2) || isSequence(start1, start2, end1))
+          && (isNullish(end2) || isSequence(start1, end2, end1)))))
+    || (!isPlainSequence
+      && (judge < start1
+        ? ((isNullish(start2) || isSequence(judge, start2, start1))
+            && (isNullish(end2) || isSequence(judge, end2, start1)))
+          || ((isNullish(start2) || isSequence(start1, start2, end1))
+            && (isNullish(end2) || isSequence(start1, end2, end1)))
+        : ((isNullish(start2) || isSequence(start1, start2, judge))
+            && (isNullish(end2) || isSequence(start1, end2, judge)))
+          || ((isNullish(start2) || isSequence(judge, start2, end1))
+            && (isNullish(end2) || isSequence(judge, end2, end1)))));
  // 循环存在封闭区间，并且循环包含逻辑
-  const contained =
-    !isNullish(start2) &&
-    !isNullish(end2) &&
+  const contained
+    = !isNullish(start2)
+    && !isNullish(end2)
    // [judge, start1, end1];
-    ((isPlainSequence && start2 <= judge && end1 <= end2) ||
+    && ((isPlainSequence && start2 <= judge && end1 <= end2)
      // [judge, start1, end1];
      // [start1, judge, end1];
-      (!isPlainSequence && start2 <= start1 && start2 <= judge && end1 <= end2));
+      || (!isPlainSequence && start2 <= start1 && start2 <= judge && end1 <= end2));
  // 循环不存在封闭区间
-  const unCircled =
-    (!isNullish(start2) &&
-      isNullish(end2) &&
-      ((isPlainSequence && start2 === judge) || (!isPlainSequence && judge < start1)
+  const unCircled
+    = (!isNullish(start2)
+      && isNullish(end2)
+      && ((isPlainSequence && start2 === judge) || (!isPlainSequence && judge < start1)
        ? start2 === judge
-        : start2 === start1)) ||
-    (isNullish(start2) && !isNullish(end2) && end2 === end1);
+        : start2 === start1))
+    || (isNullish(start2) && !isNullish(end2) && end2 === end1);

  return !(isSibling || contain || contained || unCircled);
 }
@@ -428,8 +428,8 @@ function isSequence(s1, s2, s3, equal) {
 * @param store
 */
 export function updateNewQuestionsByLoopingEffect(quesSaveParam, store) {
-  const { questionInfoBeforeModified = {}, questionInfo = {} } =
-    JSON.parse(JSON.stringify(store.state.common)) || {};
+  const { questionInfoBeforeModified = {}, questionInfo = {} }
+    = JSON.parse(JSON.stringify(store.state.common)) || {};

  const oldPages = questionInfoBeforeModified.survey.pages;
  const newQuestions = questionInfo.questions;
--- a/src/layouts/utils.js
+++ b/src/layouts/utils.js
@@ -43,13 +43,13 @@ function showModal(options) {
 * @param {*} data
 * @returns
 */
-const canPlanetPublishPSM = function (data) {
+const canPlanetPublishPSM = function(data) {
  let isFb = true;
  let message = '';
  let title = '题目设置未完成';
  const incompleteQuestionList = [];
-  data.questions &&
-    data.questions.forEach((s) => {
+  data.questions
+    && data.questions.forEach((s) => {
      if (s.question_type === 101 && s.config.price_gradient.length <= 0) {
        isFb = false;
        message = 'psm题目未完成设置，请设置价格区间后投放';
@@ -73,15 +73,15 @@ const canPlanetPublishPSM = function (data) {
 * @param {*} data
 * @returns
 */
-const canPlanetPublishMxdAndHotArea = function (data) {
+const canPlanetPublishMxdAndHotArea = function(data) {
  let isFb = true;
  let message = '';
  const qSteams = [];
  const incompleteQuestionList = [];
  let type = 0;
  let title = '题目设置未完成';
-  data.questions &&
-    data.questions.forEach((s) => {
+  data.questions
+    && data.questions.forEach((s) => {
      if (s.question_type === 105 && s.config.design_version <= 0) {
        isFb = false;
        message = 'maxdiff题目未完成设置，请生成设计后投放';
@@ -120,23 +120,23 @@ const canPlanetPublishMxdAndHotArea = function (data) {
 * @param {*} data
 * @returns
 */
-const canPlanetPublish3D = function (data) {
-  console.log(56, data);
-
+const canPlanetPublish3D = function(data) {
  {
    let canFB = true;
    let message = '';
    const qSteams = [];
    let title = '';
-    data.questions &&
-      data.questions.forEach((s) => {
+    data.questions
+      && data.questions.forEach((s) => {
        if (QUESTION_TYPE.contains(s.question_type)) {
          try {
            if (s.config.is_three_dimensions && !s.config.scene) {
              canFB = false;
              qSteams.push(`(${s.title})`);
            }
-          } catch (error) {}
+          } catch (error) {
+            // error
+          }
        }
      });

@@ -157,15 +157,15 @@ const canPlanetPublish3D = function (data) {
    let message = '';
    const qSteams = [];
    let title = '';
-    data.questions &&
-      data.questions.forEach((s) => {
+    data.questions
+      && data.questions.forEach((s) => {
        if (QUESTION_TYPE.contains(s.question_type)) {
          try {
            if (s.config.is_three_dimensions && s.config.is_binding_goods) {
              const wares = [];
              const _sceneInformation = s.config.scene_information;
-              const sceneInformation =
-                typeof _sceneInformation === 'string'
+              const sceneInformation
+                = typeof _sceneInformation === 'string'
                  ? JSON.parse(_sceneInformation)
                  : _sceneInformation;
              sceneInformation.shelves.forEach((shelf) => {
@@ -215,14 +215,14 @@ const canPlanetPublish3D = function (data) {
 * @param {*} data
 * @returns
 */
-const canPlanetPublishImage = function (data) {
+const canPlanetPublishImage = function(data) {
  {
    let canFB = true;
    let message = '';
    const qSteams = [];
    let title = '';
-    data.questions &&
-      data.questions.forEach((s) => {
+    data.questions
+      && data.questions.forEach((s) => {
        if (s.question_type === 13) {
          try {
            if (s.options.length <= 0 || s.options.some((y) => y.length <= 0)) {
@@ -317,8 +317,8 @@ function canPublishRandom(data, publishType) {
        if (!isValidated) {
          errors.push({
            message:
-              field.message ||
-              `请填写"${random.title}"中第${index + 1}组"随机题组"的"${field.name}"`
+              field.message
+              || `请填写"${random.title}"中第${index + 1}组"随机题组"的"${field.name}"`
          });
        }
      });
@@ -397,11 +397,11 @@ function isLoopingLogicValid(data, publishType) {
  if (
    (data?.cycle_pages || []).every((i) => {
      return (
-        i.question_index &&
-        i.relation_type !== undefined &&
-        i.relation_type !== null &&
-        i.first_page &&
-        i.last_page
+        i.question_index
+        && i.relation_type !== undefined
+        && i.relation_type !== null
+        && i.first_page
+        && i.last_page
      );
    })
  ) {
@@ -425,7 +425,7 @@ function isLoopingLogicValid(data, publishType) {
 * @param sn
 * @param publishType  undefined投放；null投放；0投放；1预览；2投放；3测试
 */
-export const canPlanetPublish = async function (sn, publishType) {
+export const canPlanetPublish = async function(sn, publishType) {
  const parsedPublishType = !publishType ? 2 : publishType;
  const num = window.location.href.indexOf('code=');
  let code;
--- a/src/request/api/modules/survey.ts
+++ b/src/request/api/modules/survey.ts
@@ -1,2 +1,2 @@
-export const surveyQuestion =
-  'https://yls-api-uat.dctest.digitalyili.com/api/console/surveys/RWNK9BYp/questions';
+export const surveyQuestion
+  = 'https://yls-api-uat.dctest.digitalyili.com/api/console/surveys/RWNK9BYp/questions';
--- a/src/request/axios/index.ts
+++ b/src/request/axios/index.ts
@@ -39,10 +39,10 @@ service.interceptors.request.use(
 service.interceptors.response.use(
  (response) => {
    if (
-      response.status === 200 ||
-      response.status === 201 ||
-      response.status === 202 ||
-      response.status === 204
+      response.status === 200
+      || response.status === 201
+      || response.status === 202
+      || response.status === 204
    ) {
      if (response.config.method === 'put') {
        // message.success('保存中...');
--- a/src/utils/QuestionJsons/NPS.js
+++ b/src/utils/QuestionJsons/NPS.js
@@ -7,7 +7,7 @@ export default {
  options: [
    [
      {
-        id: 'b68d45eb-d833-4b25-b0aa-2fde1310e88d',
+        id: '',
        is_fixed: 0,
        is_other: 0,
        is_remove_other: 0,
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -45,10 +45,10 @@ service.interceptors.request.use(
 service.interceptors.response.use(
  (response) => {
    if (
-      response.status === 200 ||
-      response.status === 201 ||
-      response.status === 202 ||
-      response.status === 204
+      response.status === 200
+      || response.status === 201
+      || response.status === 202
+      || response.status === 204
    ) {
      if (response.config.method === 'put') {
        // message.success('保存中...');
--- a/src/views/Design/components/ActionCompoents/OptionAction.vue
+++ b/src/views/Design/components/ActionCompoents/OptionAction.vue
@@ -134,23 +134,23 @@ const openOptionActionModel = (item, index) => {
 // 上下移动
 const optionMove = (action) => {
  switch (action.action) {
-    case 'up':
-      if (activeIndex.value === 0) {
-        moveShow.value = false;
-        return false;
-      }
-      // 向上移动
-      element.value.splice(activeIndex.value - 1, 0, element.value.splice(activeIndex.value, 1)[0]);
-      activeIndex.value -= 1;
-      break;
-    case 'down':
-      if (activeIndex.value === element.value.length - 1) {
-        moveShow.value = false;
-        return false;
-      }
-      element.value.splice(activeIndex.value + 1, 0, element.value.splice(activeIndex.value, 1)[0]);
-      activeIndex.value += 1;
-      break;
+  case 'up':
+    if (activeIndex.value === 0) {
+      moveShow.value = false;
+      return false;
+    }
+    // 向上移动
+    element.value.splice(activeIndex.value - 1, 0, element.value.splice(activeIndex.value, 1)[0]);
+    activeIndex.value -= 1;
+    break;
+  case 'down':
+    if (activeIndex.value === element.value.length - 1) {
+      moveShow.value = false;
+      return false;
+    }
+    element.value.splice(activeIndex.value + 1, 0, element.value.splice(activeIndex.value, 1)[0]);
+    activeIndex.value += 1;
+    break;
  }
 };

--- a/src/views/Design/components/ActionCompoents/QuestionAction.vue
+++ b/src/views/Design/components/ActionCompoents/QuestionAction.vue
@@ -267,8 +267,8 @@ const getSkipTypeText = (skipType) => {
  const ls = [];
  logics.map((item) => {
    if (
-      item.skip_type === skipType &&
-      item.question_index === activeQuestion.value.question_index
+      item.skip_type === skipType
+      && item.question_index === activeQuestion.value.question_index
    ) {
      ls.push(item);
    }
@@ -284,13 +284,13 @@ const getSkipTypeText = (skipType) => {

 const questionSetting = (type) => {
  switch (type) {
-    case 'before':
-      questionBeforeShow.value = true;
+  case 'before':
+    questionBeforeShow.value = true;

-      break;
-    case 'after':
-      questionBeforeShow.value = true;
-      break;
+    break;
+  case 'after':
+    questionBeforeShow.value = true;
+    break;
  }
  skipType.value = type === 'before' ? 1 : 0;
 };
--- a/src/views/Design/components/ActionCompoents/components/QuestionItemAction/QuestionBefore.vue
+++ b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/QuestionBefore.vue
@@ -144,8 +144,8 @@
              <BeforeRate
                v-if="
                  log.logic !== 'always' &&
-                  log.is_answer !== 0 &&
-                  [5, 106].includes(log.question_type)
+                    log.is_answer !== 0 &&
+                    [5, 106].includes(log.question_type)
                "
                :activeQuestion="activeQuestion"
                :logic="log"
--- a/src/views/Design/components/ActionCompoents/components/QuestionItemAction/RateQuestionAction.vue
+++ b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/RateQuestionAction.vue
@@ -108,9 +108,9 @@ function isSurplus() {
    return false;
  } else {
    return (
-      parseFloat(((localConfig.value.max - localConfig.value.min) * 1000).toFixed(4, 10)) %
-        parseFloat((localConfig.value.score_interval * 1000).toFixed(4, 10)) ===
-      0
+      parseFloat(((localConfig.value.max - localConfig.value.min) * 1000).toFixed(4, 10))
+        % parseFloat((localConfig.value.score_interval * 1000).toFixed(4, 10))
+      === 0
    );
  }
 }
--- a/src/views/Design/components/Questions/FileUpload.vue
+++ b/src/views/Design/components/Questions/FileUpload.vue
@@ -64,6 +64,7 @@ const emitValue = () => {
      :label="element.stem"
      :required="element.config.is_required === 1"
      label-align="top"
+      class="contenteditable-question-title"
    >
      <template #left-icon>
        {{ index + 1 }}
@@ -79,8 +80,8 @@ const emitValue = () => {

      <template #input>
        <div class="file-upload-label">
-          <van-icon name="photo"></van-icon>
-          <span>上传文件</span>
+          <van-icon class-prefix="mobilefont" name="upload " />
+          <span>文件上传</span>
        </div>
      </template>
    </van-field>
@@ -90,12 +91,20 @@ const emitValue = () => {
 <style lang="scss" scoped>
 .file-upload-label {
  display: flex;
-  gap: 10px;
+  flex-direction: column;
  align-items: center;
-  width: 100%;
+  justify-content: center;
+
+  //width: 100%;
  height: 50px;
-  padding: 5px;
-  border: 1px solid #dfdfdf;
-  border-radius: 3px;
+  margin: 60px 0;
+  padding: 16px 18px;
+  border: 1px dashed #979797;
+  border-radius: 8px;
+  color: #666;
+
+  //gap: 10px;
+  font-size: 12px;
+  text-align: center;
 }
 </style>
--- a/src/views/Design/components/Questions/MartrixQuestion.vue
+++ b/src/views/Design/components/Questions/MartrixQuestion.vue
@@ -21,14 +21,14 @@ const { element } = toRefs(props);
 */
 const tableInputTypeMapping = (/** regx?: any */) => {
  switch (element.value.question_type) {
-    case 8:
-      return 'text';
-    case 9:
-      return 'radio';
-    case 10:
-      return 'checkbox';
-    default:
-      return 'radio';
+  case 8:
+    return 'text';
+  case 9:
+    return 'radio';
+  case 10:
+    return 'checkbox';
+  default:
+    return 'radio';
  }
 };

--- a/src/views/Design/components/Questions/MatrixQuestion.vue
+++ b/src/views/Design/components/Questions/MatrixQuestion.vue
@@ -23,14 +23,14 @@ const matrixAnswer = ref({
 */
 const tableInputTypeMapping = (/** regx?: any */) => {
  switch (element.question_type) {
-    case 8:
-      return 'text';
-    case 9:
-      return 'radio';
-    case 10:
-      return 'checkbox';
-    default:
-      return 'radio';
+  case 8:
+    return 'text';
+  case 9:
+    return 'radio';
+  case 10:
+    return 'checkbox';
+  default:
+    return 'radio';
  }
 };

@@ -67,55 +67,55 @@ function handleColNameChange(rowOption: string, colOption: string, e: any) {

  // 不同的 question_type 的 matrix 问卷处理不同的结果
  switch (element.question_type) {
-    case 8: {
-      // 获取输入框元素
-      const inputElement = e.target as HTMLInputElement;
-      // 如果没有获取到输入框元素，则直接返回
-      if (!inputElement) return;
-      // 将输入框的值保存到 rowRecord 对应位置
-      rowRecord[col] = e!.target!.value;
-      // 清空 matrixAnswer 的 answer 属性
-      matrixAnswer.value.answer = {};
-      // 遍历所有行选项
-      element.options[0].forEach((_, rowIndex) => {
-        // 获取当前行记录
-        const colOptions = rowRecord[rowIndex];
-        // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
-        if (colOptions) {
-          matrixAnswer.value.answer[`R${rowIndex + 1}_C${col + 1}`] = colOptions;
-        }
-      });
-      break;
-    }
-    case 9:
-      // 将选择的行索引加1后保存到 rowRecord 对应位置
-      rowRecord[col] = row + 1;
-      // 清空 matrixAnswer 的 answer 属性
-      matrixAnswer.value.answer = {};
-      // 遍历 rowRecord，更新 matrixAnswer 的 answer 属性
-      rowRecord.forEach((row, index) => {
-        matrixAnswer.value.answer[`${index + 1}_${row}`] = 1;
-      });
-      break;
-    case 10:
-      // 将选择的行索引加1后添加到 rowRecord 对应位置的数组中
-      rowRecord[col] = (rowRecord[col] || []).concat(row + 1);
-      // 清空 matrixAnswer 的 answer 属性
-      matrixAnswer.value.answer = {};
-      // 遍历所有行选项
-      element.options[0].forEach((rowOption, rowIndex) => {
-        // 获取当前行记录
-        const colOptions = rowRecord[rowIndex];
-        // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
-        if (colOptions) {
-          colOptions.forEach((col: any) => {
-            matrixAnswer.value.answer[`R${rowIndex + 1}_C${col}`] = true;
-          });
-        }
-      });
-      break;
-    default:
-      break;
+  case 8: {
+    // 获取输入框元素
+    const inputElement = e.target as HTMLInputElement;
+    // 如果没有获取到输入框元素，则直接返回
+    if (!inputElement) return;
+    // 将输入框的值保存到 rowRecord 对应位置
+    rowRecord[col] = e!.target!.value;
+    // 清空 matrixAnswer 的 answer 属性
+    matrixAnswer.value.answer = {};
+    // 遍历所有行选项
+    element.options[0].forEach((_, rowIndex) => {
+      // 获取当前行记录
+      const colOptions = rowRecord[rowIndex];
+      // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
+      if (colOptions) {
+        matrixAnswer.value.answer[`R${rowIndex + 1}_C${col + 1}`] = colOptions;
+      }
+    });
+    break;
+  }
+  case 9:
+    // 将选择的行索引加1后保存到 rowRecord 对应位置
+    rowRecord[col] = row + 1;
+    // 清空 matrixAnswer 的 answer 属性
+    matrixAnswer.value.answer = {};
+    // 遍历 rowRecord，更新 matrixAnswer 的 answer 属性
+    rowRecord.forEach((row, index) => {
+      matrixAnswer.value.answer[`${index + 1}_${row}`] = 1;
+    });
+    break;
+  case 10:
+    // 将选择的行索引加1后添加到 rowRecord 对应位置的数组中
+    rowRecord[col] = (rowRecord[col] || []).concat(row + 1);
+    // 清空 matrixAnswer 的 answer 属性
+    matrixAnswer.value.answer = {};
+    // 遍历所有行选项
+    element.options[0].forEach((rowOption, rowIndex) => {
+      // 获取当前行记录
+      const colOptions = rowRecord[rowIndex];
+      // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
+      if (colOptions) {
+        colOptions.forEach((col: any) => {
+          matrixAnswer.value.answer[`R${rowIndex + 1}_C${col}`] = true;
+        });
+      }
+    });
+    break;
+  default:
+    break;
  }
 }
 </script>
--- a/src/views/Design/components/Questions/NPS.vue
+++ b/src/views/Design/components/Questions/NPS.vue
@@ -5,6 +5,7 @@
      :label="element.stem"
      :required="element.config.is_required === 1"
      label-align="top"
+      class="contenteditable-question-title"
    >
      <template #left-icon>
        {{ index + 1 }}
@@ -16,25 +17,24 @@
        <div
          v-for="(optionItem, optionItemIndex) in isPreview ? element.list : element.options"
          :key="optionItemIndex"
+          class="rate-content"
        >
          <div
            v-for="(item, optionIndex) in isPreview ? optionItem.options : optionItem"
            :key="optionIndex"
            @click="chooseOption(item)"
          >
-            <RateCharacter
-              v-model="rate"
-              :index="optionIndex"
-              :config="element.config"
-              @change="handleRateChange"
-            >
-            </RateCharacter>
-            <div class="tips">
+            <div class="tips mb5">
              <p>{{ element.config.prompt_left }}</p>
              <p>{{ element.config.prompt_center }}</p>
              <p>{{ element.config.prompt_right }}</p>
            </div>
-            <RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
+            <RateCharacter
+              v-model="answerValue"
+              :config="element.config"
+              :index="optionIndex"
+              @change="handleRateChange"
+            ></RateCharacter>
          </div>
        </div>
      </template>
@@ -43,14 +43,11 @@
 </template>

 <script setup>
-import { ref, toRefs } from 'vue';
+import { ref } from 'vue';
 import RateCharacter from './RateCharacter.vue';

 const isPreview = defineModel('isPreview', { default: false, type: Boolean });
 const props = defineProps({
-  element: {
-    type: Object
-  },
  index: {
    type: Number,
    default: 0
@@ -66,6 +63,14 @@ const props = defineProps({
 // answer 的答案以 矩阵形式存储， 例如 [4,7]，上层更新答案的时候也容易
 const rates = defineModel('rates', { default: [], type: Array });
 const rate = ref(0);
+const answerValue = ref();
+
+const element = defineModel('element', {
+  type: Object,
+  default: () => {
+    return {};
+  }
+});

 // 不知道的 BUG ，开始的时候不能重置颜色。 故如此
 setTimeout(() => {
@@ -92,7 +97,6 @@ function handleRateChange(index, rate) {
  localStorage.setItem(props.sn, rate.value);
 }

-const { element } = toRefs(props);
 const chooseId = ref('');
 const emit = defineEmits(['update:element']);
 const saveStem = () => {
@@ -107,11 +111,33 @@ const chooseOption = (item) => {
 <style scoped lang="scss">
 .content {
  background-color: #fff;
+
+  & .rate-content {
+    width: 100%;
+    margin-top: 12px;
+
+    & .rate-item {
+      margin-bottom: 8px;
+      padding: 11px 13px;
+      border: 1px solid #f4f4f4;
+      border-radius: 8px;
+      background: #fafbfc;
+    }
+  }
+}
+
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.mb5 {
+  margin-bottom: 5px;
 }

 .tips {
  display: flex;
  justify-content: space-between;
  color: #b8b8b8;
+  font-size: 12px;
 }
 </style>
--- a/src/views/Design/components/Questions/Rate.vue
+++ b/src/views/Design/components/Questions/Rate.vue
@@ -18,14 +18,24 @@
        ></contenteditable>
      </template>
      <template #input>
-        <div v-for="(optionItem, optionItemIndex) in element.options" :key="optionItemIndex">
+        <div
+          v-for="(optionItem, optionItemIndex) in element.options"
+          :key="optionItemIndex"
+          class="rate-content"
+        >
          <div
            v-for="(item, optionIndex) in optionItem"
            :key="optionIndex"
+            class="rate-item"
            @click="chooseOption(item)"
          >
-            <contenteditable v-model="item.option" :active="active"></contenteditable>
-            <RateCharacter :config="element.config"></RateCharacter>
+            <div class="mb5">
+              <contenteditable v-model="item.option" :active="active"></contenteditable>
+            </div>
+            <div class="mb10">
+              <RateCharacter :config="element.config"></RateCharacter>
+            </div>
+
            <div class="tips">
              <p>{{ element.config.prompt_left }}</p>
              <p>{{ element.config.prompt_center }}</p>
@@ -81,8 +91,29 @@ const chooseOption = (item) => {
 </script>

 <style scoped lang="scss">
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.mb5 {
+  margin-bottom: 5px;
+}
+
 .content {
  background-color: #fff;
+
+  & .rate-content {
+    width: 100%;
+    margin-top: 12px;
+
+    & .rate-item {
+      margin-bottom: 8px;
+      padding: 11px 5px;
+      border: 1px solid #f4f4f4;
+      border-radius: 8px;
+      background: #fafbfc;
+    }
+  }
 }

 .tips {
--- a/src/views/Design/components/Questions/RateCharacter.vue
+++ b/src/views/Design/components/Questions/RateCharacter.vue
@@ -107,19 +107,28 @@ watch(
 <style scoped lang="scss">
 ul {
  display: flex;
-  margin-bottom: 10px;
+
+  //margin-bottom: 10px;
 }

 .rate_item {
-  margin: 0 3px;
-  margin-top: 5px;
-  padding: 0 6px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  color: #666;
+  width: 21px;
+  height: 21px;
+  margin: 0 5px 0 0;
+  border: 1px solid #979797;
+  border-radius: 5px;
+
+  //padding: 0 6px;
+  color: #000;
+
+  //margin-top: 5px;
+  font-weight: 600;
+  line-height: 20px;
+  text-align: center;
 }

 .active_item {
+  border-color: #70b936;
  background-color: #70b936;
  color: #fff;
 }
--- a/src/views/Design/components/Questions/TextWithImages.vue
+++ b/src/views/Design/components/Questions/TextWithImages.vue
@@ -5,7 +5,7 @@
      :label="element.stem"
      :required="element.config.is_required === 1"
      label-align="top"
-      class="base-select"
+      class="base-select contenteditable-question-title"
    >
      <template #left-icon>
        {{ index + 1 }}
--- a/src/views/Design/components/Questions/paging/Paging.vue
+++ b/src/views/Design/components/Questions/paging/Paging.vue
@@ -11,8 +11,7 @@
          class="iconfont active-icon"
          :style="{ marginRight: isLastPage ? '0' : '16px' }"
          @click="activePage"
-          >&#xe86c;</i
-        >
+        >&#xe86c;</i>
        <template v-if="!isLastPage">
          <i class="iconfont moverQues" style="margin-right: 16px">&#xe71b;</i>
          <i class="iconfont" @click="deleteHandle">&#xe6c5;</i>
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -9,7 +9,7 @@ import { showFailToast } from 'vant';
 const contentShow = ref(false);
 const show = ref(false);

-onMounted(async () => {
+onMounted(async() => {
  if (utils.getSessionStorage('xToken')) {
    const appToken = utils.getSessionStorage('xToken');
    getUserInfo(appToken)
--- a/src/views/Home/components/LastSurvey/Index.vue
+++ b/src/views/Home/components/LastSurvey/Index.vue
@@ -46,7 +46,7 @@ import { getSurveysPage } from '@/api/home/index.js';
 const survey = ref({
  project_name: ''
 });
-const fetchSurveys = async () => {
+const fetchSurveys = async() => {
  const params = {
    page: 1,
    per_page: 10,
--- a/src/views/Home/components/Market/Index.vue
+++ b/src/views/Home/components/Market/Index.vue
@@ -20,7 +20,7 @@ const marketList = ref([]);
 const active = ref(null);
 const marketInfo = ref([]);

-const getTableList = async () => {
+const getTableList = async() => {
  const res = await getListScene();
  if (res.data.code === 0) {
    res.data.data.forEach((item) => {
@@ -31,7 +31,7 @@ const getTableList = async () => {
    getMarketInfo(marketList.value[0]);
  }
 };
-const getMarketInfo = async (item) => {
+const getMarketInfo = async(item) => {
  const data = marketList.value.filter((market, index) => item === index)[0];
  if (data) {
    const params = {
--- a/src/views/Home/components/Market/components/MarketItem.vue
+++ b/src/views/Home/components/Market/components/MarketItem.vue
@@ -62,7 +62,7 @@ const deleteItem = (item) => {
    showCancelButton: true,
    confirmButtonColor: '#03B03C'
  })
-    .then(async () => {
+    .then(async() => {
      const res = await deleteTemplate(item.sn);
      if (res.data.code === 0) {
        showSuccessToast('删除成功');
--- a/src/views/Market/Index.vue
+++ b/src/views/Market/Index.vue
@@ -3,9 +3,7 @@
    <div v-for="item in 10" :key="item" class="template">
      <img src="https://picsum.photos/131/128" width="110" height="100" alt="" />
      <span>报名/签到模板</span>
-      <span style="color: rgb(127, 127, 127)"
-        >报名签到 | 引用 {{ item }} 次 | 创建人: {{ '张三' }}</span
-      >
+      <span style="color: rgb(127, 127, 127)">报名签到 | 引用 {{ item }} 次 | 创建人: {{ '张三' }}</span>
    </div>
  </div>
 </template>
--- a/src/views/Survey/Index.vue
+++ b/src/views/Survey/Index.vue
@@ -46,10 +46,10 @@
        <div>
          <el-button @click="deleteItem(item)"> 删除</el-button>
          <el-button @click="copyItem(item)"> 复制</el-button>
-          <el-button @click="toPreiview(item)" style="border: 2px solid #71b73c">
+          <el-button style="border: 2px solid #71b73c" @click="toPreiview(item)">
            <el-text style="color: #71b73c">预览</el-text>
          </el-button>
-          <el-button @click="toPublish(item)" color="#6fb937">
+          <el-button color="#6fb937" @click="toPublish(item)">
            <el-text style="color: white">开启投放</el-text>
          </el-button>
        </div>
@@ -70,7 +70,7 @@

 <script setup>
 import { ref, onMounted } from 'vue';
-import { deleteTemplate, getSurveysPage, copySurveys, deleteSurveys } from '@/api/home/index.js';
+import { getSurveysPage, copySurveys, deleteSurveys } from '@/api/home/index.js';
 import { Io5EllipsisHorizontalSharp } from 'vue-icons-plus/io5';
 import { showDialog, showFailToast, showSuccessToast, showToast } from 'vant';
 import { useRouter } from 'vue-router';
@@ -81,7 +81,7 @@ const form = ref({
  pageSize: 10
 });

-const fetchSurveys = async () => {
+const fetchSurveys = async() => {
  const params = {
    page: form.value.page,
    per_page: form.value.pageSize,
@@ -112,7 +112,7 @@ const deleteItem = (item) => {
    showCancelButton: true,
    confirmButtonColor: '#03B03C'
  })
-    .then(async () => {
+    .then(async() => {
      const res = await deleteSurveys(item.sn);
      if (res.data.message) {
        showToast(res.data.message);
@@ -136,9 +136,8 @@ const copyItem = (item) => {
    showCancelButton: true,
    confirmButtonColor: '#03B03C'
  })
-    .then(async () => {
+    .then(async() => {
      const res = await copySurveys(item.sn);
-      console.log(res);
      if (res.data.code === 200 || res.data.code === 201) {
        showSuccessToast('复制成功');
        form.value.page = 1;
--- a/src/views/Survey/views/Create/Index.vue
+++ b/src/views/Survey/views/Create/Index.vue
@@ -408,14 +408,14 @@ const questionEvent = (item) => {
      options:
        item.json.options.length > 0
          ? item.json.options.map((item) => {
-              return item.map((it) => {
-                return {
-                  ...it,
-                  // 主键生成
-                  id: uuidv4()
-                };
-              });
-            })
+            return item.map((it) => {
+              return {
+                ...it,
+                // 主键生成
+                id: uuidv4()
+              };
+            });
+          })
          : []
    })
  );
@@ -548,7 +548,7 @@ const previewQuestion = () => {
  router.push({ name: 'preview', query: { ...route.query } });
 };

-onMounted(async () => {
+onMounted(async() => {
  await getQuestionDetail();
 });
 </script>
@@ -565,7 +565,7 @@ onMounted(async () => {
      max-height: 200px;
      color: #fff;

-      ::v-deep .content-title {
+      :deep(.content-title) {
        overflow: auto;
        width: 230px;
        height: 30px;
@@ -574,7 +574,7 @@ onMounted(async () => {
        font-size: 18px;
      }

-      ::v-deep .introduction {
+      :deep(.introduction) {
        overflow: auto;
        width: 230px;
        height: 45px;
@@ -617,7 +617,7 @@ onMounted(async () => {
  }
 }

-::v-deep .van-popup--bottom.van-popup--round {
+:deep(.van-popup--bottom.van-popup--round) {
  background-color: #f2f2f2 !important;
 }

@@ -730,20 +730,20 @@ onMounted(async () => {
 }

 .child-group {
-  & ::v-deep .van-field__label {
+  & :deep(.van-field__label) {
    width: 140px;
    color: #bfbfbf;
    font-size: 12px;
  }

-  & ::v-deep .van-cell__title {
+  & :deep(.van-cell__title) {
    width: 140px;
    color: #bfbfbf;
    font-size: 12px;
  }
 }

-::v-deep .van-button--plain.van-button--primary {
+:deep(.van-button--plain.van-button--primary) {
  padding: 13px 15px;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
@@ -752,7 +752,7 @@ onMounted(async () => {
  font-weight: bold;
 }

-::v-deep .van-button--plain.van-button--success {
+:deep(.van-button--plain.van-button--success) {
  padding: 13px 15px;
  border: 1px solid #70b937;
  border-radius: 10px;
--- 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);
--- 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);
      };
--- 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;
      }
    }

--- 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;
        }
--- 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) => {
--- 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: {
--- 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);
--- 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);
--- 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);
--- a/src/views/Survey/views/Publish/Index.vue
+++ b/src/views/Survey/views/Publish/Index.vue
@@ -95,17 +95,17 @@ type OperateItem = (typeof operateList)[0];

 const operateBtn = (item: OperateItem) => {
  switch (item.type) {
-    case 'shareLink':
-      shareLink();
-      break;
-    case 'copyLink':
-      copyLink();
-      break;
-    case 'qrCode':
-      downLoadImg();
-      break;
-    default:
-      break;
+  case 'shareLink':
+    shareLink();
+    break;
+  case 'copyLink':
+    copyLink();
+    break;
+  case 'qrCode':
+    downLoadImg();
+    break;
+  default:
+    break;
  }
 };
 // 复制链接
@@ -193,7 +193,7 @@ watch(status, (val) => {
    getCode();
  }
 });
-onMounted(async () => {
+onMounted(async() => {
  // status.value = 1;
  // publishInfo.value.img_url
  //   = 'https://test-cxp-pubcos.yili.com/uat-yls//survey-api/publish/202503130938138261340.png';
--- a/src/views/Survey/views/Success/Index.vue
+++ b/src/views/Survey/views/Success/Index.vue
@@ -6,8 +6,8 @@
 </template>

 <script setup>
-const successImg =
-  'https://files.axshare.com/gsc/DR6075/c7/5a/53/c75a534148d349f1bb8e185629f784ac/images/%E9%A2%84%E8%A7%88/u123.png?pageId=18fb9d8a-b9b7-465f-9bd7-625b1b78f72e';
+const successImg
+  = 'https://files.axshare.com/gsc/DR6075/c7/5a/53/c75a534148d349f1bb8e185629f784ac/images/%E9%A2%84%E8%A7%88/u123.png?pageId=18fb9d8a-b9b7-465f-9bd7-625b1b78f72e';
 </script>

 <style lang="scss" scoped>