You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hunjianghu/杨盼成/pages/order-details/index.wxml

127 lines
6.9 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<view class="container">
<view class="sec-wrap">
<view class="order-status">
<view class="icon-box">
<image wx:if="{{orderDetail.orderInfo.status==-1}}" class="icon" src="/images/order-details/icon-ddgb.png"></image>
<image wx:elif="{{orderDetail.orderInfo.status==0}}" class="icon" src="/images/order-details/icon-ddfk.png"></image>
<image wx:elif="{{orderDetail.orderInfo.status==1}}" class="icon" src="/images/order-details/icon-ddfh.png"></image>
<image wx:elif="{{orderDetail.orderInfo.status==2}}" class="icon" src="/images/order-details/icon-ddsh.png"></image>
<image wx:elif="{{orderDetail.orderInfo.status==3 || orderDetail.orderInfo.status==4}}" class="icon" src="/images/order-details/icon-jycg.png"></image>
</view>
<view class="right-text">
<view class="status red">{{orderDetail.orderInfo.statusStr}}</view>
<view class="des" hidden="true">请于11时59分59秒内付款超时订单将自动关闭</view>
</view>
</view>
<block wx:if="{{orderDetail.logistics}}">
<view wx:if="{{orderDetail.logisticsTraces}}" class="wuliu-box">
<view class="icon-box">
<image class="icon" src="/images/order-details/icon-wuliu.png"></image>
</view>
<view class="right-text" bindtap="wuliuDetailsTap" data-id="{{orderDetail.orderInfo.id}}">
<view class="order-number">快递单号:{{orderDetail.logistics.trackingNumber}}</view>
<block wx:if="{{orderDetail.logisticsTraces}}">
<view class="wuliu-text">{{orderDetail.logisticsTraces[orderDetail.logisticsTraces.length-1].AcceptStation}}</view>
<view class="wuliu-date">{{orderDetail.logisticsTraces[orderDetail.logisticsTraces.length-1].AcceptTime}}</view>
</block>
</view>
<view class="arrow-right">
<image class="arrow" src="/images/arrow-right.png"></image>
</view>
</view>
<view wx:else class="wuliu-box">
<view class="icon-box">
<image class="icon" src="/images/order-details/icon-wuliu.png"></image>
</view>
<view class="right-text">
<view class="order-number">快递单号:{{orderDetail.logistics.trackingNumber}}</view>
<view class="wuliu-text">暂无物流信息</view>
</view>
</view>
<view class="address-sec">
<view class="icon-box">
<image class="icon" src="/images/order-details/icon-address.png"></image>
</view>
<view class="right-box">
<view class="name-tel">{{orderDetail.logistics.linkMan}} {{orderDetail.logistics.mobile}}</view>
<view class="text">
{{orderDetail.logistics.address}}
</view>
</view>
</view>
</block>
</view>
<view class="goods-list">
<view class="list-title">商品信息</view>
<form bindsubmit="submitReputation" report-submit="true">
<block wx:for-items="{{orderDetail.goods}}" wx:key="{{index}}">
<view class="a-goods">
<view class="img-box">
<image src="{{item.pic}}" class="img" />
</view>
<view class="text-box">
<view class="arow arow01">
<view class="goods-name">{{item.goodsName}}</view>
<view class="goods-price">¥ {{item.amount}}</view>
</view>
<view class="arow">
<view class="goods-label">{{item.property}}</view>
<view class="goods-num">x {{item.number}}</view>
</view>
</view>
</view>
<view class="btn-row" wx:if="{{orderDetail.orderInfo.status==3}}">
<view class="section section_gap">
<view style="margin-top:35rpx;margin-bottom:35rpx;">评价:</view>
<radio-group name="goodReputation{{index}}">
<label style="margin-right:35rpx;"><radio value="2" checked/>好评</label>
<label style="margin-right:35rpx;"><radio value="1"/>中评</label>
<label style="margin-right:35rpx;"><radio value="0"/>差评</label>
</radio-group>
</view>
<view class="row-box" style="margin-top:35rpx">
<view class="row-label">备注</view>
<input name="orderGoodsId{{index}}" value="{{item.id}}" style="display:none;"/>
<textarea name="goodReputationRemark{{index}}" style="margin-top:35rpx;width:100%;" value="非常愉快的一次购物!" />
</view>
</view>
</block>
<view class="btn-row" wx:if="{{orderDetail.orderInfo.status==3}}">
<navigator style="float:right;" class="confirm-btn" target="miniProgram" app-id="wx56c8f077de74b07c" path="/open/order-comment/order-comment?appid={{appid}}&order_id={{orderDetail.orderInfo.orderNumber}}">去购物单评价</navigator>
<button style="float:right;" class="confirm-btn" formType="submit">提交评价</button>
</view>
</form>
<form bindsubmit="confirmBtnTap" report-submit="true">
<view class="btn-row" wx:if="{{orderDetail.orderInfo.status==2}}">
<button class="confirm-btn" formType="submit">确认收货</button>
</view>
</form>
</view>
<view class="peisong-way" hidden="true">
<view class="row-box">
<view class="row-label">配送方式</view>
<view class="right-text">顺丰快递</view>
</view>
<view class="row-box">
<view class="row-label">留言</view>
<view class="right-text">
<input name="remark" type="text" class="liuyan" placeholder="如需留言请输入" />
</view>
</view>
</view>
<view class="goods-info">
<view class="row-box">
<view class="row-label">商品金额</view>
<view class="right-text">¥ {{orderDetail.orderInfo.amount}}</view>
</view>
<view class="row-box">
<view class="row-label">运费</view>
<view class="right-text">+ ¥ {{orderDetail.orderInfo.amountLogistics}}</view>
</view>
<view class="row-box">
<view class="row-label">应付总额</view>
<view class="right-text">¥ {{orderDetail.orderInfo.amountReal}}</view>
</view>
</view>
</view>