diff --git a/web/package.json b/web/package.json
index 048c7fb7..eb054e0a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -13,11 +13,13 @@
     "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
     "@vue/babel-preset-jsx": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
+    "async-validator": "^4.2.5",
     "axios": "^1.4.0",
     "clipboard": "^2.0.11",
     "core-js": "^3.8.3",
     "crypto-js": "^4.2.0",
     "element-ui": "^2.15.13",
+    "lodash-es": "^4.17.21",
     "moment": "^2.29.4",
     "node-forge": "^1.3.1",
     "qrcode": "^1.5.3",
diff --git a/web/src/management/api/base.js b/web/src/management/api/base.js
index c096d79d..145233e5 100644
--- a/web/src/management/api/base.js
+++ b/web/src/management/api/base.js
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import store from '@/management/store/index';
 import router from '@/management/router/index';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 const instance = axios.create({
   baseURL: '/api',
diff --git a/web/src/management/pages/edit/components/navbar.vue b/web/src/management/pages/edit/components/navbar.vue
index e4c68bae..f91fe9f2 100644
--- a/web/src/management/pages/edit/components/navbar.vue
+++ b/web/src/management/pages/edit/components/navbar.vue
@@ -23,7 +23,7 @@ import history from '../modules/contentModule/history.vue';
 import save from '../modules/contentModule/save.vue';
 import publish from '../modules/contentModule/publish.vue';
 import { mapState } from 'vuex';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'navbar',
diff --git a/web/src/management/pages/edit/modules/contentModule/buildData.js b/web/src/management/pages/edit/modules/contentModule/buildData.js
index 97d7cef4..318836c8 100644
--- a/web/src/management/pages/edit/modules/contentModule/buildData.js
+++ b/web/src/management/pages/edit/modules/contentModule/buildData.js
@@ -1,4 +1,4 @@
-import { pick as _pick, get as _get } from 'lodash';
+import { pick as _pick, get as _get } from 'lodash-es';
 
 // 生成需要保存到接口的数据
 export default function (schema) {
diff --git a/web/src/management/pages/edit/modules/contentModule/history.vue b/web/src/management/pages/edit/modules/contentModule/history.vue
index 7ee336a6..9eb37d44 100644
--- a/web/src/management/pages/edit/modules/contentModule/history.vue
+++ b/web/src/management/pages/edit/modules/contentModule/history.vue
@@ -31,7 +31,7 @@ import 'moment/locale/zh-cn';
 moment.locale('zh-cn');
 
 import { mapState } from 'vuex';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 const getItemData = (item) => ({
   operator: item?.operator?.username || '未知用户',
diff --git a/web/src/management/pages/edit/modules/contentModule/publish.vue b/web/src/management/pages/edit/modules/contentModule/publish.vue
index 87d8384f..22ab459a 100644
--- a/web/src/management/pages/edit/modules/contentModule/publish.vue
+++ b/web/src/management/pages/edit/modules/contentModule/publish.vue
@@ -12,7 +12,7 @@
 import { mapState } from 'vuex';
 import { publishSurvey, saveSurvey } from '@/management/api/survey';
 import buildData from './buildData';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 export default {
   name: 'publish',
   data() {
diff --git a/web/src/management/pages/edit/modules/contentModule/save.vue b/web/src/management/pages/edit/modules/contentModule/save.vue
index 0dc88d42..3e172240 100644
--- a/web/src/management/pages/edit/modules/contentModule/save.vue
+++ b/web/src/management/pages/edit/modules/contentModule/save.vue
@@ -20,7 +20,7 @@
 import { saveSurvey } from '@/management/api/survey';
 import buildData from './buildData';
 import { mapState } from 'vuex';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'save',
diff --git a/web/src/management/pages/edit/modules/questionModule/components/banner.vue b/web/src/management/pages/edit/modules/questionModule/components/banner.vue
index 99480d29..4e5e4a15 100644
--- a/web/src/management/pages/edit/modules/questionModule/components/banner.vue
+++ b/web/src/management/pages/edit/modules/questionModule/components/banner.vue
@@ -21,7 +21,7 @@
   </div>
 </template>
 <script>
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'banner',
diff --git a/web/src/management/pages/edit/modules/questionModule/components/setterField.vue b/web/src/management/pages/edit/modules/questionModule/components/setterField.vue
index baaaa1f8..1f622510 100644
--- a/web/src/management/pages/edit/modules/questionModule/components/setterField.vue
+++ b/web/src/management/pages/edit/modules/questionModule/components/setterField.vue
@@ -32,7 +32,7 @@
   </el-form>
 </template>
 <script>
-import { get as _get, pick as _pick, isFunction as _isFunction } from 'lodash';
+import { get as _get, pick as _pick, isFunction as _isFunction } from 'lodash-es';
 
 import FormItem from '@/materials/setters/widgets/FormItem.vue';
 import setterLoader from '@/materials/setters/setterLoader';
diff --git a/web/src/management/pages/edit/modules/questionModule/components/typeList.vue b/web/src/management/pages/edit/modules/questionModule/components/typeList.vue
index 46688021..f5673f63 100644
--- a/web/src/management/pages/edit/modules/questionModule/components/typeList.vue
+++ b/web/src/management/pages/edit/modules/questionModule/components/typeList.vue
@@ -46,7 +46,7 @@ import questionMenuConfig, {
 } from '@/management/config/questionMenuConfig';
 import { getQuestionByType } from '@/management/utils/index';
 import { mapState, mapActions } from 'vuex';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'QuestionTypeList',
diff --git a/web/src/management/pages/edit/modules/questionModule/previewPanel.vue b/web/src/management/pages/edit/modules/questionModule/previewPanel.vue
index b45acf0d..4dbbf232 100644
--- a/web/src/management/pages/edit/modules/questionModule/previewPanel.vue
+++ b/web/src/management/pages/edit/modules/questionModule/previewPanel.vue
@@ -45,7 +45,7 @@ import mainTitle from './components/mainTitle.vue';
 import submit from './components/submit.vue';
 import logo from './components/logo.vue';
 import { mapState, mapGetters } from 'vuex';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'mainOperation',
diff --git a/web/src/management/pages/edit/modules/settingModule/resultPreview.vue b/web/src/management/pages/edit/modules/settingModule/resultPreview.vue
index d931b786..592914ad 100644
--- a/web/src/management/pages/edit/modules/settingModule/resultPreview.vue
+++ b/web/src/management/pages/edit/modules/settingModule/resultPreview.vue
@@ -14,7 +14,7 @@ import { mapState } from 'vuex';
 import success from './components/success';
 import overTime from './components/overTime';
 import { EDIT_STATUS_MAP } from './enum';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 
 export default {
   name: 'ResultConfigPreivew',
diff --git a/web/src/management/pages/edit/modules/settingModule/resultSetter.vue b/web/src/management/pages/edit/modules/settingModule/resultSetter.vue
index a1dc23dc..009db273 100644
--- a/web/src/management/pages/edit/modules/settingModule/resultSetter.vue
+++ b/web/src/management/pages/edit/modules/settingModule/resultSetter.vue
@@ -33,7 +33,7 @@ import FormItem from '@/materials/setters/widgets/FormItem.vue';
 import setterLoader from '@/materials/setters/setterLoader';
 import statusConfig from './config/statusConfig';
 import { mapState } from 'vuex';
-import { get as _get, pick as _pick } from 'lodash';
+import { get as _get, pick as _pick } from 'lodash-es';
 
 const textMap = {
   Success: '提交成功页面配置',
diff --git a/web/src/management/pages/edit/modules/settingModule/setting.vue b/web/src/management/pages/edit/modules/settingModule/setting.vue
index 50e23fd0..c1a90060 100644
--- a/web/src/management/pages/edit/modules/settingModule/setting.vue
+++ b/web/src/management/pages/edit/modules/settingModule/setting.vue
@@ -48,7 +48,7 @@ import {
   cloneDeep as _cloneDeep,
   isArray as _isArray,
   get as _get,
-} from 'lodash';
+} from 'lodash-es';
 
 export default {
   name: 'QuestionConfig',
diff --git a/web/src/management/pages/list/components/baseList.vue b/web/src/management/pages/list/components/baseList.vue
index 3bb4e267..884b8a9d 100644
--- a/web/src/management/pages/list/components/baseList.vue
+++ b/web/src/management/pages/list/components/baseList.vue
@@ -104,7 +104,7 @@
 </template>
 
 <script>
-import { get, map } from 'lodash';
+import { get, map } from 'lodash-es';
 import moment from 'moment';
 // 引入中文
 import 'moment/locale/zh-cn';
diff --git a/web/src/management/pages/list/components/modify.vue b/web/src/management/pages/list/components/modify.vue
index f4e62db6..5f34f335 100644
--- a/web/src/management/pages/list/components/modify.vue
+++ b/web/src/management/pages/list/components/modify.vue
@@ -34,7 +34,7 @@
 <script>
 import { CODE_MAP } from '@/management/api/base';
 import { updateSurvey, createSurvey } from '@/management/api/survey';
-import { pick as _pick } from 'lodash';
+import { pick as _pick } from 'lodash-es';
 import { QOP_MAP } from '@/management/utils/constant';
 
 export default {
diff --git a/web/src/management/pages/publishResult/index.vue b/web/src/management/pages/publishResult/index.vue
index 8119af04..3bbd8bd3 100644
--- a/web/src/management/pages/publishResult/index.vue
+++ b/web/src/management/pages/publishResult/index.vue
@@ -30,7 +30,7 @@
 <script>
 import ChannelRow from './components/channelRow';
 import empty from '@/management/components/empty';
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 import leftMenu from '@/management/components/leftMenu.vue';
 import { mapState } from 'vuex';
 
diff --git a/web/src/management/store/edit/actions.js b/web/src/management/store/edit/actions.js
index 30676b4d..3b87752d 100644
--- a/web/src/management/store/edit/actions.js
+++ b/web/src/management/store/edit/actions.js
@@ -1,5 +1,5 @@
 import { getNewField } from '@/management/utils';
-import { cloneDeep as _cloneDeep, get as _get } from 'lodash';
+import { cloneDeep as _cloneDeep, get as _get } from 'lodash-es';
 import { getSurveyById } from '@/management/api/survey';
 
 export default {
diff --git a/web/src/management/store/edit/mutations.js b/web/src/management/store/edit/mutations.js
index 22daa7d6..8a716427 100644
--- a/web/src/management/store/edit/mutations.js
+++ b/web/src/management/store/edit/mutations.js
@@ -1,4 +1,4 @@
-import { set as _set, merge as _merge } from 'lodash';
+import { set as _set, merge as _merge } from 'lodash-es';
 
 export default {
   setCurrentEditOne(state, data) {
diff --git a/web/src/management/utils/index.js b/web/src/management/utils/index.js
index df52af74..6110651c 100644
--- a/web/src/management/utils/index.js
+++ b/web/src/management/utils/index.js
@@ -1,5 +1,5 @@
 import { defaultQuestionConfig } from '../config/questionConfig';
-import { cloneDeep as _cloneDeep, map as _map } from 'lodash';
+import { cloneDeep as _cloneDeep, map as _map } from 'lodash-es';
 
 const generateQuestionField = () => {
   const num = Math.floor(Math.random() * 1000);
diff --git a/web/src/materials/questions/common/config/basicConfig.js b/web/src/materials/questions/common/config/basicConfig.js
index 52d4b0e4..2f08c079 100644
--- a/web/src/materials/questions/common/config/basicConfig.js
+++ b/web/src/materials/questions/common/config/basicConfig.js
@@ -1,4 +1,4 @@
-import { pick as _pick } from 'lodash';
+import { pick as _pick } from 'lodash-es';
 
 export default {
   name: 'basicConfig',
diff --git a/web/src/materials/questions/common/utils/index.js b/web/src/materials/questions/common/utils/index.js
index 6da25749..c1b9ea27 100644
--- a/web/src/materials/questions/common/utils/index.js
+++ b/web/src/materials/questions/common/utils/index.js
@@ -1,4 +1,4 @@
-import { forEach as _forEach, trim as _trim } from 'lodash';
+import { forEach as _forEach, trim as _trim } from 'lodash-es';
 import { escapeFilterXSS } from '@/common/xss';
 
 // 获取选项的hash
diff --git a/web/src/materials/questions/components/AdvancedConfig/OptionConfig.vue b/web/src/materials/questions/components/AdvancedConfig/OptionConfig.vue
index 4f02f1cd..33fd2663 100644
--- a/web/src/materials/questions/components/AdvancedConfig/OptionConfig.vue
+++ b/web/src/materials/questions/components/AdvancedConfig/OptionConfig.vue
@@ -87,7 +87,7 @@
 
 <script>
 import draggable from 'vuedraggable';
-import { forEach as _forEach, cloneDeep as _cloneDeep } from 'lodash';
+import { forEach as _forEach, cloneDeep as _cloneDeep } from 'lodash-es';
 import ExtraIcon from '../ExtraIcon';
 import { cleanRichText } from '@/common/xss';
 
diff --git a/web/src/materials/questions/components/AdvancedConfig/RateConfig.vue b/web/src/materials/questions/components/AdvancedConfig/RateConfig.vue
index 6f8d64c7..1cbeb6b2 100644
--- a/web/src/materials/questions/components/AdvancedConfig/RateConfig.vue
+++ b/web/src/materials/questions/components/AdvancedConfig/RateConfig.vue
@@ -2,7 +2,7 @@
   <el-dialog
     title="评分高级设置"
     custom-class="option-config-wrapper"
-    :visible="innerVisible"
+    :visible.sync="innerVisible"
     :append-to-body="true"
     :width="dialogWidth"
   >
@@ -48,7 +48,7 @@
   </el-dialog>
 </template>
 <script>
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 import { mapGetters } from 'vuex';
 export default {
   props: {
diff --git a/web/src/materials/questions/components/Options/OptionEdit.vue b/web/src/materials/questions/components/Options/OptionEdit.vue
index 0e2bf878..7dd66f65 100644
--- a/web/src/materials/questions/components/Options/OptionEdit.vue
+++ b/web/src/materials/questions/components/Options/OptionEdit.vue
@@ -43,7 +43,7 @@
 <script>
 import draggable from 'vuedraggable';
 import { mapGetters } from 'vuex';
-import { cloneDeep as _cloneDeep } from 'lodash';
+import { cloneDeep as _cloneDeep } from 'lodash-es';
 import EditorV2 from '@/common/Editor/EditorV2';
 
 export default {
diff --git a/web/src/materials/questions/components/Options/UseOptionBase.jsx b/web/src/materials/questions/components/Options/UseOptionBase.jsx
index 5c31a7d8..46f7ff74 100644
--- a/web/src/materials/questions/components/Options/UseOptionBase.jsx
+++ b/web/src/materials/questions/components/Options/UseOptionBase.jsx
@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { cloneDeep } from 'lodash';
+import { cloneDeep } from 'lodash-es';
 
 import GetHash from '../../common/utils/getOptionHash';
 
diff --git a/web/src/materials/questions/widgets/BaseChoice/index.jsx b/web/src/materials/questions/widgets/BaseChoice/index.jsx
index 8f38de1d..4bd3236c 100644
--- a/web/src/materials/questions/widgets/BaseChoice/index.jsx
+++ b/web/src/materials/questions/widgets/BaseChoice/index.jsx
@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import { findIndex, includes } from 'lodash';
+import { findIndex, includes } from 'lodash-es';
 import { filterXSS } from '@/common/xss';
 import '../../common/css/choice.scss';
 
diff --git a/web/src/materials/questions/widgets/CheckboxModule/index.jsx b/web/src/materials/questions/widgets/CheckboxModule/index.jsx
index 24b8645c..1564c612 100644
--- a/web/src/materials/questions/widgets/CheckboxModule/index.jsx
+++ b/web/src/materials/questions/widgets/CheckboxModule/index.jsx
@@ -1,7 +1,7 @@
 import baseChoice from '../BaseChoice';
 import { computed, defineComponent } from 'vue';
 import QuestionWithRule from '@/materials/questions/widgets/QuestionRuleContainer';
-import { includes } from 'lodash';
+import { includes } from 'lodash-es';
 import metaConfig from './meta.js';
 export const meta = metaConfig;
 /**
diff --git a/web/src/materials/questions/widgets/InputModule/index.jsx b/web/src/materials/questions/widgets/InputModule/index.jsx
index dddf22a1..54028bfa 100644
--- a/web/src/materials/questions/widgets/InputModule/index.jsx
+++ b/web/src/materials/questions/widgets/InputModule/index.jsx
@@ -1,7 +1,7 @@
 import baseInput from '../BaseInput';
 import { defineComponent, ref } from 'vue';
 import '../../common/css/input.scss';
-import { get } from 'lodash';
+import { get } from 'lodash-es';
 import myMeta from './meta';
 export const meta = myMeta;
 /**
diff --git a/web/src/materials/questions/widgets/QuestionRuleContainer.jsx b/web/src/materials/questions/widgets/QuestionRuleContainer.jsx
index 2b802861..df49e687 100644
--- a/web/src/materials/questions/widgets/QuestionRuleContainer.jsx
+++ b/web/src/materials/questions/widgets/QuestionRuleContainer.jsx
@@ -11,7 +11,7 @@ import Vue, {
 } from 'vue';
 import QuestionContainer from '@/materials/questions/widgets/QuestionContainer.jsx';
 import ErrorTip from '../components/ErrorTip.vue';
-import { assign } from 'lodash';
+import { assign } from 'lodash-es';
 import AsyncValidator from 'async-validator';
 export default defineComponent({
   name: 'QuestionRuleContainer',
diff --git a/web/src/materials/questions/widgets/TextareaModule/index.jsx b/web/src/materials/questions/widgets/TextareaModule/index.jsx
index 2ecd5754..d376c48f 100644
--- a/web/src/materials/questions/widgets/TextareaModule/index.jsx
+++ b/web/src/materials/questions/widgets/TextareaModule/index.jsx
@@ -1,7 +1,7 @@
 import baseInput from '../BaseInput';
 import { defineComponent, ref } from 'vue';
 import '../../common/css/input.scss';
-import { get } from 'lodash';
+import { get } from 'lodash-es';
 import myMeta from './meta';
 export const meta = myMeta;
 /**
diff --git a/web/src/materials/questions/widgets/VoteModule/index.jsx b/web/src/materials/questions/widgets/VoteModule/index.jsx
index b5447c53..61d2b8ec 100644
--- a/web/src/materials/questions/widgets/VoteModule/index.jsx
+++ b/web/src/materials/questions/widgets/VoteModule/index.jsx
@@ -3,7 +3,7 @@ import baseChoice from '../BaseChoice';
 import Progress from '../../components/Progress.vue';
 import '../../common/css/vote.scss';
 import QuestionWithRule from '@/materials/questions/widgets/QuestionRuleContainer';
-import { includes } from 'lodash';
+import { includes } from 'lodash-es';
 export default defineComponent({
   name: 'VoteModule',
   components: { baseChoice, Progress, QuestionWithRule },
diff --git a/web/src/materials/setters/widgets/FreqAndNumberLimit.vue b/web/src/materials/setters/widgets/FreqAndNumberLimit.vue
index 2744e49e..bc3e50e1 100644
--- a/web/src/materials/setters/widgets/FreqAndNumberLimit.vue
+++ b/web/src/materials/setters/widgets/FreqAndNumberLimit.vue
@@ -24,7 +24,7 @@
   </el-form-item>
 </template>
 <script>
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 import { FORM_CHANGE_EVENT_KEY } from '@/materials/setters/constant';
 export default {
   name: 'FreqAndNumberLimit',
diff --git a/web/src/materials/utils/componentLoader.js b/web/src/materials/utils/componentLoader.js
index 201db2be..6318dc04 100644
--- a/web/src/materials/utils/componentLoader.js
+++ b/web/src/materials/utils/componentLoader.js
@@ -1,4 +1,4 @@
-import { cloneDeep as _cloneDeep } from 'lodash';
+import { cloneDeep as _cloneDeep } from 'lodash-es';
 export default class ComponentLoader {
   constructor(options = {}) {
     const { componentList, lifeCycle } = options;
diff --git a/web/src/render/adapter/question.js b/web/src/render/adapter/question.js
index 342758cc..9a52a247 100644
--- a/web/src/render/adapter/question.js
+++ b/web/src/render/adapter/question.js
@@ -2,7 +2,7 @@
  * 处理单题的配置
  */
 
-import { get as _get, map as _map } from 'lodash';
+import { get as _get, map as _map } from 'lodash-es';
 
 // 处理选择题的options
 function handleOptions(item) {
diff --git a/web/src/render/adapter/questionSeq.js b/web/src/render/adapter/questionSeq.js
index afe4a605..98d062c3 100644
--- a/web/src/render/adapter/questionSeq.js
+++ b/web/src/render/adapter/questionSeq.js
@@ -1,4 +1,4 @@
-import { get as _get, last as _last } from 'lodash';
+import { get as _get, last as _last } from 'lodash-es';
 
 export default function handleQuestionSeq(questionConfig) {
   const dataList = _get(questionConfig, 'dataConf.dataList', []);
diff --git a/web/src/render/adapter/rules.js b/web/src/render/adapter/rules.js
index 9f489a21..b486174b 100644
--- a/web/src/render/adapter/rules.js
+++ b/web/src/render/adapter/rules.js
@@ -4,7 +4,7 @@ import {
   isArray as _isArray,
   keys as _keys,
   set as _set,
-} from 'lodash';
+} from 'lodash-es';
 
 const regexpMap = {
   nd: /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/,
diff --git a/web/src/render/components/header.vue b/web/src/render/components/header.vue
index d40bdc2d..f3d03354 100755
--- a/web/src/render/components/header.vue
+++ b/web/src/render/components/header.vue
@@ -45,7 +45,7 @@
   </div>
 </template>
 <script>
-import { get as _get } from 'lodash';
+import { get as _get } from 'lodash-es';
 import { formatLink } from '../utils/index.js';
 
 export default {
diff --git a/web/src/render/plugins/dialog/index.js b/web/src/render/plugins/dialog/index.js
index 519023fe..77add5d2 100644
--- a/web/src/render/plugins/dialog/index.js
+++ b/web/src/render/plugins/dialog/index.js
@@ -1,7 +1,7 @@
 import confirm from '../../components/confirm.vue';
 import alert from '../../components/alert.vue';
 
-import { isFunction as _isFunction } from 'lodash';
+import { isFunction as _isFunction } from 'lodash-es';
 
 export default {
   install(Vue) {
diff --git a/web/src/render/store/getters.js b/web/src/render/store/getters.js
index 8bc84e55..c2f3f476 100644
--- a/web/src/render/store/getters.js
+++ b/web/src/render/store/getters.js
@@ -1,4 +1,4 @@
-import { flatten } from 'lodash';
+import { flatten } from 'lodash-es';
 
 export default {
   // 题目列表
diff --git a/web/src/render/store/mutations.js b/web/src/render/store/mutations.js
index ebfacfde..f3fd4493 100644
--- a/web/src/render/store/mutations.js
+++ b/web/src/render/store/mutations.js
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { forEach, set } from 'lodash';
+import { forEach, set } from 'lodash-es';
 export default {
   // 将数据设置到state上
   assignState(state, data) {