|
@@ -1,7 +1,7 @@
|
|
|
<!--pages/orders/order-detail.wxml-->
|
|
|
<page-meta page-style="{{ popupShow ? 'overflow: hidden;' : '' }}" style="height: 100vh;">
|
|
|
<view class="container">
|
|
|
- <navigation-bar title="订单确认"></navigation-bar>
|
|
|
+ <navigation-bar title="确认订单"></navigation-bar>
|
|
|
|
|
|
<scroll-view class="record-list" type="list" scroll-y>
|
|
|
<!-- <view class="order-status">
|
|
@@ -12,29 +12,7 @@
|
|
|
<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">
|
|
@@ -42,60 +20,88 @@
|
|
|
<view class="goods-name">{{ goodsInfo.name }}</view>
|
|
|
<view class="goods-price">
|
|
|
<text class="stuff">¥</text>
|
|
|
- <text class="priceZ">{{ my.formatValue(goodsInfo.originalPrice) }}</text>
|
|
|
+ <numberDisplay number="{{ goodsInfo.salePrice }}" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="goods-type">
|
|
|
- <view class="goods-card">{{ goodsInfo.typeName }}</view>
|
|
|
- <view class="goods-num">x1</view>
|
|
|
+ <view class="goods-card">{{ "时长: "+goodsInfo.typeName }}</view>
|
|
|
+ <view class="goods-num">原价¥{{ my.formatValue(goodsInfo.originalPrice) }}</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">
|
|
|
+ </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>
|
|
|
- <text class="priceZ">{{ my.formatValue(instrumentsInfo.originalPrice) }}</text>
|
|
|
+ <numberDisplay number="{{ item.salePrice }}" />
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="goods-type">
|
|
|
- <view class="goods-card"></view>
|
|
|
- <view class="goods-num">x1</view>
|
|
|
+ <view class="itemOriginalPrice">原价¥{{ my.formatValue(item.originalPrice) }}</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 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 class="discount">
|
|
|
- <text>-¥</text>
|
|
|
- <text>{{my.formatValue(goodsInfo.originalPrice + (instrumentsInfo.originalPrice || 0) - (goodsInfo.salePrice + (instrumentsInfo.salePrice || 0)))}}</text>
|
|
|
+ <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 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 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 class="memberInfo">
|
|
|
- <text>联系电话</text>
|
|
|
- <text>{{ memberInfo.phone }}</text>
|
|
|
+ <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="memberInfo">
|
|
|
- <text>学校信息</text>
|
|
|
- <text>{{ memberInfo.schoolInfo }}</text>
|
|
|
+ <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>
|
|
|
|
|
@@ -114,15 +120,62 @@
|
|
|
<view class="order-btn">
|
|
|
<view class="priceCon">
|
|
|
<view class="price">
|
|
|
- <view class="desc">待支付:</view>
|
|
|
+ <view class="goodsNum">{{ "共"+ (instrumentsInfo.id?'2':'1') +"件" }}</view>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
- <addAddress popupShow='{{popupShow}}' bind:addAddress="onAddAddress"></addAddress>
|
|
|
<!-- 客服 -->
|
|
|
<!-- <service wx:if="{{serviceShow}}"></service> -->
|
|
|
</view>
|