feat:首页样式联调

2025-03-14 18:25:39 +08:00
parent 5f25815b8e
commit c4acd8a5c4
32 changed files with 902 additions and 526 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,6 +1,7 @@
 # .env.development
 VITE_APP_BASEURL=https://yls-api-uat.dctest.digitalyili.com
 VITE_APP_BASEDOMAIM=https://ylst-h5-uat.dctest.digitalyili.com
+# VITE_APP_BASEURL=http://192.168.8.165:15011
 VITE_APP_ENV=development
 VITE_APP_CURRENTMODE=dev
 VITE_APP_BASEOSS=https://diaoyan-files.automark.cc
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -5,6 +5,4 @@
 // Generated by unplugin-auto-import
 // biome-ignore lint: disable
 export {}
-declare global {
-
-}
+declare global {}
--- a/components.d.ts
+++ b/components.d.ts
@@ -2,12 +2,14 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-export {}
+export {};

 /* prettier-ignore */
 declare module 'vue' {
  export interface GlobalComponents {
    Contenteditable: typeof import('./src/components/contenteditable.vue')['default']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
    RichText: typeof import('./src/components/RichText.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
@@ -19,12 +21,8 @@ declare module 'vue' {
    VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
    VanCol: typeof import('vant/es')['Col']
    VanDivider: typeof import('vant/es')['Divider']
-    VanFeild: typeof import('vant/es')['Feild']
    VanField: typeof import('vant/es')['Field']
-    VanGrid: typeof import('vant/es')['Grid']
-    VanGridItem: typeof import('vant/es')['GridItem']
    VanIcon: typeof import('vant/es')['Icon']
-    VanNavBar: typeof import('vant/es')['NavBar']
    VanPicker: typeof import('vant/es')['Picker']
    VanPopup: typeof import('vant/es')['Popup']
    VanRadio: typeof import('vant/es')['Radio']
@@ -33,8 +31,10 @@ declare module 'vue' {
    VanSearch: typeof import('vant/es')['Search']
    VanStepper: typeof import('vant/es')['Stepper']
    VanSwitch: typeof import('vant/es')['Switch']
+    VanTab: typeof import('vant/es')['Tab']
    VanTabbar: typeof import('vant/es')['Tabbar']
    VanTabbarItem: typeof import('vant/es')['TabbarItem']
+    VanTabs: typeof import('vant/es')['Tabs']
    YLCascader: typeof import('./src/components/YLCascader.vue')['default']
    YLPicker: typeof import('./src/components/YLPicker.vue')['default']
    YLSelect: typeof import('./src/components/YLSelect.vue')['default']
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
        "sortablejs": "^1.15.6",
        "uuid": "^11.1.0",
        "vant": "^4.9.17",
+        "vconsole": "^3.15.1",
        "vite-plugin-vue": "^0.0.1",
        "vue": "^3.4.29",
        "vue-router": "^4.3.3",
@@ -43,6 +44,9 @@
        "unplugin-vue-components": "^0.27.5",
        "vite": "^5.3.1",
        "vue-tsc": "^2.0.21"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-linux-x64-musl": "*"
      }
    },
    "node_modules/@ampproject/remapping": {
@@ -492,6 +496,17 @@
        "@babel/core": "^7.0.0-0"
      }
    },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.10",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.26.10.tgz",
+      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
    "node_modules/@babel/template": {
      "version": "7.26.9",
      "dev": true,
@@ -1598,6 +1613,239 @@
        }
      }
    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.8.tgz",
+      "integrity": "sha512-q217OSE8DTp8AFHuNHXo0Y86e1wtlfVrXiAlwkIvGRQv9zbc6mE3sjIVfwI8sYUyNxwOg0j/Vm1RKM04JcWLJw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.8.tgz",
+      "integrity": "sha512-Gigjz7mNWaOL9wCggvoK3jEIUUbGul656opstjaUSGC3eT0BM7PofdAJaBfPFWWkXNVAXbaQtC99OCg4sJv70Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.8.tgz",
+      "integrity": "sha512-02rVdZ5tgdUNRxIUrFdcMBZQoaPMrxtwSb+/hOfBdqkatYHR3lZ2A2EGyHq2sGOd0Owk80oV3snlDASC24He3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.8.tgz",
+      "integrity": "sha512-qIP/elwR/tq/dYRx3lgwK31jkZvMiD6qUtOycLhTzCvrjbZ3LjQnEM9rNhSGpbLXVJYQ3rq39A6Re0h9tU2ynw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.8.tgz",
+      "integrity": "sha512-IQNVXL9iY6NniYbTaOKdrlVP3XIqazBgJOVkddzJlqnCpRi/yAeSOa8PLcECFSQochzqApIOE1GHNu3pCz+BDA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.8.tgz",
+      "integrity": "sha512-TYXcHghgnCqYFiE3FT5QwXtOZqDj5GmaFNTNt3jNC+vh22dc/ukG2cG+pi75QO4kACohZzidsq7yKTKwq/Jq7Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.8.tgz",
+      "integrity": "sha512-A4iphFGNkWRd+5m3VIGuqHnG3MVnqKe7Al57u9mwgbyZ2/xF9Jio72MaY7xxh+Y87VAHmGQr73qoKL9HPbXj1g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.8.tgz",
+      "integrity": "sha512-S0lqKLfTm5u+QTxlFiAnb2J/2dgQqRy/XvziPtDd1rKZFXHTyYLoVL58M/XFwDI01AQCDIevGLbQrMAtdyanpA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.8.tgz",
+      "integrity": "sha512-jpz9YOuPiSkL4G4pqKrus0pn9aYwpImGkosRKwNi+sJSkz+WU3anZe6hi73StLOQdfXYXC7hUfsQlTnjMd3s1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.8.tgz",
+      "integrity": "sha512-KdSfaROOUJXgTVxJNAZ3KwkRc5nggDk+06P6lgi1HLv1hskgvxHUKZ4xtwHkVYJ1Rep4GNo+uEfycCRRxht7+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.8.tgz",
+      "integrity": "sha512-NyF4gcxwkMFRjgXBM6g2lkT58OWztZvw5KkV2K0qqSnUEqCVcqdh2jN4gQrTn/YUpAcNKyFHfoOZEer9nwo6uQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.8.tgz",
+      "integrity": "sha512-LMJc999GkhGvktHU85zNTDImZVUCJ1z/MbAJTnviiWmmjyckP5aQsHtcujMjpNdMZPT2rQEDBlJfubhs3jsMfw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.8.tgz",
+      "integrity": "sha512-xAQCAHPj8nJq1PI3z8CIZzXuXCstquz7cIOL73HHdXiRcKk8Ywwqtx2wrIy23EcTn4aZ2fLJNBB8d0tQENPCmw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.8.tgz",
+      "integrity": "sha512-DdePVk1NDEuc3fOe3dPPTb+rjMtuFw89gw6gVWxQFAuEqqSdDKnrwzZHrUYdac7A7dXl9Q2Vflxpme15gUWQFA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.8.tgz",
+      "integrity": "sha512-8y7ED8gjxITUltTUEJLQdgpbPh1sUQ0kMTmufRF/Ns5tI9TNMNlhWtmPKKHCU0SilX+3MJkZ0zERYYGIVBYHIA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.35.0",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.35.0.tgz",
+      "integrity": "sha512-QysqXzYiDvQWfUiTm8XmJNO2zm9yC9P/2Gkrwg2dH9cxotQzunBHYr6jk4SujCTqnfGxduOmQcI7c2ryuW8XVg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.8.tgz",
+      "integrity": "sha512-YHYsgzZgFJzTRbth4h7Or0m5O74Yda+hLin0irAIobkLQFRQd1qWmnoVfwmKm9TXIZVAD0nZ+GEb2ICicLyCnQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.8.tgz",
+      "integrity": "sha512-r3NRQrXkHr4uWy5TOjTpTYojR9XmF0j/RYgKCef+Ag46FWUTltm5ziticv8LdNsDMehjJ543x/+TJAek/xBA2w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
    "node_modules/@rollup/rollup-win32-x64-msvc": {
      "version": "4.34.8",
      "cpu": [
@@ -5146,6 +5394,27 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/copy-text-to-clipboard": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.41.0",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.41.0.tgz",
+      "integrity": "sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
    "node_modules/cosmiconfig": {
      "version": "9.0.0",
      "resolved": "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
@@ -8047,6 +8316,11 @@
      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
      "dev": true
    },
+    "node_modules/mutation-observer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/mutation-observer/-/mutation-observer-1.0.3.tgz",
+      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
+    },
    "node_modules/nanoid": {
      "version": "3.3.8",
      "funding": [
@@ -8852,6 +9126,11 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
    "node_modules/regexp.prototype.flags": {
      "version": "1.5.4",
      "resolved": "https://registry.npmmirror.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
@@ -8995,6 +9274,19 @@
        "fsevents": "~2.3.2"
      }
    },
+    "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.8.tgz",
+      "integrity": "sha512-SCXcP0ZpGFIe7Ge+McxY5zKxiEI5ra+GT3QRxL0pMMtxPfpyLAKleZODi1zdRHkz5/BhueUrYtYVgubqe9JBNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
    "node_modules/run-parallel": {
      "version": "1.2.0",
      "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -10488,6 +10780,17 @@
        "vue": "^3.0.0"
      }
    },
+    "node_modules/vconsole": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmmirror.com/vconsole/-/vconsole-3.15.1.tgz",
+      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
+      "dependencies": {
+        "@babel/runtime": "^7.17.2",
+        "copy-text-to-clipboard": "^3.0.1",
+        "core-js": "^3.11.0",
+        "mutation-observer": "^1.0.3"
+      }
+    },
    "node_modules/vite": {
      "version": "5.4.14",
      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.4.14.tgz",
--- a/src/api/home/index.js
+++ b/src/api/home/index.js
@@ -2,7 +2,7 @@ import request from '@/utils/request.js';

 export function getQuestionList(params) {
  return request({
-    url: '/console/template/list_shortcut',
+    url: '/console/template/h5_shortcut',
    method: 'get',
    params
  });
@@ -10,16 +10,13 @@ export function getQuestionList(params) {
 export function consoleSurveys(params) {
  return request({
    url: '/console/surveys',
-    method: 'post',
-    data: {
-      ...params,
-      source: '1'
-    }
+    method: 'get',
+    params
  });
 }
 export function getListScene(params) {
  return request({
-    url: 'console/list_scene',
+    url: 'console/h5_scene',
    method: 'get',
    params
  });
--- a/src/assets/css/public.scss
+++ b/src/assets/css/public.scss
@@ -31,11 +31,12 @@
    }
  }
 }
+
 .van-toast {
-  background-color: rgba(50, 50, 51, 0.9) !important;
-  color: white !important;
  padding: 10px 16px !important;
  border-radius: 5px !important;
+  background-color: rgba(50, 50, 51, 0.9) !important;
+  color: white !important;
  font-size: 14px !important;

  &--success {
--- 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/config.js
+++ b/src/config.js
@@ -9,7 +9,7 @@ export default {
  socketUrl: import.meta.env.VITE_APP_SOCKETURL,
  jsonpUrl: import.meta.env.VITE_APP_JSONPURL,
  jqrUrl: import.meta.env.VITE_APP_YQRURL,
-  currentMode: import.meta.env.VITE_APP_CURRENTMODE,
+  currentMode: import.meta.env.VITE_APP_CURRENTMODE
  // appKey: import.meta.env.VITE_APP_APPKEY,
  // appId: import.meta.env.VITE_APP_APPID
 };
--- 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');
  src:
    url('//at.alicdn.com/t/c/font_4841764_vat2jbvw3q.woff2?t=1741575060989') format('woff2'),
    url('//at.alicdn.com/t/c/font_4841764_vat2jbvw3q.woff?t=1741575060989') format('woff'),
--- 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/main.ts
+++ b/src/main.ts
@@ -8,6 +8,8 @@ import 'vant/lib/index.css';
 import router from './router';
 import utils from '@/assets/js/common';
 // 2. 引入组件样式
+import 'vant/lib/index.css';
+import '@/style/utils.scss';
 import appBridge from '@/assets/js/appBridge';
 import VConsole from 'vconsole';
 let vconsole;
--- a/src/request/api/modules/survey.ts
+++ b/src/request/api/modules/survey.ts
@@ -1 +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
@@ -38,10 +38,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/stores/modules/types/survey.d.ts
+++ b/src/stores/modules/types/survey.d.ts
@@ -79,4 +79,4 @@ interface QuestionsInfo {
  logics?: Logic[];
  questions?: any[];
  cycle_pages?: null | any;
-}
+}
--- a/src/style/box.scss
+++ b/src/style/box.scss
@@ -1,13 +1,15 @@
 .flex {
  display: flex;
-  align-items: center;
-  justify-content: space-between;
 }

 .flex-column {
  flex-direction: column;
 }

+.flex-warp {
+  flex-wrap: wrap;
+}
+
 .flex-start,
 .flex.flex-start {
  display: flex;
--- a/src/style/utils.scss
+++ b/src/style/utils.scss
@@ -4,6 +4,7 @@

 */
@import './box';
+@import 'font';

 .ant-select-item-option-selected {
  font-weight: normal !important;
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -7,4 +7,4 @@ declare global {
 }

 // 必须添加这一行，将文件变成一个模块
-export {}; 
+export {};
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,10 +44,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/Questions/RateCharacter.vue
+++ b/src/views/Design/components/Questions/RateCharacter.vue
@@ -105,4 +105,4 @@ ul {
  background-color: #70b936;
  color: #fff;
 }
-</style>
+</style>
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -7,7 +7,7 @@ import { onMounted, ref } from 'vue';
 // import { getUserInfo } from '@/api/common/index.js';
 // import { showFailToast } from 'vant';
 const contentShow = ref(false);
-onMounted(async() => {
+onMounted(async () => {
  contentShow.value = true;
  // if (utils.getSessionStorage('xToken')){
  //   const appToken = utils.getParameter('digitalYiliToken');
@@ -46,13 +46,13 @@ onMounted(async() => {
  padding: 0 10px 60px;
  background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 84%, #a5d380 100%);

-  &> :first-child {
+  & > :first-child {
    display: flex;
    justify-content: space-around;
    border-radius: 6px;
    background-color: white;

-    &>div {
+    & > div {
      display: flex;
      flex-direction: column;
      width: 50px;
--- a/src/views/Home/components/CreateSurvey/Index.vue
+++ b/src/views/Home/components/CreateSurvey/Index.vue
@@ -69,8 +69,8 @@ onMounted(() => {
 </script>

 <template>
-  <van-cell style="position: relative; z-index: 1">
-    <div style="text-align: left">新建问卷</div>
+  <van-cell class="create_survey">
+    <div style="color: #000; text-align: left">新建问卷</div>
    <van-row>
      <van-col
        v-for="survey in surveys"
@@ -87,6 +87,11 @@ onMounted(() => {
 </template>

 <style lang="scss" scoped>
+.create_survey {
+  padding: 15px;
+  color: #000;
+}
+
 .survey {
  display: flex;
  flex-direction: column;
--- a/src/views/Home/components/LastSurvey/Index.vue
+++ b/src/views/Home/components/LastSurvey/Index.vue
@@ -1,93 +1,134 @@
-<script setup lang="ts">
-import { lastSurveys } from './hooks/useLastSurveyHooks';
-</script>
-
 <template>
  <!-- 问卷 -->
  <div class="last-survey">
-    <div>
-      <small>最新问卷</small>
-      <span @click="$router.push('/survey')">全部问卷></span>
-    </div>
-    <!-- 问卷列表容器 -->
-    <div class="last-survey_items">
-      <!-- 问卷列表项 -->
-      <div v-for="survey in lastSurveys" :key="survey">
-        <div class="last-survey_items_status">
-          <img
-            src="https://files.axshare.com/gsc/DR6075/63/4d/77/634d77293a4d41d1b3d145974a8fb6a7/images/首页_1/u249.svg?pageId=5cc10b9f-56eb-48dc-943a-bfe7afb18a64"
-            alt=" "
-            width="10px"
-            height="10px"
-          />
-          <small> {{ survey.status }} - 100</small>
-        </div>
-        <div class="last-survey_items_info">
-          <small> 报名签到</small>
-          <small>| {{ survey.platform }} | 创建时间: {{ survey.createTime }}</small>
-        </div>
-
-        <div class="last-survey_items_content">
-          <p>
-            <small>{{ survey.title }}</small>
-          </p>
-          <p>
-            <small>{{ survey.describe }}</small>
-          </p>
+    <div class="survey_header">
+      <div class="flex space-between">
+        <div class="flex align-center">
+          <p class="fw-bold">最新问卷</p>
+          <p class="survey_header_tag">NEW</p>
        </div>
+        <p>全部问卷 ></p>
      </div>
    </div>
+    <div class="survey_con">
+      <div class="flex">
+        <div>
+          <div class="survey_con_title flex align-center">
+            <p class="mr-10 fw-bold">{{ survey.project_name }}</p>
+            <p class="survey_con_num">{{ survey.answer_num }}份</p>
+          </div>
+          <div class="survey_con_label flex">
+            <div class="flex">
+              <img src="" alt="" />
+              {{ survey.scene_name }}
+            </div>
+            <div class="flex">
+              <img src="" alt="" />
+              {{ survey.source === 1 ? '移动端' : 'PC端' }}
+            </div>
+            <div class="flex">
+              <img src="" alt="" />
+              {{ survey.created_at }}
+            </div>
+          </div>
+        </div>
+        <img src="" alt="" />
+      </div>
+      <div class="survey_remark">{{ survey.remarks }}</div>
+    </div>
  </div>
 </template>

+<script setup>
+import { ref, onMounted } from 'vue';
+import { consoleSurveys } from '@/api/home/index.js';
+
+const survey = ref({
+  project_name: ''
+});
+const fetchSurveys = async () => {
+  const params = {
+    page: 1,
+    per_page: 10,
+    group_id: 0
+  };
+  const res = await consoleSurveys(params);
+  if (res.data.code === 0) {
+    survey.value = res.data.data[0];
+  } else {
+    // Toast()
+  }
+};
+
+onMounted(() => {
+  fetchSurveys();
+});
+</script>
+
 <style scoped lang="scss">
 .last-survey {
-  & > :first-child {
-    display: flex;
-    align-items: end;
-    justify-content: space-between;
-    margin: 10px 0;
+  margin-top: 6px;
+  padding: 10px 3px 3px;
+  border-radius: 10px;
+  background-color: #27d6ac;
+  color: #fff;

-    & > span {
-      color: grey;
+  .survey_header {
+    padding: 0 10px;
+    font-size: 15px;
+
+    .survey_header_tag {
+      width: 32px;
+      height: 15px;
+      margin-left: 3px;
+      border-radius: 4px;
+      background-color: #fff;
+      color: #27d6ac;
      font-size: 10px;
+      line-height: 15px;
+      text-align: center;
    }
  }

-  .last-survey_items {
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: space-around;
+  .survey_con {
+    margin-top: 10px;
+    border-radius: 10px;
+    background: #fff;
+    color: #000;

-    & > div {
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      width: 100%;
+    .survey_con_title {
+      //border: 1px solid red;
+      padding: 10px;
+      font-size: 15px;

-      /* width: calc(129px / 1.3); */
-
-      /* height: calc(135px / 1.3); */
-      margin: 5px 0;
-      padding: 5px 0 5px 5px;
-      border-radius: 6px;
-      background-color: white;
-
-      .last-survey_items_status {
-        & > small {
-          color: red;
-          font-size: 10px;
-        }
-      }
-
-      .last-survey_items_info {
-        color: #999;
+      .survey_con_num {
+        width: 30px;
+        height: 15px;
+        margin-left: 3px;
+        border: 1px solid #d0d0d0;
+        border-radius: 5px;
+        color: #d0d0d0;
        font-size: 10px;
+        line-height: 15px;
+        text-align: center;
      }
+    }

-      .last-survey_items_content {
-        font-size: 12px;
-      }
+    .survey_con_label {
+      margin-left: 10px;
+      color: #666;
+      font-size: 12px;
+    }
+
+    .survey_remark {
+      margin: 10px 0 0 10px;
+      padding-bottom: 10px;
+      color: #828282;
+      font-weight: 400;
+      font-style: normal;
+      font-size: 12px;
+      line-height: 16px;
+      text-align: left;
    }
  }
 }
--- a/src/views/Home/components/Market/Index.vue
+++ b/src/views/Home/components/Market/Index.vue
@@ -1,57 +1,47 @@
 <template>
  <!-- 模板 -->
  <div class="market">
-    <div>
-      <small>模板市场</small>
-      <span @click="$router.push('/market')">全部模板></span>
-    </div>
-
-    <div class="market_table">
-      <div v-for="item in tables" :key="item.title" @click="getMarketInfo(item)">
-        {{ item.title }}
-      </div>
-    </div>
-    <van-cell class="market_items">
-      <market-item :info="marketInfo"></market-item>
-      <!--      <component :is="TestComponent" />-->
-    </van-cell>
-    <p class="more">-更多模板期待您的探索-</p>
+    <div class="market_title fw-bold">模板市场</div>
+    <van-tabs v-model:active="active" @change="getMarketInfo">
+      <van-tab v-for="item in marketList" :key="item.title" :title="item.title"> </van-tab>
+    </van-tabs>
+    <market-item :info="marketInfo"></market-item>
+  </div>
+  <div class="more">
+    <p>-更多模板期待您的探索-</p>
  </div>
 </template>
-<script setup lang="ts">
+<script setup>
 import { ref, onMounted } from 'vue';
 import MarketItem from './components/MarketItem.vue';
 import { getListScene, getSurveyTemplates } from '@/api/home';

-interface SceneItem {
-  parentCode: number;
-  title: string;
-  component: any;
-  code: number;
-}
-
-const tables = ref<SceneItem[]>([]);
+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: SceneItem) => {
+    res.data.data.forEach((item) => {
      if (item.parentCode && item.parentCode === 1) {
-        tables.value.push(item);
+        marketList.value.push(item);
      }
    });

-    getMarketInfo(tables.value[0]);
+    getMarketInfo(marketList.value[0]);
  }
 };
-const getMarketInfo = async(item: SceneItem) => {
+const getMarketInfo = async (item) => {
+  console.log(item);
+  const code = marketList.value.filter((market, index) => item === index)[0].code;
+  console.log(code);
  const params = {
    page: 1,
    per_page: 10,
    group_id: 0,
    is_public: 1,
-    scene_code_info: item.code,
+    scene_code_info: code,
    sort: 'quote_nums, desc'
  };
  const res = await getSurveyTemplates(params);
@@ -66,12 +56,34 @@ onMounted(() => {
 </script>

 <style scoped>
+::v-deep .van-tabs__line {
+  background-color: #70b937;
+}
+
+::v-deep .van-tab--active {
+  color: #000;
+  font-size: 13px;
+}
+
+::v-deep .van-row {
+  justify-content: space-between;
+}
+
 .market {
+  margin-top: 10px;
+  padding: 15px 15px 0;
+  border-radius: 10px;
+  background: #fff;
+
+  .market_title {
+    color: #000;
+    font-size: 15px;
+  }
+
  & > :first-child {
    display: flex;
    align-items: end;
    justify-content: space-between;
-    margin: 10px 0;

    span {
      color: grey;
@@ -93,29 +105,13 @@ onMounted(() => {
      text-wrap: nowrap;
    }
  }
+}

-  .market_items {
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-around;
-
-    & > div {
-      display: flex;
-      overflow: hidden;
-      width: calc(196px / 1.2);
-
-      /* height: calc(193px / 1.2); */
-      margin-bottom: 10px;
-      border-radius: 10px;
-      background-color: white;
-    }
-  }
-
-  .more {
-    margin: 10px 0;
-    color: #666;
-    font-size: 14px;
-    text-align: center;
-  }
+.more {
+  margin: 20px auto;
+  color: #000;
+  font-weight: 400;
+  font-size: 13px;
+  text-align: center;
 }
 </style>
--- a/src/views/Home/components/Market/components/MarketItem.vue
+++ b/src/views/Home/components/Market/components/MarketItem.vue
@@ -1,20 +1,81 @@
 <template>
-  <van-row :gutter="12">
-    <van-col v-for="(item, index) in info" :key="index" :span="12" class="market-item">
-      <div class="content">
-        <div class="title">
-          <span>{{ item.title }}</span>
-          <img
-            src="https://files.axshare.com/gsc/DR6075/63/4d/77/634d77293a4d41d1b3d145974a8fb6a7/images/首页_1/u42.svg"
-          />
-        </div>
-        <div class="desc">
-          <span>引用{{ item.quote_nums }}次</span> |
-          <span>创建人: {{ item.creator }}</span>
-        </div>
-      </div>
-    </van-col>
-  </van-row>
+  <div class="">
+    <div>
+      <van-row gutter="20">
+        <van-col v-for="(item, index) in info" :key="index" span="11" class="market-item">
+          <div class="content">
+            <div class="title fw-bold fs-14">
+              <div class="flex align-center">
+                <svg
+                  t="1741943948491"
+                  class="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="2494"
+                  width="14"
+                  height="14"
+                >
+                  <path
+                    d="M1024 354c0-1.8-0.2-3.6-0.5-5.4V158c0-51.8-42.2-94-94-94H798V30c0-16.5-13.5-30-30-30s-30 13.5-30 30v34H286V30c0-16.5-13.5-30-30-30s-30 13.5-30 30v34H94.5c-51.8 0-94 42.2-94 94v190.6c-0.3 1.8-0.5 3.6-0.5 5.4 0 1.8 0.2 3.6 0.5 5.4V930c0 51.8 42.2 94 94 94h835c51.8 0 94-42.2 94-94V359.4c0.3-1.8 0.5-3.6 0.5-5.4zM94.5 124H226v38c0 16.5 13.5 30 30 30s30-13.5 30-30v-38h452v38c0 16.5 13.5 30 30 30s30-13.5 30-30v-38h131.5c18.7 0 34 15.3 34 34v166h-903V158c0-18.7 15.3-34 34-34z m835 840h-835c-18.7 0-34-15.3-34-34V384h903v546c0 18.7-15.3 34-34 34z"
+                    fill="#03B03C"
+                    p-id="2495"
+                  />
+                  <path
+                    d="M697.3 511.6L444.1 764.8 326.7 647.4c-11.7-11.7-30.8-11.7-42.4 0-11.7 11.7-11.7 30.8 0 42.4l138.6 138.6c7.6 7.6 18.3 10.2 28.1 8 0.2 0 0.4-0.1 0.6-0.1 5.1-1.3 9.8-3.9 13.8-7.8L739.7 554c11.7-11.7 11.7-30.8 0-42.4-11.7-11.7-30.8-11.7-42.4 0z"
+                    fill="#03B03C"
+                    p-id="2496"
+                  />
+                </svg>
+                <p class="title_con">{{ item.title }}</p>
+              </div>
+              <svg
+                t="1741944281591"
+                class="icon"
+                viewBox="0 0 1024 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="3990"
+                width="16"
+                height="16"
+              >
+                <path
+                  d="M607.897867 768.043004c-17.717453 0-31.994625-14.277171-31.994625-31.994625L575.903242 383.935495c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 351.94087C639.892491 753.593818 625.61532 768.043004 607.897867 768.043004z"
+                  fill="#d81e06"
+                  p-id="3991"
+                />
+                <path
+                  d="M415.930119 768.043004c-17.717453 0-31.994625-14.277171-31.994625-31.994625L383.935495 383.935495c0-17.717453 14.277171-31.994625 31.994625-31.994625 17.717453 0 31.994625 14.277171 31.994625 31.994625l0 351.94087C447.924744 753.593818 433.647573 768.043004 415.930119 768.043004z"
+                  fill="#d81e06"
+                  p-id="3992"
+                />
+                <path
+                  d="M928.016126 223.962372l-159.973123 0L768.043004 159.973123c0-52.980346-42.659499-95.983874-95.295817-95.983874L351.94087 63.989249c-52.980346 0-95.983874 43.003528-95.983874 95.983874l0 63.989249-159.973123 0c-17.717453 0-31.994625 14.277171-31.994625 31.994625s14.277171 31.994625 31.994625 31.994625l832.032253 0c17.717453 0 31.994625-14.277171 31.994625-31.994625S945.73358 223.962372 928.016126 223.962372zM319.946246 159.973123c0-17.545439 14.449185-31.994625 31.994625-31.994625l320.806316 0c17.545439 0 31.306568 14.105157 31.306568 31.994625l0 63.989249L319.946246 223.962372 319.946246 159.973123 319.946246 159.973123z"
+                  fill="#d81e06"
+                  p-id="3993"
+                />
+                <path
+                  d="M736.048379 960.010751 288.123635 960.010751c-52.980346 0-95.983874-43.003528-95.983874-95.983874L192.139761 383.591466c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 480.435411c0 17.717453 14.449185 31.994625 31.994625 31.994625l448.096758 0c17.717453 0 31.994625-14.277171 31.994625-31.994625L768.215018 384.795565c0-17.717453 14.277171-31.994625 31.994625-31.994625s31.994625 14.277171 31.994625 31.994625l0 479.231312C832.032253 916.835209 789.028725 960.010751 736.048379 960.010751z"
+                  fill="#d81e06"
+                  p-id="3994"
+                />
+              </svg>
+            </div>
+            <div class="desc flex space-between">
+              <div>
+                <p>创建人</p>
+                <p class="fw-bold">{{ item.created_user }}</p>
+              </div>
+              <div>
+                <p>引用次数</p>
+                <p class="fw-bold">{{ item.quote_nums }}</p>
+              </div>
+            </div>
+          </div>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
 </template>
 <script setup lang="ts">
 const { info } = defineProps({
@@ -28,19 +89,35 @@ const { info } = defineProps({

 <style lang="scss" scoped>
 .market-item {
+  //margin-right: 4%;
+  box-sizing: border-box;
  margin-bottom: 12px;
+  padding: 10px;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+  // 偶数项的 margin-right 设置为 0
+  &:nth-child(even) {
+    margin-right: 0;
+  }

  .content {
-    padding: 12px;
-    border-radius: 8px;
-    background: #fff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-
    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px;
+      color: #000;
+
+      .title_con {
+        display: block;
+        overflow: hidden;
+        max-width: 100px;
+        margin-left: 4px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }

      img {
        width: 20px;
@@ -51,6 +128,10 @@ const { info } = defineProps({
    .desc {
      color: #666;
      font-size: 12px;
+
+      div p:last-child {
+        color: #000;
+      }
    }
  }
 }
--- a/src/views/Survey/views/Preview/Index.vue
+++ b/src/views/Survey/views/Preview/Index.vue
@@ -19,77 +19,42 @@
        </van-field>
      </van-cell-group>
    </van-cell-group>
-    <div
-      v-if="styleInfo.logo_status && styleInfo.logo_url"
-      class="example-logo"
-      :style="[
-        {
-          'justify-content':
-            styleInfo.logo_site === 1
-              ? 'flex-start'
-              : styleInfo.logo_site === 2
-                ? 'center'
-                : 'flex-end'
-        },
-        { 'padding-left': styleInfo.logo_site === 1 ? '20px' : '' },
-        { 'padding-right': styleInfo.logo_site === 3 ? '20px' : '' },
-        { position: styleInfo.head_img_status ? 'absolute' : '' },
-        !styleInfo.head_img_status && styleInfo.background_status
-          ? `background-color: ${styleInfo.background_color};background-image: url(${styleInfo.background_url})`
-          : ''
-      ]"
-    >
+    <div v-if="styleInfo.logo_status && styleInfo.logo_url" class="example-logo" :style="[
+      {
+        'justify-content':
+          styleInfo.logo_site === 1
+            ? 'flex-start'
+            : styleInfo.logo_site === 2
+              ? 'center'
+              : 'flex-end'
+      },
+      { 'padding-left': styleInfo.logo_site === 1 ? '20px' : '' },
+      { 'padding-right': styleInfo.logo_site === 3 ? '20px' : '' },
+      { position: styleInfo.head_img_status ? 'absolute' : '' },
+      !styleInfo.head_img_status && styleInfo.background_status
+        ? `background-color: ${styleInfo.background_color};background-image: url(${styleInfo.background_url})`
+        : ''
+    ]">
      <img class="logo" :src="styleInfo.logo_url" alt="logo" />
    </div>
    <!-- 问题 -->
-    <div
-      class="questions"
-      :style="`min-height: ${styleInfo.head_img_status ? 'calc(100% - 240px)' : '100%'};${
-        styleInfo.background_status
-          ? `background-color: ${styleInfo.background_color};background-image: url(${styleInfo.background_url})`
-          : ''
-      }`"
-    >
+    <div class="questions" :style="`min-height: ${styleInfo.head_img_status ? 'calc(100% - 240px)' : '100%'};${styleInfo.background_status
+        ? `background-color: ${styleInfo.background_color};background-image: url(${styleInfo.background_url})`
+        : ''
+      }`">
      <!-- 提前终止和正常完成 -->
-      <q-last
-        v-if="page === pages.length + 1"
-        :code="questionsData.action?.code"
-        :action="questionsData.action"
-        :survey="questionsData.survey"
-        :isAnswer="isAnswer"
-        :isTemplate="isTemplate"
-      />
+      <q-last v-if="page === pages.length + 1" :code="questionsData.action?.code" :action="questionsData.action"
+        :survey="questionsData.survey" :isAnswer="isAnswer" :isTemplate="isTemplate" />
      <!-- 问卷名和描述 -->
-      <q-first
-        v-else-if="page === 0"
-        isMobile
-        :title="questionsData?.survey?.title"
-        :desc="questionsData?.survey?.introduction"
-        :questions="questionsData?.questions"
-        :isAnswer="isAnswer"
-        :showTitle="styleInfo.is_title"
-        :showDesc="styleInfo.is_introduce"
-        :label="questionsData?.survey?.title"
-      />
+      <q-first v-else-if="page === 0" isMobile :title="questionsData?.survey?.title"
+        :desc="questionsData?.survey?.introduction" :questions="questionsData?.questions" :isAnswer="isAnswer"
+        :showTitle="styleInfo.is_title" :showDesc="styleInfo.is_introduce" :label="questionsData?.survey?.title" />
      <!-- 题-mobile -->
-      <question
-        v-for="question in questions"
-        v-else
-        :id="'questionIndex' + question.question_index"
-        :key="question.question_index"
-        class="question"
-        :tip="question.tip"
-        :stem="question.stem"
-        :title="question.title"
-        :error="question.error"
-        :warning="question.warning"
-        :questions="questionsData.questions"
-        :questionType="question.question_type"
-        :questionIndex="question.question_index"
-        :showTitle="styleInfo.is_question_number && true"
-        isMobile
-        :isAnswer="isAnswer"
-      >
+      <question v-for="question in questions" v-else :id="'questionIndex' + question.question_index"
+        :key="question.question_index" class="question" :tip="question.tip" :stem="question.stem"
+        :title="question.title" :error="question.error" :warning="question.warning" :questions="questionsData.questions"
+        :questionType="question.question_type" :questionIndex="question.question_index"
+        :showTitle="styleInfo.is_question_number && true" isMobile :isAnswer="isAnswer">
        <!--        <q-radio-->
        <!--          v-if="question.question_type === 1"-->
        <!--          :list="question.list"-->
@@ -105,21 +70,11 @@
        <!--          :question="question"-->
        <!--        />-->
        <!-- 单选题 -->
-        <preview-choice
-          v-if="question.question_type === 1"
-          v-model:answer="question.answer"
-          v-model:answerIndex="question.answerIndex"
-          :list="question.list"
-          :config="question.config"
-          :hideOptions="question.hideOptions"
-          :stem="question.stem"
-          :answerSn="questionsData.answer.sn"
-          :answerSurveySn="questionsData.answer.survey_sn"
-          :question="question"
-          @previous="previous"
-          @next="next"
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-choice v-if="question.question_type === 1" v-model:answer="question.answer"
+          v-model:answerIndex="question.answerIndex" :list="question.list" :config="question.config"
+          :hideOptions="question.hideOptions" :stem="question.stem" :answerSn="questionsData.answer.sn"
+          :answerSurveySn="questionsData.answer.survey_sn" :question="question" @previous="previous" @next="next"
+          @change-answer="onRelation($event, question)" />
        <!--        &lt;!&ndash; 多选题 &ndash;&gt;-->
        <!--        <q-checkbox-->
        <!--          v-else-if="question.question_type === 2"-->
@@ -147,18 +102,9 @@
        <!--          isMobile-->
        <!--        />-->
        <!-- 填空题 -->
-        <preview-completion
-          v-else-if="question.question_type === 4"
-          :config="question.config"
-          :answer="question.answer"
-          :stem="question.stem"
-          :answerSn="questionsData.answer.sn"
-          :answerSurveySn="questionsData.answer.survey_sn"
-          :question="question"
-          @previous="previous"
-          @next="next"
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-completion v-else-if="question.question_type === 4" :config="question.config" :answer="question.answer"
+          :stem="question.stem" :answerSn="questionsData.answer.sn" :answerSurveySn="questionsData.answer.survey_sn"
+          :question="question" @previous="previous" @next="next" @change-answer="onRelation($event, question)" />
        <!--        &lt;!&ndash; 打分题 &ndash;&gt;-->
        <!--        <q-rate-->
        <!--          v-else-if="question.question_type === 5"-->
@@ -191,41 +137,18 @@
        <!--          isMobile-->
        <!--        />-->
        <!-- 矩阵填空题 -->
-        <preview-matrix-text
-          v-else-if="question.question_type === 8"
-          v-model:answer="question.answer"
-          :list="question.list"
-          :config="question.config"
-          :stem="question.stem"
-          :question="question"
-          @previous="previous"
-          @next="next"
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-matrix-text v-else-if="question.question_type === 8" v-model:answer="question.answer"
+          :list="question.list" :config="question.config" :stem="question.stem" :question="question"
+          @previous="previous" @next="next" @change-answer="onRelation($event, question)" />
        <!-- 矩阵单选题 -->
-        <preview-matrix-radio
-          v-else-if="question.question_type === 9"
-          v-model:answer="question.answer"
-          :list="question.list"
-          :config="question.config"
-          :stem="question.stem"
-          :answerSn="questionsData.answer.sn"
-          :answerSurveySn="questionsData.answer.survey_sn"
-          :question="question"
-          @change-answer="onRelation($event, question)"
-          @previous="previous"
-          @next="next"
-        />
+        <preview-matrix-radio v-else-if="question.question_type === 9" v-model:answer="question.answer"
+          :list="question.list" :config="question.config" :stem="question.stem" :answerSn="questionsData.answer.sn"
+          :answerSurveySn="questionsData.answer.survey_sn" :question="question"
+          @change-answer="onRelation($event, question)" @previous="previous" @next="next" />
        <!-- 矩阵多选题 -->
-        <preview-matrix-checkbox
-          v-else-if="question.question_type === 10"
-          v-model:answer="question.answer"
-          :list="question.list"
-          :config="question.config"
-          :question="question"
-          isMobile
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-matrix-checkbox v-else-if="question.question_type === 10" v-model:answer="question.answer"
+          :list="question.list" :config="question.config" :question="question" isMobile
+          @change-answer="onRelation($event, question)" />
        <!--        &lt;!&ndash; 矩阵打分题 &ndash;&gt;-->
        <!--        <matrix-rate-->
        <!--          v-else-if="question.question_type === 11"-->
@@ -293,14 +216,8 @@
        <!--          isMobile-->
        <!--        />-->
        <!-- 文件上传题 -->
-        <preview-file-upload
-          v-else-if="question.question_type === 18"
-          v-model:answer="question.answer"
-          :config="question.config"
-          :question="question"
-          isMobile
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-file-upload v-else-if="question.question_type === 18" v-model:answer="question.answer"
+          :config="question.config" :question="question" isMobile @change-answer="onRelation($event, question)" />
        <!--        &lt;!&ndash; 地理位置题 &ndash;&gt;-->
        <!--        <q-map-->
        <!--          v-else-if="question.question_type === 19"-->
@@ -459,61 +376,26 @@
        <!--          :question="question"-->
        <!--        />-->
        <!--        &lt;!&ndash; 高级题型-NPS &ndash;&gt;-->
-        <preview-n-p-s
-          v-else-if="question.question_type === 106"
-          v-model:answer="question.answer"
-          :isPreview="true"
-          :title="question.title"
-          :stem="question.stem"
-          :list="question.list"
-          :config="question.config"
-          :isAnswer="isAnswer"
-          :questionIndex="question.question_index"
-          :label="question.title"
-          :loading="loading"
-          :isTemplate="isTemplate"
-          :showTitle="styleInfo.is_question_number"
-          :question="question"
-          @previous="previous"
-          @next="next"
-          @change-answer="onRelation($event, question)"
-        />
+        <preview-n-p-s v-else-if="question.question_type === 106" v-model:answer="question.answer" :isPreview="true"
+          :title="question.title" :stem="question.stem" :list="question.list" :config="question.config"
+          :isAnswer="isAnswer" :questionIndex="question.question_index" :label="question.title" :loading="loading"
+          :isTemplate="isTemplate" :showTitle="styleInfo.is_question_number" :question="question" @previous="previous"
+          @next="next" @change-answer="onRelation($event, question)" />
      </question>
      <!-- 分页 -->
      <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
+        <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
+            " :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"
-        />
+            " :nextDisabled="localPageTimer.short_time" isMobile @previous="previous" @next="next" />
      </div>
-      <LangTranslate
-        v-if="isAnswer && styleInfo.is_yip"
-        translate-key="PoweredByDigitalTechnologyCenterYIP"
-        class="footer"
-      />
+      <LangTranslate v-if="isAnswer && styleInfo.is_yip" translate-key="PoweredByDigitalTechnologyCenterYIP"
+        class="footer" />
    </div>
  </div>
 </template>
@@ -579,7 +461,7 @@ const props = defineProps({
 getQuestions();

 // 更新数据
-async function getQuestions() {
+async function getQuestions () {
  let { data } = await AnswerApi.getQuetions({
    id: route.query.sn,
    data: {
@@ -602,14 +484,14 @@ async function getQuestions() {
 }

 // 获取 DOM 的内容
-function getDomString(htmlString) {
+function getDomString (htmlString) {
  if (typeof htmlString !== 'string') return;
  const match = htmlString.match(/<.*>(.*?)<\/.*>/);
  if (match) return match[1];
 }

 // 上一页
-async function previous() {
+async function previous () {
  if (prevLoading.value || loading.value) {
    return;
  }
@@ -632,7 +514,7 @@ async function previous() {
 }

 // 下一页
-async function next(callbackBeforePage) {
+async function next (callbackBeforePage) {
  if (prevLoading.value || loading.value) {
    return;
  }
@@ -651,7 +533,7 @@ async function next(callbackBeforePage) {

 // 开始答题
 // 答题
-async function answer(callback, callbackBeforePage) {
+async function answer (callback, callbackBeforePage) {
  // console.log(`start input answer`);
  // console.log(
  //   `(questions.value.length || !questionsData.value.questions.length)`,
@@ -692,9 +574,9 @@ async function answer(callback, callbackBeforePage) {
          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;
@@ -869,47 +751,47 @@ async function answer(callback, callbackBeforePage) {
        const { value } = answer;
        const newValue = value.replace(/\n|\r|\r\n/g, '');
        switch (config.text_type) {
-        case 3: // 字母
-          isError
+          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
+                ? !/^[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;
+                ? !/^(?:[\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
+          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 7: // 身份证号
-          isError
+                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 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;
+                value
+              );
+            question.error = isError ? translatedText.value.PleaseEnterACorrectID : '';
+            break;
+          default:
+            break;
        }
        if (!isError && value.length < config.min && ![1, 2].includes(config.text_type)) {
          isError = true;
@@ -921,63 +803,114 @@ async function answer(callback, callbackBeforePage) {
        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 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 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 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 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 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 (!question.error && value.length < config.min && ![1, 2].includes(config.text_type)) {
+          if (!isError && value.length < config.min && ![1, 2].includes(config.text_type)) {
+            isError = true;
            question.error = translatedText.value.PleaseEnterMoreThanOneCharacters(config.min);
          }
-        });
-        if (question.error) isError = true;
-      } else if (questionType === 27 && question.error) {
-        // 多项填空题
-        isError = true;
-      } else {
-        question.error = '';
-      }
-      return isError;
-    });
+        } else if (answer && questionType === 8) {
+          // 矩阵填空题
+          question.error = '';
+          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 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 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;
+            }
+            if (!question.error && value.length < config.min && ![1, 2].includes(config.text_type)) {
+              question.error = translatedText.value.PleaseEnterMoreThanOneCharacters(config.min);
+            }
+          });
+          if (question.error) isError = true;
+        } else if (questionType === 27 && question.error) {
+          // 多项填空题
+          isError = true;
+        } else {
+          question.error = '';
+        }
+        return isError;
+      });
    if (!errors.length) {
      // 质量控制
      const question = questions.value.find((question) => {
@@ -1214,7 +1147,7 @@ async function answer(callback, callbackBeforePage) {
 }

 // 选项隐藏
-function hideOptions(hide) {
+function hideOptions (hide) {
  const questionIndex = hide?.question_index;
  if (questionIndex) {
    const qustion = questionsData.value.questions.find(
@@ -1225,7 +1158,7 @@ function hideOptions(hide) {
 }

 // 更新答案
-function updateAnswer(auto) {
+function updateAnswer (auto) {
  if (auto) {
    auto.forEach((autoItem) => {
      const question = questionsData.value.questions.find(
@@ -1249,7 +1182,7 @@ function updateAnswer(auto) {
 }

 // 如果有结束跳转，则判断是否需要立即跳转
-function jumpImmediately() {
+function jumpImmediately () {
  // 2000
  const code = questionsData.value.action?.code;
  // 检测是否是最后一页
@@ -1303,7 +1236,7 @@ function jumpImmediately() {
 }

 // // 关联引用
-function onRelation(
+function onRelation (
  { options, value, list },
  { question_type: questionType, question_index: questionIndex, related, answer }
 ) {
--- a/src/views/Survey/views/Preview/components/Remark/index.vue
+++ b/src/views/Survey/views/Preview/components/Remark/index.vue
@@ -7,7 +7,8 @@
 </template>

 <script>
-import { defineComponent, ref, computed } from 'vue'; import { useRoute, useRouter } from 'vue-router';
+import { defineComponent, ref, computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 // import { useStore } from 'vuex';
 // import {} from "@/stores/counter.js"
--- a/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue
+++ b/src/views/Survey/views/Preview/components/SceneSurveyViewerPage/Index.vue
@@ -2,7 +2,10 @@
  <div class="base">
    <div ref="target" class="container-viewer-1-"></div>
    <div ref="elCart" style="position: absolute; right: 80px; bottom: 80px"></div>
-    <div v-if="spinning" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff">
+    <div
+      v-if="spinning"
+      style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff"
+    >
      <a-spin style="position: absolute; top: 50%; left: 50%" />
    </div>
    <div v-if="freezeRotY" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0"></div>
@@ -163,7 +166,7 @@ export default {
        // const isHall = this.shopData.type === 'hall';
        // this.useJoyStick = this.shopData.type == "hall";
        // useJoyStick: isHall && this.shopData?.hall.useRoaming // #20230802
-        /* useJoyStick: isHall; *//* && isHallCanWalk(this.shopData.hall); */ // #20230811
+        /* useJoyStick: isHall; */ /* && isHallCanWalk(this.shopData.hall); */ // #20230811

        const sd = JSON.parse(JSON.stringify(this.shopData || {}));
        sd.shelves.forEach((shelve) => {
--- a/src/views/Survey/views/Preview/components/questions/Question.vue
+++ b/src/views/Survey/views/Preview/components/questions/Question.vue
@@ -370,13 +370,15 @@ export default defineComponent({
 // }

 // 打分组件样式 start
-:deep(.num-item), // 旧的组件的样式
+:deep(.num-item),
+// 旧的组件的样式
 :deep(.rate-wrapper .number-item .content) {
  border-color: v-bind(answercolor) !important;
  color: v-bind(answercolor) !important;
 }

-:deep(.num-item-active), // 旧的组件的样式
+:deep(.num-item-active),
+// 旧的组件的样式
 :deep(.rate-wrapper .number-item.active .content) {
  border-color: v-bind(answercolor) !important;
  background-color: v-bind(answercolor) !important;
@@ -392,7 +394,8 @@ export default defineComponent({
  border-color: v-bind(answercolor) !important;
 }

-:deep(.ant-slider-track), // 旧的组件的样式
+:deep(.ant-slider-track),
+// 旧的组件的样式
 :deep(.slider-bar::before) {
  background-color: v-bind(answercolor) !important;
 }
--- a/src/views/Survey/views/Publish/Index.vue
+++ b/src/views/Survey/views/Publish/Index.vue
@@ -5,9 +5,11 @@
      <!-- <van-cell-group v-if="status === 1" inset style="padding-top: 15px"> -->
      <van-cell-group inset style="padding-top: 15px">
        <div>
-          <img width="100%"
+          <img
+            width="100%"
            src="https://files.axshare.com/gsc/DR6075/44/1a/03/441a03a8b1004755a7a392b311acf97f/images/%E6%8A%95%E6%94%BE/u14.jpg?pageId=2f9ba10c-92b8-4c9b-b40b-04e65a0b4333"
-            alt="" />
+            alt=""
+          />
        </div>
        <div class="qrcode">
          <img :src="publishInfo.img_url" alt="" width="100px" height="100px" />
@@ -109,7 +111,7 @@ type OperateItem = (typeof operateList)[0];
 // }
 // }

-function getCode () {
+function getCode() {
  publishInfo.value.img_url
    = 'https://test-cxp-pubcos.yili.com/uat-yls//survey-api/publish/202503130938138261340.png';
  publishInfo.value.url = `${configUrl.proxyDomain}/publish?sn=${sn && sn !== undefined ? sn : ''}`;
@@ -163,7 +165,7 @@ const handleBack = () => {
 onBeforeUnmount(() => {
  (window as any).onAndroidBack = null;
 });
-onMounted(async () => {
+onMounted(async() => {
  // 为window添加返回处理方法
  (window as any).onAndroidBack = () => {
    // 设置禁止原生返回（如果有appBridge对象）
@@ -172,34 +174,34 @@ onMounted(async () => {
    }
    return handleBack();
  };
-  
+
  // 如果有appBridge，设置返回按钮动作
  if ((window as any).appBridge && (window as any).appBridge.setBackButtonAction) {
    (window as any).appBridge.setBackButtonAction(() => {
      return handleBack();
    });
  }
-  
+
  // fetchInfo();
  getCode();
 });
 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;
  }
 };
 // 复制链接
-function copyLink () {
+function copyLink() {
  const input = document.createElement('input');
  input.value = publishInfo.value.url;
  document.body.appendChild(input);
@@ -209,7 +211,7 @@ function copyLink () {
  showToast('复制成功');
 }
 // 分享链接
-function shareLink () {
+function shareLink() {
  const params = {
    type: 'shareToWx',
    title: publishInfo.value.download_url.title,
@@ -218,13 +220,12 @@ function shareLink () {
    webpageUrl: publishInfo.value.url,
    scene: 0 // 朋友圈1  微信好友0
  };
-  console.log('shareUrl', publishInfo.value.url)
-  appBridge.shareToWeChat(params, () => {
-  });
+  console.log('shareUrl', publishInfo.value.url);
+  appBridge.shareToWeChat(params, () => {});
 }

 // 下载二维码
-function downLoadImg () {
+function downLoadImg() {
  const { title, url } = publishInfo.value.download_url;
  if (utils.getSessionStorage('xToken')) {
    appBridge.save2Album(url, () => {
--- a/src/views/Survey/views/Success/Index.vue
+++ b/src/views/Survey/views/Success/Index.vue
@@ -6,13 +6,14 @@
 </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>
-.survey-submit{
+.survey-submit {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
 }
-</style>
+</style>
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -53,8 +53,8 @@ export default defineConfig(({ mode }) => {
    plugins: [
      vue(),
      vueJsx(),
-      AutoImport({ resolvers: [VantResolver(),ElementPlusResolver()] }),
-      Components({ resolvers: [VantResolver(),ElementPlusResolver()] })
+      AutoImport({ resolvers: [VantResolver(), ElementPlusResolver()] }),
+      Components({ resolvers: [VantResolver(), ElementPlusResolver()] })
    ],
    resolve: {
      alias: {
--- a/vite.config.ts.timestamp-1741938406006-a35225218530b.mjs
+++ b/vite.config.ts.timestamp-1741938406006-a35225218530b.mjs