tdzcxx-frontend/src/views/map/JpupMap.vue

<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :fullscreen="false"

    @ok="handleOk"
    okText="保存"
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    @cancel="handleCancel"
    cancelText="关闭"
  >
    <a-tabs default-active-key="map">
      <a-tab-pane key="map" tab="位置信息" style="width:100%;height: 500px">
        <Map :lat=this.lats :lng=this.lngs  @recievePosition="getposition"></Map>
      </a-tab-pane>
    </a-tabs>
    <!--邱东宝 增加modal按钮调整到顶部 end-->

  </j-modal>
</template>

<script>

  import QcSsgqzysytdqkForm from '../sydwqcsb/modules/QcSsgqzysytdqkForm';
   import Map from "@views/map/components/Map";
  export default {
    name: 'QcSsgqzysytdqkModal',
    components: {
      QcSsgqzysytdqkForm,
      Map
    },
    props: {
      toDk:{

      },
      lngs: { //精度
        type: String,
        default: ''
      },
      lats: { //纬度
        type: String,
        default: ''
      }
    },
    data () {
      return {
        title:'',
        width:896,
        visible: false,
        disableSubmit: false,
        disa:false,
        model:{

        },
      }
    },
    watch:{

    },
    methods: {
      getposition(val){
        this.model=val;
        this.$emit("position",this.model)
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
      handleOk () {
        this.visible = false;
      },
      submitCallback(){
        this.$emit('ok');
        this.visible = false;
      },
      handleCancel () {
        this.close()
      }
    }
  }
</script>