Merge branch 'feature_1.0'

quanyawei

2024-04-22 b487b91abd2a0d769b82ddf90924f93afe9b05b3

 src/components/map/pickCoordinate.vue

@@ -1,38 +1,65 @@
<template>

  <a-modal

      title="坐标选择"

      destroyOnClose

      :visible="true"

      @ok="addLonAndLat"

      @cancel="handleMapCancel"

      okText="确定"

      class="modalStyle"

    title="坐标选择"

    destroyOnClose

    :visible="true"

    @ok="addLonAndLat"

    @cancel="handleMapCancel"

    okText="确定"

    class="modalStyle"

  >

    <p style="position: absolute; bottom:-3px;right: 200px"><span>设备名称：</span><span style="font-size: 18px;font-weight: bold">{{ mapRecord.name }}</span></p>

    <p style="position: absolute; bottom: -3px; right: 200px">

      <span>设备名称：</span

      ><span style="font-size: 18px; font-weight: bold">{{

        mapRecord.name

      }}</span>

    </p>



    <div>

    <p>

      <span>地址：</span><a-input v-model="keyword" style="display: inline; width: 160px;height: 26px"/>

      <span style="margin-left: 25px">经度：</span><a-input disabled="disabled"  v-model="lonAndLat.lng" style="display: inline; width: 160px;height: 26px"/>

      <span style="margin-left: 25px">纬度：</span><a-input disabled="disabled"  v-model="lonAndLat.lat" style="display: inline; width: 160px;height: 26px"/>

    </p>

<!--      :scroll-wheel-zoom="true"-->

    <baidu-map

      <p>

        <span>地址：</span

        ><a-input

          v-model="keyword"

          style="display: inline; width: 160px; height: 26px"

        />

        <span style="margin-left: 25px">经度：</span

        ><a-input

          disabled="disabled"

          v-model="lonAndLat.lng"

          style="display: inline; width: 160px; height: 26px"

        />

        <span style="margin-left: 25px">纬度：</span

        ><a-input

          disabled="disabled"

          v-model="lonAndLat.lat"

          style="display: inline; width: 160px; height: 26px"

        />

      </p>

      <!--      :scroll-wheel-zoom="true"-->

      <baidu-map

        :center="center"

        :zoom="zoom"

        @ready="handler"

        @click="mapClick"

        :scroll-wheel-zoom="true"

        style="height: 400px;width: 100%;">

      <bm-control>

      <bm-local-search :keyword="keyword" :auto-viewport="true"  style="display: none" ></bm-local-search>

        <bm-marker :position="{ lng:lonAndLat.lng , lat: lonAndLat.lat}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">

        </bm-marker>

      </bm-control>

    </baidu-map>

  </div>

        style="height: 400px; width: 100%"

      >

        <bm-control>

          <bm-local-search

            :keyword="keyword"

            :auto-viewport="true"

            style="display: none"

          ></bm-local-search>

          <bm-marker

            :position="{ lng: lonAndLat.lng, lat: lonAndLat.lat }"

            :dragging="true"

            animation="BMAP_ANIMATION_BOUNCE"

          >

          </bm-marker>

        </bm-control>

      </baidu-map>

    </div>

  </a-modal>



</template>



<script lang="tsx">

@@ -139,13 +166,12 @@
</script>



<style  lang="less">



.modalStyle{

  .ant-modal{

.modalStyle {

  .ant-modal {

    margin-left: 25%;

  }

  .ant-modal-content{

      width: 800px;

  .ant-modal-content {

    width: 800px;

  }

}

</style>