{"version":3,"file":"paySuccess.7dafa888.mjs","sources":["../../../../pages/pay/paySuccess.vue"],"sourcesContent":["<template>\n  <NuxtLayout>\n    <div class=\"app_container success_page\">\n      <div class=\"bg_success_page\"></div>\n      <div class=\"buy_info\">\n        <div class=\"buy_order_title\">确认订单</div>\n        <div class=\"buy_order_course\">\n          <div class=\"iconfont icon-success\"></div>\n          <div class=\"success_title\">支付成功</div>\n          <div class=\"buy_btn_info\">\n            <el-button plain @click=\"toLearn\">进入学习 <el-icon><arrow-right></arrow-right></el-icon></el-button>\n            <el-button plain @click=\"toOrder\">查看订单 <el-icon><arrow-right></arrow-right></el-icon></el-button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </NuxtLayout>\n</template>\n\n<script setup>\nimport {ArrowRight} from \"@element-plus/icons-vue\";\nimport cookie from \"@/utils/cookies\";\nlet cookieData = cookie.getShop()\nuseHead({\n  title: '支付成功-' + cookieData.shopName,\n})\nconst map = reactive({\n  id:'',\n  order:'',\n  type:''\n})\n   const route = useRoute()\n   const router = useRouter()\n   const toLearn = () => {\n  let urlType = {\n    1:'live',\n    2:'video',\n    3:'audio',\n    4:'graphic',\n    5:'subject',\n    6:'topic'\n  }\n  router.push({\n    path:`/course/${urlType[map.type]}`,\n    query:{\n      id:map.id\n    }\n  })\n   }\n   const toOrder = () => {\n  router.push({\n    path:'/account/order',\n    query:{\n      id:map.order\n    }\n  })\n   }\nonMounted(()=>{\n  map.id = route.query.id\n  map.order = route.query.orderId\n  map.type = Number(route.query.courseType)\n})\n\n</script>\n\n<style scoped lang=\"scss\">\n.success_page{\n  position: relative;\n}\n.bg_success_page{\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 150px;\n  z-index: 0;\n  background-color:#2256F6;\n}\n.buy_info{\n  position: relative;\n  z-index: 1;\n  width: 1200px;\n  margin: auto;\n}\n.buy_order_title{\n  font-style: normal;\n  font-weight: normal;\n  font-size: 36px;\n  color: #FFFFFF;\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n.buy_order_course{\n  background: #FFFFFF;\n  border-radius: 10px;\n  height: 460px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  .iconfont{\n    font-size: 48px;\n    color: #58B85C;\n  }\n  .success_title{\n    color: #333333;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 20px;\n    margin-top: 15px;\n    margin-bottom: 30px;\n  }\n  .buy_btn_info{\n    display: flex;\n    flex-direction: column;\n  }\n  .buy_btn_info .el-button{\n    background: #F6F8FB;\n    border-radius: 22px;\n    width: 315px;\n    height: 44px;\n    color: #2256F6;\n    border: 0;\n    &:hover{\n      border: 1px solid #2256F6;\n    }\n    &.el-button{\n      margin-top: 15px;\n      margin-left: 0;\n    }\n  }\n}\n</style>\n"],"names":["cookieData","cookie","getShop","useHead","title","shopName","map","reactive","id","order","type","route","useRoute","router","useRouter","toLearn","push","path","query","toOrder","onMounted","orderId","Number","courseType"],"mappings":"koBAsBA,IAAAA,EAAAC,EAAAC,UACAC,EAAA,CACAC,MAAA,QAAAJ,EAAAK,WAEA,MAAAC,EAAAC,EAAA,CACAC,GAAA,GACAC,MAAA,GACAC,KAAA,KAEAC,EAAAC,IACAC,EAAAC,IACAC,EAAA,KASAF,EAAAG,KAAA,CACAC,KAAA,WATA,CACA,EAAA,OACA,EAAA,QACA,EAAA,QACA,EAAA,UACA,EAAA,UACA,EAAA,SAGAX,EAAAI,QACAQ,MAAA,CACAV,GAAAF,EAAAE,KAEA,EAEAW,EAAA,KACAN,EAAAG,KAAA,CACAC,KAAA,iBACAC,MAAA,CACAV,GAAAF,EAAAG,QAEA,SAEAW,GAAA,KACAd,EAAAE,GAAAG,EAAAO,MAAAV,GACAF,EAAAG,MAAAE,EAAAO,MAAAG,QACAf,EAAAI,KAAAY,OAAAX,EAAAO,MAAAK,WAAA"}