1 line
5.9 KiB
JSON
1 line
5.9 KiB
JSON
{"ast":null,"code":"import { searchFun } from '@/utils/map';\nexport default {\n name: \"addressMap\",\n data() {\n return {\n map: '',\n mapPosition: 60,\n source: '',\n keyword: '',\n addressList: []\n };\n },\n watch: {\n async keyword() {\n this.addressList = await this.searchHandler();\n console.log('this.addressList', this.addressList);\n }\n },\n created() {\n this.source = this.$route.query.source || '';\n console.log('this.source', this.source);\n },\n async mounted() {\n await this.initMap();\n },\n methods: {\n initMap() {\n let orderInfo = this.$store.getters.order.orderInfo;\n console.log('orderInfo', orderInfo);\n this.map = new AMap.Map('mapId', {\n viewMode: '2D',\n // 默认使用 2D 模式\n zoom: 11,\n //初始化地图层级\n center: [orderInfo.startLng, orderInfo.startLat] //初始化地图中心点\n });\n },\n\n searchHandler() {\n searchFun(this.map, '', this.keyword);\n }\n }\n};","map":{"version":3,"names":["searchFun","name","data","map","mapPosition","source","keyword","addressList","watch","searchHandler","console","log","created","$route","query","mounted","initMap","methods","orderInfo","$store","getters","order","AMap","Map","viewMode","zoom","center","startLng","startLat"],"sources":["src/views/index/addressMap.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"map_wrap\" id=\"mapId\" :style=\"{ bottom: mapPosition + '%' }\">\r\n </div>\r\n <div class=\"button_wrap\">\r\n <div class=\"cancel_btn\">取消</div>\r\n <div class=\"confirm_btn\">完成</div>\r\n </div>\r\n <div class=\"search_wrap\" :style=\"{ height: mapPosition + '%' }\">\r\n <div class=\"section\">\r\n <input type=\"text\" v-model=\"keyword\" @change=\"searchHandler\" placeholder=\"请输入地址\" />\r\n </div>\r\n <div class=\"server_list\">\r\n <div class=\"text_box\" v-for=\"item in addressList\">\r\n <div class=\"address_name\">{{ item.address }}</div>\r\n <div class=\"address_detail\">{{ item.district }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { searchFun } from '@/utils/map'\r\n export default {\r\n name: \"addressMap\",\r\n data() {\r\n return {\r\n map: '',\r\n mapPosition: 60,\r\n source: '',\r\n keyword: '',\r\n addressList: []\r\n }\r\n },\r\n watch: {\r\n async keyword() {\r\n this.addressList = await this.searchHandler()\r\n console.log('this.addressList', this.addressList)\r\n }\r\n },\r\n created() {\r\n this.source = this.$route.query.source || ''\r\n console.log('this.source', this.source)\r\n },\r\n async mounted() {\r\n await this.initMap()\r\n },\r\n methods: {\r\n initMap() {\r\n let orderInfo = this.$store.getters.order.orderInfo\r\n console.log('orderInfo', orderInfo)\r\n this.map = new AMap.Map('mapId', {\r\n viewMode: '2D', // 默认使用 2D 模式\r\n zoom:11, //初始化地图层级\r\n center: [orderInfo.startLng, orderInfo.startLat] //初始化地图中心点\r\n })\r\n },\r\n searchHandler() {\r\n searchFun(this.map, '', this.keyword)\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .map_wrap {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: -1;\r\n }\r\n .button_wrap {\r\n width: 100%;\r\n padding: 5px;\r\n box-sizing: border-box;\r\n zoom: 1;\r\n .cancel_btn {\r\n width: 50px;\r\n height: 27px;\r\n background: #F37877;\r\n font-size: 12px;\r\n text-align: center;\r\n line-height: 27px;\r\n color: #fff;\r\n border-radius: 3px;\r\n float: left;\r\n }\r\n .confirm_btn {\r\n width: 50px;\r\n height: 27px;\r\n background: rgba(5,193,98,1);\r\n font-size: 12px;\r\n text-align: center;\r\n line-height: 27px;\r\n color: #fff;\r\n border-radius: 3px;\r\n float: right;\r\n }\r\n }\r\n .search_wrap {\r\n background-color: #fff;\r\n position: absolute;\r\n width: 100%;\r\n bottom: 0;\r\n left: 0;\r\n overflow: auto;\r\n .section {\r\n height: 35px;\r\n width: 100%;\r\n background-color: #fff;\r\n position: fixed;\r\n /*top: calc(50% - 10px);*/\r\n padding-top: 10px;\r\n input {\r\n width: 90%;\r\n margin: 0 auto;\r\n display: block;\r\n border: none;\r\n height: 30px;\r\n border-radius: 3px;\r\n padding: 0 10px;\r\n background: #e2e0e0;\r\n font-size: 14px;\r\n }\r\n }\r\n .server_list {\r\n overflow-y: auto;\r\n padding-top: 30px;\r\n .text_box {\r\n margin: 10px 25px;\r\n padding-top: 10px;\r\n .address_name {\r\n font-size: 14px !important;\r\n color: rgba(0,0,0,0.8);\r\n }\r\n .address_detail {\r\n margin-top: 3px;\r\n color: #c3c3c3 !important;\r\n font-size: 12px !important;\r\n }\r\n }\r\n }\r\n }\r\n</style>\r\n"],"mappings":"AAuBA,SAAAA,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,WAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;IACA;EACA;EACAC,KAAA;IACA,MAAAF,QAAA;MACA,KAAAC,WAAA,cAAAE,aAAA;MACAC,OAAA,CAAAC,GAAA,0BAAAJ,WAAA;IACA;EACA;EACAK,QAAA;IACA,KAAAP,MAAA,QAAAQ,MAAA,CAAAC,KAAA,CAAAT,MAAA;IACAK,OAAA,CAAAC,GAAA,qBAAAN,MAAA;EACA;EACA,MAAAU,QAAA;IACA,WAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,IAAAE,SAAA,QAAAC,MAAA,CAAAC,OAAA,CAAAC,KAAA,CAAAH,SAAA;MACAR,OAAA,CAAAC,GAAA,cAAAO,SAAA;MACA,KAAAf,GAAA,OAAAmB,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA,GAAAR,SAAA,CAAAS,QAAA,EAAAT,SAAA,CAAAU,QAAA;MACA;IACA;;IACAnB,cAAA;MACAT,SAAA,MAAAG,GAAA,WAAAG,OAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |