cnhis-design-vue 2.1.78 → 2.1.80

package/packages/scale-view/scaleView.vue

@@ -1,2017 +1,2017 @@
-<template>
-  <div class="r-scale">
-    <slot v-if="spinning">
-      <a-spin :indicator="indicator" tip="加载中..." />
-    </slot>
-    <slot v-if="!spinning && !hasFrontAddress">
-      <!-- <div v-if="noData">暂无数据</div> -->
-      <NoData v-if="noData" :noDataImg="noDataImg" :noDataTip="noDataTip"></NoData>
-      <template v-else>
-        <evaluatePage
-          v-if="showEvaluateEntry"
-          :formArray="formArray"
-          :evaluateResultConfig="config.evaluateResultConfig"
-          :evaluateResultSetting="config.evaluateResultSetting"
-          :isFinished="isFinished"
-          :maxScore="maxScore"
-          @writeGuage="writeGuage"
-        ></evaluatePage>
-        <template v-else>
-          <evaluateCountdown
-            v-if="showEvaluateCoundownPage"
-            ref="evaluateCountdown"
-            :formArray="formArray"
-            :evaluateResultConfig="config.evaluateResultConfig"
-            :evaluateResultSetting="config.evaluateResultSetting"
-            :form="form"
-            :isFinished="isFinished"
-            :currentTime="currentTime"
-            :showEvaluateCountdown="showEvaluateCountdown"
-            @closeEvaluateCountdown="closeEvaluateCountdown"
-          ></evaluateCountdown>
-          <div
-            class="scale-container"
-            :class="{ 'scale-container-nopadding': handlePageClass }"
-            :style="scaleStyle"
-          >
-            <div class="totalScore-warp" v-if="hasScore">
-              <div>
-                测评总分：
-                <span>{{ maxScore }}分</span>
-              </div>
-              <div>
-                测评分数：
-                <span :style="{ color: getEvaResColor }">{{ config.totalScore }}分</span>
-              </div>
-              <template v-if="hasEvaluateSetting">
-                <div>
-                  测评结果：
-                  <span
-                    class="score-result"
-                    :style="{ color: getEvaResColor }"
-                  >{{ config.evaluateResult }}</span>
-                </div>
-                <div>
-                  结果说明：
-                  <span>{{ config.evaluateResultExplain }}</span>
-                </div>
-              </template>
-            </div>
-            <a-form-model
-              ref="ruleForm"
-              :model="form"
-              :rules="rules"
-              :layout="form.layout"
-              :colon="false"
-              class="main"
-            >
-              <template v-for="(item, index) in formArray">
-                <!-- 标题 -->
-                <template v-if="item.type == 'TITLE'">
-                  <a-form-model-item
-                    v-if="isShowItem(item)"
-                    :colon="false"
-                    :key="item.id || item.seq"
-                  >
-                    <h1 class="lb-title">{{ item.title }}</h1>
-                    <div class="lb-title">{{ item.describe }}</div>
-                  </a-form-model-item>
-                </template>
-                <!-- 分线栏 -->
-                <template v-else-if="item.type == 'LINEBAR'">
-                  <a-form-model-item
-                    v-if="isShowItem(item)"
-                    :colon="false"
-                    :key="item.id || item.seq"
-                  >
-                    <div class="linebar-div" v-if="item.title">
-                      <span>{{ item.title }}</span>
-                      <a-divider />
-                    </div>
-                    <template v-else>
-                      <a-divider />
-                    </template>
-                  </a-form-model-item>
-                </template>
-                <!-- 提示语 -->
-                <template v-else-if="item.type == 'PROMPT'">
-                  <a-form-model-item
-                    v-if="isShowItem(item)"
-                    class="my-prompt"
-                    :colon="false"
-                    :key="item.id || item.seq"
-                  >
-                    <MyPrompt :key="item.id || item.seq" :options="item.setting" />
-                  </a-form-model-item>
-                </template>
-                <template v-else-if="item.type == 'IMGCARD'">
-                  <a-form-model-item
-                    v-if="isShowItem(item)"
-                    :colon="false"
-                    :key="item.id || item.seq"
-                  >
-                    <a v-if="item.setting.imgLink" :href="item.setting.imgLink" target="_blank">
-                      <img class="img-card" :src="item.setting.imgUrl" />
-                    </a>
-                    <img class="img-card" v-else :src="item.setting.imgUrl" />
-                  </a-form-model-item>
-                </template>
-                <!-- 富文本 -->
-                <template v-else-if="item.type == 'RICH_TEXT'">
-                  <div
-                    :key="item.id || item.seq"
-                    class="rich-text-content"
-                    v-html="item.setting.defaultValue"
-                  ></div>
-                </template>
-                <template v-else>
-                  <a-form-model-item
-                    v-if="isShowItem(item)"
-                    :key="item.id || item.seq"
-                    :prop="formKey(item)"
-                  >
-                    <span slot="label">
-                      <span
-                        :class="{ 'scale-label-required': isFormBoldOpen(item) }"
-                        v-html="handleShowQuestionNumber(item)"
-                      ></span>
-                      <span class="required-text" v-if="isFormBoldOpen(item)">(必填)</span>
-                      <span
-                        class="evalute-label"
-                        v-if="showEvaluateLabel(item)"
-                      >{{ showEvaluateLabel(item) }}</span>
-                      <template v-if="showEvatip(item)">
-                        <span class="evalute-tip" @click="showEvaTipModal(item)">
-                          <svg-icon icon-class="a-xitongtubiaotishi" />查看提示
-                        </span>
-                      </template>
-                    </span>
-                    <!-- 输入框 -->
-                    <MyInput
-                      v-bind="$attrs"
-                      v-if="isInput(item.type)"
-                      v-model="form[formKey(item)]"
-                      :eleType="item.type"
-                      :type="item.valueType"
-                      :row="item.setting.inputRow || 1"
-                      :defaultPlaceHolder="item.setting.defaultPlaceHolder"
-                      :isLock="componentDisable"
-                    />
-
-                    <!-- 单选/下拉/多选/级联 -->
-                    <MyChoice
-                      v-bind="$attrs"
-                      v-else-if="isChoice(item.type)"
-                      v-model="form[formKey(item)]"
-                      :item="item"
-                      :isLock="componentDisable"
-                      :curIndex="index"
-                      :openType="openType"
-                      @change="handleChoice($event, item)"
-                      @radioChange="radioChange"
-                      @checkboxChange="checkboxChange"
-                    />
-                    <!-- 日期/时间 -->
-                    <MyTime
-                      v-bind="$attrs"
-                      v-else-if="isTime(item.type)"
-                      :value="getTimeValue(item)"
-                      :type="item.type"
-                      :startToStop="item.setting.startToStop"
-                      :dateType="item.setting.dateType"
-                      :isLock="componentDisable"
-                      @change="changeTime($event, item)"
-                    />
-                    <!-- 上传附件 or 图片 -->
-                    <MyUpload
-                      v-bind="$attrs"
-                      v-else-if="isUpload(item.type)"
-                      :upType="item.type"
-                      :useFileList="item.dbValue"
-                      :limitPic="item.setting.limitPic"
-                      :isLock="componentDisable"
-                      @change="changeUpload($event, item)"
-                    />
-                    <!-- 地图 -->
-                    <div
-                      v-else-if="item.type === 'LOCATION'"
-                      @click="!isLock && (mapVisible = !mapVisible)"
-                      :class="{ 'map-container': !isLock }"
-                    >
-                      <a-input
-                        placeholder="请选择"
-                        :value="handleGetAddress(form[formKey(item)])"
-                        disabled
-                      >
-                        <a-icon slot="prefix" type="info-circle" />
-                      </a-input>
-                      <MapComp
-                        v-bind="$attrs"
-                        :visible.sync="mapVisible"
-                        :locationProp="form[formKey(item)]"
-                        :isLock="componentDisable"
-                        @selectLocation="handleSelectLocation($event, item)"
-                      />
-                    </div>
-                    <!-- 地址 -->
-                    <MyAddress
-                      v-bind="$attrs"
-                      v-else-if="item.type === 'ADDRESS'"
-                      :setting="item.setting"
-                      :defaultValue="form[formKey(item)]"
-                      :isLock="componentDisable"
-                      @change="changeAddress($event, item)"
-                    />
-                    <!-- 标签 -->
-                    <label-form
-                      v-bind="$attrs"
-                      v-else-if="item.type === 'LABEL'"
-                      :item="item"
-                      :selectedList="labelSelectedList"
-                      :isLock="componentDisable"
-                      :sourceType="source"
-                      @onChange="labelChange($event, item)"
-                    />
-                    <!-- 视频 -->
-                    <vod-Chunk-upload
-                      v-bind="$attrs"
-                      v-else-if="item.type === 'VEDIO'"
-                      :source="'guage'"
-                      :formData="item"
-                      :limitNum="item.setting.limitPic"
-                      :defFileList="form[formKey(item)]"
-                      :isLock="componentDisable"
-                      @vodFileList="vodFileList($event, item)"
-                    />
-                    <!-- 签名 -->
-                    <MySign v-else-if="item.type =='SIGN'" :form="form" :item="item" :isLock="componentDisable" @scaleChange="signChange"></MySign>
-                    <!-- 答案解析 -->
-                    <answerParse v-if="showAnswerParse(item)" :item="item"></answerParse>
-                    
-                  </a-form-model-item>
-                </template>
-              </template>
-            </a-form-model>
-          </div>
-          <template v-if="type === 'customList'">
-            <div class="footer" v-if="!noBtn">
-              <a-button @click="cancel" v-if="false" style="margin-right: 8px;">取消</a-button>
-              <a-button @click="onSubmit" type="primary" :disabled="banSubmit">保存</a-button>
-            </div>
-          </template>
-          <template v-else>
-            <div class="footer" v-if="showSaveBtn">
-              <a-button @click="cancel" style="margin-right: 8px;">取消</a-button>
-              <a-button type="primary" v-if="!isLock" @click="onSubmit" :disabled="banSubmit">保存</a-button>
-            </div>
-          </template>
-        </template>
-      </template>
-    </slot>
-  </div>
-</template>
-<script>
-import { Icon, Checkbox, Tree, Tooltip, Input, Spin, FormModel, Divider, Button } from 'ant-design-vue';
-import create from '@/core/create';
-import { MyChoice, MyInput, MyAddress, MyUpload, MyTime, MyPrompt, MySign } from './formitem';
-import MapComp from '../map/src/popup-map';
-import labelForm from '~/select-label/select-label';
-import vodChunkUpload from '~/upload/chunk-upload/vod-chunk-upload.vue';
-// import { EventBus } from "@/common/utils/eventBus.js";
-import { judgeTypes } from './mixin/judgeTypes';
-import NoDataJs from './mixin/NoData';
-// import { mapGetters } from "vuex";
-import moment from 'moment';
-import utils from '@/utils/utils-map';
-import evaluatePage from './evaluatePage.vue';
-import evaluateCountdown from './evaluateCountdown.vue';
-import answerParse from './answerParse.vue';
-import vexutils from '@/utils/vexutils';
-import NoData from './NoData.vue';
-import addressVal from './mixin/addressVal'
-export default create({
-  name: 'scale-view',
-  mixins: [judgeTypes, NoDataJs, addressVal],
-  props: {
-    ids: {
-      type: Object,
-      default: () => {
-        return { guage_id: '', db_id: undefined };
-      }
-    },
-    params: { default: () => ({}), type: Object },
-    guageData: { type: Object, default: () => ({}) },
-    noBtn: { type: Boolean, default: false },
-    hideBtn: { type: Boolean, default: false },
-    source: { type: String, default: '' },
-    isLock: { type: Boolean, default: false },
-    type: {
-      type: String,
-      default: ''
-    },
-    styleSetting: {
-      type: Object,
-      default: () => ({})
-    },
-
-    fontSizeObj: {
-      type: Object,
-      default: () => ({
-        large: 1.25,
-        medium: 1.1,
-        small: 1,
-        extrasmall: 0.9
-      })
-    },
-    openType: { type: String, default: '' },
-    scaleApiConfig: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  components: {
-    MyChoice,
-    MyInput,
-    MapComp,
-    MyAddress,
-    MyUpload,
-    MyTime,
-    MyPrompt,
-    MySign,
-    labelForm,
-    vodChunkUpload,
-    [Icon.name]: Icon,
-    [Spin.name]: Spin,
-    [Tree.name]: Tree,
-    [Input.name]: Input,
-    [Input.Search.name]: Input.Search,
-    [Checkbox.name]: Checkbox,
-    [Divider.name]: Divider,
-    [Button.name]: Button,
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item,
-    [Tooltip.name]: Tooltip,
-    evaluatePage,
-    evaluateCountdown,
-    answerParse,
-    NoData
-  },
-  computed: {
-    queryformBoldOpen() {
-      return this.$route.query?.formBoldOpen == 1;
-    },
-    showEvatip() {
-      return function (item) {
-        if (!this.isEvaluation(item.type)) return false;
-        return this.$route.query?.evatip == 1 || this.params?.evatip == 1;
-      };
-    },
-    isFormBoldOpen() {
-      return function (item) {
-        let res = item.required;
-        // 量表未登录时 判断 url中是否有 formBoldOpen
-        if (!this.styleSetting || !Object.keys(this.styleSetting).length || !('formBoldOpen' in this.styleSetting)) {
-          return res && this.queryformBoldOpen;
-        }
-        return res && this.styleSetting.formBoldOpen;
-      };
-    },
-    scaleStyle() {
-      let fontSize = this.fontSize;
-      if (!fontSize || fontSize === 'S') return null;
-      const keyValue = {
-        L: 'large',
-        M: 'medium',
-        XS: 'extrasmall'
-      };
-      fontSize = keyValue[fontSize];
-      const scale = (fontSize && this.fontSizeObj[fontSize]) || 1;
-      const size = 10000;
-      const value = Math.floor((100 / scale) * size) / size;
-      return {
-        width: `${value}%`,
-        height: `${value}%`,
-        transform: `scale(${scale})`
-      };
-    },
-    handlePageClass() {
-      if (this.type == 'customList' && !this.noBtn) return false;
-      if (!this.noBtn && !this.hideBtn) return false;
-      return true;
-    },
-    isShowItem() {
-      return item => this.showEvent(item);
-    },
-    handleShowQuestionNumber() {
-      return function (item) {
-        let { type } = item || {};
-        let tempTile = this.config?.autoQuestionNumber === false ? item.showTitle : `${item.softcode}、${item.showTitle}`;
-        tempTile = this.html2Escape(tempTile);
-        if (!this.isEvaluation(type)) return tempTile;
-
-        let score = this.handleEvaluationScore(item);
-        return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
-        // if (this.noBtn) {
-        //   let score = this.handleEvaluationScore(item);
-        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
-        // }
-        // if (!this.isLock) {
-        //   let score = this.handleEvaluationScore(item);
-        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
-        // }
-        // if (item.questionScore !== undefined) {
-        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">(${item.questionScore}分)</span>`;
-        // }
-        // return tempTile;
-      };
-    },
-    hasScore() {
-      let { config } = this;
-      if (!config || !Object.keys(config).length) return false;
-      if ('totalScore' in config) return true;
-      return false;
-    },
-    // 预览按钮打开的量表页面
-    isPreviewScale() {
-      let guage_id = this.ids?.guage_id;
-      return guage_id && this.noBtn;
-    },
-    hasEvaluateSetting() {
-      let { config } = this;
-      if (!config || !Object.keys(config).length) return false;
-      if ('evaluateResult' in config && config.evaluateResult) return true;
-      return false;
-    },
-    getTimeValue() {
-      return function (item) {
-        let value = this.form[this.formKey(item)];
-        return value;
-      };
-    },
-    // 是否展示考试入口
-    showEvaluateEntry() {
-      // 非预览
-      // 有evaluateResultSetting || url中含有固定参数
-      // 倒计时未结束
-      // 未填写过
-      return !this.isPreviewScale && this.showEvaluatePage && this.showEvaluateSettingWrap && !this.isFinished && !this.noBtn && !this.hideBtn;
-    },
-    // 是否展示倒计时
-    showEvaluateCoundownPage() {
-      return !this.isPreviewScale && !this.showEvaluateEntry && this.showEvaluateCountdownWrap && !this.isFinished && !this.noBtn && !this.hideBtn;
-    },
-    // 是否设置 evaluateResultSetting
-    hasEvaluateResultSetting() {
-      let { evaluateResultSetting = {} } = this.config;
-      // 读取优先级为测评设置值(变量) > URL参数 > 测评设置值(固定值)
-      // 是否设置 evaluateResultSetting
-      let valueArr =
-        Object.values(evaluateResultSetting).filter(item => {
-          if (item) return true;
-        }) || [];
-      return valueArr.length;
-    },
-    hasparamsEvaluate() {
-      return this.paramsEvaluate && Object.keys(this.paramsEvaluate).length;
-    },
-    // url中是否有默认值
-    hasDefault() {
-      let hash = window.location.hash;
-      let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
-      let hasDefault = defaultVariable.find(item => hash.includes(item));
-      return this.paramsEvaluate || hasDefault;
-    },
-    // 是否有提交按钮
-    showSaveBtn() {
-      // 无测评设置 && url中无固定参数
-      if (!this.hasEvaluateResultSetting && !this.hasDefault) {
-        return !this.noBtn && !this.hideBtn;
-      }
-      return !this.noBtn && !this.hideBtn && !this.isFinished;
-    },
-    // 组件是否 Disable
-    componentDisable() {
-      // 无测评设置 && url中无固定参数
-      if (!this.hasEvaluateResultSetting && !this.hasDefault) {
-        return this.hideBtn || this.isLock;
-      }
-      return this.hideBtn || this.isLock || this.isFinished;
-    },
-    showEvaluateLabel() {
-      return function (item) {
-        let obj = {
-          EVALUATE_RADIO_BLOCK: '单选题',
-          EVALUATE_CHECKBOX_BLOCK: '多选题'
-        };
-        return obj[item.type];
-      };
-    },
-    showAnswerParse() {
-      return function (item) {
-        let { evaluateAnswer, checkAnswerMode, evaluateStartTime, evaluateTime } = this.config?.evaluateResultSetting || {};
-        let arr = ['EVALUATE_RADIO_BLOCK', 'EVALUATE_CHECKBOX_BLOCK', 'EVALUATE_SELECT', 'EVALUATE_INPUT'];
-        let maxScore = item?.scoreConfigs || 0;
-        let isShow = evaluateAnswer && this.isFinished && arr.includes(item.type) && maxScore;
-        if (!evaluateStartTime || !evaluateTime || (checkAnswerMode && checkAnswerMode == 1)) return isShow;
-        if (!vexutils.isValidDate(new Date(evaluateStartTime))) return isShow;
-        // 答案解析时间 考试时间结束后
-        let endTime = moment(evaluateStartTime).add(evaluateTime, 'minutes');
-        let isRang = endTime.diff(moment(), 'seconds', true);
-        return isShow && isRang <= 0;
-      };
-    },
-    tipMsg() {
-      return this.type === 'customList' ? '保存' : '提交';
-    },
-    formKey() {
-      return function (item) {
-        return item.databaseTitle || item.title;
-      };
-    },
-    getEvaResColor() {
-      let { evaluateResultConfig = [], totalScore } = this.config || {};
-      totalScore = +totalScore || 0;
-      if (!evaluateResultConfig?.length || !totalScore) return '#2474FF';
-      let matchItem = evaluateResultConfig.find(item => item.startScore <= totalScore && totalScore <= item.endScore);
-      if (!matchItem) return '#2474FF';
-      return matchItem.color || '#2474FF';
-    }
-  },
-  watch: {
-    ids: {
-      immediate: true,
-      deep: true,
-      handler(newVal, oldVal) {
-        if (oldVal) {
-          if (newVal.guage_id) {
-            if (newVal.guage_id != oldVal.guage_id) {
-              this.init(newVal);
-            }
-          }
-        } else {
-          if (newVal.guage_id) this.init(newVal);
-        }
-      }
-    },
-    guageData: {
-      immediate: true,
-      deep: true,
-      handler(value) {
-        if (value) {
-          if (Object.keys(value || {}).length) {
-            // guageForm打开 重新请求重置之前的答案
-            this.form = {};
-            this.formArray = [];
-            const data = JSON.parse(JSON.stringify(value));
-            this.$nextTick(() => {
-              this.initForm(data);
-            });
-          }
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      other: '',
-      form: {},
-      submitForm: {},
-      rules: {},
-      config: {},
-      formArray: [],
-      mapVisible: false,
-      mapLocation: '',
-      labelSelectedList: [],
-      defaultFormArray: [],
-      fontSize: '',
-      filterArr: ['SUCCESS_TIP', 'CALLBACK_INTERFACE', 'SPREAD_PARAMS', 'REDIRECT', 'FRONT_ADDRESS', 'RETURN_PATH'],
-      spinning: true,
-      indicator: <a-icon type="loading" style="font-size: 24px" spin />,
-      totalScore: undefined,
-      shareId: '',
-      currentTime: moment(),
-      showEvaluatePage: false,
-      showEvaluateSettingWrap: true,
-      showEvaluateCountdownWrap: false,
-      showEvaluateCountdown: false,
-      banSubmit: false,
-      isFinished: false,
-      maxScore: 0,
-      originConfig: {},
-      paramsEvaluate: null,
-      hasFrontAddress: true,
-      choiceComObj: {},
-      evatipMap: {} // 维护一个tip map避免重复请求
-    };
-  },
-  mounted() {
-    this.handleQuery();
-    if (this.noBtn) {
-      // EventBus.$on("guageSubmit", this.onSubmit);
-    }
-  },
-  beforeDestroy() {
-    // EventBus.$off("guageSubmit");
-  },
-  methods: {
-    init(configData) {
-      this.spinning = true;
-      try {
-        this.resetNodata();
-        this.initForm(configData);
-      } catch (error) {
-        this.spinning = false;
-        this.hasFrontAddress = false;
-        this.setNoData(true, error?.resultMsg, error?.result);
-      }
-    },
-    handleQuery() {
-      let { id } = this.$route.query;
-      id && (this.shareId = id);
-    },
-    initForm(data) {
-      this.getProvinceData()
-      let { list = [], map = {}, isFinished = false } = data;
-      let curUrl = this.handleFrontAddress(list);
-      if (curUrl) {
-        window.location.href = curUrl;
-        return;
-      }
-      map.maxScore && (this.maxScore = map.maxScore);
-      this.isFinished = isFinished;
-      if (data.isNotFilled) {
-        this.spinning = false;
-        this.hasFrontAddress = false;
-        this.setNoData(true, '未查询到量表填写记录');
-        return;
-      }
-      if (data.isLackCustomer) {
-        let _this = this;
-        // 校验用户环境
-        this.$info({
-          title: '已设置填写次数限制',
-          content: '请在包含用户信息的环境中打开此量表',
-          onOk() {
-            _this.$emit('onCloseSetting');
-          }
-        });
-      }
-      this.config = map;
-
-      if ('evaluateResultConfig' in map && utils.isJSON(map.evaluateResultConfig)) {
-        this.config.evaluateResultConfig = JSON.parse(map.evaluateResultConfig);
-      }
-      if ('evaluateResultSetting' in map && utils.isJSON(map.evaluateResultSetting)) {
-        this.config.evaluateResultSetting = JSON.parse(map.evaluateResultSetting);
-        // 随机测评
-        if (this.config?.randomId && this.config.evaluateResultSetting) {
-          this.config.evaluateResultSetting.evaluateName = this.config.name;
-          this.config.evaluateResultSetting.evaluateExplain = this.config.remark;
-        }
-      }
-
-      this.originConfig = JSON.parse(JSON.stringify(this.config));
-
-      if (this.params && Object.keys(this.params).length) {
-        let res = this.handleBtnParamsEvaluate(this.params);
-        res && Object.keys(res).length && (this.paramsEvaluate = res);
-      }
-
-      this.handleEvaluateParams(this.config.evaluateResultSetting);
-      this.handleShowEvaluate();
-
-      this.defaultFormArray = JSON.parse(JSON.stringify(list));
-      let filterArr = this.filterArr;
-      list = list.filter(v => !filterArr.includes(v.type));
-      this.formArray = this.formatArray(list || []);
-      this.form = this.defaultFormValue(this.formArray);
-      this.rules = this.formatRules(this.formArray);
-      this.fontSize = data.fontSize;
-      this.spinning = false;
-      this.hasFrontAddress = false;
-    },
-    handleFrontAddress(list) {
-      if (!list || !list.length) return;
-      let matchItem = list.find(item => item.type === 'FRONT_ADDRESS');
-      if (!matchItem || !Object.keys(matchItem).length) return;
-      let setting;
-      if (matchItem.setting && utils.isJSON(matchItem.setting)) {
-        setting = JSON.parse(matchItem.setting);
-      }
-      if (!setting || !Object.keys(setting).length) return;
-      let query = this.handleQueryParams();
-      // redirect=1 代表从前置地址跳转回来了
-      if (query?.redirect == 1) return;
-      let { frontAddress } = setting;
-      if (frontAddress) {
-        let urlHref = window.location.href;
-        let preStr = '?';
-        if (frontAddress.includes('?')) {
-          preStr = '&';
-        }
-        let curUrl = `${frontAddress}${preStr}redirect_url=${encodeURIComponent(urlHref)}`;
-        return curUrl;
-      }
-    },
-    handleBtnParamsEvaluate(params) {
-      let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
-      let res = {};
-      for (let key in params) {
-        let value = params[key];
-        if (defaultVariable.includes(key) && value) {
-          res[key] = value;
-        }
-      }
-      return res;
-    },
-    /** *
-     * 解析测评参数
-     */
-    handleEvaluateParams(evaluateResultSetting) {
-      if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length) return;
-      // 分享测评量表链接URL支持传入测评名称-evaname 测评说明-evadesc 测评时间-evast 测评时长-evadur 固定参数
-      let query = this.handleQueryParams();
-      // 按钮传参
-      if (this.hasparamsEvaluate) {
-        query = this.paramsEvaluate;
-      }
-      let obj = {
-        evaluateName: 'evaname',
-        evaluateExplain: 'evadesc',
-        evaluateStartTime: 'evast',
-        evaluateTime: 'evadur',
-        evaluateAnswer: 'evaan'
-      };
-      for (let key in evaluateResultSetting) {
-        let value = evaluateResultSetting[key];
-        let isParseKey = value && key != 'evaluateAnswer' && typeof value === 'string' && value.includes('${');
-        if (isParseKey) {
-          let parseValue = value.replace(/\$\{([^}]+)\}/g, (_v, $1) => {
-            let param;
-            if ($1.startsWith('form.')) {
-              param = query[$1.split('.')[1]];
-            }
-            return param || '';
-          });
-          this.$set(evaluateResultSetting, key, parseValue);
-        } else {
-          let val = query[obj[key]];
-          if (key == 'evaluateAnswer') {
-            val = val === 'true' || val == 1 ? true : false;
-          }
-          query[obj[key]] && this.$set(evaluateResultSetting, key, val);
-        }
-      }
-      // 部分evaluateResultSetting 但是却有url
-      if (this.hasDefault) {
-        let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
-        let defObj = {
-          evaname: 'evaluateName',
-          evadesc: 'evaluateExplain',
-          evast: 'evaluateStartTime',
-          evadur: 'evaluateTime',
-          evaan: 'evaluateAnswer'
-        };
-        defaultVariable.forEach(item => {
-          let key = defObj[item];
-          if (!evaluateResultSetting[key]) {
-            let val = query[item];
-            if (item == 'evaan') {
-              val = val === 'true' || val == 1 ? true : false;
-            }
-            query[item] && this.$set(evaluateResultSetting, key, val);
-          }
-        });
-      }
-      this.setEvaluateStartTime(evaluateResultSetting);
-    },
-    handleQueryParams() {
-      let params = {};
-      let hash = window.location.hash.split('?')[1]
-      if(!hash) {
-        hash= window.location.href.split('?')[1]
-      }
-      for (let [key, value] of new URLSearchParams(hash).entries()) {
-        params[key] = decodeURIComponent(value);
-      }
-      return params;
-    },
-    handleShowEvaluate() {
-      // 读取优先级为测评设置值(变量) > URL参数 > 测评设置值(固定值)
-      // 无 evaluateResultSetting
-      if (!this.hasEvaluateResultSetting) {
-        // url中是否有默认值
-        // 无默认值 不显示考试入口页面
-        if (!this.hasDefault) return false;
-        // 有默认值   显示考试入口页面
-        if (!('evaluateResultSetting' in this.config)) {
-          this.$set(this.config, 'evaluateResultSetting', {});
-        }
-        this.setDefaultEvaluate(this.config.evaluateResultSetting);
-        this.showEvaluatePage = true;
-        this.showEvaluateCountdownWrap = true;
-        return;
-      }
-
-      let { evaluateResultSetting = {} } = this.config;
-      if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length) return;
-      this.showEvaluateCountdownWrap = true;
-
-      // 只要有开始时间都显示测评组件
-      let { evaluateStartTime } = evaluateResultSetting;
-      let { evaluateName } = this.originConfig?.evaluateResultSetting || {};
-      // 未设置开始时间 一直可以填写
-      if (!evaluateStartTime) {
-        this.showEvaluatePage = true;
-        return;
-      }
-      if (!vexutils.isValidDate(new Date(evaluateStartTime))) {
-        if (!evaluateName) return false;
-      }
-      this.showEvaluatePage = true;
-    },
-    setDefaultEvaluate(evaluateResultSetting) {
-      let query = this.handleQueryParams();
-      // 按钮传参
-      if (this.hasparamsEvaluate) {
-        query = this.paramsEvaluate;
-      }
-      if (query.evaname) {
-        this.$set(evaluateResultSetting, 'evaluateName', query.evaname);
-      }
-      if (query.evadesc) {
-        this.$set(evaluateResultSetting, 'evaluateExplain', query.evadesc);
-      }
-      if (query.evast) {
-        this.$set(evaluateResultSetting, 'evaluateStartTime', query.evast);
-      }
-      if (query.evadur) {
-        this.$set(evaluateResultSetting, 'evaluateTime', query.evadur);
-      }
-      if (query.evaan) {
-        let evaan = query.evaan === 'true' || query.evaan == 1 ? true : false;
-        this.$set(evaluateResultSetting, 'evaluateAnswer', evaan);
-      }
-
-      this.setEvaluateStartTime(evaluateResultSetting);
-    },
-    // 时间戳需要是数字
-    setEvaluateStartTime(evaluateResultSetting) {
-      let evaluateStartTime = evaluateResultSetting?.evaluateStartTime;
-      if (!evaluateStartTime) return;
-      if (!vexutils.isValidDate(new Date(evaluateStartTime)) && vexutils.isValidDate(new Date(Number(evaluateStartTime)))) {
-        evaluateResultSetting.evaluateStartTime = Number(evaluateStartTime);
-      }
-    },
-    // 量表提交数据
-    defaultFormValue(formArray) {
-      const formData = {};
-      let val;
-      formArray.forEach(item => {
-        const key = this.formKey(item);
-        const { type } = item;
-        let defValue;
-        if (item.dbValue) {
-          defValue = item.dbValue;
-        } else {
-          if (item.setting?.defValType == 3) {
-            defValue = this.handleUrlDefaultValue(item)
-          }
-        }
-        switch (type) {
-          case 'LOCATION':
-            formData[key] = defValue || '';
-            break;
-          case 'SEARCH_CASCADE':
-            formData[key] = defValue || [];
-            break;
-          case 'ADDRESS':
-            formData[key] = defValue || item?.setting?.defaultValue|| {};
-            break;
-          case 'LABEL':
-            formData[key] = defValue || {};
-            if (vexutils.isObject(defValue)) {
-              this.labelSelectedList = defValue?.labels || [];
-            } else if (Array.isArray(defValue)) {
-              this.labelSelectedList = defValue;
-            } else {
-              this.labelSelectedList = [];
-            }
-            break;
-          case 'TITLE':
-            formData[key] = item.title;
-            break;
-          case 'IMGCARD':
-            formData[key] = item.setting?.imgUrl || '';
-            break;
-          case 'UPFILE':
-          case 'UPPICTURE':
-            formData[key] = defValue || [];
-            break;
-          // 自定义列表特殊处理
-          case 'CHECKBOX_BLOCK':
-            if (defValue && !Array.isArray(defValue) && this.type === 'customList') {
-              formData[key] = defValue.split(',').filter(ii => !!ii);
-            } else {
-              formData[key] = this.parseVal(defValue, item);
-            }
-            break;
-          case 'MOBILE':
-            val = this.parseVal(defValue, item)
-            if(val && typeof val === 'string' && val.length > 11) {
-              val = val.slice(0, 11)
-            }
-            formData[key] = val;
-            break;
-          default:
-            formData[key] = this.parseVal(defValue, item);
-            break;
-        }
-      });
-      return formData;
-    },
-    // 解析传参组件
-    compileSpreadParams(spreadParams) {
-      return spreadParams.domains.map(v => {
-        let obj = {};
-        if (v.valueType == '1') {
-          obj[v.name] = v.value;
-        } else if (v.valueType == '2') {
-          obj[v.name] = this.getQueryVariable(v.value);
-        }
-        return obj;
-      });
-    },
-    // 获取url链接参数
-    getQueryVariable(variable) {
-      let query = {};
-      if (this.source == 'layout') {
-        // 按钮传参
-        query = this.params;
-      } else {
-        query = this.handleQueryParams() || {};
-      }
-      if (!query) return false;
-      return query[variable] || false;
-    },
-    // 初始化量表
-    formatArray(list) {
-      let i = 1;
-      const results = list.map(item => {
-        const key = this.formKey(item);
-        let title = (key || '').replace(/\n/g, '');
-        this.$set(item, 'showTitle', item.title);
-        // 表单校验rule prop如果有 . 会报错, 替换成 ~-~
-        if (title.includes('.')) {
-          let newTitle = title.replace(/\./g, '~-~');
-          this.$set(item, 'title', newTitle);
-        }
-        this.$set(item, 'isShow', true);
-        Object.keys(item).forEach(key => {
-          if (utils.isJSON(item[key])) {
-            if (item.type != 'LOCATION') {
-              item[key] = JSON.parse(item[key]);
-            }
-          }
-        });
-        const notIndexArr = ['LINEBAR', 'TITLE', 'PROMPT', 'IMGCARD', 'RICH_TEXT'];
-        if (notIndexArr.indexOf(item.type) < 0 && !item.hide) {
-          this.$set(item, 'softcode', i++);
-        }
-
-        // "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key
-        if (this.isChoice(item.type)) {
-          this.handleFormatOptions(item.options, item.type);
-          if (item.type != 'SEARCH_CASCADE') {
-            if (item.dbValue) {
-              this.nextLogicEvent(item.dbValue, item, results, true);
-            } else {
-              if (item.setting.defaultValue) {
-                this.nextLogicEvent(item.setting.defaultValue, item, results, true);
-              }
-            }
-          }
-        }
-        return item;
-      });
-      return results.map(item => {
-        // 题目关联
-        let relationLogicObj = utils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
-        this.handleRelationLogic(list, relationLogicObj);
-
-        // 跳题逻辑
-        this.handLenextLogic(item);
-
-        // 自定义列表特殊处理
-        if (item.type === 'CHECKBOX_BLOCK' && item.dbValue && !Array.isArray(item.dbValue) && this.type === 'customList') {
-          item.dbValue = item.dbValue.split(',').filter(ii => !!ii);
-        }
-        return item;
-      });
-    },
-    /**
-     * "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key, relationLogic需要重新处理
-     */
-    handleRelationLogic(list, relationLogicObj) {
-      let { condition } = relationLogicObj || {};
-      if (!condition || !condition.length) return;
-      condition.forEach(c => {
-        let matchItem = list.find(f => f.seq == c.subject_seq);
-        if (!matchItem) return;
-        let isChoice = this.isRadioOrCheckBox(matchItem.options, matchItem.type);
-        if (!isChoice) return;
-        let value = c.value;
-        if (Array.isArray(value)) {
-          value = value.map(v => {
-            return this.replaceConditionItem(matchItem.options, v);
-          });
-          c.value = value;
-        } else {
-          c.value = this.replaceConditionItem(matchItem.options, value);
-        }
-      });
-    },
-    /**
-     * "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key, nextLogic需要重新处理
-     */
-    handLenextLogic(item) {
-      let { nextLogic, options, type } = item || {};
-      let isChoice = this.isRadioOrCheckBox(options, type);
-      if (!nextLogic || !isChoice) return;
-      let { condition } = nextLogic || {};
-      if (!condition || !condition.length) return;
-      condition.forEach(c => {
-        let value = c.value;
-        if (Array.isArray(value)) {
-          value = value.map(v => {
-            return this.replaceConditionItem(options, v);
-          });
-          c.value = value;
-        } else {
-          c.value = this.replaceConditionItem(options, value);
-        }
-      });
-    },
-    replaceConditionItem(options, value) {
-      let matchOption = options.find(v => value === v.value);
-      if (!matchOption) return value;
-      return matchOption.key;
-    },
-    isRadioOrCheckBox(options, type) {
-      let typeArr = ['RADIO_BLOCK', 'CHECKBOX_BLOCK'];
-      if (!typeArr.includes(type)) return;
-      if (!options) return;
-      if (options && utils.isJSON(options)) {
-        options = JSON.parse(options);
-      }
-      if (!options.length) return;
-      return true;
-    },
-    handleFormatOptions(options, type) {
-      let isChoice = this.isRadioOrCheckBox(options, type);
-      if (!isChoice) return;
-
-      options.forEach((item, i) => {
-        if (item.key !== 'other') {
-          item.key = i + 1;
-        }
-        if (item.prefix || item.suffix) {
-          item.value = item.prefix || item.suffix;
-        }
-      });
-    },
-    // 初始化rules
-    formatRules(formArray) {
-      const rules = {};
-      formArray.forEach(item => {
-        let newTitle = this.formKey(item);
-        // 表单校验rule prop如果有 . 会报错, 替换成 ~-~
-        if (newTitle.includes('.')) {
-          newTitle = newTitle.replace(/\./g, '~-~');
-        }
-        rules[newTitle] = [{ required: item.required, message: '必填', trigger: 'change' }];
-        if (item.type == 'MOBILE' && item.validation) {
-          rules[newTitle].push({
-            pattern: /^1[3456789]\d{9}$/,
-            message: '格式错误',
-            trigger: 'blur'
-          });
-        } else if (item.type == 'ID_CARD' && item.validation) {
-          rules[newTitle].push({
-            pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
-            message: '格式错误',
-            trigger: 'blur'
-          });
-        } else if (item.type == 'ADDRESS' && item.required) {
-          if (this.handleAddressType(item)) {
-            rules[newTitle].push({
-              validator: this.checkAdress,
-              trigger: 'change'
-            });
-          }
-        } else if (item.type == 'LABEL' && item.required) {
-          rules[newTitle].push({
-            validator: this.checkLabel,
-            trigger: 'change'
-          });
-        } else if (item.type == 'DATETIME' && this.type == 'customList') {
-          // 自定义列表特殊处理日期时间 最大值
-          // dateMaxType 1当前日期时间 2指定日期时间 3其他日期时间字段
-          let dateMaxType = this.handleDateMaxType(item);
-          if (!dateMaxType) return;
-          let obj = {
-            1: 'checkDateMaxCur',
-            2: 'checkDateMaxSet',
-            3: 'checkDateMaxOther'
-          };
-          let methodName = obj[dateMaxType];
-          rules[newTitle].push({
-            validator: (rule, value, callback) => this[methodName](rule, value, callback, item),
-            trigger: 'change'
-          });
-        } else if (item.type === 'RADIO_BLOCK') {
-          this.choiceComObj[this.formKey(item)] = {};
-          rules[newTitle].push({
-            validator: (rule, value, callback) => this.checkRadio(rule, value, callback, item),
-            trigger: 'change'
-          });
-        } else if (item.type === 'CHECKBOX_BLOCK') {
-          this.choiceComObj[this.formKey(item)] = {};
-          rules[newTitle].push({
-            validator: (rule, value, callback) => this.checkCheckbox(rule, value, callback, item),
-            trigger: 'change'
-          });
-        }
-      });
-      return rules;
-    },
-    handleAddressType(item) {
-      let setObj = { addressType: 'province-city-district-address' };
-      if (utils.isJSON(item.setting)) {
-        setObj = JSON.parse(item.setting);
-      } else {
-        setObj = item.setting;
-      }
-      let isAdress = setObj.addressType.includes('address');
-      return isAdress;
-    },
-    checkAdress(rule, value, callback) {
-      let { address } = value || {};
-      if (!address) {
-        return callback(new Error('必填'));
-      }
-      callback();
-    },
-    checkLabel(rule, value, callback) {
-      if (!value || !Object.keys(value).length) {
-        return callback(new Error('必填'));
-      }
-      let { labelStr, labels = [] } = value;
-      if (!labelStr || !labels.length) {
-        return callback(new Error('必填'));
-      }
-      callback();
-    },
-    handleDateMaxType(item) {
-      let setObj = item.setting;
-      if (utils.isJSON(setObj)) {
-        setObj = JSON.parse(setObj);
-      }
-      return setObj.dateMaxType;
-    },
-    // 自定义列表 日期时间 max 当前日期时间
-    checkDateMaxCur(rule, value, callback, item) {
-      if (!value) return callback();
-      let { dateType } = item.setting;
-      if (!dateType) return callback();
-      let dateMaxValue = this.currentTime;
-      if (dateType == 'time') {
-        dateMaxValue = this.currentTime.format('HH:mm:ss');
-      }
-      let isMax = this.handleMax(dateType, value, dateMaxValue);
-      if (!isMax) {
-        return callback(new Error('最大不能超过当前日期时间'));
-      }
-      callback();
-    },
-    // 自定义列表 日期时间 max 指定日期时间
-    checkDateMaxSet(rule, value, callback, item) {
-      if (!value) return callback();
-      let { dateMaxValue, dateType } = item.setting;
-      if (!dateMaxValue || !dateType) return callback();
-      let isMax = this.handleMax(dateType, value, dateMaxValue);
-      if (!isMax) {
-        return callback(new Error('最大不能超过指定日期时间'));
-      }
-      callback();
-    },
-    // 自定义列表 日期时间 max 其他日期时间字段
-    checkDateMaxOther(rule, value, callback, item) {
-      if (!value) return callback();
-      let { outDateMaxValue, dateType } = item.setting;
-      if (!outDateMaxValue || !dateType) return callback();
-      let matchDateItem = this.formArray.find(v => v.seq === outDateMaxValue);
-      if (!matchDateItem || matchDateItem.hide) return callback();
-      let matchValue = this.form[this.formKey(matchDateItem)];
-      if (!matchValue) return;
-      let isMax = this.handleMax(dateType, value, matchValue);
-      if (!isMax) {
-        return callback(new Error(`最大不能超过【${matchDateItem.title}】日期时间`));
-      }
-      callback();
-    },
-    checkRadio(rule, value, callback, item) {
-      if (!value) return callback();
-      let { options } = item;
-      if (!options.length || value === 'other') return callback();
-      const key = this.formKey(item);
-      let { optionsPreSuffixObj = {} } = this.choiceComObj[key] || {};
-      let matchItem = options.find((o, i) => {
-        if (i + 1 === value) {
-          return true;
-        }
-        return false;
-      });
-      if (!matchItem || matchItem.importability) return callback();
-      if (matchItem.prefix || matchItem.suffix) {
-        let inputValue = optionsPreSuffixObj[value];
-        if (!inputValue) {
-          return callback(new Error(`请完善选项`));
-        }
-      }
-      callback();
-    },
-    checkCheckbox(rule, value, callback, item) {
-      if (!value || !value.length) return callback();
-      let { options } = item;
-      if (!options.length) return callback();
-      let i = 0,
-        len = value.length,
-        v;
-      const key = this.formKey(item);
-      let { optionsPreSuffixObj = {} } = this.choiceComObj[key] || {};
-      for (; i < len; i++) {
-        v = value[i];
-        if (v === 'other') continue;
-        let matchItem = options.find((o, j) => {
-          if (j + 1 === v) {
-            return true;
-          }
-          return false;
-        });
-        if (!matchItem || matchItem.importability) continue;
-
-        if (matchItem.prefix || matchItem.suffix) {
-          let inputValue = optionsPreSuffixObj[v];
-          if (!inputValue) {
-            return callback(new Error(`请完善选项`));
-          }
-        }
-      }
-      callback();
-    },
-    handleMax(dateType, value, dateMaxValue) {
-      let curValue = '';
-      let tempValue = '';
-      if (dateType == 'time') {
-        let curYMD = this.currentTime.format('YYYY MM DD ');
-        curValue = moment(curYMD + dateMaxValue).valueOf();
-        tempValue = moment(curYMD + value).valueOf();
-      } else if (dateType == 'date') {
-        curValue = moment(dateMaxValue).valueOf();
-        tempValue = moment(value).valueOf();
-      } else {
-        curValue = moment(dateMaxValue).valueOf();
-        tempValue = moment(value).valueOf();
-      }
-      if (tempValue > curValue) {
-        return false;
-      }
-      return true;
-    },
-    handleGetAddress(val) {
-      if (utils.isJSON(val)) {
-        const valObj = JSON.parse(val);
-        return valObj.address || valObj.name;
-      }
-      return '';
-    },
-    handleSelectLocation(e, item) {
-      const { locationProp, isInit } = e;
-      this.mapLocation = locationProp;
-      const key = this.formKey(item);
-      this.form[key] = locationProp;
-      this.mapVisible = isInit || false;
-    },
-    isInput(type) {
-      return type == 'INPUT' || type == 'ID_CARD' || type == 'MOBILE' || type == 'EVALUATE_INPUT';
-    },
-    isChoice(type) {
-      return (
-        type == 'SELECT' ||
-        type == 'RADIO_BLOCK' ||
-        type == 'CHECKBOX_BLOCK' ||
-        type == 'SEARCH_CASCADE' ||
-        type == 'EVALUATE_RADIO_BLOCK' ||
-        type == 'EVALUATE_CHECKBOX_BLOCK' ||
-        type == 'EVALUATE_SELECT'
-      );
-    },
-    isTime(type) {
-      return type == 'DATE' || type == 'TIME' || type == 'DATETIME';
-    },
-    isUpload(type) {
-      return type == 'UPFILE' || type == 'UPPICTURE';
-    },
-    writeGuage(showCountdown) {
-      this.showEvaluateSettingWrap = false;
-      this.showEvaluateCountdown = showCountdown;
-    },
-    closeEvaluateCountdown() {
-      // 倒计时结束自动提交 无需校验
-      this.showEvaluateCountdown = false;
-      if (this.isPreviewScale) return;
-      this.banSubmit = true;
-      this.submitMethod();
-      this.$warning({
-        title: '温馨提示',
-        content: '测评时间到了，结束测评！',
-        okText: '确定',
-        onOk: () => {}
-      });
-    },
-    async showEvaTipModal(item) {
-      if (this.evatipMap[item.id]) {
-        this.evatipConfirm(this.evatipMap[item.id]);
-        return;
-      }
-      let key = 'getSubjectAnswer';
-      const fn = this.scaleApiConfig?.[key] || null;
-      if (!fn || typeof fn !== 'function') {
-        this.$message.error(`${key} Is not a function`);
-        return;
-      }
-      let obj = await fn(item.id);
-      if (!obj) return;
-      if (!this.evatipMap[item.id]) {
-        this.evatipMap[item.id] = obj;
-        this.evatipConfirm(obj);
-      }
-    },
-    closeTip() {
-      this.$destroyAll();
-    },
-    evatipConfirm(str) {
-      let _this = this;
-      let content = h => (
-        <div class="evatip-container">
-          <a-icon type="close" class="tip-content-close" on-click={_this.closeTip} />
-          <span>答案解析:</span>
-          <p>{str}</p>
-        </div>
-      );
-      this.$confirm({
-        title: '提示',
-        icon: () => null,
-        content,
-        okText: '确定',
-        cancelText: '关闭',
-        onOk() {},
-        onCancel() {},
-        class: 'evatip-modal-wrap'
-      });
-    },
-    // 选择组件
-    handleChoice(choiceValue, formItem) {
-      let { value = '', list = [] } = choiceValue;
-      this.nextLogicEvent(value, formItem, this.formArray);
-      this.handleDynamicDataRelation(list, formItem, this.formArray);
-    },
-    // 下拉框 动态数据源关联字段
-    handleDynamicDataRelation(list, formItem, formArray) {
-      let { targetSource } = formItem;
-      if (!targetSource || !Object.keys(targetSource).length) return;
-      if (!targetSource.target_id) return;
-      let { relationParam = [] } = targetSource;
-      if (!relationParam.length) return;
-      relationParam.forEach(item => {
-        let matchEle = formArray.find(v => v.seq === item.relationElement);
-        const key = this.formKey(matchEle);
-        if (matchEle) {
-          if (!list.length) {
-            this.form[key] = '';
-          } else {
-            let relationFieldList = list.map(v => v[item.relationField] || '/') || '';
-            this.form[key] = relationFieldList.join(',');
-          }
-        }
-      });
-    },
-    // 设置的logic condition 最大next_subject
-    handleLogicMaxNext(condition = []) {
-      const arr = condition.map(({ next_subject }) => (next_subject == 'end' ? 9999 : +(next_subject || 9999)));
-      const max = Math.max.call(null, ...arr);
-      return max;
-    },
-    // 当前formItem 下一个触发logicCodition item 的seq
-    handleLogicList(formItem, formArray) {
-      const { seq } = formItem;
-      let list = formArray.map(item => {
-        if (item.seq > seq && item.isShow && item.__isLogic__) return item;
-        return false;
-      });
-      let nextItemMax = 0;
-      let i = 0,
-        len = list.length,
-        item;
-      for (; i < len; i++) {
-        item = list[i];
-        let curVal = this.form[this.formKey(item)];
-        if (!curVal) continue;
-        if (Array.isArray(curVal)) {
-          if (!curVal.length) continue;
-        }
-        const { nextLogic, seq, __isLogic__, __lastSeq__ } = item;
-        if (!nextLogic.next_logic_is || !nextLogic.condition.length) continue;
-        if (__lastSeq__) {
-          nextItemMax = __lastSeq__;
-          break;
-        }
-      }
-      return nextItemMax;
-    },
-    // 跳题逻辑
-    nextLogicEvent(choiceValue, formItem, formArray = [], isInit) {
-      const { nextLogic, seq } = formItem;
-      if (!nextLogic) return;
-      if (nextLogic.next_logic_is && nextLogic.condition.length) {
-        let nextMax = 9999,
-          nextItemMax = 0;
-        if (!isInit) {
-          nextMax = this.handleLogicMaxNext(nextLogic.condition);
-          nextItemMax = this.handleLogicList(formItem, formArray);
-        }
-        nextLogic.condition.some(con => {
-          const { value, next_subject } = con;
-          const lastSeq = next_subject == 'end' ? 9999 : next_subject;
-          if (nextItemMax && nextItemMax > seq && nextItemMax < nextMax) {
-            nextMax = nextItemMax;
-          }
-          if (nextLogic.next_logic == 'condition') {
-            let hasValue = false;
-            if (Array.isArray(choiceValue)) {
-              hasValue = choiceValue.includes(value);
-            } else {
-              hasValue = choiceValue === value;
-            }
-
-            // 添加非响应式key __isLogic__ __lastSeq__
-            Object.defineProperty(formItem, '__isLogic__', {
-              value: hasValue,
-              writable: true
-            });
-            Object.defineProperty(formItem, '__lastSeq__', {
-              value: seq + 1,
-              writable: true
-            });
-
-            if (hasValue) {
-              formArray.forEach(item => {
-                if (item.seq > seq && item.seq < lastSeq) {
-                  item.isShow = false;
-                  // 跳过时 清空已填内容
-                  const key = this.formKey(item);
-                  this.form[key] && (this.form[key] = '');
-                } else if (item.seq >= lastSeq && item.seq < nextMax) {
-                  this.$set(item, 'isShow', true);
-                }
-              });
-              return true;
-            } else {
-              formArray.forEach(item => {
-                if (item.seq > seq && item.seq < lastSeq) {
-                  item.isShow = true;
-                }
-              });
-            }
-          } else if (nextLogic.next_logic == 'uncondition') {
-            let res = utils.isEmpty(choiceValue);
-
-            // 添加非响应式key __isLogic__ __lastSeq__
-            Object.defineProperty(formItem, '__isLogic__', {
-              value: !res,
-              writable: true
-            });
-            Object.defineProperty(formItem, '__lastSeq__', {
-              value: seq + 1,
-              writable: true
-            });
-
-            formArray.forEach(item => {
-              const key = this.formKey(item);
-              if (item.seq > seq && item.seq < lastSeq) {
-                item.isShow = res;
-                // 跳过时 清空已填内容
-                if (!res) {
-                  this.form[key] && (this.form[key] = '');
-                }
-              }
-            });
-          }
-        });
-      }
-    },
-    // 关联逻辑
-    showEvent(formItem, isSubmitCallback) {
-      if (formItem.hide) return false;
-      const { form } = this;
-      let relationLogicObj = {};
-      // 回调接口
-      if (isSubmitCallback) {
-        let setting = formItem.setting;
-        if (formItem.setting && utils.isJSON(formItem.setting)) {
-          setting = JSON.parse(formItem.setting);
-        }
-        relationLogicObj = utils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
-        if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) return true;
-      } else {
-        relationLogicObj = utils.isString(formItem.relationLogic) ? JSON.parse(formItem.relationLogic) : formItem.relationLogic;
-      }
-      if (!relationLogicObj || !Object.keys(relationLogicObj).length) return true;
-      const { relation_logic_is, condition, relation_logic } = relationLogicObj;
-      if (relation_logic_is) {
-        const results = condition.map(c => {
-          let key = this.formKey(this.formArray.filter(f => f.seq == c.subject_seq)[0]);
-          if (utils.isArray(form[key])) {
-            return form[key].some(v => c.value.includes(v));
-          } else {
-            return c.value.includes(form[key]);
-          }
-        });
-        if (relation_logic == 'OR') {
-          formItem.isShow = results.some(el => el);
-        } else if (relation_logic == 'AND') {
-          formItem.isShow = results.every(el => el);
-        } else {
-          formItem.isShow = results[0];
-        }
-      }
-      return formItem.isShow;
-    },
-    // 单选组件回调
-    radioChange(val, item, obj) {
-      const key = this.formKey(item);
-      this.form[key] = val;
-      item.type === 'RADIO_BLOCK' && this.$set(this.choiceComObj, key, obj);
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 多选组件回调
-    checkboxChange(val, item, obj) {
-      const key = this.formKey(item);
-      this.form[key] = val;
-      item.type === 'CHECKBOX_BLOCK' && this.$set(this.choiceComObj, key, obj);
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 标签组件回调
-    labelChange(labelList, item) {
-      const key = this.formKey(item);
-      this.form[key] = this.handleGetLabelSubmit(labelList);
-    },
-    
-    signChange(list, item) {
-      const key = this.formKey(item);
-      this.form[key] = list;
-    },
-    // 视频组件回调
-    vodFileList(list, item) {
-      const key = this.formKey(item);
-      this.form[key] = list;
-    },
-    handleGetLabelSubmit(labelSelectedList) {
-      if (!labelSelectedList || !labelSelectedList.length)
-        return {
-          labelStr: '',
-          labels: []
-        };
-      const selectedList = labelSelectedList || [];
-      const labelStrList = [];
-      const labels = [];
-      // "cacheKey":"label_标签","isSelect":true
-      selectedList.forEach(v => {
-        labels.push(v);
-        labelStrList.push(v.labelName);
-      });
-      this.labelSelectedList = selectedList;
-      return {
-        labelStr: labelStrList.join(','),
-        labels: labels
-      };
-    },
-    // 地址回调
-    changeAddress(allValue, item) {
-      const key = this.formKey(item);
-      this.form[key] = allValue;
-    },
-    // 上传回调
-    changeUpload(value, item) {
-      const key = this.formKey(item);
-      this.form[key] = value;
-    },
-    // 时间回调
-    changeTime(value, item) {
-      const key = this.formKey(item);
-      this.form[key] = value;
-      this.submitForm[key] = value;
-    },
-    // 保存
-    onSubmit() {
-      // 不包含测评组件，点击提交，弹出二次确认对话框，确认要提交吗？
-      let hasEvaluate = this.formArray.find(item => this.isEvaluation(item.type));
-      if (!hasEvaluate) {
-        this.confirmSubmit('确认要提交吗？');
-        return;
-      }
-
-      // 包含测评组件，不包含考试时长，点击提交，弹出二次确认对话框，确认要结束测评吗？
-      // 判断有无测评配置 并且在测评时间内
-      let { evaluateResultSetting } = this.config;
-      if (!evaluateResultSetting || (!Object.keys(evaluateResultSetting).length && !this.showEvaluateEntry)) {
-        this.confirmSubmit('确认要结束测评吗？');
-        return;
-      }
-
-      // 表单内嵌量表, 没有开始答题, 不需要调用保存接口
-      if (this.openType == 'formIframe' && this.showEvaluateEntry) {
-        this.$emit('submitNoRequest');
-        return;
-      }
-
-      // 无倒计时
-      let countdownDom = this.$refs.evaluateCountdown;
-      if (!countdownDom?.showEvaluateCountdown) {
-        this.confirmSubmit('确认要结束测评吗？');
-        return;
-      }
-
-      // 在倒计时内
-      let message = '确认要提前结束测评吗？';
-      let setAnswered = this.$refs.evaluateCountdown?.setAnswered;
-      let totalLen = this.$refs.evaluateCountdown?.totalLen;
-      // 存在未解答题目
-      if (setAnswered < totalLen) {
-        message = '存在未解答的题目，确定要提前结束吗？';
-      }
-      this.confirmSubmit(message);
-    },
-    confirmSubmit(message) {
-      let _this = this;
-      this.$confirm({
-        title: '温馨提示',
-        content: message,
-        okText: '确定',
-        cancelText: '取消',
-        onOk: () => {
-          _this.onSubmitForm();
-        },
-        onCancel() {}
-      });
-    },
-    onSubmitForm() {
-      this.$refs['ruleForm'].validate((valid, keys) => {
-        if (valid) {
-          this.submitMethod();
-        } else {
-          if (Object.keys(keys).length > 0) {
-            let key = Object.keys(keys)[0];
-            let field = keys[key][0].field,
-              message = keys[key][0].message;
-            let matchItem = this.formArray.find(v => v.databaseTitle === field);
-            if (matchItem) {
-              field = matchItem.title;
-            }
-            this.$message.error(field + message);
-          }
-          return false;
-        }
-      });
-    },
-    submitMethod() {
-      const hasSpreadParams = this.defaultFormArray.find(v => v.type === 'SPREAD_PARAMS');
-      if (hasSpreadParams) {
-        if (utils.isJSON(hasSpreadParams.setting)) {
-          hasSpreadParams.setting = JSON.parse(hasSpreadParams.setting);
-        }
-        let spreadKey = this.formKey(hasSpreadParams);
-        this.submitForm[spreadKey] = this.compileSpreadParams(hasSpreadParams.setting.spreadParams);
-      }
-      // 自定义列表新增时多选特殊处理
-      let checkBoxKey = this.defaultFormArray.find(ii => ii.type == 'CHECKBOX_BLOCK');
-      if (checkBoxKey && Array.isArray(this.form[checkBoxKey.title]) && this.type === 'customList') {
-        this.form[checkBoxKey.title] = this.form[checkBoxKey.title].join(',');
-      }
-      const scoreJson = this.handleScoreJson();
-      let params;
-      if (this.type === 'customList') {
-        params = {
-          definedListId: this.ids.guage_id,
-          dbId: this.ids.db_id,
-          scoreJson: JSON.stringify(scoreJson)
-        };
-      } else {
-        const { guageId, randomId } = this.config;
-        params = Object.assign(this.params, {
-          guageId,
-          scoreJson: JSON.stringify(scoreJson),
-          randomId
-        });
-      }
-      if (this.shareId) {
-        params.shareId = this.shareId;
-      }
-      const tipSetting = this.defaultFormArray.find(item => item.type === 'SUCCESS_TIP');
-      if (tipSetting) {
-        // 提交保存成功提示设置
-        const tip = utils.isJSON(tipSetting.setting) ? JSON.parse(tipSetting.setting) : tipSetting.setting;
-        params.tipSetting = JSON.stringify({
-          tipMode: tip.tipMode,
-          tipType: tip.tipType,
-          tipText: tip.tipText,
-          tipApi: tip.tipApi
-        });
-      }
-      let hasCallbackItem = this.defaultFormArray.find(v => v.type === 'CALLBACK_INTERFACE');
-      let isCallback = false;
-      if (hasCallbackItem) {
-        isCallback = this.showEvent(hasCallbackItem, true);
-      }
-      /**
-       * NOTE:
-       * 提交数据往外推
-       */
-      this.$emit('onSubmit', params, hasCallbackItem, isCallback);
-    },
-    handleScoreJson() {
-      let tempObj = Object.assign({}, this.form, this.submitForm);
-      let res = {};
-      if (!Object.keys(tempObj).length) return {};
-      for (let key in tempObj) {
-        let itemTemp = this.formArray.find(item => this.formKey(item) == key);
-        let curValue = tempObj[key];
-        if (key && itemTemp) {
-          let keyTemp;
-          if (itemTemp && itemTemp.databaseTitle) keyTemp = itemTemp.databaseTitle;
-          if (this.type == 'customList' && itemTemp && itemTemp.setting && itemTemp.setting.startToStop != 1 && curValue && itemTemp.type == 'DATETIME') {
-            if (itemTemp.setting && itemTemp.setting.dateType == 'time' && curValue) curValue = moment().format('YYYY-MM-DD ') + curValue;
-            if (itemTemp.setting && itemTemp.setting.dateType == 'date' && curValue) curValue = moment(curValue).format('YYYY-MM-DD ') + moment().format('HH:mm:ss');
-          }
-
-          // 处理地址
-          if (itemTemp.type === "ADDRESS") {
-            curValue = this.handleSubmitAddress(tempObj[key], itemTemp);
-          }
-
-          // 处理choice选项 将key替换为value
-          let isChoice = ['RADIO_BLOCK', 'CHECKBOX_BLOCK'].includes(itemTemp.type);
-          if (isChoice) {
-            let { options } = itemTemp;
-            let obj = this.choiceComObj[key];
-            if (itemTemp.type === 'RADIO_BLOCK' && curValue) {
-              curValue = this.handleChoiceItem(curValue, options, obj);
-            }
-            if (itemTemp.type === 'CHECKBOX_BLOCK' && curValue?.length) {
-              let resArr = this.handleCheckboxParams(curValue, options, obj);
-              curValue = resArr;
-            }
-          }
-
-          if (key.includes('~-~')) {
-            let newKey = keyTemp ? keyTemp.replace(/~-~/g, '.') : key.replace(/~-~/g, '.');
-            res[newKey] = curValue;
-          } else {
-            res[keyTemp || key] = !curValue ? null : curValue;
-          }
-        } else {
-          res[key] = curValue;
-        }
-      }
-      console.log('res', res);
-      return res;
-    },
-    handleCheckboxParams(value, options, obj) {
-      let res = [];
-      let i = 0,
-        len = value.length,
-        v;
-      for (; i < len; i++) {
-        v = value[i];
-        let matchItem = options.find((o, i) => {
-          if (i + 1 === v) {
-            return true;
-          }
-          return false;
-        });
-        if (matchItem && !matchItem.prefix && !matchItem.suffix) {
-          res.push(matchItem.value);
-          continue;
-        }
-        let tempValue = this.handleChoiceItem(v, options, obj);
-        res.push(tempValue);
-      }
-      return res;
-    },
-    handleChoiceItem(value, options, obj) {
-      let { othersText, optionsPreSuffixObj = {} } = obj || {};
-      if (value === 'other') {
-        return othersText || '其他';
-      }
-      let matchItem = options.find((o, i) => {
-        if (i + 1 === value) {
-          return true;
-        }
-        return false;
-      });
-      if (!matchItem) return;
-      if (!matchItem.prefix && !matchItem.suffix) return matchItem.value;
-      let resValue = optionsPreSuffixObj[value] || '';
-      if (matchItem.prefix) {
-        resValue = matchItem.prefix + resValue;
-      } else {
-        resValue += matchItem.suffix;
-      }
-      return resValue;
-    },
-    resetForm() {
-      this.$refs.ruleForm.resetFields();
-    },
-    cancel() {
-      this.$emit('onCloseSetting');
-    },
-    handleEvaluationScore(ele) {
-      let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
-      return `(${maxScore}分)`;
-    },
-    html2Escape(sHtml) {
-      if(!sHtml || typeof sHtml != 'string') return sHtml;
-      return sHtml.replace(/[<>&"]/g,function(c){
-        return {'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];
-      });
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-.r-scale {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  padding-top: 4px;
-  padding-bottom: 50px;
-  .scale-container {
-    width: 100%;
-    height: 100%;
-    padding-bottom: 10px;
-    transform-origin: 0 0;
-    overflow-y: auto;
-    box-sizing: border-box;
-    &.scale-container-nopadding {
-      height: 100%;
-    }
-    &::-webkit-scrollbar {
-      width: 10px;
-    }
-  }
-  /deep/ .no-data-tip {
-    width: 100%;
-    height: 100%;
-  }
-  .totalScore-warp {
-    padding: 16px;
-    margin-bottom: 16px;
-    font-weight: 400;
-    color: #666666;
-    background: #f2f2f4;
-    font-size: 14px;
-    border-radius: 6px;
-    div + div {
-      margin-top: 4px;
-    }
-    span {
-      font-weight: 500;
-      color: #090909;
-    }
-    .score-result {
-      color: #2d7aff;
-    }
-  }
-  /deep/ .ant-spin-spinning {
-    height: 100%;
-    width: 100%;
-    padding-top: 88px;
-  }
-  /deep/ .ant-select ~ div {
-    position: relative !important;
-  }
-  // /deep/.ant-select-dropdown {
-  //   top: 0px !important;
-  //   left: 1px !important;
-  // }
-  .lb-title {
-    text-align: center;
-  }
-  .map-container {
-    cursor: pointer;
-    /deep/ .ant-input-disabled {
-      color: rgba(0, 0, 0, 0.65);
-      background-color: #fff;
-      cursor: pointer;
-    }
-  }
-  .linebar-div {
-    text-align: center;
-    margin-top: 24px;
-    /deep/ .ant-divider {
-      margin-top: -4px;
-    }
-  }
-  .my-prompt {
-    padding: 10px;
-    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14);
-    background-color: #fff;
-    border-radius: 4px;
-  }
-  .img-card {
-    width: 100%;
-  }
-}
-.main {
-  // overflow: auto;
-  // overflow-x: hidden;
-  padding: 0 16px;
-  box-sizing: border-box;
-  /deep/.ant-form-item-required::before {
-    color: #e02828;
-  }
-  .scale-label-required {
-    font-weight: 700;
-  }
-  .required-text {
-    color: #e02828;
-  }
-  .evalute-label {
-    display: inline-block;
-    height: 20px;
-    line-height: 20px;
-    padding: 0 5px;
-    margin-left: 4px;
-    font-size: 12px;
-    color: #2d7aff;
-    border-radius: 4px;
-    border: 1px solid rgba(45, 122, 255, 0.5);
-    background: rgba(45, 122, 255, 0.1);
-  }
-  .evalute-tip {
-    display: inline-block;
-    padding: 0 5px;
-    margin-left: 8px;
-    color: #fe9626;
-    border-radius: 2px;
-    background: rgba(255, 194, 0, 0.15);
-    cursor: pointer;
-    .ant-icon {
-      margin-right: 2px;
-    }
-  }
-  /deep/ .ant-form-item-label {
-    // white-space: break-spaces;
-    white-space: unset;
-    text-align: left;
-    line-height: 20px;
-    padding: 6px 0;
-    width: 100%;
-    .ant-form-item-no-colon {
-      width: 100%;
-    }
-  }
-}
-.footer {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding-top: 12px;
-  height: 50px;
-  box-sizing: border-box;
-  background: #fff;
-}
-.rich-text-content {
-  word-break: break-all;
-  /deep/ p {
-    margin-bottom: 0;
-  }
-  /deep/ img {
-    max-width: 100%;
-  }
-}
-</style>
+<template>
+  <div class="r-scale">
+    <slot v-if="spinning">
+      <a-spin :indicator="indicator" tip="加载中..." />
+    </slot>
+    <slot v-if="!spinning && !hasFrontAddress">
+      <!-- <div v-if="noData">暂无数据</div> -->
+      <NoData v-if="noData" :noDataImg="noDataImg" :noDataTip="noDataTip"></NoData>
+      <template v-else>
+        <evaluatePage
+          v-if="showEvaluateEntry"
+          :formArray="formArray"
+          :evaluateResultConfig="config.evaluateResultConfig"
+          :evaluateResultSetting="config.evaluateResultSetting"
+          :isFinished="isFinished"
+          :maxScore="maxScore"
+          @writeGuage="writeGuage"
+        ></evaluatePage>
+        <template v-else>
+          <evaluateCountdown
+            v-if="showEvaluateCoundownPage"
+            ref="evaluateCountdown"
+            :formArray="formArray"
+            :evaluateResultConfig="config.evaluateResultConfig"
+            :evaluateResultSetting="config.evaluateResultSetting"
+            :form="form"
+            :isFinished="isFinished"
+            :currentTime="currentTime"
+            :showEvaluateCountdown="showEvaluateCountdown"
+            @closeEvaluateCountdown="closeEvaluateCountdown"
+          ></evaluateCountdown>
+          <div
+            class="scale-container"
+            :class="{ 'scale-container-nopadding': handlePageClass }"
+            :style="scaleStyle"
+          >
+            <div class="totalScore-warp" v-if="hasScore">
+              <div>
+                测评总分：
+                <span>{{ maxScore }}分</span>
+              </div>
+              <div>
+                测评分数：
+                <span :style="{ color: getEvaResColor }">{{ config.totalScore }}分</span>
+              </div>
+              <template v-if="hasEvaluateSetting">
+                <div>
+                  测评结果：
+                  <span
+                    class="score-result"
+                    :style="{ color: getEvaResColor }"
+                  >{{ config.evaluateResult }}</span>
+                </div>
+                <div>
+                  结果说明：
+                  <span>{{ config.evaluateResultExplain }}</span>
+                </div>
+              </template>
+            </div>
+            <a-form-model
+              ref="ruleForm"
+              :model="form"
+              :rules="rules"
+              :layout="form.layout"
+              :colon="false"
+              class="main"
+            >
+              <template v-for="(item, index) in formArray">
+                <!-- 标题 -->
+                <template v-if="item.type == 'TITLE'">
+                  <a-form-model-item
+                    v-if="isShowItem(item)"
+                    :colon="false"
+                    :key="item.id || item.seq"
+                  >
+                    <h1 class="lb-title">{{ item.title }}</h1>
+                    <div class="lb-title">{{ item.describe }}</div>
+                  </a-form-model-item>
+                </template>
+                <!-- 分线栏 -->
+                <template v-else-if="item.type == 'LINEBAR'">
+                  <a-form-model-item
+                    v-if="isShowItem(item)"
+                    :colon="false"
+                    :key="item.id || item.seq"
+                  >
+                    <div class="linebar-div" v-if="item.title">
+                      <span>{{ item.title }}</span>
+                      <a-divider />
+                    </div>
+                    <template v-else>
+                      <a-divider />
+                    </template>
+                  </a-form-model-item>
+                </template>
+                <!-- 提示语 -->
+                <template v-else-if="item.type == 'PROMPT'">
+                  <a-form-model-item
+                    v-if="isShowItem(item)"
+                    class="my-prompt"
+                    :colon="false"
+                    :key="item.id || item.seq"
+                  >
+                    <MyPrompt :key="item.id || item.seq" :options="item.setting" />
+                  </a-form-model-item>
+                </template>
+                <template v-else-if="item.type == 'IMGCARD'">
+                  <a-form-model-item
+                    v-if="isShowItem(item)"
+                    :colon="false"
+                    :key="item.id || item.seq"
+                  >
+                    <a v-if="item.setting.imgLink" :href="item.setting.imgLink" target="_blank">
+                      <img class="img-card" :src="item.setting.imgUrl" />
+                    </a>
+                    <img class="img-card" v-else :src="item.setting.imgUrl" />
+                  </a-form-model-item>
+                </template>
+                <!-- 富文本 -->
+                <template v-else-if="item.type == 'RICH_TEXT'">
+                  <div
+                    :key="item.id || item.seq"
+                    class="rich-text-content"
+                    v-html="item.setting.defaultValue"
+                  ></div>
+                </template>
+                <template v-else>
+                  <a-form-model-item
+                    v-if="isShowItem(item)"
+                    :key="item.id || item.seq"
+                    :prop="formKey(item)"
+                  >
+                    <span slot="label">
+                      <span
+                        :class="{ 'scale-label-required': isFormBoldOpen(item) }"
+                        v-html="handleShowQuestionNumber(item)"
+                      ></span>
+                      <span class="required-text" v-if="isFormBoldOpen(item)">(必填)</span>
+                      <span
+                        class="evalute-label"
+                        v-if="showEvaluateLabel(item)"
+                      >{{ showEvaluateLabel(item) }}</span>
+                      <template v-if="showEvatip(item)">
+                        <span class="evalute-tip" @click="showEvaTipModal(item)">
+                          <svg-icon icon-class="a-xitongtubiaotishi" />查看提示
+                        </span>
+                      </template>
+                    </span>
+                    <!-- 输入框 -->
+                    <MyInput
+                      v-bind="$attrs"
+                      v-if="isInput(item.type)"
+                      v-model="form[formKey(item)]"
+                      :eleType="item.type"
+                      :type="item.valueType"
+                      :row="item.setting.inputRow || 1"
+                      :defaultPlaceHolder="item.setting.defaultPlaceHolder"
+                      :isLock="componentDisable"
+                    />
+
+                    <!-- 单选/下拉/多选/级联 -->
+                    <MyChoice
+                      v-bind="$attrs"
+                      v-else-if="isChoice(item.type)"
+                      v-model="form[formKey(item)]"
+                      :item="item"
+                      :isLock="componentDisable"
+                      :curIndex="index"
+                      :openType="openType"
+                      @change="handleChoice($event, item)"
+                      @radioChange="radioChange"
+                      @checkboxChange="checkboxChange"
+                    />
+                    <!-- 日期/时间 -->
+                    <MyTime
+                      v-bind="$attrs"
+                      v-else-if="isTime(item.type)"
+                      :value="getTimeValue(item)"
+                      :type="item.type"
+                      :startToStop="item.setting.startToStop"
+                      :dateType="item.setting.dateType"
+                      :isLock="componentDisable"
+                      @change="changeTime($event, item)"
+                    />
+                    <!-- 上传附件 or 图片 -->
+                    <MyUpload
+                      v-bind="$attrs"
+                      v-else-if="isUpload(item.type)"
+                      :upType="item.type"
+                      :useFileList="item.dbValue"
+                      :limitPic="item.setting.limitPic"
+                      :isLock="componentDisable"
+                      @change="changeUpload($event, item)"
+                    />
+                    <!-- 地图 -->
+                    <div
+                      v-else-if="item.type === 'LOCATION'"
+                      @click="!isLock && (mapVisible = !mapVisible)"
+                      :class="{ 'map-container': !isLock }"
+                    >
+                      <a-input
+                        placeholder="请选择"
+                        :value="handleGetAddress(form[formKey(item)])"
+                        disabled
+                      >
+                        <a-icon slot="prefix" type="info-circle" />
+                      </a-input>
+                      <MapComp
+                        v-bind="$attrs"
+                        :visible.sync="mapVisible"
+                        :locationProp="form[formKey(item)]"
+                        :isLock="componentDisable"
+                        @selectLocation="handleSelectLocation($event, item)"
+                      />
+                    </div>
+                    <!-- 地址 -->
+                    <MyAddress
+                      v-bind="$attrs"
+                      v-else-if="item.type === 'ADDRESS'"
+                      :setting="item.setting"
+                      :defaultValue="form[formKey(item)]"
+                      :isLock="componentDisable"
+                      @change="changeAddress($event, item)"
+                    />
+                    <!-- 标签 -->
+                    <label-form
+                      v-bind="$attrs"
+                      v-else-if="item.type === 'LABEL'"
+                      :item="item"
+                      :selectedList="labelSelectedList"
+                      :isLock="componentDisable"
+                      :sourceType="source"
+                      @onChange="labelChange($event, item)"
+                    />
+                    <!-- 视频 -->
+                    <vod-Chunk-upload
+                      v-bind="$attrs"
+                      v-else-if="item.type === 'VEDIO'"
+                      :source="'guage'"
+                      :formData="item"
+                      :limitNum="item.setting.limitPic"
+                      :defFileList="form[formKey(item)]"
+                      :isLock="componentDisable"
+                      @vodFileList="vodFileList($event, item)"
+                    />
+                    <!-- 签名 -->
+                    <MySign v-else-if="item.type =='SIGN'" :form="form" :item="item" :isLock="componentDisable" @scaleChange="signChange"></MySign>
+                    <!-- 答案解析 -->
+                    <answerParse v-if="showAnswerParse(item)" :item="item"></answerParse>
+                    
+                  </a-form-model-item>
+                </template>
+              </template>
+            </a-form-model>
+          </div>
+          <template v-if="type === 'customList'">
+            <div class="footer" v-if="!noBtn">
+              <a-button @click="cancel" v-if="false" style="margin-right: 8px;">取消</a-button>
+              <a-button @click="onSubmit" type="primary" :disabled="banSubmit">保存</a-button>
+            </div>
+          </template>
+          <template v-else>
+            <div class="footer" v-if="showSaveBtn">
+              <a-button @click="cancel" style="margin-right: 8px;">取消</a-button>
+              <a-button type="primary" v-if="!isLock" @click="onSubmit" :disabled="banSubmit">保存</a-button>
+            </div>
+          </template>
+        </template>
+      </template>
+    </slot>
+  </div>
+</template>
+<script>
+import { Icon, Checkbox, Tree, Tooltip, Input, Spin, FormModel, Divider, Button } from 'ant-design-vue';
+import create from '@/core/create';
+import { MyChoice, MyInput, MyAddress, MyUpload, MyTime, MyPrompt, MySign } from './formitem';
+import MapComp from '../map/src/popup-map';
+import labelForm from '~/select-label/select-label';
+import vodChunkUpload from '~/upload/chunk-upload/vod-chunk-upload.vue';
+// import { EventBus } from "@/common/utils/eventBus.js";
+import { judgeTypes } from './mixin/judgeTypes';
+import NoDataJs from './mixin/NoData';
+// import { mapGetters } from "vuex";
+import moment from 'moment';
+import utils from '@/utils/utils-map';
+import evaluatePage from './evaluatePage.vue';
+import evaluateCountdown from './evaluateCountdown.vue';
+import answerParse from './answerParse.vue';
+import vexutils from '@/utils/vexutils';
+import NoData from './NoData.vue';
+import addressVal from './mixin/addressVal'
+export default create({
+  name: 'scale-view',
+  mixins: [judgeTypes, NoDataJs, addressVal],
+  props: {
+    ids: {
+      type: Object,
+      default: () => {
+        return { guage_id: '', db_id: undefined };
+      }
+    },
+    params: { default: () => ({}), type: Object },
+    guageData: { type: Object, default: () => ({}) },
+    noBtn: { type: Boolean, default: false },
+    hideBtn: { type: Boolean, default: false },
+    source: { type: String, default: '' },
+    isLock: { type: Boolean, default: false },
+    type: {
+      type: String,
+      default: ''
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+
+    fontSizeObj: {
+      type: Object,
+      default: () => ({
+        large: 1.25,
+        medium: 1.1,
+        small: 1,
+        extrasmall: 0.9
+      })
+    },
+    openType: { type: String, default: '' },
+    scaleApiConfig: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  components: {
+    MyChoice,
+    MyInput,
+    MapComp,
+    MyAddress,
+    MyUpload,
+    MyTime,
+    MyPrompt,
+    MySign,
+    labelForm,
+    vodChunkUpload,
+    [Icon.name]: Icon,
+    [Spin.name]: Spin,
+    [Tree.name]: Tree,
+    [Input.name]: Input,
+    [Input.Search.name]: Input.Search,
+    [Checkbox.name]: Checkbox,
+    [Divider.name]: Divider,
+    [Button.name]: Button,
+    [FormModel.name]: FormModel,
+    [FormModel.Item.name]: FormModel.Item,
+    [Tooltip.name]: Tooltip,
+    evaluatePage,
+    evaluateCountdown,
+    answerParse,
+    NoData
+  },
+  computed: {
+    queryformBoldOpen() {
+      return this.$route.query?.formBoldOpen == 1;
+    },
+    showEvatip() {
+      return function (item) {
+        if (!this.isEvaluation(item.type)) return false;
+        return this.$route.query?.evatip == 1 || this.params?.evatip == 1;
+      };
+    },
+    isFormBoldOpen() {
+      return function (item) {
+        let res = item.required;
+        // 量表未登录时 判断 url中是否有 formBoldOpen
+        if (!this.styleSetting || !Object.keys(this.styleSetting).length || !('formBoldOpen' in this.styleSetting)) {
+          return res && this.queryformBoldOpen;
+        }
+        return res && this.styleSetting.formBoldOpen;
+      };
+    },
+    scaleStyle() {
+      let fontSize = this.fontSize;
+      if (!fontSize || fontSize === 'S') return null;
+      const keyValue = {
+        L: 'large',
+        M: 'medium',
+        XS: 'extrasmall'
+      };
+      fontSize = keyValue[fontSize];
+      const scale = (fontSize && this.fontSizeObj[fontSize]) || 1;
+      const size = 10000;
+      const value = Math.floor((100 / scale) * size) / size;
+      return {
+        width: `${value}%`,
+        height: `${value}%`,
+        transform: `scale(${scale})`
+      };
+    },
+    handlePageClass() {
+      if (this.type == 'customList' && !this.noBtn) return false;
+      if (!this.noBtn && !this.hideBtn) return false;
+      return true;
+    },
+    isShowItem() {
+      return item => this.showEvent(item);
+    },
+    handleShowQuestionNumber() {
+      return function (item) {
+        let { type } = item || {};
+        let tempTile = this.config?.autoQuestionNumber === false ? item.showTitle : `${item.softcode}、${item.showTitle}`;
+        tempTile = this.html2Escape(tempTile);
+        if (!this.isEvaluation(type)) return tempTile;
+
+        let score = this.handleEvaluationScore(item);
+        return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
+        // if (this.noBtn) {
+        //   let score = this.handleEvaluationScore(item);
+        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
+        // }
+        // if (!this.isLock) {
+        //   let score = this.handleEvaluationScore(item);
+        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
+        // }
+        // if (item.questionScore !== undefined) {
+        //   return `${tempTile}&nbsp;<span style="color:#2d7aff;">(${item.questionScore}分)</span>`;
+        // }
+        // return tempTile;
+      };
+    },
+    hasScore() {
+      let { config } = this;
+      if (!config || !Object.keys(config).length) return false;
+      if ('totalScore' in config) return true;
+      return false;
+    },
+    // 预览按钮打开的量表页面
+    isPreviewScale() {
+      let guage_id = this.ids?.guage_id;
+      return guage_id && this.noBtn;
+    },
+    hasEvaluateSetting() {
+      let { config } = this;
+      if (!config || !Object.keys(config).length) return false;
+      if ('evaluateResult' in config && config.evaluateResult) return true;
+      return false;
+    },
+    getTimeValue() {
+      return function (item) {
+        let value = this.form[this.formKey(item)];
+        return value;
+      };
+    },
+    // 是否展示考试入口
+    showEvaluateEntry() {
+      // 非预览
+      // 有evaluateResultSetting || url中含有固定参数
+      // 倒计时未结束
+      // 未填写过
+      return !this.isPreviewScale && this.showEvaluatePage && this.showEvaluateSettingWrap && !this.isFinished && !this.noBtn && !this.hideBtn;
+    },
+    // 是否展示倒计时
+    showEvaluateCoundownPage() {
+      return !this.isPreviewScale && !this.showEvaluateEntry && this.showEvaluateCountdownWrap && !this.isFinished && !this.noBtn && !this.hideBtn;
+    },
+    // 是否设置 evaluateResultSetting
+    hasEvaluateResultSetting() {
+      let { evaluateResultSetting = {} } = this.config;
+      // 读取优先级为测评设置值(变量) > URL参数 > 测评设置值(固定值)
+      // 是否设置 evaluateResultSetting
+      let valueArr =
+        Object.values(evaluateResultSetting).filter(item => {
+          if (item) return true;
+        }) || [];
+      return valueArr.length;
+    },
+    hasparamsEvaluate() {
+      return this.paramsEvaluate && Object.keys(this.paramsEvaluate).length;
+    },
+    // url中是否有默认值
+    hasDefault() {
+      let hash = window.location.hash;
+      let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
+      let hasDefault = defaultVariable.find(item => hash.includes(item));
+      return this.paramsEvaluate || hasDefault;
+    },
+    // 是否有提交按钮
+    showSaveBtn() {
+      // 无测评设置 && url中无固定参数
+      if (!this.hasEvaluateResultSetting && !this.hasDefault) {
+        return !this.noBtn && !this.hideBtn;
+      }
+      return !this.noBtn && !this.hideBtn && !this.isFinished;
+    },
+    // 组件是否 Disable
+    componentDisable() {
+      // 无测评设置 && url中无固定参数
+      if (!this.hasEvaluateResultSetting && !this.hasDefault) {
+        return this.hideBtn || this.isLock;
+      }
+      return this.hideBtn || this.isLock || this.isFinished;
+    },
+    showEvaluateLabel() {
+      return function (item) {
+        let obj = {
+          EVALUATE_RADIO_BLOCK: '单选题',
+          EVALUATE_CHECKBOX_BLOCK: '多选题'
+        };
+        return obj[item.type];
+      };
+    },
+    showAnswerParse() {
+      return function (item) {
+        let { evaluateAnswer, checkAnswerMode, evaluateStartTime, evaluateTime } = this.config?.evaluateResultSetting || {};
+        let arr = ['EVALUATE_RADIO_BLOCK', 'EVALUATE_CHECKBOX_BLOCK', 'EVALUATE_SELECT', 'EVALUATE_INPUT'];
+        let maxScore = item?.scoreConfigs || 0;
+        let isShow = evaluateAnswer && this.isFinished && arr.includes(item.type) && maxScore;
+        if (!evaluateStartTime || !evaluateTime || (checkAnswerMode && checkAnswerMode == 1)) return isShow;
+        if (!vexutils.isValidDate(new Date(evaluateStartTime))) return isShow;
+        // 答案解析时间 考试时间结束后
+        let endTime = moment(evaluateStartTime).add(evaluateTime, 'minutes');
+        let isRang = endTime.diff(moment(), 'seconds', true);
+        return isShow && isRang <= 0;
+      };
+    },
+    tipMsg() {
+      return this.type === 'customList' ? '保存' : '提交';
+    },
+    formKey() {
+      return function (item) {
+        return item.databaseTitle || item.title;
+      };
+    },
+    getEvaResColor() {
+      let { evaluateResultConfig = [], totalScore } = this.config || {};
+      totalScore = +totalScore || 0;
+      if (!evaluateResultConfig?.length || !totalScore) return '#2474FF';
+      let matchItem = evaluateResultConfig.find(item => item.startScore <= totalScore && totalScore <= item.endScore);
+      if (!matchItem) return '#2474FF';
+      return matchItem.color || '#2474FF';
+    }
+  },
+  watch: {
+    ids: {
+      immediate: true,
+      deep: true,
+      handler(newVal, oldVal) {
+        if (oldVal) {
+          if (newVal.guage_id) {
+            if (newVal.guage_id != oldVal.guage_id) {
+              this.init(newVal);
+            }
+          }
+        } else {
+          if (newVal.guage_id) this.init(newVal);
+        }
+      }
+    },
+    guageData: {
+      immediate: true,
+      deep: true,
+      handler(value) {
+        if (value) {
+          if (Object.keys(value || {}).length) {
+            // guageForm打开 重新请求重置之前的答案
+            this.form = {};
+            this.formArray = [];
+            const data = JSON.parse(JSON.stringify(value));
+            this.$nextTick(() => {
+              this.initForm(data);
+            });
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      other: '',
+      form: {},
+      submitForm: {},
+      rules: {},
+      config: {},
+      formArray: [],
+      mapVisible: false,
+      mapLocation: '',
+      labelSelectedList: [],
+      defaultFormArray: [],
+      fontSize: '',
+      filterArr: ['SUCCESS_TIP', 'CALLBACK_INTERFACE', 'SPREAD_PARAMS', 'REDIRECT', 'FRONT_ADDRESS', 'RETURN_PATH'],
+      spinning: true,
+      indicator: <a-icon type="loading" style="font-size: 24px" spin />,
+      totalScore: undefined,
+      shareId: '',
+      currentTime: moment(),
+      showEvaluatePage: false,
+      showEvaluateSettingWrap: true,
+      showEvaluateCountdownWrap: false,
+      showEvaluateCountdown: false,
+      banSubmit: false,
+      isFinished: false,
+      maxScore: 0,
+      originConfig: {},
+      paramsEvaluate: null,
+      hasFrontAddress: true,
+      choiceComObj: {},
+      evatipMap: {} // 维护一个tip map避免重复请求
+    };
+  },
+  mounted() {
+    this.handleQuery();
+    if (this.noBtn) {
+      // EventBus.$on("guageSubmit", this.onSubmit);
+    }
+  },
+  beforeDestroy() {
+    // EventBus.$off("guageSubmit");
+  },
+  methods: {
+    init(configData) {
+      this.spinning = true;
+      try {
+        this.resetNodata();
+        this.initForm(configData);
+      } catch (error) {
+        this.spinning = false;
+        this.hasFrontAddress = false;
+        this.setNoData(true, error?.resultMsg, error?.result);
+      }
+    },
+    handleQuery() {
+      let { id } = this.$route.query;
+      id && (this.shareId = id);
+    },
+    initForm(data) {
+      this.getProvinceData()
+      let { list = [], map = {}, isFinished = false } = data;
+      let curUrl = this.handleFrontAddress(list);
+      if (curUrl) {
+        window.location.href = curUrl;
+        return;
+      }
+      map.maxScore && (this.maxScore = map.maxScore);
+      this.isFinished = isFinished;
+      if (data.isNotFilled) {
+        this.spinning = false;
+        this.hasFrontAddress = false;
+        this.setNoData(true, '未查询到量表填写记录');
+        return;
+      }
+      if (data.isLackCustomer) {
+        let _this = this;
+        // 校验用户环境
+        this.$info({
+          title: '已设置填写次数限制',
+          content: '请在包含用户信息的环境中打开此量表',
+          onOk() {
+            _this.$emit('onCloseSetting');
+          }
+        });
+      }
+      this.config = map;
+
+      if ('evaluateResultConfig' in map && utils.isJSON(map.evaluateResultConfig)) {
+        this.config.evaluateResultConfig = JSON.parse(map.evaluateResultConfig);
+      }
+      if ('evaluateResultSetting' in map && utils.isJSON(map.evaluateResultSetting)) {
+        this.config.evaluateResultSetting = JSON.parse(map.evaluateResultSetting);
+        // 随机测评
+        if (this.config?.randomId && this.config.evaluateResultSetting) {
+          this.config.evaluateResultSetting.evaluateName = this.config.name;
+          this.config.evaluateResultSetting.evaluateExplain = this.config.remark;
+        }
+      }
+
+      this.originConfig = JSON.parse(JSON.stringify(this.config));
+
+      if (this.params && Object.keys(this.params).length) {
+        let res = this.handleBtnParamsEvaluate(this.params);
+        res && Object.keys(res).length && (this.paramsEvaluate = res);
+      }
+
+      this.handleEvaluateParams(this.config.evaluateResultSetting);
+      this.handleShowEvaluate();
+
+      this.defaultFormArray = JSON.parse(JSON.stringify(list));
+      let filterArr = this.filterArr;
+      list = list.filter(v => !filterArr.includes(v.type));
+      this.formArray = this.formatArray(list || []);
+      this.form = this.defaultFormValue(this.formArray);
+      this.rules = this.formatRules(this.formArray);
+      this.fontSize = data.fontSize;
+      this.spinning = false;
+      this.hasFrontAddress = false;
+    },
+    handleFrontAddress(list) {
+      if (!list || !list.length) return;
+      let matchItem = list.find(item => item.type === 'FRONT_ADDRESS');
+      if (!matchItem || !Object.keys(matchItem).length) return;
+      let setting;
+      if (matchItem.setting && utils.isJSON(matchItem.setting)) {
+        setting = JSON.parse(matchItem.setting);
+      }
+      if (!setting || !Object.keys(setting).length) return;
+      let query = this.handleQueryParams();
+      // redirect=1 代表从前置地址跳转回来了
+      if (query?.redirect == 1) return;
+      let { frontAddress } = setting;
+      if (frontAddress) {
+        let urlHref = window.location.href;
+        let preStr = '?';
+        if (frontAddress.includes('?')) {
+          preStr = '&';
+        }
+        let curUrl = `${frontAddress}${preStr}redirect_url=${encodeURIComponent(urlHref)}`;
+        return curUrl;
+      }
+    },
+    handleBtnParamsEvaluate(params) {
+      let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
+      let res = {};
+      for (let key in params) {
+        let value = params[key];
+        if (defaultVariable.includes(key) && value) {
+          res[key] = value;
+        }
+      }
+      return res;
+    },
+    /** *
+     * 解析测评参数
+     */
+    handleEvaluateParams(evaluateResultSetting) {
+      if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length) return;
+      // 分享测评量表链接URL支持传入测评名称-evaname 测评说明-evadesc 测评时间-evast 测评时长-evadur 固定参数
+      let query = this.handleQueryParams();
+      // 按钮传参
+      if (this.hasparamsEvaluate) {
+        query = this.paramsEvaluate;
+      }
+      let obj = {
+        evaluateName: 'evaname',
+        evaluateExplain: 'evadesc',
+        evaluateStartTime: 'evast',
+        evaluateTime: 'evadur',
+        evaluateAnswer: 'evaan'
+      };
+      for (let key in evaluateResultSetting) {
+        let value = evaluateResultSetting[key];
+        let isParseKey = value && key != 'evaluateAnswer' && typeof value === 'string' && value.includes('${');
+        if (isParseKey) {
+          let parseValue = value.replace(/\$\{([^}]+)\}/g, (_v, $1) => {
+            let param;
+            if ($1.startsWith('form.')) {
+              param = query[$1.split('.')[1]];
+            }
+            return param || '';
+          });
+          this.$set(evaluateResultSetting, key, parseValue);
+        } else {
+          let val = query[obj[key]];
+          if (key == 'evaluateAnswer') {
+            val = val === 'true' || val == 1 ? true : false;
+          }
+          query[obj[key]] && this.$set(evaluateResultSetting, key, val);
+        }
+      }
+      // 部分evaluateResultSetting 但是却有url
+      if (this.hasDefault) {
+        let defaultVariable = ['evaname', 'evadesc', 'evast', 'evadur', 'evaan'];
+        let defObj = {
+          evaname: 'evaluateName',
+          evadesc: 'evaluateExplain',
+          evast: 'evaluateStartTime',
+          evadur: 'evaluateTime',
+          evaan: 'evaluateAnswer'
+        };
+        defaultVariable.forEach(item => {
+          let key = defObj[item];
+          if (!evaluateResultSetting[key]) {
+            let val = query[item];
+            if (item == 'evaan') {
+              val = val === 'true' || val == 1 ? true : false;
+            }
+            query[item] && this.$set(evaluateResultSetting, key, val);
+          }
+        });
+      }
+      this.setEvaluateStartTime(evaluateResultSetting);
+    },
+    handleQueryParams() {
+      let params = {};
+      let hash = window.location.hash.split('?')[1]
+      if(!hash) {
+        hash= window.location.href.split('?')[1]
+      }
+      for (let [key, value] of new URLSearchParams(hash).entries()) {
+        params[key] = decodeURIComponent(value);
+      }
+      return params;
+    },
+    handleShowEvaluate() {
+      // 读取优先级为测评设置值(变量) > URL参数 > 测评设置值(固定值)
+      // 无 evaluateResultSetting
+      if (!this.hasEvaluateResultSetting) {
+        // url中是否有默认值
+        // 无默认值 不显示考试入口页面
+        if (!this.hasDefault) return false;
+        // 有默认值   显示考试入口页面
+        if (!('evaluateResultSetting' in this.config)) {
+          this.$set(this.config, 'evaluateResultSetting', {});
+        }
+        this.setDefaultEvaluate(this.config.evaluateResultSetting);
+        this.showEvaluatePage = true;
+        this.showEvaluateCountdownWrap = true;
+        return;
+      }
+
+      let { evaluateResultSetting = {} } = this.config;
+      if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length) return;
+      this.showEvaluateCountdownWrap = true;
+
+      // 只要有开始时间都显示测评组件
+      let { evaluateStartTime } = evaluateResultSetting;
+      let { evaluateName } = this.originConfig?.evaluateResultSetting || {};
+      // 未设置开始时间 一直可以填写
+      if (!evaluateStartTime) {
+        this.showEvaluatePage = true;
+        return;
+      }
+      if (!vexutils.isValidDate(new Date(evaluateStartTime))) {
+        if (!evaluateName) return false;
+      }
+      this.showEvaluatePage = true;
+    },
+    setDefaultEvaluate(evaluateResultSetting) {
+      let query = this.handleQueryParams();
+      // 按钮传参
+      if (this.hasparamsEvaluate) {
+        query = this.paramsEvaluate;
+      }
+      if (query.evaname) {
+        this.$set(evaluateResultSetting, 'evaluateName', query.evaname);
+      }
+      if (query.evadesc) {
+        this.$set(evaluateResultSetting, 'evaluateExplain', query.evadesc);
+      }
+      if (query.evast) {
+        this.$set(evaluateResultSetting, 'evaluateStartTime', query.evast);
+      }
+      if (query.evadur) {
+        this.$set(evaluateResultSetting, 'evaluateTime', query.evadur);
+      }
+      if (query.evaan) {
+        let evaan = query.evaan === 'true' || query.evaan == 1 ? true : false;
+        this.$set(evaluateResultSetting, 'evaluateAnswer', evaan);
+      }
+
+      this.setEvaluateStartTime(evaluateResultSetting);
+    },
+    // 时间戳需要是数字
+    setEvaluateStartTime(evaluateResultSetting) {
+      let evaluateStartTime = evaluateResultSetting?.evaluateStartTime;
+      if (!evaluateStartTime) return;
+      if (!vexutils.isValidDate(new Date(evaluateStartTime)) && vexutils.isValidDate(new Date(Number(evaluateStartTime)))) {
+        evaluateResultSetting.evaluateStartTime = Number(evaluateStartTime);
+      }
+    },
+    // 量表提交数据
+    defaultFormValue(formArray) {
+      const formData = {};
+      let val;
+      formArray.forEach(item => {
+        const key = this.formKey(item);
+        const { type } = item;
+        let defValue;
+        if (item.dbValue) {
+          defValue = item.dbValue;
+        } else {
+          if (item.setting?.defValType == 3) {
+            defValue = this.handleUrlDefaultValue(item)
+          }
+        }
+        switch (type) {
+          case 'LOCATION':
+            formData[key] = defValue || '';
+            break;
+          case 'SEARCH_CASCADE':
+            formData[key] = defValue || [];
+            break;
+          case 'ADDRESS':
+            formData[key] = defValue || item?.setting?.defaultValue|| {};
+            break;
+          case 'LABEL':
+            formData[key] = defValue || {};
+            if (vexutils.isObject(defValue)) {
+              this.labelSelectedList = defValue?.labels || [];
+            } else if (Array.isArray(defValue)) {
+              this.labelSelectedList = defValue;
+            } else {
+              this.labelSelectedList = [];
+            }
+            break;
+          case 'TITLE':
+            formData[key] = item.title;
+            break;
+          case 'IMGCARD':
+            formData[key] = item.setting?.imgUrl || '';
+            break;
+          case 'UPFILE':
+          case 'UPPICTURE':
+            formData[key] = defValue || [];
+            break;
+          // 自定义列表特殊处理
+          case 'CHECKBOX_BLOCK':
+            if (defValue && !Array.isArray(defValue) && this.type === 'customList') {
+              formData[key] = defValue.split(',').filter(ii => !!ii);
+            } else {
+              formData[key] = this.parseVal(defValue, item);
+            }
+            break;
+          case 'MOBILE':
+            val = this.parseVal(defValue, item)
+            if(val && typeof val === 'string' && val.length > 11) {
+              val = val.slice(0, 11)
+            }
+            formData[key] = val;
+            break;
+          default:
+            formData[key] = this.parseVal(defValue, item);
+            break;
+        }
+      });
+      return formData;
+    },
+    // 解析传参组件
+    compileSpreadParams(spreadParams) {
+      return spreadParams.domains.map(v => {
+        let obj = {};
+        if (v.valueType == '1') {
+          obj[v.name] = v.value;
+        } else if (v.valueType == '2') {
+          obj[v.name] = this.getQueryVariable(v.value);
+        }
+        return obj;
+      });
+    },
+    // 获取url链接参数
+    getQueryVariable(variable) {
+      let query = {};
+      if (this.source == 'layout') {
+        // 按钮传参
+        query = this.params;
+      } else {
+        query = this.handleQueryParams() || {};
+      }
+      if (!query) return false;
+      return query[variable] || false;
+    },
+    // 初始化量表
+    formatArray(list) {
+      let i = 1;
+      const results = list.map(item => {
+        const key = this.formKey(item);
+        let title = (key || '').replace(/\n/g, '');
+        this.$set(item, 'showTitle', item.title);
+        // 表单校验rule prop如果有 . 会报错, 替换成 ~-~
+        if (title.includes('.')) {
+          let newTitle = title.replace(/\./g, '~-~');
+          this.$set(item, 'title', newTitle);
+        }
+        this.$set(item, 'isShow', true);
+        Object.keys(item).forEach(key => {
+          if (utils.isJSON(item[key])) {
+            if (item.type != 'LOCATION') {
+              item[key] = JSON.parse(item[key]);
+            }
+          }
+        });
+        const notIndexArr = ['LINEBAR', 'TITLE', 'PROMPT', 'IMGCARD', 'RICH_TEXT'];
+        if (notIndexArr.indexOf(item.type) < 0 && !item.hide) {
+          this.$set(item, 'softcode', i++);
+        }
+
+        // "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key
+        if (this.isChoice(item.type)) {
+          this.handleFormatOptions(item.options, item.type);
+          if (item.type != 'SEARCH_CASCADE') {
+            if (item.dbValue) {
+              this.nextLogicEvent(item.dbValue, item, results, true);
+            } else {
+              if (item.setting.defaultValue) {
+                this.nextLogicEvent(item.setting.defaultValue, item, results, true);
+              }
+            }
+          }
+        }
+        return item;
+      });
+      return results.map(item => {
+        // 题目关联
+        let relationLogicObj = utils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
+        this.handleRelationLogic(list, relationLogicObj);
+
+        // 跳题逻辑
+        this.handLenextLogic(item);
+
+        // 自定义列表特殊处理
+        if (item.type === 'CHECKBOX_BLOCK' && item.dbValue && !Array.isArray(item.dbValue) && this.type === 'customList') {
+          item.dbValue = item.dbValue.split(',').filter(ii => !!ii);
+        }
+        return item;
+      });
+    },
+    /**
+     * "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key, relationLogic需要重新处理
+     */
+    handleRelationLogic(list, relationLogicObj) {
+      let { condition } = relationLogicObj || {};
+      if (!condition || !condition.length) return;
+      condition.forEach(c => {
+        let matchItem = list.find(f => f.seq == c.subject_seq);
+        if (!matchItem) return;
+        let isChoice = this.isRadioOrCheckBox(matchItem.options, matchItem.type);
+        if (!isChoice) return;
+        let value = c.value;
+        if (Array.isArray(value)) {
+          value = value.map(v => {
+            return this.replaceConditionItem(matchItem.options, v);
+          });
+          c.value = value;
+        } else {
+          c.value = this.replaceConditionItem(matchItem.options, value);
+        }
+      });
+    },
+    /**
+     * "RADIO_BLOCK", "CHECKBOX_BLOCK" 将取值value改为key, nextLogic需要重新处理
+     */
+    handLenextLogic(item) {
+      let { nextLogic, options, type } = item || {};
+      let isChoice = this.isRadioOrCheckBox(options, type);
+      if (!nextLogic || !isChoice) return;
+      let { condition } = nextLogic || {};
+      if (!condition || !condition.length) return;
+      condition.forEach(c => {
+        let value = c.value;
+        if (Array.isArray(value)) {
+          value = value.map(v => {
+            return this.replaceConditionItem(options, v);
+          });
+          c.value = value;
+        } else {
+          c.value = this.replaceConditionItem(options, value);
+        }
+      });
+    },
+    replaceConditionItem(options, value) {
+      let matchOption = options.find(v => value === v.value);
+      if (!matchOption) return value;
+      return matchOption.key;
+    },
+    isRadioOrCheckBox(options, type) {
+      let typeArr = ['RADIO_BLOCK', 'CHECKBOX_BLOCK'];
+      if (!typeArr.includes(type)) return;
+      if (!options) return;
+      if (options && utils.isJSON(options)) {
+        options = JSON.parse(options);
+      }
+      if (!options.length) return;
+      return true;
+    },
+    handleFormatOptions(options, type) {
+      let isChoice = this.isRadioOrCheckBox(options, type);
+      if (!isChoice) return;
+
+      options.forEach((item, i) => {
+        if (item.key !== 'other') {
+          item.key = i + 1;
+        }
+        if (item.prefix || item.suffix) {
+          item.value = item.prefix || item.suffix;
+        }
+      });
+    },
+    // 初始化rules
+    formatRules(formArray) {
+      const rules = {};
+      formArray.forEach(item => {
+        let newTitle = this.formKey(item);
+        // 表单校验rule prop如果有 . 会报错, 替换成 ~-~
+        if (newTitle.includes('.')) {
+          newTitle = newTitle.replace(/\./g, '~-~');
+        }
+        rules[newTitle] = [{ required: item.required, message: '必填', trigger: 'change' }];
+        if (item.type == 'MOBILE' && item.validation) {
+          rules[newTitle].push({
+            pattern: /^1[3456789]\d{9}$/,
+            message: '格式错误',
+            trigger: 'blur'
+          });
+        } else if (item.type == 'ID_CARD' && item.validation) {
+          rules[newTitle].push({
+            pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
+            message: '格式错误',
+            trigger: 'blur'
+          });
+        } else if (item.type == 'ADDRESS' && item.required) {
+          if (this.handleAddressType(item)) {
+            rules[newTitle].push({
+              validator: this.checkAdress,
+              trigger: 'change'
+            });
+          }
+        } else if (item.type == 'LABEL' && item.required) {
+          rules[newTitle].push({
+            validator: this.checkLabel,
+            trigger: 'change'
+          });
+        } else if (item.type == 'DATETIME' && this.type == 'customList') {
+          // 自定义列表特殊处理日期时间 最大值
+          // dateMaxType 1当前日期时间 2指定日期时间 3其他日期时间字段
+          let dateMaxType = this.handleDateMaxType(item);
+          if (!dateMaxType) return;
+          let obj = {
+            1: 'checkDateMaxCur',
+            2: 'checkDateMaxSet',
+            3: 'checkDateMaxOther'
+          };
+          let methodName = obj[dateMaxType];
+          rules[newTitle].push({
+            validator: (rule, value, callback) => this[methodName](rule, value, callback, item),
+            trigger: 'change'
+          });
+        } else if (item.type === 'RADIO_BLOCK') {
+          this.choiceComObj[this.formKey(item)] = {};
+          rules[newTitle].push({
+            validator: (rule, value, callback) => this.checkRadio(rule, value, callback, item),
+            trigger: 'change'
+          });
+        } else if (item.type === 'CHECKBOX_BLOCK') {
+          this.choiceComObj[this.formKey(item)] = {};
+          rules[newTitle].push({
+            validator: (rule, value, callback) => this.checkCheckbox(rule, value, callback, item),
+            trigger: 'change'
+          });
+        }
+      });
+      return rules;
+    },
+    handleAddressType(item) {
+      let setObj = { addressType: 'province-city-district-address' };
+      if (utils.isJSON(item.setting)) {
+        setObj = JSON.parse(item.setting);
+      } else {
+        setObj = item.setting;
+      }
+      let isAdress = setObj.addressType.includes('address');
+      return isAdress;
+    },
+    checkAdress(rule, value, callback) {
+      let { address } = value || {};
+      if (!address) {
+        return callback(new Error('必填'));
+      }
+      callback();
+    },
+    checkLabel(rule, value, callback) {
+      if (!value || !Object.keys(value).length) {
+        return callback(new Error('必填'));
+      }
+      let { labelStr, labels = [] } = value;
+      if (!labelStr || !labels.length) {
+        return callback(new Error('必填'));
+      }
+      callback();
+    },
+    handleDateMaxType(item) {
+      let setObj = item.setting;
+      if (utils.isJSON(setObj)) {
+        setObj = JSON.parse(setObj);
+      }
+      return setObj.dateMaxType;
+    },
+    // 自定义列表 日期时间 max 当前日期时间
+    checkDateMaxCur(rule, value, callback, item) {
+      if (!value) return callback();
+      let { dateType } = item.setting;
+      if (!dateType) return callback();
+      let dateMaxValue = this.currentTime;
+      if (dateType == 'time') {
+        dateMaxValue = this.currentTime.format('HH:mm:ss');
+      }
+      let isMax = this.handleMax(dateType, value, dateMaxValue);
+      if (!isMax) {
+        return callback(new Error('最大不能超过当前日期时间'));
+      }
+      callback();
+    },
+    // 自定义列表 日期时间 max 指定日期时间
+    checkDateMaxSet(rule, value, callback, item) {
+      if (!value) return callback();
+      let { dateMaxValue, dateType } = item.setting;
+      if (!dateMaxValue || !dateType) return callback();
+      let isMax = this.handleMax(dateType, value, dateMaxValue);
+      if (!isMax) {
+        return callback(new Error('最大不能超过指定日期时间'));
+      }
+      callback();
+    },
+    // 自定义列表 日期时间 max 其他日期时间字段
+    checkDateMaxOther(rule, value, callback, item) {
+      if (!value) return callback();
+      let { outDateMaxValue, dateType } = item.setting;
+      if (!outDateMaxValue || !dateType) return callback();
+      let matchDateItem = this.formArray.find(v => v.seq === outDateMaxValue);
+      if (!matchDateItem || matchDateItem.hide) return callback();
+      let matchValue = this.form[this.formKey(matchDateItem)];
+      if (!matchValue) return;
+      let isMax = this.handleMax(dateType, value, matchValue);
+      if (!isMax) {
+        return callback(new Error(`最大不能超过【${matchDateItem.title}】日期时间`));
+      }
+      callback();
+    },
+    checkRadio(rule, value, callback, item) {
+      if (!value) return callback();
+      let { options } = item;
+      if (!options.length || value === 'other') return callback();
+      const key = this.formKey(item);
+      let { optionsPreSuffixObj = {} } = this.choiceComObj[key] || {};
+      let matchItem = options.find((o, i) => {
+        if (i + 1 === value) {
+          return true;
+        }
+        return false;
+      });
+      if (!matchItem || matchItem.importability) return callback();
+      if (matchItem.prefix || matchItem.suffix) {
+        let inputValue = optionsPreSuffixObj[value];
+        if (!inputValue) {
+          return callback(new Error(`请完善选项`));
+        }
+      }
+      callback();
+    },
+    checkCheckbox(rule, value, callback, item) {
+      if (!value || !value.length) return callback();
+      let { options } = item;
+      if (!options.length) return callback();
+      let i = 0,
+        len = value.length,
+        v;
+      const key = this.formKey(item);
+      let { optionsPreSuffixObj = {} } = this.choiceComObj[key] || {};
+      for (; i < len; i++) {
+        v = value[i];
+        if (v === 'other') continue;
+        let matchItem = options.find((o, j) => {
+          if (j + 1 === v) {
+            return true;
+          }
+          return false;
+        });
+        if (!matchItem || matchItem.importability) continue;
+
+        if (matchItem.prefix || matchItem.suffix) {
+          let inputValue = optionsPreSuffixObj[v];
+          if (!inputValue) {
+            return callback(new Error(`请完善选项`));
+          }
+        }
+      }
+      callback();
+    },
+    handleMax(dateType, value, dateMaxValue) {
+      let curValue = '';
+      let tempValue = '';
+      if (dateType == 'time') {
+        let curYMD = this.currentTime.format('YYYY MM DD ');
+        curValue = moment(curYMD + dateMaxValue).valueOf();
+        tempValue = moment(curYMD + value).valueOf();
+      } else if (dateType == 'date') {
+        curValue = moment(dateMaxValue).valueOf();
+        tempValue = moment(value).valueOf();
+      } else {
+        curValue = moment(dateMaxValue).valueOf();
+        tempValue = moment(value).valueOf();
+      }
+      if (tempValue > curValue) {
+        return false;
+      }
+      return true;
+    },
+    handleGetAddress(val) {
+      if (utils.isJSON(val)) {
+        const valObj = JSON.parse(val);
+        return valObj.address || valObj.name;
+      }
+      return '';
+    },
+    handleSelectLocation(e, item) {
+      const { locationProp, isInit } = e;
+      this.mapLocation = locationProp;
+      const key = this.formKey(item);
+      this.form[key] = locationProp;
+      this.mapVisible = isInit || false;
+    },
+    isInput(type) {
+      return type == 'INPUT' || type == 'ID_CARD' || type == 'MOBILE' || type == 'EVALUATE_INPUT';
+    },
+    isChoice(type) {
+      return (
+        type == 'SELECT' ||
+        type == 'RADIO_BLOCK' ||
+        type == 'CHECKBOX_BLOCK' ||
+        type == 'SEARCH_CASCADE' ||
+        type == 'EVALUATE_RADIO_BLOCK' ||
+        type == 'EVALUATE_CHECKBOX_BLOCK' ||
+        type == 'EVALUATE_SELECT'
+      );
+    },
+    isTime(type) {
+      return type == 'DATE' || type == 'TIME' || type == 'DATETIME';
+    },
+    isUpload(type) {
+      return type == 'UPFILE' || type == 'UPPICTURE';
+    },
+    writeGuage(showCountdown) {
+      this.showEvaluateSettingWrap = false;
+      this.showEvaluateCountdown = showCountdown;
+    },
+    closeEvaluateCountdown() {
+      // 倒计时结束自动提交 无需校验
+      this.showEvaluateCountdown = false;
+      if (this.isPreviewScale) return;
+      this.banSubmit = true;
+      this.submitMethod();
+      this.$warning({
+        title: '温馨提示',
+        content: '测评时间到了，结束测评！',
+        okText: '确定',
+        onOk: () => {}
+      });
+    },
+    async showEvaTipModal(item) {
+      if (this.evatipMap[item.id]) {
+        this.evatipConfirm(this.evatipMap[item.id]);
+        return;
+      }
+      let key = 'getSubjectAnswer';
+      const fn = this.scaleApiConfig?.[key] || null;
+      if (!fn || typeof fn !== 'function') {
+        this.$message.error(`${key} Is not a function`);
+        return;
+      }
+      let obj = await fn(item.id);
+      if (!obj) return;
+      if (!this.evatipMap[item.id]) {
+        this.evatipMap[item.id] = obj;
+        this.evatipConfirm(obj);
+      }
+    },
+    closeTip() {
+      this.$destroyAll();
+    },
+    evatipConfirm(str) {
+      let _this = this;
+      let content = h => (
+        <div class="evatip-container">
+          <a-icon type="close" class="tip-content-close" on-click={_this.closeTip} />
+          <span>答案解析:</span>
+          <p>{str}</p>
+        </div>
+      );
+      this.$confirm({
+        title: '提示',
+        icon: () => null,
+        content,
+        okText: '确定',
+        cancelText: '关闭',
+        onOk() {},
+        onCancel() {},
+        class: 'evatip-modal-wrap'
+      });
+    },
+    // 选择组件
+    handleChoice(choiceValue, formItem) {
+      let { value = '', list = [] } = choiceValue;
+      this.nextLogicEvent(value, formItem, this.formArray);
+      this.handleDynamicDataRelation(list, formItem, this.formArray);
+    },
+    // 下拉框 动态数据源关联字段
+    handleDynamicDataRelation(list, formItem, formArray) {
+      let { targetSource } = formItem;
+      if (!targetSource || !Object.keys(targetSource).length) return;
+      if (!targetSource.target_id) return;
+      let { relationParam = [] } = targetSource;
+      if (!relationParam.length) return;
+      relationParam.forEach(item => {
+        let matchEle = formArray.find(v => v.seq === item.relationElement);
+        const key = this.formKey(matchEle);
+        if (matchEle) {
+          if (!list.length) {
+            this.form[key] = '';
+          } else {
+            let relationFieldList = list.map(v => v[item.relationField] || '/') || '';
+            this.form[key] = relationFieldList.join(',');
+          }
+        }
+      });
+    },
+    // 设置的logic condition 最大next_subject
+    handleLogicMaxNext(condition = []) {
+      const arr = condition.map(({ next_subject }) => (next_subject == 'end' ? 9999 : +(next_subject || 9999)));
+      const max = Math.max.call(null, ...arr);
+      return max;
+    },
+    // 当前formItem 下一个触发logicCodition item 的seq
+    handleLogicList(formItem, formArray) {
+      const { seq } = formItem;
+      let list = formArray.map(item => {
+        if (item.seq > seq && item.isShow && item.__isLogic__) return item;
+        return false;
+      });
+      let nextItemMax = 0;
+      let i = 0,
+        len = list.length,
+        item;
+      for (; i < len; i++) {
+        item = list[i];
+        let curVal = this.form[this.formKey(item)];
+        if (!curVal) continue;
+        if (Array.isArray(curVal)) {
+          if (!curVal.length) continue;
+        }
+        const { nextLogic, seq, __isLogic__, __lastSeq__ } = item;
+        if (!nextLogic.next_logic_is || !nextLogic.condition.length) continue;
+        if (__lastSeq__) {
+          nextItemMax = __lastSeq__;
+          break;
+        }
+      }
+      return nextItemMax;
+    },
+    // 跳题逻辑
+    nextLogicEvent(choiceValue, formItem, formArray = [], isInit) {
+      const { nextLogic, seq } = formItem;
+      if (!nextLogic) return;
+      if (nextLogic.next_logic_is && nextLogic.condition.length) {
+        let nextMax = 9999,
+          nextItemMax = 0;
+        if (!isInit) {
+          nextMax = this.handleLogicMaxNext(nextLogic.condition);
+          nextItemMax = this.handleLogicList(formItem, formArray);
+        }
+        nextLogic.condition.some(con => {
+          const { value, next_subject } = con;
+          const lastSeq = next_subject == 'end' ? 9999 : next_subject;
+          if (nextItemMax && nextItemMax > seq && nextItemMax < nextMax) {
+            nextMax = nextItemMax;
+          }
+          if (nextLogic.next_logic == 'condition') {
+            let hasValue = false;
+            if (Array.isArray(choiceValue)) {
+              hasValue = choiceValue.includes(value);
+            } else {
+              hasValue = choiceValue === value;
+            }
+
+            // 添加非响应式key __isLogic__ __lastSeq__
+            Object.defineProperty(formItem, '__isLogic__', {
+              value: hasValue,
+              writable: true
+            });
+            Object.defineProperty(formItem, '__lastSeq__', {
+              value: seq + 1,
+              writable: true
+            });
+
+            if (hasValue) {
+              formArray.forEach(item => {
+                if (item.seq > seq && item.seq < lastSeq) {
+                  item.isShow = false;
+                  // 跳过时 清空已填内容
+                  const key = this.formKey(item);
+                  this.form[key] && (this.form[key] = '');
+                } else if (item.seq >= lastSeq && item.seq < nextMax) {
+                  this.$set(item, 'isShow', true);
+                }
+              });
+              return true;
+            } else {
+              formArray.forEach(item => {
+                if (item.seq > seq && item.seq < lastSeq) {
+                  item.isShow = true;
+                }
+              });
+            }
+          } else if (nextLogic.next_logic == 'uncondition') {
+            let res = utils.isEmpty(choiceValue);
+
+            // 添加非响应式key __isLogic__ __lastSeq__
+            Object.defineProperty(formItem, '__isLogic__', {
+              value: !res,
+              writable: true
+            });
+            Object.defineProperty(formItem, '__lastSeq__', {
+              value: seq + 1,
+              writable: true
+            });
+
+            formArray.forEach(item => {
+              const key = this.formKey(item);
+              if (item.seq > seq && item.seq < lastSeq) {
+                item.isShow = res;
+                // 跳过时 清空已填内容
+                if (!res) {
+                  this.form[key] && (this.form[key] = '');
+                }
+              }
+            });
+          }
+        });
+      }
+    },
+    // 关联逻辑
+    showEvent(formItem, isSubmitCallback) {
+      if (formItem.hide) return false;
+      const { form } = this;
+      let relationLogicObj = {};
+      // 回调接口
+      if (isSubmitCallback) {
+        let setting = formItem.setting;
+        if (formItem.setting && utils.isJSON(formItem.setting)) {
+          setting = JSON.parse(formItem.setting);
+        }
+        relationLogicObj = utils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
+        if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) return true;
+      } else {
+        relationLogicObj = utils.isString(formItem.relationLogic) ? JSON.parse(formItem.relationLogic) : formItem.relationLogic;
+      }
+      if (!relationLogicObj || !Object.keys(relationLogicObj).length) return true;
+      const { relation_logic_is, condition, relation_logic } = relationLogicObj;
+      if (relation_logic_is) {
+        const results = condition.map(c => {
+          let key = this.formKey(this.formArray.filter(f => f.seq == c.subject_seq)[0]);
+          if (utils.isArray(form[key])) {
+            return form[key].some(v => c.value.includes(v));
+          } else {
+            return c.value.includes(form[key]);
+          }
+        });
+        if (relation_logic == 'OR') {
+          formItem.isShow = results.some(el => el);
+        } else if (relation_logic == 'AND') {
+          formItem.isShow = results.every(el => el);
+        } else {
+          formItem.isShow = results[0];
+        }
+      }
+      return formItem.isShow;
+    },
+    // 单选组件回调
+    radioChange(val, item, obj) {
+      const key = this.formKey(item);
+      this.form[key] = val;
+      item.type === 'RADIO_BLOCK' && this.$set(this.choiceComObj, key, obj);
+      this.nextLogicEvent(val, item, this.formArray);
+    },
+    // 多选组件回调
+    checkboxChange(val, item, obj) {
+      const key = this.formKey(item);
+      this.form[key] = val;
+      item.type === 'CHECKBOX_BLOCK' && this.$set(this.choiceComObj, key, obj);
+      this.nextLogicEvent(val, item, this.formArray);
+    },
+    // 标签组件回调
+    labelChange(labelList, item) {
+      const key = this.formKey(item);
+      this.form[key] = this.handleGetLabelSubmit(labelList);
+    },
+    
+    signChange(list, item) {
+      const key = this.formKey(item);
+      this.form[key] = list;
+    },
+    // 视频组件回调
+    vodFileList(list, item) {
+      const key = this.formKey(item);
+      this.form[key] = list;
+    },
+    handleGetLabelSubmit(labelSelectedList) {
+      if (!labelSelectedList || !labelSelectedList.length)
+        return {
+          labelStr: '',
+          labels: []
+        };
+      const selectedList = labelSelectedList || [];
+      const labelStrList = [];
+      const labels = [];
+      // "cacheKey":"label_标签","isSelect":true
+      selectedList.forEach(v => {
+        labels.push(v);
+        labelStrList.push(v.labelName);
+      });
+      this.labelSelectedList = selectedList;
+      return {
+        labelStr: labelStrList.join(','),
+        labels: labels
+      };
+    },
+    // 地址回调
+    changeAddress(allValue, item) {
+      const key = this.formKey(item);
+      this.form[key] = allValue;
+    },
+    // 上传回调
+    changeUpload(value, item) {
+      const key = this.formKey(item);
+      this.form[key] = value;
+    },
+    // 时间回调
+    changeTime(value, item) {
+      const key = this.formKey(item);
+      this.form[key] = value;
+      this.submitForm[key] = value;
+    },
+    // 保存
+    onSubmit() {
+      // 不包含测评组件，点击提交，弹出二次确认对话框，确认要提交吗？
+      let hasEvaluate = this.formArray.find(item => this.isEvaluation(item.type));
+      if (!hasEvaluate) {
+        this.confirmSubmit('确认要提交吗？');
+        return;
+      }
+
+      // 包含测评组件，不包含考试时长，点击提交，弹出二次确认对话框，确认要结束测评吗？
+      // 判断有无测评配置 并且在测评时间内
+      let { evaluateResultSetting } = this.config;
+      if (!evaluateResultSetting || (!Object.keys(evaluateResultSetting).length && !this.showEvaluateEntry)) {
+        this.confirmSubmit('确认要结束测评吗？');
+        return;
+      }
+
+      // 表单内嵌量表, 没有开始答题, 不需要调用保存接口
+      if (this.openType == 'formIframe' && this.showEvaluateEntry) {
+        this.$emit('submitNoRequest');
+        return;
+      }
+
+      // 无倒计时
+      let countdownDom = this.$refs.evaluateCountdown;
+      if (!countdownDom?.showEvaluateCountdown) {
+        this.confirmSubmit('确认要结束测评吗？');
+        return;
+      }
+
+      // 在倒计时内
+      let message = '确认要提前结束测评吗？';
+      let setAnswered = this.$refs.evaluateCountdown?.setAnswered;
+      let totalLen = this.$refs.evaluateCountdown?.totalLen;
+      // 存在未解答题目
+      if (setAnswered < totalLen) {
+        message = '存在未解答的题目，确定要提前结束吗？';
+      }
+      this.confirmSubmit(message);
+    },
+    confirmSubmit(message) {
+      let _this = this;
+      this.$confirm({
+        title: '温馨提示',
+        content: message,
+        okText: '确定',
+        cancelText: '取消',
+        onOk: () => {
+          _this.onSubmitForm();
+        },
+        onCancel() {}
+      });
+    },
+    onSubmitForm() {
+      this.$refs['ruleForm'].validate((valid, keys) => {
+        if (valid) {
+          this.submitMethod();
+        } else {
+          if (Object.keys(keys).length > 0) {
+            let key = Object.keys(keys)[0];
+            let field = keys[key][0].field,
+              message = keys[key][0].message;
+            let matchItem = this.formArray.find(v => v.databaseTitle === field);
+            if (matchItem) {
+              field = matchItem.title;
+            }
+            this.$message.error(field + message);
+          }
+          return false;
+        }
+      });
+    },
+    submitMethod() {
+      const hasSpreadParams = this.defaultFormArray.find(v => v.type === 'SPREAD_PARAMS');
+      if (hasSpreadParams) {
+        if (utils.isJSON(hasSpreadParams.setting)) {
+          hasSpreadParams.setting = JSON.parse(hasSpreadParams.setting);
+        }
+        let spreadKey = this.formKey(hasSpreadParams);
+        this.submitForm[spreadKey] = this.compileSpreadParams(hasSpreadParams.setting.spreadParams);
+      }
+      // 自定义列表新增时多选特殊处理
+      let checkBoxKey = this.defaultFormArray.find(ii => ii.type == 'CHECKBOX_BLOCK');
+      if (checkBoxKey && Array.isArray(this.form[checkBoxKey.title]) && this.type === 'customList') {
+        this.form[checkBoxKey.title] = this.form[checkBoxKey.title].join(',');
+      }
+      const scoreJson = this.handleScoreJson();
+      let params;
+      if (this.type === 'customList') {
+        params = {
+          definedListId: this.ids.guage_id,
+          dbId: this.ids.db_id,
+          scoreJson: JSON.stringify(scoreJson)
+        };
+      } else {
+        const { guageId, randomId } = this.config;
+        params = Object.assign(this.params, {
+          guageId,
+          scoreJson: JSON.stringify(scoreJson),
+          randomId
+        });
+      }
+      if (this.shareId) {
+        params.shareId = this.shareId;
+      }
+      const tipSetting = this.defaultFormArray.find(item => item.type === 'SUCCESS_TIP');
+      if (tipSetting) {
+        // 提交保存成功提示设置
+        const tip = utils.isJSON(tipSetting.setting) ? JSON.parse(tipSetting.setting) : tipSetting.setting;
+        params.tipSetting = JSON.stringify({
+          tipMode: tip.tipMode,
+          tipType: tip.tipType,
+          tipText: tip.tipText,
+          tipApi: tip.tipApi
+        });
+      }
+      let hasCallbackItem = this.defaultFormArray.find(v => v.type === 'CALLBACK_INTERFACE');
+      let isCallback = false;
+      if (hasCallbackItem) {
+        isCallback = this.showEvent(hasCallbackItem, true);
+      }
+      /**
+       * NOTE:
+       * 提交数据往外推
+       */
+      this.$emit('onSubmit', params, hasCallbackItem, isCallback);
+    },
+    handleScoreJson() {
+      let tempObj = Object.assign({}, this.form, this.submitForm);
+      let res = {};
+      if (!Object.keys(tempObj).length) return {};
+      for (let key in tempObj) {
+        let itemTemp = this.formArray.find(item => this.formKey(item) == key);
+        let curValue = tempObj[key];
+        if (key && itemTemp) {
+          let keyTemp;
+          if (itemTemp && itemTemp.databaseTitle) keyTemp = itemTemp.databaseTitle;
+          if (this.type == 'customList' && itemTemp && itemTemp.setting && itemTemp.setting.startToStop != 1 && curValue && itemTemp.type == 'DATETIME') {
+            if (itemTemp.setting && itemTemp.setting.dateType == 'time' && curValue) curValue = moment().format('YYYY-MM-DD ') + curValue;
+            if (itemTemp.setting && itemTemp.setting.dateType == 'date' && curValue) curValue = moment(curValue).format('YYYY-MM-DD ') + moment().format('HH:mm:ss');
+          }
+
+          // 处理地址
+          if (itemTemp.type === "ADDRESS") {
+            curValue = this.handleSubmitAddress(tempObj[key], itemTemp);
+          }
+
+          // 处理choice选项 将key替换为value
+          let isChoice = ['RADIO_BLOCK', 'CHECKBOX_BLOCK'].includes(itemTemp.type);
+          if (isChoice) {
+            let { options } = itemTemp;
+            let obj = this.choiceComObj[key];
+            if (itemTemp.type === 'RADIO_BLOCK' && curValue) {
+              curValue = this.handleChoiceItem(curValue, options, obj);
+            }
+            if (itemTemp.type === 'CHECKBOX_BLOCK' && curValue?.length) {
+              let resArr = this.handleCheckboxParams(curValue, options, obj);
+              curValue = resArr;
+            }
+          }
+
+          if (key.includes('~-~')) {
+            let newKey = keyTemp ? keyTemp.replace(/~-~/g, '.') : key.replace(/~-~/g, '.');
+            res[newKey] = curValue;
+          } else {
+            res[keyTemp || key] = !curValue ? null : curValue;
+          }
+        } else {
+          res[key] = curValue;
+        }
+      }
+      console.log('res', res);
+      return res;
+    },
+    handleCheckboxParams(value, options, obj) {
+      let res = [];
+      let i = 0,
+        len = value.length,
+        v;
+      for (; i < len; i++) {
+        v = value[i];
+        let matchItem = options.find((o, i) => {
+          if (i + 1 === v) {
+            return true;
+          }
+          return false;
+        });
+        if (matchItem && !matchItem.prefix && !matchItem.suffix) {
+          res.push(matchItem.value);
+          continue;
+        }
+        let tempValue = this.handleChoiceItem(v, options, obj);
+        res.push(tempValue);
+      }
+      return res;
+    },
+    handleChoiceItem(value, options, obj) {
+      let { othersText, optionsPreSuffixObj = {} } = obj || {};
+      if (value === 'other') {
+        return othersText || '其他';
+      }
+      let matchItem = options.find((o, i) => {
+        if (i + 1 === value) {
+          return true;
+        }
+        return false;
+      });
+      if (!matchItem) return;
+      if (!matchItem.prefix && !matchItem.suffix) return matchItem.value;
+      let resValue = optionsPreSuffixObj[value] || '';
+      if (matchItem.prefix) {
+        resValue = matchItem.prefix + resValue;
+      } else {
+        resValue += matchItem.suffix;
+      }
+      return resValue;
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields();
+    },
+    cancel() {
+      this.$emit('onCloseSetting');
+    },
+    handleEvaluationScore(ele) {
+      let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
+      return `(${maxScore}分)`;
+    },
+    html2Escape(sHtml) {
+      if(!sHtml || typeof sHtml != 'string') return sHtml;
+      return sHtml.replace(/[<>&"]/g,function(c){
+        return {'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];
+      });
+    }
+  }
+});
+</script>
+<style lang="less" scoped>
+.r-scale {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  padding-top: 4px;
+  padding-bottom: 50px;
+  .scale-container {
+    width: 100%;
+    height: 100%;
+    padding-bottom: 10px;
+    transform-origin: 0 0;
+    overflow-y: auto;
+    box-sizing: border-box;
+    &.scale-container-nopadding {
+      height: 100%;
+    }
+    &::-webkit-scrollbar {
+      width: 10px;
+    }
+  }
+  /deep/ .no-data-tip {
+    width: 100%;
+    height: 100%;
+  }
+  .totalScore-warp {
+    padding: 16px;
+    margin-bottom: 16px;
+    font-weight: 400;
+    color: #666666;
+    background: #f2f2f4;
+    font-size: 14px;
+    border-radius: 6px;
+    div + div {
+      margin-top: 4px;
+    }
+    span {
+      font-weight: 500;
+      color: #090909;
+    }
+    .score-result {
+      color: #2d7aff;
+    }
+  }
+  /deep/ .ant-spin-spinning {
+    height: 100%;
+    width: 100%;
+    padding-top: 88px;
+  }
+  /deep/ .ant-select ~ div {
+    position: relative !important;
+  }
+  // /deep/.ant-select-dropdown {
+  //   top: 0px !important;
+  //   left: 1px !important;
+  // }
+  .lb-title {
+    text-align: center;
+  }
+  .map-container {
+    cursor: pointer;
+    /deep/ .ant-input-disabled {
+      color: rgba(0, 0, 0, 0.65);
+      background-color: #fff;
+      cursor: pointer;
+    }
+  }
+  .linebar-div {
+    text-align: center;
+    margin-top: 24px;
+    /deep/ .ant-divider {
+      margin-top: -4px;
+    }
+  }
+  .my-prompt {
+    padding: 10px;
+    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14);
+    background-color: #fff;
+    border-radius: 4px;
+  }
+  .img-card {
+    width: 100%;
+  }
+}
+.main {
+  // overflow: auto;
+  // overflow-x: hidden;
+  padding: 0 16px;
+  box-sizing: border-box;
+  /deep/.ant-form-item-required::before {
+    color: #e02828;
+  }
+  .scale-label-required {
+    font-weight: 700;
+  }
+  .required-text {
+    color: #e02828;
+  }
+  .evalute-label {
+    display: inline-block;
+    height: 20px;
+    line-height: 20px;
+    padding: 0 5px;
+    margin-left: 4px;
+    font-size: 12px;
+    color: #2d7aff;
+    border-radius: 4px;
+    border: 1px solid rgba(45, 122, 255, 0.5);
+    background: rgba(45, 122, 255, 0.1);
+  }
+  .evalute-tip {
+    display: inline-block;
+    padding: 0 5px;
+    margin-left: 8px;
+    color: #fe9626;
+    border-radius: 2px;
+    background: rgba(255, 194, 0, 0.15);
+    cursor: pointer;
+    .ant-icon {
+      margin-right: 2px;
+    }
+  }
+  /deep/ .ant-form-item-label {
+    // white-space: break-spaces;
+    white-space: unset;
+    text-align: left;
+    line-height: 20px;
+    padding: 6px 0;
+    width: 100%;
+    .ant-form-item-no-colon {
+      width: 100%;
+    }
+  }
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding-top: 12px;
+  height: 50px;
+  box-sizing: border-box;
+  background: #fff;
+}
+.rich-text-content {
+  word-break: break-all;
+  /deep/ p {
+    margin-bottom: 0;
+  }
+  /deep/ img {
+    max-width: 100%;
+  }
+}
+</style>