1 line
4.7 KiB
JSON
1 line
4.7 KiB
JSON
{"ast":null,"code":"import commonBtn from \"@/components/commonBtn\";\nimport AttentionItem from '@/components/attentionItem';\nimport { cancelOrder } from '@/api/order';\nexport default {\n name: \"CancelPage\",\n components: {\n AttentionItem,\n commonBtn\n },\n data() {\n return {\n serverList: [{\n text: '车子恢复正常了'\n }, {\n text: '车子已找人处理或被交警拖走'\n }, {\n text: '人不在车边'\n }, {\n text: '救援时效慢'\n }, {\n text: '其他原因'\n }],\n selected: null,\n ticketId: ''\n };\n },\n async mounted() {\n this.ticketId = this.$route.query.ticketId;\n },\n methods: {\n clickHandler(index) {\n this.selected = index;\n },\n async cancelHandler() {\n if (this.selected == null) {\n this.$toast('请选择取消原因');\n return;\n }\n /*let res = await cancelOrder({\r\n appCode: localStorage.getItem('appCode') || 'XCHRSA',\r\n ticketId: this.ticketId,\r\n })*/\n }\n }\n};","map":{"version":3,"names":["commonBtn","AttentionItem","cancelOrder","name","components","data","serverList","text","selected","ticketId","mounted","$route","query","methods","clickHandler","index","cancelHandler","$toast"],"sources":["src/views/index/cancel.vue"],"sourcesContent":["<template>\r\n <div class=\"cancel_wrap\">\r\n <attention-item attention=\"温馨提示：取消收费规则 1.非预约案件报案成功后10分钟内可免费取消，预约案件在距预约时间两个小时之前可免费取消；2.非预约案件超过10分钟、预约案件距预约时间两个小时之内、师傅到达现场之前取消，将收取服务费用的50%作为服务师傅的空驶费用；3.师傅到达现场之后，不再支持取消订单；4.有任何收费疑问可以拨打24小时客服电话400-920-1995。\"></attention-item>\r\n <div class=\"cancel_list\">\r\n <div class=\"list_item\" v-for=\"(item, index) in serverList\" @click=\"clickHandler(index)\">\r\n <img v-if=\"index == selected\" src=\"@/assets/checked.png\" alt=\"\">\r\n <img v-else src=\"@/assets/unchecked.png\" alt=\"\">\r\n <span>{{item.text}}</span>\r\n </div>\r\n </div>\r\n <div class=\"btn_wrap\">\r\n <common-btn title=\"确认取消\" @ownClick=\"cancelHandler\"></common-btn>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import commonBtn from \"@/components/commonBtn\";\r\n import AttentionItem from '@/components/attentionItem'\r\n import { cancelOrder } from '@/api/order'\r\n export default {\r\n name: \"CancelPage\",\r\n components: {\r\n AttentionItem,\r\n commonBtn\r\n },\r\n data() {\r\n return {\r\n serverList: [\r\n { text: '车子恢复正常了' },\r\n { text: '车子已找人处理或被交警拖走' },\r\n { text: '人不在车边' },\r\n { text: '救援时效慢' },\r\n { text: '其他原因' },\r\n ],\r\n selected: null,\r\n ticketId: ''\r\n }\r\n },\r\n async mounted() {\r\n this.ticketId = this.$route.query.ticketId\r\n },\r\n methods: {\r\n clickHandler(index) {\r\n this.selected = index\r\n },\r\n async cancelHandler() {\r\n if( this.selected == null ) {\r\n this.$toast('请选择取消原因')\r\n return\r\n }\r\n /*let res = await cancelOrder({\r\n appCode: localStorage.getItem('appCode') || 'XCHRSA',\r\n ticketId: this.ticketId,\r\n })*/\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.cancel_wrap {\r\n padding-top: 10px;\r\n .cancel_list {\r\n padding-left: 15px;\r\n .list_item {\r\n border-bottom: 1px solid rgba(233, 233, 234, 0.6);\r\n font-size: 15px;\r\n height: 55px;\r\n line-height: 55px;\r\n font-weight: 400;\r\n color: #203152;\r\n img {\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 6px;\r\n vertical-align: middle;\r\n }\r\n }\r\n }\r\n .btn_wrap {\r\n width: 74%;\r\n margin: 50px auto 10px;\r\n }\r\n}\r\n</style>\r\n"],"mappings":"AAiBA,OAAAA,SAAA;AACA,OAAAC,aAAA;AACA,SAAAC,WAAA;AACA;EACAC,IAAA;EACAC,UAAA;IACAH,aAAA;IACAD;EACA;EACAK,KAAA;IACA;MACAC,UAAA,GACA;QAAAC,IAAA;MAAA,GACA;QAAAA,IAAA;MAAA,GACA;QAAAA,IAAA;MAAA,GACA;QAAAA,IAAA;MAAA,GACA;QAAAA,IAAA;MAAA,EACA;MACAC,QAAA;MACAC,QAAA;IACA;EACA;EACA,MAAAC,QAAA;IACA,KAAAD,QAAA,QAAAE,MAAA,CAAAC,KAAA,CAAAH,QAAA;EACA;EACAI,OAAA;IACAC,aAAAC,KAAA;MACA,KAAAP,QAAA,GAAAO,KAAA;IACA;IACA,MAAAC,cAAA;MACA,SAAAR,QAAA;QACA,KAAAS,MAAA;QACA;MACA;MACA;AACA;AACA;AACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |