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

<!--pages/orders/order-detail.wxml-->
<page-meta page-style="{{ popupShow ? 'overflow: hidden;' : '' }}" style="height: 100vh;">
  <view class="container">
    <navigation-bar title="订单确认"></navigation-bar>

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

      <view wx:if="{{ instrumentsInfo.id }}" class="memberBox {{isAddressInfoTip?'showMemberInfoTip':''}}">
        <view wx:if="{{ !addressInfo.id }}" class="memberCon" bind:tap="onAddressInfo">
          <image class="memberImg" src="./images/member.png"></image>
          <text class="info">请填写收货信息</text>
          <image class="chevronImg" src="../index/images/chevron.png"></image>
        </view>
        <view wx:else class="memberCon" bind:tap="onAddressInfo">
          <view class="memberInfoCon">
            <view class="infoCon">
              <image class="tip" src="./images/member.png" />
              <text class="name">{{addressInfo.name}}</text>
              <text class="phone">{{addressInfo.phoneNumber}}</text>
            </view>
            <view class="schoolInfoCon">
              <text class="schoolInfo">收货地址</text><text class="schoolInfoDes">{{addressInfo.addressDes}}</text>
            </view>
          </view>
          <image wx:if="{{ !goodsInfo.orderNo }}" class="chevronImg" src="../index/images/chevron.png"></image>
        </view>
      </view>

      <view class="order-content">
        <view class="titTip">订单详情</view>
        <view class="item-content first-item-content">
          <image class='goods-icon' src="{{ goodsInfo.pic }}" mode="" />
          <view class="goods-desc">
            <view class="goodsInfo">
              <view class="goods-name">{{ goodsInfo.name }}</view>
              <view class="goods-price">
                <text class="stuff">¥</text>
                <text class="priceZ">{{ my.formatValue(goodsInfo.originalPrice) }}</text>
              </view>
            </view>
            <view class="goods-type">
              <view class="goods-card">{{ goodsInfo.typeName }}</view>
              <view class="goods-num">x1</view>
            </view>
          </view>
        </view>
        <view wx:if="{{ instrumentsInfo.id }}" class="item-content">
          <image class='goods-icon' src="{{ instrumentsInfo.pic }}" mode="" />
          <view class="goods-desc">
            <view class="goodsInfo">
              <view class="goods-name">{{ instrumentsInfo.name }}</view>
              <view class="goods-price">
                <text class="stuff">¥</text>
                <text class="priceZ">{{ my.formatValue(instrumentsInfo.originalPrice) }}</text>
              </view>
            </view>
            <view class="goods-type">
              <view class="goods-card"></view>
              <view class="goods-num">x1</view>
            </view>
          </view>
        </view>
        <view wx:if="{{goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)) > 0 }}" class="discountCon">
          <view class="discountTip">
            <image src="./images/discount.png"></image>
            <text>优惠活动</text>
          </view>
          <view class="discount">
            <text>-¥</text>
            <text>{{my.formatValue(goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)))}}</text>
          </view>
        </view>
        <view class="totalPic">
          <text class="titPic">合计</text>
          <text class="stuff">¥</text>
          <numberDisplay number="{{ goodsInfo.salePrice + (instrumentsInfo.salePrice || 0) }}" />
        </view>
      </view>
      <view class="order-content">
        <view class="titTip">会员信息</view>
        <view class="memberInfo">
          <text>姓名</text>
          <text>{{ memberInfo.name }}</text>
        </view>
        <view class="memberInfo">
          <text>联系电话</text>
          <text>{{ memberInfo.phone }}</text>
        </view>
        <view class="memberInfo">
          <text>学校信息</text>
          <text>{{ memberInfo.schoolInfo }}</text>
        </view>
      </view>

      <!-- <view class="order-time">
      <view class="order-item">
        <view class="title">订单号</view>
        <view class="value">2133442226668</view>
      </view>
      <view class="order-item">
        <view class="title">下单时间</view>
        <view class="value">2023-07-12 18:12:45</view>
      </view>
    </view> -->
    </scroll-view>

    <view class="order-btn">
      <view class="priceCon">
        <view class="price">
          <view class="desc">待支付：</view>
          <text class="stuff">¥</text>
          <numberDisplay number="{{ goodsInfo.salePrice + (instrumentsInfo.salePrice || 0) }}" />
        </view>
        <text wx:if="{{goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)) > 0 }}" class="discountVal">已优惠 ¥{{my.formatValue(goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)))}}</text>
      </view>
      <button type="primary" bind:tap="onSubmit">{{ goodsInfo.orderNo ? '继续支付' : '去支付' }}</button>
    </view>
    <addAddress popupShow='{{popupShow}}' bind:addAddress="onAddAddress"></addAddress>
    <!-- 客服 -->
    <!-- <service wx:if="{{serviceShow}}"></service> -->
  </view>
</page-meta>
<wxs module="my">
  var formatValue = function (value) {
    return parseFloat(value).toFixed(2);
  }
  module.exports = {
    formatValue: formatValue
  }
</wxs>