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 class="order-content">
        <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>
                <numberDisplay number="{{ goodsInfo.salePrice }}" />
              </view>
            </view>
            <view class="goods-type">
              <view class="goods-card">{{ "时长: "+goodsInfo.typeName }}</view>
              <view class="goods-num">原价¥{{ my.formatValue(goodsInfo.originalPrice) }}</view>
            </view>
          </view>
        </view>
      </view>
      <view wx:if="{{ instrumentsList.length }}" class="order-content">
        <view class="titTip quotaCon">
          <text>乐器超值换购</text>
          <image class="quota" src="./images/quota.png" />
        </view>
        <view class="tip">以下乐器图片仅作示意，具体产品请以实物为准</view>
        <view class="instrumentsListBox">
          <view scroll-x class="instrumentsListCon">
            <view class="instrumentItem" wx:for="{{ instrumentsList }}" wx:key="index" bind:tap="onSelectInstrumentsGoods" data-index="{{ index }}">
              <image wx:if="{{ item.id == instrumentsInfo.id  }}" class="itemSel" src="../member/images/radioAct1.png"></image>
              <image wx:else class="itemSel" src="../member/images/radio.png"></image>
              <image class="itemPic" src="{{ item.pic }}"></image>
              <view class="itemName">{{item.name}}</view>
              <view class="itemSalePrice">
                <text class="stuff">¥</text>
                <numberDisplay number="{{ item.salePrice }}" />
              </view>
              <view class="itemOriginalPrice">原价¥{{ my.formatValue(item.originalPrice) }}</view>
            </view>
          </view>
        </view>
        <view wx:if="{{ instrumentsInfo.id }}" class="memberBox">
          <view wx:if="{{ !addressInfo.id }}" class="memberCon" bind:tap="onAddressInfo">
            <image class="memberImg" src="./images/address.png"></image>
            <view class="infoBox">
              <text class="topInfo">添加收货地址</text>
              <text class="info">在此填写您的收货信息，我们将尽快为您发货</text>
            </view>
            <image class="chevronImg" src="../index/images/chevron.png"></image>
          </view>
          <view wx:else class="memberCon" bind:tap="onAddressInfo">
            <image class="memberImg" src="./images/address.png"></image>
            <view class="infoBox">
              <text class="infoAddress">{{ addressInfo.addressDes }}</text>
              <view class="infoCon">
                <text class="name">{{addressInfo.name}}</text>
                <text class="phone">{{addressInfo.phoneNumber}}</text>
              </view>
            </view>
            <image class="chevronImg" src="../index/images/chevron.png"></image>
          </view>
        </view>
      </view>
      <view class="order-content">
        <view class="titTip">价格明细</view>
        <view class="priceDetails">
          <view class="priceLeft">
            <text>商品总价</text>
            <text>{{ "共"+ (instrumentsInfo.id?'2':'1') +"件" }}</text>
          </view>
          <view class="priceRight">
            <text class="stuff">¥</text>
            <numberDisplay number="{{ goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) }}" />
          </view>
        </view>
        <view wx:if="{{ goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)) > 0 }}" class="priceDetails">
          <view class="priceLeft">
            <text>优惠金额</text>
          </view>
          <view class="priceRight discountTip">
            <text class="stuff">-¥</text>
            <numberDisplay number="{{ goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)) }}" />
          </view>
        </view>
        <view class="priceDetails sumTip">
          <view class="priceLeft">
          </view>
          <view class="priceRight">
            <text class="titPic">共计：</text>
            <text class="stuff">¥</text>
            <numberDisplay number="{{ goodsInfo.salePrice + (instrumentsInfo.salePrice || 0) }}" />
          </view>
        </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="goodsNum">{{ "共"+ (instrumentsInfo.id?'2':'1') +"件" }}</view>
          <view class="desc">需支付：</view>
          <text class="stuff">¥</text>
          <numberDisplay number="{{ goodsInfo.salePrice + (instrumentsInfo.salePrice || 0) }}" />
        </view>
      </view>
      <button type="primary" bind:tap="onSubmit">{{ goodsInfo.orderNo ? '继续支付' : '支付' }}</button>
    </view>
    <addAddress popupShow='{{popupShow}}' bind:addAddress="onAddAddress" editId="{{addressEditId}}"></addAddress>
    <view class="popup-section addressPopup" wx:if="{{addressPopupShow}}">
      <view class="popup-mask" bind:tap="onCloseAddress"></view>
      <view class="popup-container">
        <view class="topTit">收货地址</view>
        <image bind:tap="onCloseAddress" src="../index/images/icon-close.png" class="iconClose"></image>
        <scroll-view scroll-y class="memberListCon">
          <block wx:if="{{ addressList.length }}">
            <view wx:for="{{ addressList }}" wx:key="index" bind:tap="onSelectAddress" data-item="{{ item }}" class="memberListInfo {{ item.id === addressInfo.id?'active':'' }}">
              <view class="schoolInfoCon">{{item.provinceName + item.cityName + item.regionName + item.detailAddress}}</view>
              <view class="infoCon">
                <text class="name">{{item.name}}</text>
                <text class="phone">{{item.phoneNumber}}</text>
              </view>
              <view class="operate">
                <view class="radioCon">
                  <image class="radioImg" wx:if="{{item.id === addressInfo.id}}" src="../member/images/radioAct.png"></image>
                  <image class="radioImg" wx:else src="../member/images/radio.png"></image>
                  <text class="radioName">{{item.id === addressInfo.id?"已选择":"未选择"}}</text>
                </view>
                <view class="operateCon">
                  <view catch:tap="onDel" data-id="{{ item.id }}">删除</view>
                  <view catch:tap="onEdit" data-id="{{ item.id }}">修改</view>
                </view>
              </view>
            </view>
          </block>
          <view wx:else class="empty-box">
            <image src="https://oss.dayaedu.com/ktyq/1739278149891.png"></image>
            <view class="empty-text">暂无内容</view>
          </view>
        </scroll-view>
        <view class="btnSections"><button type="primary" bind:tap="handleAddAddress">
            <image src="./images/add.png" />新增地址
          </button></view>
      </view>
    </view>
    <view class="del-popup-section" wx:if="{{addressDelPopupShow}}">
      <view class="popup-mask" bind:tap="onDialogClose"></view>
      <view class="popup-container">
        <view class="tit">温馨提示</view>
        <view class="titCon">是否要删除该收货地址？</view>
        <view class="btnCon">
          <view bind:tap="onDialogClose">取消</view>
          <view bind:tap="onDialogOk">确认</view>
        </view>
      </view>
    </view>
    <!-- 客服 -->
    <!-- <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>