From 8b679c8269611f389929af0a8d87cafc30159183 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Thu, 21 Sep 2023 10:24:07 +0800 Subject: [PATCH] fix:政府站点修改 --- src/components/map/pickCoordinate.vue | 84 +++++++++++++++++++++++++++-------------- 1 files changed, 55 insertions(+), 29 deletions(-) diff --git a/src/components/map/pickCoordinate.vue b/src/components/map/pickCoordinate.vue index 9f82ba7..19058e1 100644 --- a/src/components/map/pickCoordinate.vue +++ b/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> -- Gitblit v1.8.0