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/package/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>{{time.packageOrderDomain.userId}}</td>
            </tr>
            <tr>
              <td>手机号</td>
              <td>{{time.packageOrderDomain.userPhone}}</td>
            </tr>
            <tr>
              <td>会员昵称</td>
              <td>{{time.packageOrderDomain.userName}}</td>
            </tr>
            <tr>
              <td>账户余额</td>
              <td>{{time.userInfoDomain.balance}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>套餐信息</caption>
            <tbody>
            <tr>
              <td>套餐名称</td>
              <td>{{time.packageDomain.name}}</td>
            </tr>
            <tr>
              <td>起止时间</td>
              <td>{{time.packageOrderDomain.effectTime | formatDate('YYYY-MM-DD hh:mm')}} 至 {{time.packageOrderDomain.overdueTime | formatDate('YYYY-MM-DD hh:mm')}} </td>
            </tr>
            <tr>
              <td>包场时间</td>
              <td>{{enums.weekList[time.packageOrderDomain.week]}}&nbsp;&nbsp;&nbsp;{{time.packageOrderDomain.startTime | formatDate('hh:mm')}} - {{time.packageOrderDomain.endTime | formatDate('hh:mm')}}</td>
            </tr>
            <tr>
              <td>场地编号</td>
              <td>{{time.packageOrderDomain.groundId}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>订单信息</caption>
            <tbody>
            <tr>
              <td>订单号</td>
              <td>{{time.packageOrderDomain.orderId}}</td>
            </tr>
            <tr>
              <td>下单时间</td>
              <td>{{time.packageOrderDomain.createTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>订单金额</td>
              <td>{{time.tradeDomain.totalAmount}}</td>
            </tr>
            <tr>
              <td>订单状态</td>
              <td>{{enums.tradeStatusList[time.packageOrderDomain.status]}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>支付信息</caption>
            <tbody>
            <tr>
              <td>支付方式</td>
              <td>{{enums.payType[time.tradeDomain.payType]}}</td>
              <td>支付金额</td>
              <td>{{time.tradeDomain.payAmount}}</td>
            </tr>
            <tr>
              <td>支付帐号</td>
              <td>{{time.userName}}</td>

            </tr>
            <tr>
              <td>支付单号</td>
              <td>{{time.tradeDomain.dpayId}}</td>
              </tr>
            <tr>
              <td>付款时间</td>
              <td>{{time.tradeDomain.payTime | formatDate('YYYY-MM-DD hh:mm')}}</td>

            </tr>
            <tr>
              <td>优惠金额</td>
              <td>{{time.tradeDomain.totalAmount-time.tradeDomain.payAmount}}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

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



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

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

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

    },
    watch: {

    }
  }
</script>