cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/scale-view/scaleView.vue

@@ -1,1836 +0,0 @@
-<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>
-                    </span>
-                    <!-- 输入框 -->
-                    <MyInput
-                      v-bind="$attrs"
-                      v-if="isInput(item.type)"
-                      v-model="form[formKey(item)]"
-                      :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="defaultAddress"
-                      :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)"
-                    />
-                    <!-- 答案解析 -->
-                    <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 } 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';
-export default create({
-  name: "scale-view",
-  mixins: [judgeTypes, NoDataJs],
-  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: "" }
-  },
-  components: {
-    MyChoice,
-    MyInput,
-    MapComp,
-    MyAddress,
-    MyUpload,
-    MyTime,
-    MyPrompt,
-    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
-  },
-  computed: {
-    queryformBoldOpen() {
-      return this.$route.query?.formBoldOpen == 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}`;
-        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 } = this.config?.evaluateResultSetting || {};
-        let arr = [
-          "EVALUATE_RADIO_BLOCK",
-          "EVALUATE_CHECKBOX_BLOCK",
-          "EVALUATE_SELECT",
-          "EVALUATE_INPUT"
-        ];
-        let maxScore = item?.scoreConfigs || 0;
-        return evaluateAnswer && this.isFinished && arr.includes(item.type) && maxScore;
-      };
-    },
-    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
-    };
-  },
-  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) {
-      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.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);
-      }
-
-      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];
-        if (value && key != "evaluateAnswer" && value.includes("${")) {
-          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 = {};
-      for (let [key, value] of new URLSearchParams(window.location.hash.split("?")[1]).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) {
-            let urlKey = item.setting?.outDefaultValue?.urlKey;
-            if (urlKey) {
-              let list = urlKey.split(",");
-              if (list.length > 1) {
-                let val = list
-                  .map(l => {
-                    let tempV = this.getQueryVariable(l);
-                    if (tempV) return decodeURIComponent(tempV);
-                    return null;
-                  })
-                  .filter(Boolean);
-                val.length && (defValue = val);
-              } else {
-                let val = this.getQueryVariable(list[0]);
-                if (val) {
-                  val = decodeURIComponent(val);
-                  defValue = item.type == "CHECKBOX_BLOCK" ? val.split() : val;
-                }
-              }
-            }
-          }
-        }
-        switch (type) {
-          case "LOCATION":
-            formData[key] = defValue || "";
-            break;
-          case "SEARCH_CASCADE":
-            formData[key] = defValue || [];
-            break;
-          case "ADDRESS":
-            formData[key] = defValue || "";
-            this.defaultAddress = defValue || {};
-            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 {
-              val = defValue || item.setting.defaultValue;
-              if (vexutils.isJSON(val)) {
-                val = JSON.parse(val);
-              }
-              formData[key] = val;
-            }
-            break;
-          default:
-            val = defValue || item.setting.defaultValue;
-            if (vexutils.isJSON(val)) {
-              val = JSON.parse(val);
-            }
-            formData[key] = val;
-            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++);
-        }
-        return item;
-      });
-      return results.map(item => {
-        if (this.isChoice(item.type)) {
-          if (item.type != "SEARCH_CASCADE") {
-            if (item.dbValue) {
-              this.nextLogicEvent(item.dbValue, item, results);
-            } else {
-              if (item.setting.defaultValue) {
-                this.nextLogicEvent(item.setting.defaultValue, item, results);
-              }
-            }
-          }
-        }
-        // 自定义列表特殊处理
-        if (
-          item.type === "CHECKBOX_BLOCK" &&
-          item.dbValue &&
-          !Array.isArray(item.dbValue) &&
-          this.type === "customList"
-        ) {
-          item.dbValue = item.dbValue.split(",").filter(ii => !!ii);
-        }
-        return item;
-      });
-    },
-    // 初始化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"
-          });
-        }
-      });
-      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();
-    },
-    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: () => {
-        }
-      });
-    },
-    // 选择组件
-    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(",");
-          }
-        }
-      });
-    },
-    // 跳题逻辑
-    nextLogicEvent(choiceValue, formItem, formArray) {
-      const { nextLogic, seq } = formItem;
-      if (nextLogic.next_logic_is) {
-        nextLogic.condition.some(con => {
-          const { value, next_subject } = con;
-          const lastSeq = next_subject == "end" ? 9999 : next_subject;
-          if (nextLogic.next_logic == "condition") {
-            let hasValue = false;
-            if (Array.isArray(choiceValue)) {
-              hasValue = choiceValue.includes(value);
-            } else {
-              hasValue = choiceValue === value;
-            }
-            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 {
-                  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") {
-            formArray.forEach(item => {
-              const key = this.formKey(item);
-              if (item.seq > seq && item.seq < lastSeq) {
-                let res = utils.isEmpty(choiceValue);
-                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;
-      }
-      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.isString(form[key])) {
-            return c.value.includes(form[key]);
-          } else {
-            if (utils.isArray(form[key])) {
-              return form[key].some(v => c.value.includes(v));
-            }
-          }
-        });
-        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) {
-      const key = this.formKey(item);
-      this.form[key] = val;
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 多选组件回调
-    checkboxChange(val, item) {
-      const key = this.formKey(item);
-      this.form[key] = val;
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 标签组件回调
-    labelChange(labelList, item) {
-      const key = this.formKey(item);
-      this.form[key] = this.handleGetLabelSubmit(labelList);
-    },
-    // 视频组件回调
-    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);
-        }
-        this.submitForm[hasSpreadParams.title] = 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 } = this.config;
-        params = Object.assign(this.params, {
-          guageId,
-          scoreJson: JSON.stringify(scoreJson)
-        });
-      }
-      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);
-
-      // if (hasCallbackItem && isCallback) {
-      //   let reqList = [this.saveGuageData(params)];
-      //   reqList.push(this.callBackEntrance(params));
-      //   Promise.all(reqList).then(res => {
-      //     let guageRes = res[0];
-      //     this.submitParams(guageRes);
-      //   });
-      // } else {
-      //   this.saveGuageData(params).then(data => {
-      //     this.submitParams(data);
-      //   });
-      // }
-    },
-    handleScoreJson() {
-      let tempObj = Object.assign({}, this.form, this.submitForm);
-      let res = {};
-      if (!Object.keys(tempObj).length) return {};
-      for (let key in tempObj) {
-        if (key) {
-          let itemTemp = this.formArray.find(item => this.formKey(item) == key);
-          let keyTemp;
-          if (itemTemp && itemTemp.databaseTitle) keyTemp = itemTemp.databaseTitle;
-          if (
-            this.type == "customList" &&
-            itemTemp &&
-            itemTemp.setting &&
-            itemTemp.setting.startToStop != 1 &&
-            tempObj[key] &&
-            itemTemp.type == "DATETIME"
-          ) {
-            if (itemTemp.setting && itemTemp.setting.dateType == "time" && tempObj[key])
-              tempObj[key] = moment().format("YYYY-MM-DD ") + tempObj[key];
-            if (itemTemp.setting && itemTemp.setting.dateType == "date" && tempObj[key])
-              tempObj[key] =
-                moment(tempObj[key]).format("YYYY-MM-DD ") + moment().format("HH:mm:ss");
-          }
-          if (key.includes("~-~")) {
-            let newKey = keyTemp ? keyTemp.replace(/~-~/g, ".") : key.replace(/~-~/g, ".");
-            res[newKey] = tempObj[key];
-          } else {
-            res[keyTemp || key] = !tempObj[key] ? null : tempObj[key];
-          }
-        }
-      }
-      console.log("res", res);
-      return res;
-    },
-    // submitParams(data) {
-    //   if (!data || !Object.keys(data).length) return;
-    //   if (data.result != "SUCCESS") {
-    //     return this.$message.warning(data.resultMsg || "保存失败");
-    //   }
-    //   const { obj = {}, tip } = data?.map || {};
-    //   this.handleSuccessTip(tip || data.resultMsg || this.$t("1.6.6")).finally(() => {
-    //     if (this.source === "layout") {
-    //       this.$emit("reload");
-    //       this.$emit("onCloseSetting");
-    //     } else {
-    //       this.$emit("submit", {
-    //         db_id: obj.id,
-    //         guage_id: obj.tableId
-    //       });
-    //     }
-    //     const origin = window.location.origin;
-    //     window.postMessage(
-    //       {
-    //         status: "SUCCESS",
-    //         type: "GUAGE",
-    //         data: { db_id: obj.id, guage_id: obj.tableId }
-    //       },
-    //       origin
-    //     );
-    //   });
-    // },
-    // handleSuccessTip(msg) {
-    //   let content = msg;
-    //   if (utils.isObject(msg)) {
-    //     const { text, color = "inherit", size = "inherit", mode = "POP" } = msg;
-    //     content = () => (
-    //       <span style={{ color: color, fontSize: size }} domPropsInnerHTML={text}></span>
-    //     );
-    //     if (mode === "POP") {
-    //       return new Promise((resolve, _reject) => {
-    //         const onOk = () => resolve(true);
-    //         this.$info({
-    //           title: "提示",
-    //           content: content,
-    //           okText: "确定",
-    //           keyboard: false,
-    //           onOk: onOk,
-    //           onCancel: onOk
-    //         });
-    //       });
-    //     }
-    //   }
-    //   this.$message.success({ content });
-    //   return Promise.resolve(true);
-    // },
-    // saveGuageData(params) {
-    //   let url;
-    //   if (this.type === "customList") {
-    //     url = "/definedTableList/saveDefinedListData";
-    //   } else {
-    //     url = "/guage/saveGuageData";
-    //   }
-    //   return new Promise((resolve, reject) => {
-    //     this.axios
-    //       .post(url, this.$qs.stringify(params))
-    //       .then(({ data }) => {
-    //         resolve(data);
-    //         if (data.result != "SUCCESS") {
-    //           this.$message.error(data.resultMsg);
-    //           reject(data);
-    //         } else {
-    //           resolve(data);
-    //         }
-    //       })
-    //       .catch(err => {
-    //         reject(err);
-    //       });
-    //   });
-    // },
-    // callBackEntrance(params) {
-    //   const url = "/guage/callBackEntrance";
-    //   return new Promise((resolve, reject) => {
-    //     this.axios
-    //       .post(url, this.$qs.stringify(params))
-    //       .then(({ data }) => {
-    //         if (data.result != "SUCCESS") {
-    //           this.$message.error(data.resultMsg);
-    //           reject(data);
-    //         } else {
-    //           resolve(data);
-    //         }
-    //       })
-    //       .catch(err => {
-    //         reject(err);
-    //       });
-    //   });
-    // },
-    resetForm() {
-      this.$refs.ruleForm.resetFields();
-    },
-    cancel() {
-      this.$emit("onCloseSetting");
-    },
-    handleEvaluationScore(ele) {
-      let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
-      return `(${maxScore}分)`;
-      // if (scoreType === "correctAnswerScore") return `(${maxScore}分)`;
-      // if (minScore === maxScore) return `(${maxScore}分)`;
-      // if (ele.type === "EVALUATE_INPUT") {
-      //   if (maxScore == 0) {
-      //     return `(${maxScore}分)`;
-      //   }
-      //   return `(0-${maxScore}分)`;
-      // }
-      // return `(${minScore}-${maxScore}分)`;
-    }
-  }
-});
-</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);
-  }
-  /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>