1 line
11 KiB
JSON
1 line
11 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport { serverList } from '@/utils/serverMap';\nimport tabBar from \"@/components/tabBar\";\nimport BottomItem from '@/components/bottomItem';\nexport default {\n name: \"Home\",\n data() {\n return {\n map: '',\n activeTab: 0,\n serverList: serverList,\n radio: '',\n show: false,\n // 预约时间弹框\n form: {\n address: '上海市浦东新区高科西路650号',\n destAddress: '',\n appointTime: '立即出发'\n },\n columns: [{\n text: '浙江',\n children: [{\n text: '杭州',\n children: [{\n text: '西湖区'\n }, {\n text: '余杭区'\n }]\n }, {\n text: '温州',\n children: [{\n text: '鹿城区'\n }, {\n text: '瓯海区'\n }]\n }]\n }, {\n text: '福建',\n children: [{\n text: '福州',\n children: [{\n text: '鼓楼区'\n }, {\n text: '台江区'\n }]\n }, {\n text: '厦门',\n children: [{\n text: '思明区'\n }, {\n text: '海沧区'\n }]\n }]\n }]\n };\n },\n components: {\n BottomItem,\n tabBar\n },\n mounted() {\n this.initMap();\n },\n methods: {\n initMap() {\n this.map = new AMap.Map('mapId', {\n viewMode: '2D',\n // 默认使用 2D 模式\n zoom: 11,\n //初始化地图层级\n center: [116.397428, 39.90923] //初始化地图中心点\n });\n },\n\n goPage(page) {\n this.$router.push({\n name: page\n });\n },\n changeTabHandler(index) {\n //切换 tab\n this.activeTab = index;\n },\n appointHandler(value, index) {\n console.log(value);\n console.log(index);\n this.show = false;\n this.$toast(`当前值：${value}, 当前索引：${index}`);\n }\n }\n};","map":{"version":3,"names":["serverList","tabBar","BottomItem","name","data","map","activeTab","radio","show","form","address","destAddress","appointTime","columns","text","children","components","mounted","initMap","methods","AMap","Map","viewMode","zoom","center","goPage","page","$router","push","changeTabHandler","index","appointHandler","value","console","log","$toast"],"sources":["src/views/index/index.vue"],"sourcesContent":["<template>\r\n <div class=\"main_wrap\">\r\n <div class=\"map_wrap\" id=\"mapId\">\r\n </div>\r\n <!--服务信息-->\r\n <div class=\"server_wrap\">\r\n <tab-bar @changeTab=\"changeTabHandler\" :click-flag=\"true\" :active-tab=\"activeTab\" :server-list=\"serverList\"></tab-bar>\r\n <div class=\"server_main\">\r\n <div class=\"address_item pt15\">\r\n <img class=\"address_icon\" src=\"@/assets/addressPoint.png\" alt=\"\">\r\n <div class=\"address\">{{form.address}}</div>\r\n <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n </div>\r\n <div class=\"address_item pb15 border_bottom\">\r\n <img class=\"address_icon\" src=\"@/assets/destionAddress.png\" alt=\"\">\r\n <div class=\"address\" :class=\"{ 'placeholder': !form.destAddress }\">{{form.destAddress || '您的拖车目的地'}}</div>\r\n <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n </div>\r\n <!--车辆位置-->\r\n <div class=\"form_item border_bottom\">\r\n <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n <div class=\"form_label\">车辆位于</div>\r\n <van-radio-group class=\"flex_right\" v-model=\"radio\" icon-size=\"16px\" direction=\"horizontal\">\r\n <van-radio name=\"1\">地面</van-radio>\r\n <van-radio name=\"2\">地库</van-radio>\r\n <van-radio name=\"3\">高架</van-radio>\r\n </van-radio-group>\r\n </div>\r\n <!--预约时间-->\r\n <div class=\"form_item border_bottom\" @click=\"show = true\">\r\n <img class=\"appoint_time\" src=\"@/assets/appointTime.png\" alt=\"\">\r\n <div class=\"form_label\">预约时间</div>\r\n <div class=\"form_time\">\r\n <div>{{form.appointTime}}</div>\r\n <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- 底部按钮 -->\r\n <div class=\"bottom_wrap\">\r\n <div class=\"wrap\">\r\n <bottom-item server-name=\"叫服务\" :active=\"true\"></bottom-item>\r\n <bottom-item server-name=\"查订单\" :url=\"require('@/assets/search_btn.png')\" page=\"Search\" @pageClick=\"goPage\"></bottom-item>\r\n </div>\r\n </div>\r\n <van-popup v-model=\"show\" position=\"bottom\">\r\n <van-picker show-toolbar title=\"预约时间\" :columns=\"columns\" @cancel=\"show = false\" @confirm=\"appointHandler\" />\r\n </van-popup>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { serverList } from '@/utils/serverMap'\r\n import tabBar from \"@/components/tabBar\";\r\n import BottomItem from '@/components/bottomItem'\r\n export default {\r\n name: \"Home\",\r\n data() {\r\n return {\r\n map: '',\r\n activeTab: 0,\r\n serverList: serverList,\r\n radio: '',\r\n show: false, // 预约时间弹框\r\n form: {\r\n address: '上海市浦东新区高科西路650号',\r\n destAddress: '',\r\n appointTime: '立即出发'\r\n },\r\n columns: [\r\n {\r\n text: '浙江',\r\n children: [\r\n {\r\n text: '杭州',\r\n children: [{ text: '西湖区' }, { text: '余杭区' }],\r\n },\r\n {\r\n text: '温州',\r\n children: [{ text: '鹿城区' }, { text: '瓯海区' }],\r\n },\r\n ],\r\n },\r\n {\r\n text: '福建',\r\n children: [\r\n {\r\n text: '福州',\r\n children: [{ text: '鼓楼区' }, { text: '台江区' }],\r\n },\r\n {\r\n text: '厦门',\r\n children: [{ text: '思明区' }, { text: '海沧区' }],\r\n },\r\n ],\r\n },\r\n ],\r\n }\r\n },\r\n components: {\r\n BottomItem,\r\n tabBar\r\n },\r\n mounted() {\r\n this.initMap()\r\n },\r\n methods: {\r\n initMap() {\r\n this.map = new AMap.Map('mapId', {\r\n viewMode: '2D', // 默认使用 2D 模式\r\n zoom:11, //初始化地图层级\r\n center: [116.397428, 39.90923] //初始化地图中心点\r\n })\r\n },\r\n goPage(page) {\r\n this.$router.push({\r\n name: page,\r\n })\r\n },\r\n changeTabHandler(index) { //切换 tab\r\n this.activeTab = index\r\n },\r\n appointHandler(value, index) {\r\n console.log(value)\r\n console.log(index)\r\n this.show = false;\r\n this.$toast(`当前值：${value}, 当前索引：${index}`)\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .main_wrap {\r\n .map_wrap {\r\n width: 100%;\r\n height: 80vh;\r\n }\r\n .server_wrap {\r\n padding-bottom: 50px;\r\n position: fixed;\r\n width: 100%;\r\n bottom: 0;\r\n left: 0;\r\n background: #fff;\r\n z-index: 10000000 !important;\r\n .server_main {\r\n .address_item {\r\n display: flex;\r\n padding: 10px 15px 10px 3px;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-left: 15px;\r\n .address_icon {\r\n width: 12px;\r\n height: 12px;\r\n margin-right: 10px;\r\n }\r\n .address {\r\n font-size: 15px;\r\n color: rgba( 0, 0, 0, 0.79);\r\n flex: 1;\r\n }\r\n .placeholder {\r\n color: rgba(147, 147, 147, 0.83);\r\n }\r\n }\r\n .arrow_icon {\r\n width: 12px;\r\n height: 11px;\r\n margin-left: 3px;\r\n }\r\n .form_item {\r\n display: flex;\r\n padding: 15px 15px 15px 3px;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-left: 15px;\r\n .radio {\r\n width: 10px;\r\n height: 11px;\r\n margin-right: 10px;\r\n }\r\n .appoint_time {\r\n width: 11px;\r\n height: 11px;\r\n margin-right: 10px;\r\n }\r\n .form_label {\r\n font-size: 14px;\r\n color: rgba( 0, 0, 0, 0.7 );\r\n }\r\n .flex_right {\r\n flex: 1;\r\n justify-content: flex-end;\r\n }\r\n .form_time {\r\n flex: 1;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n }\r\n .pb15 {\r\n padding-bottom: 15px;\r\n }\r\n .pt15 {\r\n padding-top: 15px;\r\n }\r\n .border_bottom {\r\n border-bottom: 1px solid #F1F2F5;\r\n }\r\n }\r\n }\r\n /*底部按钮*/\r\n .bottom_wrap {\r\n position: fixed;\r\n width: 100%;\r\n bottom: 0;\r\n background: #FFFFFF;\r\n box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n z-index: 1000000000 !important;\r\n .wrap {\r\n width: 100%;\r\n display: flex;\r\n }\r\n }\r\n }\r\n\r\n .van-popup--bottom {\r\n z-index: 10000000000 !important;\r\n }\r\n</style>\r\n"],"mappings":";AAqDA,SAAAA,UAAA;AACA,OAAAC,MAAA;AACA,OAAAC,UAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,SAAA;MACAN,UAAA,EAAAA,UAAA;MACAO,KAAA;MACAC,IAAA;MAAA;MACAC,IAAA;QACAC,OAAA;QACAC,WAAA;QACAC,WAAA;MACA;MACAC,OAAA,GACA;QACAC,IAAA;QACAC,QAAA,GACA;UACAD,IAAA;UACAC,QAAA;YAAAD,IAAA;UAAA;YAAAA,IAAA;UAAA;QACA,GACA;UACAA,IAAA;UACAC,QAAA;YAAAD,IAAA;UAAA;YAAAA,IAAA;UAAA;QACA;MAEA,GACA;QACAA,IAAA;QACAC,QAAA,GACA;UACAD,IAAA;UACAC,QAAA;YAAAD,IAAA;UAAA;YAAAA,IAAA;UAAA;QACA,GACA;UACAA,IAAA;UACAC,QAAA;YAAAD,IAAA;UAAA;YAAAA,IAAA;UAAA;QACA;MAEA;IAEA;EACA;EACAE,UAAA;IACAd,UAAA;IACAD;EACA;EACAgB,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,KAAAb,GAAA,OAAAe,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;;IACAC,OAAAC,IAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;QACAzB,IAAA,EAAAuB;MACA;IACA;IACAG,iBAAAC,KAAA;MAAA;MACA,KAAAxB,SAAA,GAAAwB,KAAA;IACA;IACAC,eAAAC,KAAA,EAAAF,KAAA;MACAG,OAAA,CAAAC,GAAA,CAAAF,KAAA;MACAC,OAAA,CAAAC,GAAA,CAAAJ,KAAA;MACA,KAAAtB,IAAA;MACA,KAAA2B,MAAA,QAAAH,KAAA,UAAAF,KAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |