quanyawei
2023-09-21 8b679c8269611f389929af0a8d87cafc30159183
src/components/map/pickCoordinate.vue
@@ -8,13 +8,32 @@
      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"/>
        <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
@@ -23,16 +42,24 @@
        @ready="handler"
        @click="mapClick"
        :scroll-wheel-zoom="true"
        style="height: 400px;width: 100%;">
        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-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,7 +166,6 @@
</script>
<style  lang="less">
.modalStyle{
  .ant-modal{
    margin-left: 25%;