1 line
5.1 KiB
JSON
1 line
5.1 KiB
JSON
{"ast":null,"code":"import AttentionItem from '@/components/attentionItem';\nimport operationBtn from \"@/components/operationBtn\";\nexport default {\n name: \"orderStatus\",\n data() {\n return {\n map: '',\n finishFlag: true\n };\n },\n components: {\n AttentionItem,\n operationBtn\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};","map":{"version":3,"names":["AttentionItem","operationBtn","name","data","map","finishFlag","components","mounted","initMap","methods","AMap","Map","viewMode","zoom","center"],"sources":["src/views/index/orderStatus.vue"],"sourcesContent":["<template>\r\n <div class=\"order_wrap\">\r\n <div class=\"map_wrap\" id=\"mapId\">\r\n map\r\n </div>\r\n <div class=\"info_wrap\">\r\n <div class=\"top_wrap\">\r\n <div class=\"top_line\"></div>\r\n <attention-item attention=\"温馨提示：如果您的车子在马路上，请注意把车子停到路边打开双闪并远离车辆，谢谢。\"></attention-item>\r\n </div>\r\n <div class=\"order_info\">\r\n <div class=\"order_status_wrap\">\r\n <img v-if=\"finishFlag\" class=\"finish_img\" src=\"@/assets/serverSuccess.png\" alt=\"\">\r\n <img v-else class=\"doing_img\" src=\"@/assets/point.png\" alt=\"\">\r\n <div class=\"order_status_info\">\r\n <div class=\"status_str\">服务待处理，请稍等…</div>\r\n <div class=\"driver_info\">周师傅-15256085051</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!--评价-->\r\n <div class=\"judge_wrap\">\r\n\r\n </div>\r\n\r\n <!--操作按钮-->\r\n <div>\r\n <operation-btn title=\"联系客服\" :url=\"require('@/assets/callPhone.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn title=\"联系司机\" :url=\"require('@/assets/connectDriver.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn title=\"催单\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn title=\"服务催促\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn title=\"取消订单\" :url=\"require('@/assets/cancel.png')\" :has-distance=\"true\"></operation-btn>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import AttentionItem from '@/components/attentionItem'\r\n import operationBtn from \"@/components/operationBtn\";\r\n export default {\r\n name: \"orderStatus\",\r\n data() {\r\n return {\r\n map: '',\r\n finishFlag: true,\r\n }\r\n },\r\n components: {\r\n AttentionItem,\r\n operationBtn\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 }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.order_wrap {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n .map_wrap {\r\n flex: 1;\r\n }\r\n .info_wrap {\r\n background: #fff;\r\n padding-bottom: 25px;\r\n .top_wrap {\r\n padding-top: 10px;\r\n background: #fafafa;\r\n .top_line {\r\n width: 34px;\r\n height: 3px;\r\n background: #9FA5B4;\r\n border-radius: 3px;\r\n opacity: 0.19;\r\n margin: 0 auto;\r\n }\r\n }\r\n .order_info {\r\n padding: 25px 20px 0;\r\n .order_status_wrap {\r\n text-align: left;\r\n padding: 0 0 25px;\r\n display: flex;\r\n .doing_img {\r\n width: 11px;\r\n height: 11px;\r\n margin-right: 8px;\r\n margin-top: 8px;\r\n }\r\n .finish_img {\r\n width: 30px;\r\n height: 30px;\r\n margin-right:8px;\r\n }\r\n .order_status_info {\r\n flex: 1;\r\n .status_str {\r\n font-size: 18px;\r\n font-weight: 500;\r\n color: #33495E;\r\n }\r\n .driver_info {\r\n font-size: 13px;\r\n color: #33495E;\r\n margin-top: 2px;\r\n }\r\n }\r\n }\r\n .btn_wrap {\r\n width: 80%;\r\n margin: 15px auto 25px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n /*评价*/\r\n .judge_wrap {\r\n \r\n }\r\n</style>\r\n"],"mappings":"AAuCA,OAAAA,aAAA;AACA,OAAAC,YAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,UAAA;IACA;EACA;EACAC,UAAA;IACAN,aAAA;IACAC;EACA;EACAM,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,KAAAJ,GAAA,OAAAM,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |