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/time/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.timeOrderDomain.userId}}</td>
            </tr>
            <tr>
              <td>手机号</td>
              <td>{{time.timeOrderDomain.userPhone}}</td>
            </tr>
            <tr>
              <td>会员昵称</td>
              <td>{{time.timeOrderDomain.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.venuesDomain.name}}</td>
            </tr>
            <tr>
              <td>运动项目</td>
              <td>{{enums.sportsTypeList[time.timeOrderDomain.sportType]}}</td>
            </tr>
            <tr>
              <td>到场时间</td>
              <td>{{time.timeOrderDomain.startTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>离场时间</td>
              <td>{{time.timeOrderDomain.endTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>订单信息</caption>
            <tbody>
            <tr>
              <td>订单号</td>
              <td>{{time.timeOrderDomain.orderId}}</td>
            </tr>
            <tr>
              <td>下单时间</td>
              <td>{{time.timeOrderDomain.createTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>订单金额</td>
              <td>{{time.timeOrderDomain.totalAmount}}</td>
            </tr>
            <tr>
              <td>订单状态</td>
              <td>{{enums.tradeStatusList[time.timeOrderDomain.tradeStatus]}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>支付信息</caption>
            <tbody>
            <tr>
              <td>优惠券名称</td>
              <td>{{time.couponDomain.name}}</td>
              <td>支付账号</td>
              <td>{{time.userName}}</td>
            </tr>
            <tr>
              <td>优惠券编号</td>
              <td>{{time.couponDomain.id}}</td>
              <td>支付单号</td>
              <td>{{time.timeOrderDomain.dpayNo}}</td>
            </tr>
            <tr>
              <td>优惠券类型</td>
              <td>{{enums.couponType[time.couponDomain.type]}}</td>
              <td>付款时间</td>
              <td>{{time.tradeDomain.payTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>优惠金额</td>
              <td>{{time.timeOrderDomain.totalAmount-time.timeOrderDomain.payAmount}}</td>
              <td>实际支付</td>
              <td>{{time.timeOrderDomain.payAmount}}</td>
            </tr>
            <tr>
              <td>支付方式</td>
              <td>{{enums.payType[time.tradeDomain.payType]}}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

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



</template>
<script>
  export default {
    data() {
      return {
        enums:enums,
        time:{
          timeOrderDomain:[],
          userInfoDomain:[],
          couponDomain:[],
          venuesDomain:[],
          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.time.get.url(self.$route.params.id),
          data: data,
          success: function (res) {
              console.log(res.data);
            self.time = res.data;
          }
        });
      },

    },
    watch: {

    }
  }
</script>