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/block/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>{{block.userInfoDomain.userId}}</td>
            </tr>
            <tr>
              <td>手机号</td>
              <td>{{block.userInfoDomain.phone}}</td>
            </tr>
            <tr>
              <td>会员昵称</td>
              <td>{{block.userInfoDomain.nickName}}</td>
            </tr>
            <tr>
              <td>账户余额</td>
              <td>{{block.userInfoDomain.balance}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>运动信息</caption>
            <tbody>
            <tr>
              <td>运动场馆</td>
              <td>{{block.venuesDomain.name}}</td>
            </tr>
            <tr>
              <td>运动项目</td>
              <td>{{enums.sportsTypeList[block.blockOrderDomain.sportType]}}</td>
            </tr>
            <tr>
              <td>场地编号</td>
              <td>{{block.blockOrderDomain.groundNo}}</td>
            </tr>
            <tr>
              <td>包场时间段</td>
              <td>{{block.blockOrderDomain.startTime | formatDate('YYYY-MM-DD hh:mm')}}-{{block.blockOrderDomain.endTime| formatDate('hh:mm')}}&nbsp;&nbsp;&nbsp;&nbsp;{{enums.commonStatus[block.blockOrderDomain.addedTime]}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>订单信息</caption>
            <tbody>
            <tr>
              <td>订单号</td>
              <td>{{block.blockOrderDomain.orderId}}</td>
            </tr>
            <tr>

              <td>下单时间</td>
              <td>{{block.blockOrderDomain.createTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>订单金额</td>
              <td>{{block.blockOrderDomain.totalAmount}}</td>
            </tr>
            <tr>
              <td>订单状态</td>
              <td>{{enums.tradeStatusList[block.blockOrderDomain.tradeStatus]}}</td>
            </tr>
            </tbody>
          </table>
          <table class="table-item">
            <caption>支付信息</caption>
            <tbody>
            <tr>
              <td>优惠券名称</td>
              <td>{{block.couponDomain==null?"":block.couponDomain.name}}</td>
              <td>支付账号</td>
              <td>{{block.userName}}</td>
            </tr>
            <tr>
              <td>优惠券编号</td>
              <td>{{block.couponDomain==null?"":block.couponDomain.id}}</td>
              <td>支付单号</td>
              <td>{{block.tradeDomain.dpayId}}</td>
            </tr>
            <tr>
              <td>优惠券类型</td>
              <td>{{enums.couponType[block.couponDomain==null?"":block.couponDomain.type]}}</td>
              <td>付款时间</td>
              <td>{{block.tradeDomain.payTime | formatDate('YYYY-MM-DD hh:mm')}}</td>
            </tr>
            <tr>
              <td>优惠金额</td>
              <td>{{block.blockOrderDomain.totalAmount-block.blockOrderDomain.payAmount}}</td>
              <td>实际支付</td>
              <td>{{block.blockOrderDomain.payAmount}}</td>
            </tr>
            <tr>
              <td>支付方式</td>
              <td>{{enums.payType[block.tradeDomain.payType]}}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>



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

    },
    watch: {

    }
  }
</script>