<template>
    <div class="container pagePay">
        <div class="page-status">
            <i class="iconfont icon-chenggong"></i>
            <div class="status-right flex">
              <h3>预订成功</h3>
              <router-link to="/wx/orderList/all" class="btn default-btn">查看订单</router-link>
              <a href="/wx" class="backTo">返回首页</a>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data () {
            return {
              orderNumber : this.$route.params.orderNumber,
              loading:false,
              amount:0
            }
        },
        methods: {
          /**获取订单信息*/
          getOrderInfo(){
            this.loading=true;
            getOrderInfoByOrderNumber({orderNumber:this.orderNumber}).then(data=>{
              if(data.returnCode==200){
                this.amount=parseFloat(data.data.orderActualPrice).toFixed(2);
                this.loading=false;
              }else {
                Toast(data.returnMsg)
              }
            });
          },
        },
        mounted(){
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  @import "status.styl"
  .page-status{
    i{
      color #01c200
    }
  }
</style>
