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

<!--pages/orders/order-detail.wxml-->
<view class="container">
  <navigation-bar title="{{ goodsInfo.orderNo ? '待付款' : '确认订单' }}"></navigation-bar>

  <scroll-view class="record-list" type="list" scroll-y>
    <view class="scroll-container">
      <!-- 添加地址 -->
      <view wx:if="{{ hasInstrument }}" class="addBuyer" bind:tap="onSelectAddress">
        <view class="addBuyer-left">
          <view class="info selected {{ goodsInfo.orderNo ? 'selectedOrderNo' : '' }}" wx:if="{{ receiveAddress }}">
            <view class="address">
              <image src="./images/icon-address.png" class="icon-man {{ receiveAddress ? 'selected' : '' }}"></image>
              <text class="userName">{{ receiveAddressInfo.name }}</text>
              <text>{{ receiveAddressInfo.phoneNumber }}</text>
            </view>
            <view class="users">
              {{ receiveAddressInfo.addressDetail }}
            </view>
          </view>
          <view class="info" wx:else>
            <view class="users">
              <image src="./images/icon-address.png" class="icon-man {{ receiveAddress ? 'selected' : '' }}"></image>
              添加收货地址
            </view>
            <!-- <view class="address">请填写您的收货地址与信息</view> -->
          </view>
        </view>
        <image wx:if="{{ !goodsInfo.orderNo }}" src="./images/icon-arrow-right.png" class="arrow-right"></image>
      </view>

      <view class="order-content">
        <view class="item-content" wx:for="{{ goodsInfo.goodsList }}" wx:key="index">
          <image class='goods-icon' src="{{ item.pic }}" mode="" />
          <view class="goods-desc">
            <view class="goodsInfo">
              <view class="goods-name">{{ item.name }}</view>
              <view class="goods-current-price">¥<text>{{ item.integerPart }}.{{ item.decimalPart }}</text></view>
            </view>
            <view class="goods-type">
              <view>
                <text class="goods-card" wx:if="{{ item.typePeriod }}">{{ item.typePeriod }}</text>
              </view>

              <block wx:if="{{ item.originalPrice > item.salePrice }}">
                <view class="goods-num">优惠前 ¥<text>{{ item.originalPrice }}</text></view>
              </block>
            </view>
          </view>
        </view>

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

          <view class="goodsInfo-count">
            <view class="goods-price">
              <text class="before">共{{ goodsInfo.goodsList.length }}件 <block wx:if="{{ goodsInfo.allDiscountPrice >0 }}">，共减</block></text>
              <block wx:if="{{ goodsInfo.allDiscountPrice >0 }}">
                <text class="stuff red">¥</text>
                <text class="priceZ">{{ goodsInfo.discountIntegerPart }}.{{ goodsInfo.discountDecimalPart }}</text>
              </block>
              <!-- <text class="priceF">.{{ goodsInfo.decimalPart }}</text> -->
              <text class="afterTxt">应付：</text>
              <text class="stuff">¥</text>
              <text class="afterPrice">{{ goodsInfo.integerPart }}.{{ goodsInfo.decimalPart }}</text>
            </view>
          </view>
        </view>
      </view>

      <view class="buyUsers" wx:if="{{ userBeneficiaryId && goodsInfo.orderNo }}">
        <view class="users">
          <text class="username">{{ userBeneficiaryInfo.name }}</text>{{ userBeneficiaryInfo.phoneNumber }}
        </view>
        <view class="detail">{{userBeneficiaryInfo.schoolInfo}}</view>

        <image class="buyuser_img" mode="widthFix" src="./images/buyuser.png"></image>
      </view>

      <view class="order-time" wx:if="{{ goodsInfo.orderNo }}">
        <template is="orderInfo" data="{{ goodsInfo }}"></template>
      </view>
    </view>


    <view class="order-btn">
      <view class="more">
        <view class="price-section">
          <view class="price">
            <view class="desc">应付：</view>
            <view class="currentPrice">
              <text class="stuff">¥</text>
              <text class="priceZ">{{ goodsInfo.integerPart }}</text>
              <text class="priceF">.{{ goodsInfo.decimalPart }}</text>
            </view>
          </view>
          <view class="discountPrice" wx:if="{{ goodsInfo.allDiscountPrice > 0 }}">共减<text>¥</text><text>{{ goodsInfo.allDiscountPrice }}</text></view>
        </view>
        <button type="primary" bind:tap="onSubmit">{{ goodsInfo.orderNo ? '继续支付' : '立即支付' }}</button>
      </view>
    </view>
  </scroll-view>

  <!-- <service popShow="{{ showService }}" bind:changePop="changePop"></service> -->
</view>

<template name="orderInfo">
  <view class="order-item">
    <view class="title">订单编号</view>
    <view class="value">{{ goodsInfo.orderNo }}
      <view class="copy cell-line" 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>