classroom-music-activation/miniprogram/pages/orders/order-result.wxml

<!--pages/orders/order-detail.wxml-->
<view class="container">
  <navigation-bar title="订单详情"></navigation-bar>

  <scroll-view class="record-list" type="list" scroll-y>
    <view class="scroll-container">
      <view class="order-status" wx:if="{{statusList[status]}}">
        <view class="status">
          <image src="{{ statusList[status].logo }}"></image>
          <text>{{ statusList[status].title }}</text>
        </view>
        <view class="tips" wx:if="{{ statusList[status].content }}">{{ statusList[status].content }}</view>
      </view>

      <view class="order-content">
        <view class="item-content" wx:for="{{ goodsInfo.goods }}" wx:key="index">
          <image class='goods-icon' src="{{ item.goodsUrl }}" mode="" />
          <view class="goods-desc">
            <view class="goodsInfo">
              <view class="goods-name">{{ item.goodsName }}</view>
              <view class="goods-price">¥<text>{{item.originalPrice}}</text></view>
            </view>
            <view class="goods-type">
              <view class="goods-card">{{ item.typeName }}</view>
              <view class="goods-num">x1</view>
            </view>
          </view>
        </view>
        <view class="goodsInfos">
          <view class="goodsInfo-item">
            <text class="title">商品总额</text>

            <view class="goods-price">
              <text class="stuff">¥</text>
              <text class="priceZ">{{ goodsInfo.integerPart }}</text>
              <text class="priceF">.{{ goodsInfo.decimalPart }}</text>
            </view>
          </view>

          <view class="goodsInfo-item" wx:if="{{ goodsInfo.originalPrice > goodsInfo.paymentCashAmount }}">
            <text class="title">惊喜优惠</text>

            <!-- <view class="calc-price">-¥ {{ goodsInfo.allDiscountPrice }}</view> -->
            <view class="goods-price calc-price">
              <text class="stuff">-¥</text>
              <text class="priceZ">{{ goodsInfo.discountIntegerPart }}</text>
              <text class="priceF">.{{ goodsInfo.discountDecimalPart }}</text>
            </view>
          </view>

          <view class="qrcode-line"></view>

          <view class="goodsInfo-count">
            <view class="goods-price">
              <text class="before">共{{ goodsInfo.goods.length }}件：</text>
              <text class="stuff">¥</text>
              <text class="priceZ">{{ goodsInfo.integerPart }}</text>
              <text class="priceF">.{{ goodsInfo.decimalPart }}</text>
            </view>
          </view>
        </view>
      </view>

      <view class="order-time">
        <block wx:if="{{ goodsInfo.addresses.id }}">
          <template is="address" data="{{ goodsInfo }}"></template>
          <view class="line"></view>
          <block wx:if="{{ isExpanded }}">
            <block wx:if="{{ goodsInfo.beneficiary.id }}">
              <template is="schoolInfo" data="{{ goodsInfo }}"></template>
              <view class="line" wx:if="{{ !goodsInfo.addresses.id }}"></view>
            </block>
            <template is="orderInfo" data="{{ goodsInfo }}"></template>
          </block>
        </block>
        <block wx:else>
          <block wx:if="{{ goodsInfo.beneficiary.id }}">
            <template is="schoolInfo" data="{{ goodsInfo }}"></template>
            <view class="line" wx:if="{{ !goodsInfo.addresses.id }}"></view>
          </block>
          <block wx:if="{{ isExpanded || !goodsInfo.beneficiary.id }}">
            <template is="orderInfo" data="{{ goodsInfo }}"></template>
          </block>
        </block>

        <view class="order-item" bind:tap="onExpanded" wx:if="{{ goodsInfo.beneficiary.id }}">
          <view class="title">更多信息</view>
          <view class="value {{ isExpanded ? 'expanded' : '' }}">
            {{ isExpanded ? '收起' : '展开' }}
            <image src="./images/icon-down.png" class="iconDown"></image>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>

  <!-- <view class="order-btn" wx:if="{{ goodsInfo.wechatStatus != 'WAIT_PAY' }}">
    <button type="primary" bind:tap="onSubmit">再来一单</button>
  </view> -->
</view>

<template name="address">
  <view class="order-item">
    <view class="title">收货人</view>
    <view class="value">{{ goodsInfo.addresses.name }}</view>
  </view>
  <view class="order-item">
    <view class="title">电话号码</view>
    <view class="value">{{ goodsInfo.addresses.phoneNumber }}</view>
  </view>
  <view class="order-item">
    <view class="title">收货地址</view>
    <view class="value">{{ goodsInfo.addresses.addressDetail }}</view>
  </view>
</template>

<template name="schoolInfo">
  <view class="order-item">
    <view class="title">享用者姓名</view>
    <view class="value">{{ goodsInfo.beneficiary.name }}</view>
  </view>
  <view class="order-item">
    <view class="title">电话号码</view>
    <view class="value">{{ goodsInfo.beneficiary.phoneNumber }}</view>
  </view>
  <view class="order-item">
    <view class="title">学校信息</view>
    <view class="value">{{ goodsInfo.beneficiary.schoolInfo }}</view>
  </view>
</template>

<template name="orderInfo">
  <view class="order-item">
    <view class="title">订单编号</view>
    <view class="value">{{ goodsInfo.orderNo }}
      <view class="copy" bind:tap="onCopy" data-orderno="{{goodsInfo.orderNo}}">复制</view>
    </view>
  </view>
  <view class="order-item">
    <view class="title">创建时间</view>
    <view class="value">{{ goodsInfo.createTime }}</view>
  </view>
</template>