1 line
34 KiB
JSON
1 line
34 KiB
JSON
{"ast":null,"code":"import { getAppointFun } from '@/utils/appointTime';\nimport { serverList } from '@/utils/serverMap';\nimport { getClientPhone, decode } from '@/api/order';\nimport tabBar from \"@/components/tabBar\";\nimport BottomItem from '@/components/bottomItem';\nimport AttentionItem from '@/components/attentionItem';\nimport commonBtn from \"@/components/commonBtn\";\nimport { getLocal, getAddress } from '@/utils/map';\nimport { myMixins } from '@/utils/myMixins.js';\nexport default {\n name: \"Home\",\n mixins: [myMixins],\n data() {\n return {\n map: '',\n location: [],\n locationAddress: '',\n activeTab: 0,\n serverList: serverList,\n radio: '',\n show: false,\n // 预约时间弹框\n form: {\n startLat: '',\n startLng: '',\n startPoiAddress: '',\n endLat: '',\n endLng: '',\n endPoiAddress: '',\n isAppoint: 0,\n appointTime: '',\n positionEnvironment: ''\n },\n marker: null,\n destMarker: null,\n columns: []\n };\n },\n components: {\n BottomItem,\n tabBar,\n AttentionItem,\n commonBtn\n },\n async mounted() {\n if (this.$route.query.userPhone) {\n await this.decodeHandler(); // 解密\n }\n\n if (this.$route.query.appCode) {\n // 获取 appCode 存入缓存\n localStorage.setItem('appCode', this.$route.query.appCode);\n }\n this.getClientHandler(); // 获取客服电话\n await this.initMap(); // 初始化地图\n this.columns = getAppointFun(new Date()); // 获取预约时间 picker\n await this.initData();\n if (!(this.form && this.form.startPoiAddress)) {\n // 缓存里没有地址，获取定位地址\n await this.setLocalInfo();\n }\n // 添加 事发地 marker\n this.addMarker();\n // 拖车并且目的地存在，设置目的地 marker\n if (this.serverList[this.activeTab].serverId == 1041 && this.form.endPoiAddress) {\n this.addDestMarker();\n }\n },\n async beforeDestroy() {\n await this.saveAddress();\n await this.saveDestAddress();\n await this.setOrder();\n },\n methods: {\n async decodeHandler() {\n console.log(window.location.href);\n console.log(this.$route);\n // console.log(encodeURIComponent(this.$route.query.userPhone))\n // console.log(decodeURIComponent(this.$route.query.userPhone))\n let res = await decode({\n access_token: encodeURIComponent(this.$route.query.access_token),\n userPhone: this.$route.query.userPhone.replace(/\\s+/g, \"+\"),\n couponCode: this.$route.query.couponCode.replace(/\\s+/g, \"+\")\n });\n console.log('decode', res);\n alert(res?.userPhone);\n localStorage.setItem('userPhone', res?.userPhone);\n alert('userPhone');\n alert(localStorage.getItem('userPhone'));\n },\n // 事发地 marker\n addMarker() {\n if (this.marker) {\n this.map.remove(this.marker);\n }\n let content = '<div class=\"my-position\"></div>';\n this.marker = new AMap.Marker({\n position: new AMap.LngLat(this.form.startLng, this.form.startLat),\n content: content,\n offset: new AMap.Pixel(-13, -30)\n });\n this.map.add(this.marker);\n },\n // 目的地 marker\n addDestMarker() {\n if (this.destMarker) {\n this.map.remove(this.destMarker);\n }\n let content = '<div class=\"dest-position\"></div>';\n this.destMarker = new AMap.Marker({\n position: new AMap.LngLat(this.form.endLng, this.form.endLat),\n content: content,\n offset: new AMap.Pixel(-13, -30)\n });\n this.map.add(this.destMarker);\n },\n async getClientHandler() {\n // 根据 appCode 获取客服电话\n let res = await getClientPhone({\n appCode: localStorage.getItem('appCode')\n });\n let client;\n if (res && res.phone.length > 0) {\n client = res.phone[0].phone;\n } else {\n client = '4009201995';\n }\n localStorage.setItem('client', client);\n // alert(localStorage.getItem('client'))\n },\n\n async initData() {\n await this.initOrderInfo();\n await this.initAddress();\n await this.initDestAddress();\n },\n // 设置 表单除地址外的信息\n initOrderInfo() {\n const orderInfo = this.$store.getters.order.orderInfo;\n this.form.isAppoint = orderInfo && orderInfo.isAppoint || 0;\n this.form.appointTime = orderInfo && orderInfo.appointTime || '';\n this.form.positionEnvironment = orderInfo && orderInfo.positionEnvironment || '';\n this.activeTab = orderInfo && orderInfo.activeTab || 0;\n },\n // 设置事发地\n initAddress() {\n const address = this.$store.getters.order.address;\n const localAddress = this.$store.getters.order.localAddress;\n this.form.startPoiAddress = address && address.startPoiAddress || localAddress && localAddress.startPoiAddress;\n this.form.startLat = address && address.startLat || localAddress && localAddress.startLat;\n this.form.startLng = address && address.startLng || localAddress && localAddress.startLng;\n },\n // 设置目的地\n initDestAddress() {\n const destAddress = this.$store.getters.order.destAddress;\n if (this.serverList[this.activeTab].serverId == 1041) {\n this.form.endPoiAddress = destAddress && destAddress.endPoiAddress || '';\n this.form.endLat = destAddress && destAddress.endLat || '';\n this.form.endLng = destAddress && destAddress.endLng || '';\n } else {\n this.form.endPoiAddress = '';\n this.form.endLat = '';\n this.form.endLng = '';\n }\n },\n // 保存事发地地址\n async saveAddress() {\n await this.$store.dispatch('order/setAddress', {\n startPoiAddress: this.form.startPoiAddress,\n startLat: this.form.startLat,\n startLng: this.form.startLng\n });\n },\n // 保存目的地地址\n async saveDestAddress() {\n if (this.serverList[this.activeTab].serverId == 1041) {\n await this.$store.dispatch('order/setDestAddress', {\n endPoiAddress: this.form.endPoiAddress,\n endLat: this.form.endLat,\n endLng: this.form.endLng\n });\n }\n },\n // 保存下单信息\n async setOrder() {\n await this.$store.dispatch('order/setOrderInfo', {\n serviceId: this.serverList[this.activeTab].serverId,\n activeTab: this.activeTab,\n appointTime: this.form.appointTime,\n isAppoint: this.form.isAppoint,\n positionEnvironment: this.form.positionEnvironment\n });\n },\n // 保存定位地址\n async saveLocalAddress(obj) {\n await this.$store.dispatch('order/setLocalAddress', obj);\n },\n // 定位地址\n async setLocalInfo() {\n this.location = await getLocal(this.map); // 获取经纬度\n this.map.setCenter(this.location); // 设置地图中心点\n let tempAddress = await getAddress(this.map, this.location); // 设置定位\n this.form.startPoiAddress = tempAddress.regeocode.formattedAddress;\n this.form.startLng = this.location.lng;\n this.form.startLat = this.location.lat;\n // 设置当前服务的城市\n let city = '';\n city = tempAddress.regeocode.addressComponent.province + tempAddress.regeocode.addressComponent.city;\n this.$store.dispatch('order/setServerCity', city);\n // 设置定位信息\n let localObj = {\n address: this.form.startPoiAddress,\n lat: this.form.startLat,\n lng: this.form.startLng,\n localCityCode: tempAddress.regeocode.addressComponent.adcode\n };\n // 设置 当前定位位置信息\n await this.saveLocalAddress(localObj);\n // 初始化 设置事发地\n await this.saveAddress();\n },\n initMap() {\n // 初始化地图\n this.map = new AMap.Map('mapId', {\n viewMode: '2D',\n // 默认使用 2D 模式\n zoom: 11 //初始化地图层级\n });\n },\n\n async ownClickHandler() {\n // 将事发地，目的地，服务类型，车辆位置，预约时间存入，跳转到救援页\n if (!this.form.startPoiAddress) {\n this.$toast('请先选择事发地');\n return false;\n }\n if (this.serverList[this.activeTab].serverId == 1041 && !this.form.endPoiAddress) {\n this.$toast('请选择拖车目的地');\n return false;\n }\n if (this.serverList[this.activeTab].serverId == 2160) {\n // 判断服务城市是否开通上门充电\n let chargeCityArr = ['北京', '上海', '杭州', '广州', '深圳', '东莞', '成都', '苏州', '无锡', '常州', '宁波', '南京', '武汉'];\n const serverCity = this.$store.getters.order.serverCity;\n console.log('serverCity', serverCity);\n let flag = false;\n chargeCityArr.map(item => {\n if (serverCity.indexOf(item) != -1) {\n flag = true;\n return;\n }\n });\n if (!flag) {\n this.$toast('当前城市未开通上门充电服务，建议选择拖车服务拖至最近的充电桩进行充电');\n return false;\n }\n }\n if (!this.form.positionEnvironment) {\n this.$toast('请选择车辆位置');\n return false;\n }\n await this.saveAddress();\n await this.saveDestAddress();\n await this.setOrder();\n await this.goPage('rescuePage');\n },\n changeTabHandler(index) {\n //切换 tab\n this.activeTab = index;\n },\n appointHandler(value, index) {\n // 设置预约时间\n if (value[1] == '尽快到') {\n this.form.appointTime = '';\n this.form.isAppoint = 0;\n } else {\n this.form.appointTime = value[0] + \" \" + value[1];\n this.form.isAppoint = 1;\n }\n this.show = false;\n // this.$toast(`当前值：${value}, 当前索引：${index}`)\n }\n }\n};","map":{"version":3,"names":["getAppointFun","serverList","getClientPhone","decode","tabBar","BottomItem","AttentionItem","commonBtn","getLocal","getAddress","myMixins","name","mixins","data","map","location","locationAddress","activeTab","radio","show","form","startLat","startLng","startPoiAddress","endLat","endLng","endPoiAddress","isAppoint","appointTime","positionEnvironment","marker","destMarker","columns","components","mounted","$route","query","userPhone","decodeHandler","appCode","localStorage","setItem","getClientHandler","initMap","Date","initData","setLocalInfo","addMarker","serverId","addDestMarker","beforeDestroy","saveAddress","saveDestAddress","setOrder","methods","console","log","window","href","res","access_token","encodeURIComponent","replace","couponCode","alert","getItem","remove","content","AMap","Marker","position","LngLat","offset","Pixel","add","client","phone","length","initOrderInfo","initAddress","initDestAddress","orderInfo","$store","getters","order","address","localAddress","destAddress","dispatch","serviceId","saveLocalAddress","obj","setCenter","tempAddress","regeocode","formattedAddress","lng","lat","city","addressComponent","province","localObj","localCityCode","adcode","Map","viewMode","zoom","ownClickHandler","$toast","chargeCityArr","serverCity","flag","item","indexOf","goPage","changeTabHandler","index","appointHandler","value"],"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\" @touchmove.stop=\"touchmoveHandle\" @touchstart.stop=\"touchstartHandle\" @touchend.stop=\"touchendHandle\">\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\" @click=\"goPage('addressMap', { source: 'address' })\">\r\n <img class=\"address_icon\" src=\"@/assets/addressPoint.png\" alt=\"\">\r\n <div class=\"address\">{{form.startPoiAddress}}</div>\r\n <img class=\"arrow_icon\" src=\"@/assets/arrow.png\" alt=\"\">\r\n </div>\r\n <div class=\"address_item pb15 border_bottom\" v-if=\"serverList[activeTab].serverId == 1041\" @click=\"goPage('addressMap', { source: 'dest' })\">\r\n <img class=\"address_icon\" src=\"@/assets/destionAddress.png\" alt=\"\">\r\n <div class=\"address\" :class=\"{ 'placeholder': !form.endPoiAddress }\">{{form.endPoiAddress || '您的拖车目的地'}}</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=\"form.positionEnvironment\" icon-size=\"16px\" direction=\"horizontal\">\r\n <van-radio name=\"1\">地面</van-radio>\r\n <van-radio name=\"6\">地库</van-radio>\r\n <van-radio name=\"2\">高架</van-radio>\r\n </van-radio-group>\r\n </div>\r\n <!--预约时间-->\r\n <div class=\"form_item border_bottom\" @click=\"show = true\" v-if=\"slideShow\">\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 <attention-item color=\"#939393\" :attention=\"serverList[activeTab].attentionTip\" v-if=\"slideShow\"></attention-item>\r\n </div>\r\n <div class=\"btn_wrap\" v-if=\"slideShow\">\r\n <common-btn @ownClick=\"ownClickHandler\"></common-btn>\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\" v-if=\"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 { getAppointFun } from '@/utils/appointTime'\r\n import { serverList } from '@/utils/serverMap'\r\n import { getClientPhone, decode } from '@/api/order'\r\n import tabBar from \"@/components/tabBar\";\r\n import BottomItem from '@/components/bottomItem'\r\n import AttentionItem from '@/components/attentionItem'\r\n import commonBtn from \"@/components/commonBtn\";\r\n import { getLocal, getAddress } from '@/utils/map'\r\n import { myMixins } from '@/utils/myMixins.js'\r\n export default {\r\n name: \"Home\",\r\n mixins: [myMixins],\r\n data() {\r\n return {\r\n map: '',\r\n location: [],\r\n locationAddress: '',\r\n activeTab: 0,\r\n serverList: serverList,\r\n radio: '',\r\n show: false, // 预约时间弹框\r\n form: {\r\n startLat: '',\r\n startLng: '',\r\n startPoiAddress: '',\r\n endLat: '',\r\n endLng: '',\r\n endPoiAddress: '',\r\n isAppoint: 0,\r\n appointTime: '',\r\n positionEnvironment: '',\r\n },\r\n marker: null,\r\n destMarker: null,\r\n columns: [],\r\n }\r\n },\r\n components: {\r\n BottomItem,\r\n tabBar,\r\n AttentionItem,\r\n commonBtn\r\n },\r\n async mounted() {\r\n if( this.$route.query.userPhone ) {\r\n await this.decodeHandler() // 解密\r\n }\r\n if( this.$route.query.appCode ) { // 获取 appCode 存入缓存\r\n localStorage.setItem('appCode', this.$route.query.appCode)\r\n }\r\n this.getClientHandler() // 获取客服电话\r\n await this.initMap() // 初始化地图\r\n this.columns = getAppointFun(new Date()) // 获取预约时间 picker\r\n await this.initData()\r\n if( ! (this.form && this.form.startPoiAddress) ) { // 缓存里没有地址，获取定位地址\r\n await this.setLocalInfo()\r\n }\r\n // 添加 事发地 marker\r\n this.addMarker()\r\n // 拖车并且目的地存在，设置目的地 marker\r\n if( this.serverList[this.activeTab].serverId == 1041 && this.form.endPoiAddress ) {\r\n this.addDestMarker()\r\n }\r\n },\r\n async beforeDestroy() {\r\n await this.saveAddress()\r\n await this.saveDestAddress()\r\n await this.setOrder()\r\n },\r\n methods: {\r\n async decodeHandler() {\r\n console.log(window.location.href)\r\n console.log(this.$route)\r\n // console.log(encodeURIComponent(this.$route.query.userPhone))\r\n // console.log(decodeURIComponent(this.$route.query.userPhone))\r\n let res = await decode({\r\n access_token: encodeURIComponent(this.$route.query.access_token),\r\n userPhone: this.$route.query.userPhone.replace(/\\s+/g,\"+\"),\r\n couponCode: this.$route.query.couponCode.replace(/\\s+/g,\"+\"),\r\n })\r\n console.log('decode', res)\r\n alert(res?.userPhone)\r\n localStorage.setItem('userPhone', res?.userPhone)\r\n alert('userPhone')\r\n alert(localStorage.getItem('userPhone'))\r\n },\r\n // 事发地 marker\r\n addMarker() {\r\n if( this.marker ) {\r\n this.map.remove(this.marker)\r\n }\r\n let content = '<div class=\"my-position\"></div>';\r\n this.marker = new AMap.Marker({\r\n position: new AMap.LngLat( this.form.startLng, this.form.startLat ),\r\n content: content,\r\n offset: new AMap.Pixel(-13, -30)\r\n });\r\n this.map.add(this.marker)\r\n },\r\n // 目的地 marker\r\n addDestMarker() {\r\n if( this.destMarker ) {\r\n this.map.remove(this.destMarker)\r\n }\r\n let content = '<div class=\"dest-position\"></div>';\r\n this.destMarker = new AMap.Marker({\r\n position: new AMap.LngLat( this.form.endLng, this.form.endLat ),\r\n content: content,\r\n offset: new AMap.Pixel(-13, -30)\r\n });\r\n this.map.add(this.destMarker)\r\n },\r\n async getClientHandler() { // 根据 appCode 获取客服电话\r\n let res = await getClientPhone({\r\n appCode: localStorage.getItem('appCode'),\r\n })\r\n let client\r\n if( res && res.phone.length > 0 ) {\r\n client = res.phone[0].phone\r\n } else {\r\n client = '4009201995'\r\n }\r\n localStorage.setItem('client', client)\r\n // alert(localStorage.getItem('client'))\r\n },\r\n async initData() {\r\n await this.initOrderInfo()\r\n await this.initAddress()\r\n await this.initDestAddress()\r\n },\r\n // 设置 表单除地址外的信息\r\n initOrderInfo() {\r\n const orderInfo = this.$store.getters.order.orderInfo\r\n this.form.isAppoint = (orderInfo && orderInfo.isAppoint) || 0\r\n this.form.appointTime = ( orderInfo && orderInfo.appointTime ) || ''\r\n this.form.positionEnvironment = ( orderInfo && orderInfo.positionEnvironment ) || ''\r\n this.activeTab = (orderInfo && orderInfo.activeTab) || 0\r\n },\r\n // 设置事发地\r\n initAddress() {\r\n const address = this.$store.getters.order.address\r\n const localAddress = this.$store.getters.order.localAddress\r\n this.form.startPoiAddress = (address && address.startPoiAddress ) || ( localAddress && localAddress.startPoiAddress )\r\n this.form.startLat = (address && address.startLat ) || ( localAddress && localAddress.startLat )\r\n this.form.startLng = (address && address.startLng ) || ( localAddress && localAddress.startLng )\r\n },\r\n // 设置目的地\r\n initDestAddress() {\r\n const destAddress = this.$store.getters.order.destAddress\r\n if( this.serverList[this.activeTab].serverId == 1041 ) {\r\n this.form.endPoiAddress = (destAddress && destAddress.endPoiAddress) || ''\r\n this.form.endLat = ( destAddress && destAddress.endLat ) || ''\r\n this.form.endLng = ( destAddress && destAddress.endLng ) || ''\r\n } else {\r\n this.form.endPoiAddress = '';\r\n this.form.endLat = '';\r\n this.form.endLng = '';\r\n }\r\n },\r\n // 保存事发地地址\r\n async saveAddress() {\r\n await this.$store.dispatch('order/setAddress', {\r\n startPoiAddress: this.form.startPoiAddress,\r\n startLat: this.form.startLat,\r\n startLng: this.form.startLng,\r\n })\r\n },\r\n // 保存目的地地址\r\n async saveDestAddress() {\r\n if( this.serverList[this.activeTab].serverId == 1041 ) {\r\n await this.$store.dispatch('order/setDestAddress', {\r\n endPoiAddress: this.form.endPoiAddress,\r\n endLat: this.form.endLat,\r\n endLng: this.form.endLng,\r\n })\r\n }\r\n },\r\n // 保存下单信息\r\n async setOrder() {\r\n await this.$store.dispatch('order/setOrderInfo', {\r\n serviceId: this.serverList[this.activeTab].serverId,\r\n activeTab: this.activeTab,\r\n appointTime: this.form.appointTime,\r\n isAppoint: this.form.isAppoint,\r\n positionEnvironment: this.form.positionEnvironment\r\n })\r\n },\r\n // 保存定位地址\r\n async saveLocalAddress(obj) {\r\n await this.$store.dispatch('order/setLocalAddress', obj)\r\n },\r\n // 定位地址\r\n async setLocalInfo() {\r\n this.location = await getLocal(this.map) // 获取经纬度\r\n this.map.setCenter(this.location) // 设置地图中心点\r\n let tempAddress = await getAddress(this.map, this.location) // 设置定位\r\n this.form.startPoiAddress = tempAddress.regeocode.formattedAddress\r\n this.form.startLng = this.location.lng\r\n this.form.startLat = this.location.lat\r\n // 设置当前服务的城市\r\n let city = '';\r\n city = tempAddress.regeocode.addressComponent.province + tempAddress.regeocode.addressComponent.city\r\n this.$store.dispatch('order/setServerCity', city)\r\n // 设置定位信息\r\n let localObj = {\r\n address: this.form.startPoiAddress,\r\n lat: this.form.startLat,\r\n lng: this.form.startLng,\r\n localCityCode: tempAddress.regeocode.addressComponent.adcode\r\n }\r\n // 设置 当前定位位置信息\r\n await this.saveLocalAddress(localObj)\r\n // 初始化 设置事发地\r\n await this.saveAddress()\r\n },\r\n initMap() { // 初始化地图\r\n this.map = new AMap.Map('mapId', {\r\n viewMode: '2D', // 默认使用 2D 模式\r\n zoom:11, //初始化地图层级\r\n })\r\n },\r\n async ownClickHandler() { // 将事发地，目的地，服务类型，车辆位置，预约时间存入，跳转到救援页\r\n if( !this.form.startPoiAddress ) {\r\n this.$toast('请先选择事发地')\r\n return false\r\n }\r\n if( this.serverList[this.activeTab].serverId == 1041 && !this.form.endPoiAddress ) {\r\n this.$toast('请选择拖车目的地')\r\n return false\r\n }\r\n if( this.serverList[this.activeTab].serverId == 2160 ) { // 判断服务城市是否开通上门充电\r\n let chargeCityArr = ['北京', '上海', '杭州', '广州', '深圳', '东莞', '成都', '苏州', '无锡', '常州', '宁波', '南京', '武汉'];\r\n const serverCity = this.$store.getters.order.serverCity\r\n console.log('serverCity', serverCity)\r\n let flag = false;\r\n chargeCityArr.map(item => {\r\n if( serverCity.indexOf(item) != -1 ) {\r\n flag = true;\r\n return;\r\n }\r\n })\r\n if(!flag) {\r\n this.$toast('当前城市未开通上门充电服务，建议选择拖车服务拖至最近的充电桩进行充电')\r\n return false\r\n }\r\n }\r\n if( !this.form.positionEnvironment ) {\r\n this.$toast('请选择车辆位置')\r\n return false\r\n }\r\n await this.saveAddress()\r\n await this.saveDestAddress()\r\n await this.setOrder()\r\n await this.goPage('rescuePage')\r\n },\r\n\r\n changeTabHandler(index) { //切换 tab\r\n this.activeTab = index\r\n },\r\n appointHandler(value, index) { // 设置预约时间\r\n if( value[1] == '尽快到' ) {\r\n this.form.appointTime = ''\r\n this.form.isAppoint = 0\r\n } else {\r\n this.form.appointTime = value[0] + \" \" + value[1]\r\n this.form.isAppoint = 1\r\n }\r\n this.show = false;\r\n // this.$toast(`当前值：${value}, 当前索引：${index}`)\r\n }\r\n }\r\n }\r\n</script>\r\n<style>\r\n @import '@/styles/common.css';\r\n</style>\r\n<style scoped lang=\"less\">\r\n .main_wrap {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n .map_wrap {\r\n width: 100%;\r\n /*height: 80vh;*/\r\n flex: 1;\r\n }\r\n .server_wrap {\r\n padding-bottom: 50px;\r\n /*position: fixed;*/\r\n /*bottom: 0;*/\r\n /*left: 0;*/\r\n width: 100%;\r\n background: #fff;\r\n z-index: 10000000 !important;\r\n .btn_wrap {\r\n width: 74%;\r\n margin: 5px auto 10px;\r\n }\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</style>\r\n<style>\r\n .van-overlay {\r\n z-index: 9999999999 !important;\r\n }\r\n .van-popup--bottom {\r\n z-index: 10000000000 !important;\r\n }\r\n</style>\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]} |