cnhis-design-vue 2.1.58 → 2.1.59

package/packages/scale-view/customList.vue

@@ -1,801 +1,801 @@
-<template>
-  <div class="r-scale">
-    <slot v-if="spinning">
-      <a-spin :indicator="indicator" />
-    </slot>
-    <slot v-else>
-      <a-form-model ref="ruleForm" :model="form" :rules="rules" :layout="form.layout" class="main">
-        <template v-for="item 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 />
-                <!-- <a-divider orientation="center">
-                {{ item.title }}
-              </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>
-            <a-form-model-item
-              v-if="isShowItem(item)"
-              :key="item.id || item.seq"
-              :label="`${item.title}`"
-              :prop="item.title"
-            >
-              <!-- 输入框 -->
-              <MyInput
-                v-bind="$attrs"
-                v-if="isInput(item.type)"
-                v-model="form[item.title]"
-                :type="item.valueType"
-                :row="item.setting.inputRow || 1"
-                :isLock="isLock"
-              />
-
-              <!-- 单选/下拉/多选/级联 -->
-              <MyChoice
-                v-bind="$attrs"
-                v-else-if="isChoice(item.type)"
-                v-model="form[item.title]"
-                :item="item"
-                :isLock="isLock"
-                @change="handleChoice($event, item)"
-                @radioChange="radioChange"
-                @checkboxChange="checkboxChange"
-              />
-              <!-- 日期/时间 -->
-              <MyTime
-                v-bind="$attrs"
-                v-else-if="isTime(item.type)"
-                :value="form[item.title]"
-                :type="item.type"
-                :startToStop="item.setting.startToStop"
-                :dateType="item.setting.dateType"
-                :isLock="isLock"
-                @change="changeTime($event, item)"
-              />
-              <!-- 上传附件 or 图片 -->
-              <MyUpload
-                v-bind="$attrs"
-                v-else-if="isUpload(item.type)"
-                :upType="item.type"
-                :useFileList="item.useFileList"
-                :limitPic="item.setting.limitPic"
-                :isLock="isLock"
-                @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[item.title])" disabled>
-                  <a-icon slot="prefix" type="info-circle" />
-                </a-input>
-                <MapComp
-                  v-bind="$attrs"
-                  :visible.sync="mapVisible"
-                  :locationProp="form[item.title]"
-                  :isLock="isLock"
-                  @selectLocation="handleSelectLocation($event, item)"
-                />
-              </div>
-              <!-- 地址 -->
-              <MyAddress
-                v-bind="$attrs"
-                v-else-if="item.type === 'ADDRESS'"
-                :setting="item.setting"
-                :defaultValue="defaultAddress"
-                :isLock="isLock"
-                @change="changeAddress($event, item)"
-              />
-              <!-- 标签 -->
-              <label-form
-                v-bind="$attrs"
-                v-else-if="item.type === 'LABEL'"
-                :item="item"
-                :selectedList="labelSelectedList"
-                :isLock="isLock"
-                @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[item.title]"
-                @vodFileList="vodFileList($event, item)"
-              />
-            </a-form-model-item>
-          </template>
-        </template>
-      </a-form-model>
-      <div class="footer" v-if="!noBtn">
-        <a-button @click="cancel" style="margin-right: 10px;">取消</a-button>
-        <a-button @click="onSubmit" type="primary">保存</a-button>
-      </div>
-    </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, MyTime, MyPrompt } from "./formitem";
-import MyUpload from "./formitem/r-upload-custom-list";
-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";
-export default create({
-  name: "custom-list",
-  props: {
-    ids: {
-      type: Object,
-      default: () => {
-        return { guage_id: "", db_id: undefined };
-      }
-    },
-    params: { default: () => ({}), type: Object },
-    guageData: { type: Object, default: () => ({}) },
-    noBtn: { type: Boolean, default: false },
-    source: { type: String, default: "" },
-    isLock: { type: Boolean, default: false }
-  },
-  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
-  },
-  computed: {
-    isShowItem() {
-      return function(item) {
-        let res = this.showEvent(item);
-        return res;
-      };
-    }
-  },
-  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) {
-            const data = JSON.parse(JSON.stringify(value));
-            this.initForm(data);
-          }
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      other: "",
-      form: {},
-      submitForm: {},
-      rules: {},
-      config: {},
-      formArray: [],
-      mapVisible: false,
-      mapLocation: "",
-      labelSelectedList: [],
-      defaultFormArray: [],
-      useFileList: [],
-      filterArr: ["CALLBACK_INTERFACE", "SPREAD_PARAMS", "REDIRECT", "FRONT_ADDRESS"],
-      spinning: true,
-      indicator: <a-icon type="loading" style="font-size: 24px" spin />
-    };
-  },
-  mounted() {
-    // if (this.noBtn) {
-    //   EventBus.$on("guageSubmit", this.onSubmit);
-    // }
-  },
-  beforeDestroy() {
-    // EventBus.$off("guageSubmit");
-  },
-  methods: {
-    init(ids) {
-      if (!ids.guage_id) return;
-      // const url = `/guage/get`;
-      // const params = {
-      //   id: ids.guage_id,
-      //   dbId: ids.db_id
-      // };
-      const url = "/definedTableList/get";
-      const params = {
-        id: ids.guage_id,
-        dbId: ids.db_id,
-        fieldList: ids.fieldList,
-        fieldParams: JSON.stringify(ids.fieldParams)
-      };
-      this.spinning = true;
-      this.axios
-        .get(url, { params })
-        .then(({ data }) => {
-          const { map } = data;
-          this.initForm(map);
-          this.spinning = false;
-        })
-        .catch(() => {
-          this.spinning = false;
-        });
-    },
-    initForm(data) {
-      let { list = [] } = data;
-      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.config = data.map;
-      this.spinning = false;
-    },
-    // 量表提交数据
-    defaultFormValue(formArray) {
-      const formData = {};
-      let val;
-      formArray.forEach(item => {
-        const { type } = item;
-        switch (type) {
-          case "LOCATION":
-            formData[item.title] = item.dbValue || "";
-            break;
-          case "SEARCH_CASCADE":
-            formData[item.title] = item.dbValue || [];
-            break;
-          case "ADDRESS":
-            formData[item.title] = item.dbValue || "";
-            this.defaultAddress = item.dbValue || {};
-            break;
-          case "LABEL":
-            formData[item.title] = item.dbValue || {};
-            if (this.$utils.isObject(item.dbValue)) {
-              this.labelSelectedList = item.dbValue?.labels || [];
-            } else if (Array.isArray(item.dbValue)) {
-              this.labelSelectedList = item.dbValue;
-            } else {
-              this.labelSelectedList = [];
-            }
-            break;
-          case "UPFILE":
-          case "UPPICTURE":
-            formData[item.title] = item.dbValue || [];
-            this.useFileList = item.dbValue || [];
-            this.$set(item, "useFileList", item.dbValue || []);
-            break;
-          // 自定义列表特殊处理
-          case "CHECKBOX_BLOCK":
-            if (item.dbValue && !Array.isArray(item.dbValue)) {
-              formData[item.title] = item.dbValue.split(",").filter(ii => !!ii);
-            } else {
-              val = item.dbValue || item.setting.defaultValue;
-              if (this.$utils.isJSON(val)) {
-                val = JSON.parse(val);
-              }
-              formData[item.title] = val;
-            }
-            break;
-          default:
-            val = item.dbValue || item.setting.defaultValue;
-            if (this.$utils.isJSON(val)) {
-              val = JSON.parse(val);
-            }
-            formData[item.title] = 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 = window.location.hash.split("?")[1];
-      if (!query) return false;
-      let vars = query.split("&");
-      for (let i = 0; i < vars.length; i++) {
-        let pair = vars[i].split("=");
-        if (pair[0] == variable) {
-          return pair[1];
-        }
-      }
-      return false;
-    },
-    // 初始化量表
-    formatArray(list) {
-      let i = 1;
-      const results = list.map(item => {
-        this.$set(item, "isShow", true);
-        Object.keys(item).forEach(key => {
-          if (this.$utils.isJSON(item[key])) {
-            if (item.type != "LOCATION") {
-              item[key] = JSON.parse(item[key]);
-            }
-          }
-        });
-        const notIndexArr = ["LINEBAR", "TITLE", "PROMPT", "IMGCARD"];
-        if (notIndexArr.indexOf(item.type) < 0) {
-          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)) {
-          item.dbValue = item.dbValue.split(",").filter(ii => !!ii);
-        }
-        return item;
-      });
-    },
-    // 初始化rules
-    formatRules(formArray) {
-      const rules = {};
-      formArray.forEach(item => {
-        rules[item.title] = [{ required: item.required, message: "必填", trigger: "change" }];
-        if (item.type == "MOBILE" && item.validation) {
-          rules[item.title].push({
-            pattern: /^1[3456789]\d{9}$/,
-            message: "格式错误",
-            trigger: "blur"
-          });
-        } else if (item.type == "ID_CARD" && item.validation) {
-          rules[item.title].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"
-          });
-        }
-      });
-      return rules;
-    },
-    handleGetAddress(val) {
-      if (this.$utils.isJSON(val)) {
-        const valObj = JSON.parse(val);
-        // return valObj.address || valObj.name;
-        return `${valObj.address} ${valObj.name}`;
-      }
-      return "";
-    },
-    handleSelectLocation(e, item) {
-      const { locationProp, isInit } = e;
-      this.mapLocation = locationProp;
-      this.form[item.title] = locationProp;
-      this.mapVisible = isInit || false;
-    },
-    isInput(type) {
-      return type == "INPUT" || type == "ID_CARD" || type == "MOBILE";
-    },
-    isChoice(type) {
-      return (
-        type == "SELECT" ||
-        type == "RADIO_BLOCK" ||
-        type == "CHECKBOX_BLOCK" ||
-        type == "SEARCH_CASCADE"
-      );
-    },
-    isTime(type) {
-      return type == "DATE" || type == "TIME" || type == "DATETIME";
-    },
-    isUpload(type) {
-      return type == "UPFILE" || type == "UPPICTURE";
-    },
-    // 选择组件
-    handleChoice(choiceValue, formItem) {
-      this.nextLogicEvent(choiceValue, formItem, this.formArray);
-    },
-    // 跳题逻辑
-    nextLogicEvent(choiceValue, formItem, formArray) {
-      // if (this.ids.type === "definedList") return;
-      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") {
-            if (choiceValue.includes(value)) {
-              formArray.forEach(item => {
-                if (item.seq > seq && item.seq < lastSeq) {
-                  item.isShow = false;
-                  // 跳过时 清空已填内容
-                  this.form[item.title] && (this.form[item.title] = "");
-                } 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 => {
-              if (item.seq > seq && item.seq < lastSeq) {
-                let res = this.$utils.isEmpty(choiceValue);
-                item.isShow = res;
-                // 跳过时 清空已填内容
-                if (!res) {
-                  this.form[item.title] && (this.form[item.title] = "");
-                }
-              }
-            });
-          }
-        });
-      }
-    },
-    // 关联逻辑
-    showEvent(formItem) {
-      if (formItem.hide) return false;
-      const { form } = this;
-      const relationLogicObj = this.$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 => {
-          const { title } = this.formArray.filter(f => f.seq == c.subject_seq)[0];
-          if (this.$utils.isString(form[title])) {
-            return c.value.includes(form[title]);
-          } else {
-            if (this.$utils.isArray(form[title])) {
-              return form[title].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) {
-      this.form[item.title] = val;
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 多选组件回调
-    checkboxChange(val, item) {
-      this.form[item.title] = val;
-      console.log(this.form);
-      this.nextLogicEvent(val, item, this.formArray);
-    },
-    // 标签组件回调
-    labelChange(labelList, item) {
-      this.form[item.title] = this.handleGetLabelSubmit(labelList);
-    },
-    // 视频组件回调
-    vodFileList(list, item) {
-      this.form[item.title] = 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);
-      });
-      return {
-        labelStr: labelStrList.join(","),
-        labels: labels
-      };
-    },
-    // 地址回调
-    changeAddress(allValue, item) {
-      this.form[item.title] = allValue;
-    },
-    // 上传回调
-    changeUpload(value, item) {
-      this.form[item.title] = value;
-    },
-    // 时间回调
-    changeTime(value, item) {
-      this.form[item.title] = value;
-      this.submitForm[item.title] = value;
-    },
-    // 保存
-    onSubmit() {
-      this.$refs["ruleForm"].validate((valid, keys) => {
-        if (valid) {
-          const hasSpreadParams = this.defaultFormArray.find(v => v.type === "SPREAD_PARAMS");
-          if (hasSpreadParams) {
-            if (this.$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");
-          console.log(this.form, "9999");
-          if (checkBoxKey && Array.isArray(this.form[checkBoxKey.title])) {
-            this.form[checkBoxKey.title] = this.form[checkBoxKey.title].join(",");
-          }
-
-          console.log(this.form, "999999999");
-          const scoreJson = Object.assign({}, this.form, this.submitForm);
-          Object.keys(scoreJson).forEach(key => {
-            if (!key) delete scoreJson[key];
-          });
-          // const { guageId } = this.config;
-          // const params = Object.assign(this.params, {
-          //   guageId,
-          //   scoreJson: JSON.stringify(scoreJson)
-          // });
-          const params = {
-            definedListId: this.ids.guage_id,
-            dbId: this.ids.db_id,
-            scoreJson: JSON.stringify(scoreJson)
-          };
-          let hasCallbackItem = this.defaultFormArray.find(v => v.type === "CALLBACK_INTERFACE");
-          // if (hasCallbackItem) {
-          //   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);
-          //   });
-          // }
-
-          /**
-           * NOTE:
-           * 提交数据往外推
-           */
-          this.$emit("onSubmit", params, hasCallbackItem);
-        } else {
-          if (Object.keys(keys).length > 0) {
-            let key = Object.keys(keys)[0];
-            this.$message.error(keys[key][0].field + keys[key][0].message);
-          }
-          return false;
-        }
-      });
-    },
-    // submitParams(data) {
-    //   if (!data || !Object.keys(data).length) return;
-    //   if (data.result != "SUCCESS") {
-    //     return this.$message.warning(data.resultMsg || "保存失败");
-    //   }
-    //   const { obj = {} } = data?.map || {};
-    //   this.$message.success(data.resultMsg || this.$t("1.6.6"));
-    //   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
-    //   );
-    // },
-    // saveGuageData(params) {
-    //   // const url = "/guage/saveGuageData";
-    //   const url = "/definedTableList/saveDefinedListData";
-    //   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");
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-.r-scale {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  /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;
-    }
-  }
-  /deep/ .ant-form {
-    margin-bottom: 50px;
-  }
-  .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 {
-    flex: 1;
-    height: 0;
-    overflow: auto;
-    overflow-x: hidden;
-  }
-  .footer {
-  }
-}
-</style>
+<template>
+  <div class="r-scale">
+    <slot v-if="spinning">
+      <a-spin :indicator="indicator" />
+    </slot>
+    <slot v-else>
+      <a-form-model ref="ruleForm" :model="form" :rules="rules" :layout="form.layout" class="main">
+        <template v-for="item 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 />
+                <!-- <a-divider orientation="center">
+                {{ item.title }}
+              </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>
+            <a-form-model-item
+              v-if="isShowItem(item)"
+              :key="item.id || item.seq"
+              :label="`${item.title}`"
+              :prop="item.title"
+            >
+              <!-- 输入框 -->
+              <MyInput
+                v-bind="$attrs"
+                v-if="isInput(item.type)"
+                v-model="form[item.title]"
+                :type="item.valueType"
+                :row="item.setting.inputRow || 1"
+                :isLock="isLock"
+              />
+
+              <!-- 单选/下拉/多选/级联 -->
+              <MyChoice
+                v-bind="$attrs"
+                v-else-if="isChoice(item.type)"
+                v-model="form[item.title]"
+                :item="item"
+                :isLock="isLock"
+                @change="handleChoice($event, item)"
+                @radioChange="radioChange"
+                @checkboxChange="checkboxChange"
+              />
+              <!-- 日期/时间 -->
+              <MyTime
+                v-bind="$attrs"
+                v-else-if="isTime(item.type)"
+                :value="form[item.title]"
+                :type="item.type"
+                :startToStop="item.setting.startToStop"
+                :dateType="item.setting.dateType"
+                :isLock="isLock"
+                @change="changeTime($event, item)"
+              />
+              <!-- 上传附件 or 图片 -->
+              <MyUpload
+                v-bind="$attrs"
+                v-else-if="isUpload(item.type)"
+                :upType="item.type"
+                :useFileList="item.useFileList"
+                :limitPic="item.setting.limitPic"
+                :isLock="isLock"
+                @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[item.title])" disabled>
+                  <a-icon slot="prefix" type="info-circle" />
+                </a-input>
+                <MapComp
+                  v-bind="$attrs"
+                  :visible.sync="mapVisible"
+                  :locationProp="form[item.title]"
+                  :isLock="isLock"
+                  @selectLocation="handleSelectLocation($event, item)"
+                />
+              </div>
+              <!-- 地址 -->
+              <MyAddress
+                v-bind="$attrs"
+                v-else-if="item.type === 'ADDRESS'"
+                :setting="item.setting"
+                :defaultValue="defaultAddress"
+                :isLock="isLock"
+                @change="changeAddress($event, item)"
+              />
+              <!-- 标签 -->
+              <label-form
+                v-bind="$attrs"
+                v-else-if="item.type === 'LABEL'"
+                :item="item"
+                :selectedList="labelSelectedList"
+                :isLock="isLock"
+                @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[item.title]"
+                @vodFileList="vodFileList($event, item)"
+              />
+            </a-form-model-item>
+          </template>
+        </template>
+      </a-form-model>
+      <div class="footer" v-if="!noBtn">
+        <a-button @click="cancel" style="margin-right: 10px;">取消</a-button>
+        <a-button @click="onSubmit" type="primary">保存</a-button>
+      </div>
+    </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, MyTime, MyPrompt } from "./formitem";
+import MyUpload from "./formitem/r-upload-custom-list";
+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";
+export default create({
+  name: "custom-list",
+  props: {
+    ids: {
+      type: Object,
+      default: () => {
+        return { guage_id: "", db_id: undefined };
+      }
+    },
+    params: { default: () => ({}), type: Object },
+    guageData: { type: Object, default: () => ({}) },
+    noBtn: { type: Boolean, default: false },
+    source: { type: String, default: "" },
+    isLock: { type: Boolean, default: false }
+  },
+  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
+  },
+  computed: {
+    isShowItem() {
+      return function(item) {
+        let res = this.showEvent(item);
+        return res;
+      };
+    }
+  },
+  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) {
+            const data = JSON.parse(JSON.stringify(value));
+            this.initForm(data);
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      other: "",
+      form: {},
+      submitForm: {},
+      rules: {},
+      config: {},
+      formArray: [],
+      mapVisible: false,
+      mapLocation: "",
+      labelSelectedList: [],
+      defaultFormArray: [],
+      useFileList: [],
+      filterArr: ["CALLBACK_INTERFACE", "SPREAD_PARAMS", "REDIRECT", "FRONT_ADDRESS"],
+      spinning: true,
+      indicator: <a-icon type="loading" style="font-size: 24px" spin />
+    };
+  },
+  mounted() {
+    // if (this.noBtn) {
+    //   EventBus.$on("guageSubmit", this.onSubmit);
+    // }
+  },
+  beforeDestroy() {
+    // EventBus.$off("guageSubmit");
+  },
+  methods: {
+    init(ids) {
+      if (!ids.guage_id) return;
+      // const url = `/guage/get`;
+      // const params = {
+      //   id: ids.guage_id,
+      //   dbId: ids.db_id
+      // };
+      const url = "/definedTableList/get";
+      const params = {
+        id: ids.guage_id,
+        dbId: ids.db_id,
+        fieldList: ids.fieldList,
+        fieldParams: JSON.stringify(ids.fieldParams)
+      };
+      this.spinning = true;
+      this.axios
+        .get(url, { params })
+        .then(({ data }) => {
+          const { map } = data;
+          this.initForm(map);
+          this.spinning = false;
+        })
+        .catch(() => {
+          this.spinning = false;
+        });
+    },
+    initForm(data) {
+      let { list = [] } = data;
+      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.config = data.map;
+      this.spinning = false;
+    },
+    // 量表提交数据
+    defaultFormValue(formArray) {
+      const formData = {};
+      let val;
+      formArray.forEach(item => {
+        const { type } = item;
+        switch (type) {
+          case "LOCATION":
+            formData[item.title] = item.dbValue || "";
+            break;
+          case "SEARCH_CASCADE":
+            formData[item.title] = item.dbValue || [];
+            break;
+          case "ADDRESS":
+            formData[item.title] = item.dbValue || "";
+            this.defaultAddress = item.dbValue || {};
+            break;
+          case "LABEL":
+            formData[item.title] = item.dbValue || {};
+            if (this.$utils.isObject(item.dbValue)) {
+              this.labelSelectedList = item.dbValue?.labels || [];
+            } else if (Array.isArray(item.dbValue)) {
+              this.labelSelectedList = item.dbValue;
+            } else {
+              this.labelSelectedList = [];
+            }
+            break;
+          case "UPFILE":
+          case "UPPICTURE":
+            formData[item.title] = item.dbValue || [];
+            this.useFileList = item.dbValue || [];
+            this.$set(item, "useFileList", item.dbValue || []);
+            break;
+          // 自定义列表特殊处理
+          case "CHECKBOX_BLOCK":
+            if (item.dbValue && !Array.isArray(item.dbValue)) {
+              formData[item.title] = item.dbValue.split(",").filter(ii => !!ii);
+            } else {
+              val = item.dbValue || item.setting.defaultValue;
+              if (this.$utils.isJSON(val)) {
+                val = JSON.parse(val);
+              }
+              formData[item.title] = val;
+            }
+            break;
+          default:
+            val = item.dbValue || item.setting.defaultValue;
+            if (this.$utils.isJSON(val)) {
+              val = JSON.parse(val);
+            }
+            formData[item.title] = 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 = window.location.hash.split("?")[1];
+      if (!query) return false;
+      let vars = query.split("&");
+      for (let i = 0; i < vars.length; i++) {
+        let pair = vars[i].split("=");
+        if (pair[0] == variable) {
+          return pair[1];
+        }
+      }
+      return false;
+    },
+    // 初始化量表
+    formatArray(list) {
+      let i = 1;
+      const results = list.map(item => {
+        this.$set(item, "isShow", true);
+        Object.keys(item).forEach(key => {
+          if (this.$utils.isJSON(item[key])) {
+            if (item.type != "LOCATION") {
+              item[key] = JSON.parse(item[key]);
+            }
+          }
+        });
+        const notIndexArr = ["LINEBAR", "TITLE", "PROMPT", "IMGCARD"];
+        if (notIndexArr.indexOf(item.type) < 0) {
+          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)) {
+          item.dbValue = item.dbValue.split(",").filter(ii => !!ii);
+        }
+        return item;
+      });
+    },
+    // 初始化rules
+    formatRules(formArray) {
+      const rules = {};
+      formArray.forEach(item => {
+        rules[item.title] = [{ required: item.required, message: "必填", trigger: "change" }];
+        if (item.type == "MOBILE" && item.validation) {
+          rules[item.title].push({
+            pattern: /^1[3456789]\d{9}$/,
+            message: "格式错误",
+            trigger: "blur"
+          });
+        } else if (item.type == "ID_CARD" && item.validation) {
+          rules[item.title].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"
+          });
+        }
+      });
+      return rules;
+    },
+    handleGetAddress(val) {
+      if (this.$utils.isJSON(val)) {
+        const valObj = JSON.parse(val);
+        // return valObj.address || valObj.name;
+        return `${valObj.address} ${valObj.name}`;
+      }
+      return "";
+    },
+    handleSelectLocation(e, item) {
+      const { locationProp, isInit } = e;
+      this.mapLocation = locationProp;
+      this.form[item.title] = locationProp;
+      this.mapVisible = isInit || false;
+    },
+    isInput(type) {
+      return type == "INPUT" || type == "ID_CARD" || type == "MOBILE";
+    },
+    isChoice(type) {
+      return (
+        type == "SELECT" ||
+        type == "RADIO_BLOCK" ||
+        type == "CHECKBOX_BLOCK" ||
+        type == "SEARCH_CASCADE"
+      );
+    },
+    isTime(type) {
+      return type == "DATE" || type == "TIME" || type == "DATETIME";
+    },
+    isUpload(type) {
+      return type == "UPFILE" || type == "UPPICTURE";
+    },
+    // 选择组件
+    handleChoice(choiceValue, formItem) {
+      this.nextLogicEvent(choiceValue, formItem, this.formArray);
+    },
+    // 跳题逻辑
+    nextLogicEvent(choiceValue, formItem, formArray) {
+      // if (this.ids.type === "definedList") return;
+      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") {
+            if (choiceValue.includes(value)) {
+              formArray.forEach(item => {
+                if (item.seq > seq && item.seq < lastSeq) {
+                  item.isShow = false;
+                  // 跳过时 清空已填内容
+                  this.form[item.title] && (this.form[item.title] = "");
+                } 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 => {
+              if (item.seq > seq && item.seq < lastSeq) {
+                let res = this.$utils.isEmpty(choiceValue);
+                item.isShow = res;
+                // 跳过时 清空已填内容
+                if (!res) {
+                  this.form[item.title] && (this.form[item.title] = "");
+                }
+              }
+            });
+          }
+        });
+      }
+    },
+    // 关联逻辑
+    showEvent(formItem) {
+      if (formItem.hide) return false;
+      const { form } = this;
+      const relationLogicObj = this.$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 => {
+          const { title } = this.formArray.filter(f => f.seq == c.subject_seq)[0];
+          if (this.$utils.isString(form[title])) {
+            return c.value.includes(form[title]);
+          } else {
+            if (this.$utils.isArray(form[title])) {
+              return form[title].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) {
+      this.form[item.title] = val;
+      this.nextLogicEvent(val, item, this.formArray);
+    },
+    // 多选组件回调
+    checkboxChange(val, item) {
+      this.form[item.title] = val;
+      console.log(this.form);
+      this.nextLogicEvent(val, item, this.formArray);
+    },
+    // 标签组件回调
+    labelChange(labelList, item) {
+      this.form[item.title] = this.handleGetLabelSubmit(labelList);
+    },
+    // 视频组件回调
+    vodFileList(list, item) {
+      this.form[item.title] = 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);
+      });
+      return {
+        labelStr: labelStrList.join(","),
+        labels: labels
+      };
+    },
+    // 地址回调
+    changeAddress(allValue, item) {
+      this.form[item.title] = allValue;
+    },
+    // 上传回调
+    changeUpload(value, item) {
+      this.form[item.title] = value;
+    },
+    // 时间回调
+    changeTime(value, item) {
+      this.form[item.title] = value;
+      this.submitForm[item.title] = value;
+    },
+    // 保存
+    onSubmit() {
+      this.$refs["ruleForm"].validate((valid, keys) => {
+        if (valid) {
+          const hasSpreadParams = this.defaultFormArray.find(v => v.type === "SPREAD_PARAMS");
+          if (hasSpreadParams) {
+            if (this.$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");
+          console.log(this.form, "9999");
+          if (checkBoxKey && Array.isArray(this.form[checkBoxKey.title])) {
+            this.form[checkBoxKey.title] = this.form[checkBoxKey.title].join(",");
+          }
+
+          console.log(this.form, "999999999");
+          const scoreJson = Object.assign({}, this.form, this.submitForm);
+          Object.keys(scoreJson).forEach(key => {
+            if (!key) delete scoreJson[key];
+          });
+          // const { guageId } = this.config;
+          // const params = Object.assign(this.params, {
+          //   guageId,
+          //   scoreJson: JSON.stringify(scoreJson)
+          // });
+          const params = {
+            definedListId: this.ids.guage_id,
+            dbId: this.ids.db_id,
+            scoreJson: JSON.stringify(scoreJson)
+          };
+          let hasCallbackItem = this.defaultFormArray.find(v => v.type === "CALLBACK_INTERFACE");
+          // if (hasCallbackItem) {
+          //   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);
+          //   });
+          // }
+
+          /**
+           * NOTE:
+           * 提交数据往外推
+           */
+          this.$emit("onSubmit", params, hasCallbackItem);
+        } else {
+          if (Object.keys(keys).length > 0) {
+            let key = Object.keys(keys)[0];
+            this.$message.error(keys[key][0].field + keys[key][0].message);
+          }
+          return false;
+        }
+      });
+    },
+    // submitParams(data) {
+    //   if (!data || !Object.keys(data).length) return;
+    //   if (data.result != "SUCCESS") {
+    //     return this.$message.warning(data.resultMsg || "保存失败");
+    //   }
+    //   const { obj = {} } = data?.map || {};
+    //   this.$message.success(data.resultMsg || this.$t("1.6.6"));
+    //   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
+    //   );
+    // },
+    // saveGuageData(params) {
+    //   // const url = "/guage/saveGuageData";
+    //   const url = "/definedTableList/saveDefinedListData";
+    //   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");
+    }
+  }
+});
+</script>
+<style lang="less" scoped>
+.r-scale {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  /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;
+    }
+  }
+  /deep/ .ant-form {
+    margin-bottom: 50px;
+  }
+  .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 {
+    flex: 1;
+    height: 0;
+    overflow: auto;
+    overflow-x: hidden;
+  }
+  .footer {
+  }
+}
+</style>