<template>
  <div class="payment-status" v-cloak>
    <!--失败时： 用icon-iconfontguanbi fail替换icon-duihao2 bg-color-red-->
    <div
      class="iconfont icon-duihao2 bg-color-red"
      v-if="orderInfo.paid || orderInfo.pay_type == 'offline'"
    ></div>
    <div class="iconfont icon-iconfontguanbi fail" v-else></div>
    <!-- 失败时：订单支付失败 -->
    <div
      class="status"
      v-if="
        (!isWeixin && orderInfo.pay_type == 'weixin') ||
          orderInfo.pay_type == 'offline'
      "
    >
      订单支付成功
    </div>
    <div class="wrapper">
      <div class="item acea-row row-between-wrapper">
        <div>订单编号</div>
        <div class="itemCom">wx3265361456134568</div>
      </div>
      <div class="item acea-row row-between-wrapper">
        <div>下单时间</div>
        <div class="itemCom">2019-01-09 18:05</div>
      </div>
      <div class="item acea-row row-between-wrapper">
        <div>支付方式</div>
        <div class="itemCom">微信支付</div>
      </div>
      <div class="item acea-row row-between-wrapper">
        <div>支付金额</div>
        <div class="itemCom">2222.00</div>
      </div>
      <!--失败时加上这个  -->
      <!--<div class='item acea-row row-between-wrapper'>-->
      <!--<div>失败原因</div>-->
      <!--<div class='itemCom'>账户余额不足</div>-->
      <!--</div>-->
    </div>
    <!--失败时： 重新购买 -->
    <div class="returnBnt bg-color-red">返回查看订单</div>
    <div class="returnBnt cart-color">返回首页</div>
  </div>
</template>
