cnhis-design-vue 2.2.3 → 2.2.6

package/packages/scale-view/customList.vue

@@ -1,801 +0,0 @@
-<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>