1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"ast":null,"code":"import AttentionItem from '@/components/attentionItem';\nimport operationBtn from \"@/components/operationBtn\";\nimport commonBtn from \"@/components/commonBtn\";\nimport { getCurrentOrder } from '@/api/order';\nimport { orderStatus } from '@/utils/status';\nexport default {\n name: \"orderStatus\",\n data() {\n return {\n map: '',\n finishFlag: true,\n ticketId: '',\n orderInfo: null,\n userPhone: '',\n plateNumber: '',\n attentionStr: '',\n statusStr: ''\n };\n },\n components: {\n AttentionItem,\n operationBtn,\n commonBtn\n },\n async mounted() {\n this.ticketId = this.$route.query.ticketId;\n this.userPhone = this.$route.query.userPhone;\n this.plateNumber = this.$route.query.plateNumber;\n await this.initMap();\n await this.getOrderInfo();\n },\n methods: {\n getStatusStr() {\n let res = orderStatus(this.orderInfo.orderStatus, this.orderInfo.appraiseFlag);\n this.statusStr = res.name;\n this.attentionStr = res.tip;\n },\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 async getOrderInfo() {\n this.orderInfo = await getCurrentOrder({\n ticketId: this.ticketId,\n userPhone: this.userPhone,\n plateNumber: this.plateNumber\n });\n this.getStatusStr();\n }\n }\n};","map":{"version":3,"names":["AttentionItem","operationBtn","commonBtn","getCurrentOrder","orderStatus","name","data","map","finishFlag","ticketId","orderInfo","userPhone","plateNumber","attentionStr","statusStr","components","mounted","$route","query","initMap","getOrderInfo","methods","getStatusStr","res","appraiseFlag","tip","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=\"attentionStr\"></attention-item>\r\n </div>\r\n <div class=\"order_info\">\r\n <div class=\"order_status_wrap\">\r\n <img v-if=\"orderInfo?.orderStatus == 55 && orderInfo?.appraiseFlag != 1\" 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\">{{ statusStr }}</div>\r\n <div class=\"driver_info\" v-if=\"[35,41].includes(orderInfo?.orderStatus) && ( orderInfo?.driveinfo?.driverName || orderInfo?.driveinfo?.driverPhone )\">\r\n {{orderInfo?.driveinfo?.driverName}} {{ (orderInfo?.driveinfo?.driverName && orderInfo?.driveinfo?.driverPhone) ? '-' : '' }} {{orderInfo?.driveinfo?.driverPhone}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!--评价-->\r\n <div class=\"judge_wrap\" v-if=\"orderInfo?.orderStatus == 55 && orderInfo?.appraiseFlag != 1\">\r\n <div class=\"judge_title\">\r\n <img src=\"@/assets/radio.png\" alt=\"\">\r\n <span>请您对本次服务进行评价</span>\r\n </div>\r\n <div class=\"judge_level\">\r\n <div class=\"judge_item\">\r\n <img src=\"@/assets/satisfiedUncheck.png\" alt=\"\">\r\n<!-- <img src=\"@/assets/satisfiedCheck.png\" alt=\"\">-->\r\n <div>满意</div>\r\n </div>\r\n <div class=\"judge_item\">\r\n <img src=\"@/assets/generalUncheck.png\" alt=\"\">\r\n<!-- <img src=\"@/assets/generalCheck.png\" alt=\"\">-->\r\n <div>一般</div>\r\n </div>\r\n <div class=\"judge_item\">\r\n <img src=\"@/assets/disconentUncheck.png\" alt=\"\">\r\n<!-- <img src=\"@/assets/disconentCheck.png\" alt=\"\">-->\r\n <div>不满意</div>\r\n </div>\r\n </div>\r\n <textarea class=\"judge_content\" placeholder=\"请输入评价内容\" name=\"\" id=\"\" cols=\"30\" rows=\"10\"></textarea>\r\n <div class=\"btn_wrap\">\r\n <common-btn title=\"提交评价\"></common-btn>\r\n </div>\r\n </div>\r\n\r\n <!--操作按钮-->\r\n <div>\r\n <operation-btn v-if=\"[31,35,41].includes(orderInfo?.orderStatus)\" title=\"联系客服\" :url=\"require('@/assets/callPhone.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn v-if=\"[35].includes(orderInfo?.orderStatus)\" title=\"联系司机\" :url=\"require('@/assets/connectDriver.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn v-if=\"[31].includes(orderInfo?.orderStatus)\" title=\"催单\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn v-if=\"[35].includes(orderInfo?.orderStatus)\" title=\"服务催促\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n <operation-btn v-if=\"[31,35].includes(orderInfo?.orderStatus)\" 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 import commonBtn from \"@/components/commonBtn\";\r\n import { getCurrentOrder } from '@/api/order'\r\n import { orderStatus } from '@/utils/status'\r\n export default {\r\n name: \"orderStatus\",\r\n data() {\r\n return {\r\n map: '',\r\n finishFlag: true,\r\n ticketId: '',\r\n orderInfo: null,\r\n userPhone: '',\r\n plateNumber: '',\r\n attentionStr: '',\r\n statusStr: '',\r\n }\r\n },\r\n components: {\r\n AttentionItem,\r\n operationBtn,\r\n commonBtn\r\n },\r\n async mounted() {\r\n this.ticketId = this.$route.query.ticketId\r\n this.userPhone = this.$route.query.userPhone\r\n this.plateNumber = this.$route.query.plateNumber\r\n await this.initMap()\r\n await this.getOrderInfo()\r\n },\r\n methods: {\r\n getStatusStr() {\r\n let res = orderStatus(this.orderInfo.orderStatus, this.orderInfo.appraiseFlag)\r\n this.statusStr = res.name;\r\n this.attentionStr = res.tip\r\n },\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 async getOrderInfo() {\r\n this.orderInfo = await getCurrentOrder({\r\n ticketId: this.ticketId,\r\n userPhone: this.userPhone,\r\n plateNumber: this.plateNumber\r\n })\r\n this.getStatusStr()\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 .judge_title {\r\n width: 100%;\r\n padding: 0 20px;\r\n text-align: left;\r\n font-size: 14px;\r\n color: rgba(0,0,0,0.7);\r\n img {\r\n width: 10px;\r\n height: 11px;\r\n margin-right: 10px;\r\n }\r\n }\r\n .judge_level {\r\n display: flex;\r\n justify-content: space-evenly;\r\n margin-top: 30px;\r\n .judge_item {\r\n width: 50px;\r\n color: rgba(0,0,0,0.3);\r\n font-size: 12px;\r\n text-align: center;\r\n img {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n }\r\n .judge_content {\r\n width: calc(100% - 20px);\r\n text-align: left;\r\n margin: 10px;\r\n border: 1px solid #ccc;\r\n padding: 5px;\r\n box-sizing: border-box;\r\n border-radius: 5px;\r\n height: 60px;\r\n font-size: 12px;\r\n }\r\n .btn_wrap {\r\n width: 74%;\r\n margin: 15px auto;\r\n }\r\n }\r\n</style>\r\n"],"mappings":"AAiEA,OAAAA,aAAA;AACA,OAAAC,YAAA;AACA,OAAAC,SAAA;AACA,SAAAC,eAAA;AACA,SAAAC,WAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,UAAA;MACAC,QAAA;MACAC,SAAA;MACAC,SAAA;MACAC,WAAA;MACAC,YAAA;MACAC,SAAA;IACA;EACA;EACAC,UAAA;IACAf,aAAA;IACAC,YAAA;IACAC;EACA;EACA,MAAAc,QAAA;IACA,KAAAP,QAAA,QAAAQ,MAAA,CAAAC,KAAA,CAAAT,QAAA;IACA,KAAAE,SAAA,QAAAM,MAAA,CAAAC,KAAA,CAAAP,SAAA;IACA,KAAAC,WAAA,QAAAK,MAAA,CAAAC,KAAA,CAAAN,WAAA;IACA,WAAAO,OAAA;IACA,WAAAC,YAAA;EACA;EACAC,OAAA;IACAC,aAAA;MACA,IAAAC,GAAA,GAAAnB,WAAA,MAAAM,SAAA,CAAAN,WAAA,OAAAM,SAAA,CAAAc,YAAA;MACA,KAAAV,SAAA,GAAAS,GAAA,CAAAlB,IAAA;MACA,KAAAQ,YAAA,GAAAU,GAAA,CAAAE,GAAA;IACA;IACAN,QAAA;MACA,KAAAZ,GAAA,OAAAmB,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;;IACA,MAAAV,aAAA;MACA,KAAAV,SAAA,SAAAP,eAAA;QACAM,QAAA,OAAAA,QAAA;QACAE,SAAA,OAAAA,SAAA;QACAC,WAAA,OAAAA;MACA;MACA,KAAAU,YAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |