{"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      this.$toast.loading({\n        message: '加载中...',\n        forbidClick: true,\n        duration: 0\n      });\n      try {\n        let res = await cancelOrder({\n          appCode: localStorage.getItem('appCode') || 'XCHRSA',\n          ticketId: this.ticketId,\n          type: 2,\n          content: this.serverList[this.selected].text\n        });\n      } finally {\n        this.$toast.clear();\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","loading","message","forbidClick","duration","res","appCode","localStorage","getItem","type","content","clear"],"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        this.$toast.loading({\r\n          message: '加载中...',\r\n          forbidClick: true,\r\n          duration: 0\r\n        })\r\n        try {\r\n          let res = await cancelOrder({\r\n            appCode: localStorage.getItem('appCode') || 'XCHRSA',\r\n            ticketId: this.ticketId,\r\n            type: 2,\r\n            content: this.serverList[this.selected].text\r\n          })\r\n        }finally {\r\n          this.$toast.clear()\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,KAAAA,MAAA,CAAAC,OAAA;QACAC,OAAA;QACAC,WAAA;QACAC,QAAA;MACA;MACA;QACA,IAAAC,GAAA,SAAApB,WAAA;UACAqB,OAAA,EAAAC,YAAA,CAAAC,OAAA;UACAhB,QAAA,OAAAA,QAAA;UACAiB,IAAA;UACAC,OAAA,OAAArB,UAAA,MAAAE,QAAA,EAAAD;QACA;MACA;QACA,KAAAU,MAAA,CAAAW,KAAA;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}