get.vue

<template xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">

  <div class="container-fluid">
    <div class="page page-order-time">
      <div class="page-breadcrumb">
        <ol class="breadcrumb">
          <li><a href="#">消费管理</a></li>
          <li><router-link to="/order/recharge/list">会员充值订单</router-link></li>
          <li class="active">订单详情</li>
        </ol>
      </div>

      <div class="page-body">
        <div class="main">
          <table class="table-item">
            <caption>用户基本信息</caption>
            <tbody>
            <tr>
              <td>用户编号</td>
              <td>{{recharge.userInfoDomain.userId}}</td>
            </tr>
            <tr>
              <td>手机号</td>
              <td>{{recharge.userInfoDomain.phone}}</td>
            </tr>
            <tr>
              <td>会员昵称</td>
              <td>{{recharge.userInfoDomain.nickName}}</td>
            </tr>
            <tr>
              <td>账户余额</td>
              <td>{{recharge.userInfoDomain.balance}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>会员信息</caption>
            <tbody v-if="recharge.vipCardDomain!=null">
            <tr >
              <td>会员编号</td>
              <td>{{recharge.vipCardDomain.id}}</td>
            </tr>
            <tr>
              <td>实体卡编号</td>
              <td>{{recharge.vipCardDomain.cardNo}}</td>
            </tr>
            <tr>
              <td>充值金额</td>
              <td>{{recharge.tradeDomain.payAmount}}</td>
            </tr>
            <tr>
              <td>赠送金额</td>
              <td>{{recharge.tradeDomain.discountAmount}}</td>
            </tr>
            </tbody>
            <tbody v-if="recharge.vipCardDomain==null">
            <tr >
              <td>该用户不是会员</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>订单信息</caption>
            <tbody>
            <tr>
              <td>订单号</td>
              <td>{{recharge.tradeDomain.id}}</td>
            </tr>
            <tr>
              <td>下单时间</td>
              <td>{{recharge.tradeDomain.createTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>订单金额</td>
              <td>{{recharge.tradeDomain.totalAmount}}</td>
            </tr>
            <tr>
              <td>订单状态</td>
              <td>{{enums.tradeStatusList[recharge.tradeDomain.status]}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>支付信息</caption>
            <tbody>
            <tr>
              <td>支付方式</td>
              <td>{{recharge.tradeDomain.payType}}</td>
            </tr>
            <tr>
              <td>支付账户</td>
              <td>{{recharge.userName}}</td>
            </tr>
            <tr>
              <td>支付单号</td>
              <td>{{recharge.tradeDomain.dpayId}}</td>
            </tr>
            <tr>
              <td>付款时间</td>
              <td>{{recharge.tradeDomain.payTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>实际支付</td>
              <td>{{recharge.tradeDomain.payAmount}}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div>
  </div>
  </div>

</template>
<script>
  export default {
    data() {
      return {
        enums:enums,
        recharge:{
          userInfoDomain:[],
          tradeDomain:[],
          vipCardDomain:[],
          userName:''
        },
      }
    },

    created: function () {
      this.getRecharge();
    },
    mounted: function () {

    },
    updated: function () {
    },
    destroyed: function () {
    },
    methods: {
      getRecharge(data) {
        var self = this;
        self.ajax({
          type: 'GET',
          url: api.order.recharge.get.url(self.$route.params.id),
          data: data,
          success: function (res) {
            console.log(res.data);
            self.recharge = res.data;
          }
        });
      },

    },
    watch: {

    }
  }
</script>