<template>
  <div class="order_status">
    <h2 class="w_status">
      <span v-if="orderDetailInfo.isPast==-1">
        <em v-show="orderDetailInfo.orderStatus==2">已出行</em>
        <em v-show="orderDetailInfo.orderStatus!=2">{{orderDetailInfo.orderStatus | statusText}}</em>
      </span>
      <span v-if="orderDetailInfo.isPast!=-1">{{orderDetailInfo.orderStatus | statusText}}</span>
    </h2>
    <div class="w_p1">
      <p>订单号：<b>{{orderDetailInfo.orderNumber}}</b></p>
      <p>下单时间：<b>{{orderDetailInfo.createTime | formatDateTime}}</b></p>
      <p v-if="orderDetailInfo.orderPayTime">支付时间：<b>{{orderDetailInfo.orderPayTime | formatDateTime}}</b></p>
    </div>
    <div class="o_operation text-r">
      <div class="h-price flex-box"  v-if="orderDetailInfo.orderVoucherPrice>0 && discountCoupon">
        <span class="price-discount">优惠￥{{orderDetailInfo.orderVoucherPrice}}</span>
        <p class="flex" style="margin-left: 5px">
          <span class="nowPrice">{{orderDetailInfo.orderActualPrice}}</span>
          <span class="oldPrice">官网最低<font style="text-decoration: line-through">￥{{orderDetailInfo.orderTotalPrice}}</font></span>
        </p>
      </div>
      <div class="o_price" v-else>
        <span style="display: block;margin-bottom: 10px">总金额：</span>
        <i class="price listColor">¥{{orderDetailInfo.orderActualPrice}}</i>
        <!--<router-link :to="'/pay/'+orderDetailInfo.orderNumber" class="default-btn btn" v-show="orderDetailInfo.orderStatus==0">去支付</router-link>
        <router-link :to="'/refund/'+orderDetailInfo.orderId" class="border-btn btn" v-show="orderDetailInfo.orderStatus==2">退款</router-link>-->
      </div>
      <div class="refund-policy" v-show="orderDetailInfo.orderType!='STATIC_PACKAGE'">
        <span class="text"><i class="iconfont icon-qian"></i>套餐退改政策</span>
        <toolTipWrap class="bottom">
          <span slot="otherInfo" class="refundText" v-html="refundText"></span>
        </toolTipWrap>
      </div>
    </div>
  </div>
</template>
<script>
    export default {
      name: '',
      props:{
        orderDetailInfo:''
      },
      data () {
          return {
//            refundInfoVisible:refundInfoVisible,
            discountCoupon:discountCoupon,
            refundText:refundText,
          }
      },
      methods: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  @import "orderList.styl"
</style>
