classroom-music-activation/miniprogram/pages/orders/order-detail.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="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 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>
<wxs module="my">
  var formatValue = function (value) {
    return parseFloat(value).toFixed(2);
  }
  module.exports = {
    formatValue: formatValue
  }
</wxs>