cnhis-design-vue 2.2.3 → 2.2.5

package/packages/scale-view/scaleView.vue

@@ -1,2086 +0,0 @@
-<template>
-  <div class="r-scale r-scale-v2">
-    <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"
-                      :item="item"
-                      @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;
-    },
-    // 分享出来的链接, 接口返回formBoldOpen
-    guageDataformBoldOpen() {
-      return this.guageData?.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;
-        if(!res) return false;
-        // 量表未登录时 判断 url中是否有 formBoldOpen
-        if (!this.styleSetting || !Object.keys(this.styleSetting).length || !('formBoldOpen' in this.styleSetting)) {
-          return  this.queryformBoldOpen || this.guageDataformBoldOpen;
-        }
-        return  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, list, true);
-            } else {
-              if (item.setting.defaultValue) {
-                this.nextLogicEvent(item.setting.defaultValue, item, list, 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%;
-  }
-}
-.r-scale-v2 {
-  /deep/ .scale-container {
-
-    .choice-radio-div .ant-radio-wrapper-disabled,
-    .choice-radio-div .ant-checkbox-wrapper-disabled {
-      padding: 4px;
-      box-sizing: border-box;
-      border: 1px solid transparent;
-      
-    }
-    .ant-radio-wrapper-checked.ant-radio-wrapper-disabled {
-      border-color: #2d7aff;
-      border-radius: 4px;
-      .choice-span {
-        color: #000 !important;
-      }
-      >.ant-radio-disabled {
-        .ant-radio-inner {
-          background-color: #fff !important;
-          border-color: #2d7aff !important;
-          &::after {
-            background-color: #2d7aff;
-          }
-        }
-      }
-    }
-    .ant-checkbox-wrapper-checked.ant-checkbox-wrapper-disabled {
-      border-color: #2d7aff;
-      border-radius: 4px;
-      .choice-span {
-        color: #000 !important;
-      }
-      >.ant-checkbox-disabled {
-        .ant-checkbox-inner {
-          background-color: #2d7aff;
-          border-color: #2d7aff !important;
-          &::after {
-            border-color: #fff !important;
-          }  
-        }
-      }
-    }
-
-    .ant-input-disabled {
-      color: #000 !important;
-      font-weight: 700;
-    }
-
-    .ant-select-disabled {
-      .ant-select-selection-selected-value {
-        color: #000 !important;
-        font-weight: 700;
-      }
-    }
-    
-    .ant-cascader-picker-disabled {
-      .ant-cascader-picker-label {
-        color: #000 !important;
-        font-weight: 700;
-      }
-    }
-  }
-}
-</style>