57 changed files with 752 additions and 1879 deletions
@ -1,3 +1,4 @@ |
|||||
{ |
{ |
||||
|
"usingComponents": {}, |
||||
"navigationBarTitleText": "我的订单" |
"navigationBarTitleText": "我的订单" |
||||
} |
} |
@ -1,359 +1,62 @@ |
|||||
<view class="body" wx:if="{{remind}}"> |
<!--pages/order/order.wxml--> |
||||
<view class='zong'> |
<view class="container"> |
||||
<view class="spinner"> |
|
||||
<view class="spinner-container container1"> |
|
||||
<view class="circle1"></view> |
|
||||
<view class="circle2"></view> |
|
||||
<view class="circle3"></view> |
|
||||
<view class="circle4"></view> |
|
||||
</view> |
|
||||
<view class="spinner-container container2"> |
|
||||
<view class="circle1"></view> |
|
||||
<view class="circle2"></view> |
|
||||
<view class="circle3"></view> |
|
||||
<view class="circle4"></view> |
|
||||
</view> |
|
||||
<view class="spinner-container container3"> |
|
||||
<view class="circle1"></view> |
|
||||
<view class="circle2"></view> |
|
||||
<view class="circle3"></view> |
|
||||
<view class="circle4"></view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<!-- 加载页面结束 --> |
|
||||
<block wx:else> |
|
||||
<view class="swiper-tab"> |
|
||||
<view class="sorting-list{{!chioceSorting?' chioce-list-hide':' chioce-list-show'}}" style='border:1px solid {{bgcolor}};'> |
|
||||
<view class='noe' style='border-color:transparent transparent {{bgcolor}} transparent;'></view> |
|
||||
<view wx:for="{{sortingList}}" wx:key="key" catchtap="selectSorting" data-index="{{index}}" data-me="{{item.value}}" data-otype="{{item.otype}}" class="sorting-item {{item.value == activeSortingName ? 'xzbg':''}}" style="background:{{item.value == activeSortingName ? bgcolor:''}};{{index == sortingList.length-1 ? 'border-bottom:0;':''}}" |
|
||||
hover-class="click-once">{{item.value}}</view> |
|
||||
</view> |
|
||||
<!-- 下拉菜单 --> |
|
||||
<!-- <view class="swiper-tab-list phone_personal {{currentTab==0 ? 'on' : ''}} " hover-class="click-once-opaque" bindtap="clickPerson"> |
|
||||
{{activeSortingName}} |
|
||||
<text class='icon iconfont {{sortingChioceIcon}}'></text> |
|
||||
</view> --> |
|
||||
<view class="swiper-tab-list phone_personal {{currentTab==0 ? 'on' : ''}} " data-otype="" bindtap="swichNav">全部订单</view> |
|
||||
<!-- </view> --> |
|
||||
<view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" data-otype="payment" bindtap="swichNav">待付款</view> |
|
||||
<view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" data-otype="send" bindtap="swichNav">待发货</view> |
|
||||
<view class="swiper-tab-list {{currentTab==3 ? 'on' : ''}}" data-current="3" data-otype="receipt" bindtap="swichNav">待收货</view> |
|
||||
<view class="swiper-tab-list {{currentTab==4 ? 'on' : ''}}" data-current="4" data-otype="evaluate" bindtap="swichNav">待评价</view> |
|
||||
</view> |
|
||||
<view class="c_t60"></view> |
|
||||
<swiper current="{{currentTab}}" class="swiper-box" duration="300" bindchange="bindChange"> |
|
||||
<!-- 全部订单 --> |
|
||||
<swiper-item> |
|
||||
<scroll-view scroll-y="true" style="height:100%;background:#fafafa;"> |
|
||||
<view class="search_no" wx:if="{{!ordert0.length}}"> |
|
||||
<view class="font_14"> |
|
||||
<image class="scimg" src="/images/kdd.png"></image> |
|
||||
</view> |
|
||||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|
||||
</view> |
|
||||
<view class='tab_tab' wx:for="{{ordert0}}" wx:key="key"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}"> |
|
||||
<view class="top"> |
|
||||
<view> |
|
||||
订单号:{{item.sNo}} |
|
||||
<!-- 除拼团订单的状态 --> |
|
||||
<block wx:if="{{item.pid ==''}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 0}}">等待买家付款</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 1}}">等待卖家发货</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 2}}">等待买家收货</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 3}}">等待买家评价</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 4}}">退货中</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 5}}">交易成功</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 6}}">订单关闭</view> |
|
||||
</block> |
|
||||
<!-- 拼团订单的状态 --> |
|
||||
<block wx:if="{{item.pid > 0}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 0}}">待付款</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 9}}">拼团中-待成团</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 1}}">拼团成功-待发货</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 2}}">拼团成功-已发货</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 3}}">拼团成功-已签收</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 5}}">拼团成功-已评价</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 10}}">拼团失败-未退款</view> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 11}}">拼团失败-已退款</view> |
|
||||
</block> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|
||||
<view> |
|
||||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|
||||
</view> |
|
||||
<view class="sp_text"> |
|
||||
<view style='width:70%;'> |
|
||||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|
||||
<view class="sp_tit ovh1" style='color:#808080'> [{{list.size}}]</view> |
|
||||
</view> |
|
||||
<view class="sp_jg"> |
|
||||
<view class='guige'>¥ {{list.p_price}}</view> |
|
||||
<view class='guige'>x{{list.num}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</navigator> |
|
||||
<view class="total"> |
|
||||
<view class="zhifu mt10"> |
|
||||
合计: |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="bottom"> |
|
||||
<!--状态 0:未付款 1:未发货 2:待收货 3:待评论 4:退货 5:已完成 6 订单关闭 9拼团中 10 拼团失败-未退款 11 拼团失败-已退款 12:已完成(已追加评论) --> |
|
||||
<navigator wx:if="{{item.status != 1 && item.status != 4}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<navigator wx:if="{{item.status == 1 && item.pid >0}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<navigator wx:if="{{item.status == 1&& item.pid ==''}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<navigator wx:if="{{item.status == 4}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|
||||
<view class="font_12 red fl_r mr_5" wx:if="{{item.status == 5 && item.pid ==''}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' data-order-id="{{item.id}}">订单完成</view> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 2&& item.pid ==''}}" data-sNo="{{item.sNo}}">确认收货</view> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 &&item.pid > 0}}" data-sNo="{{item.sNo}}">确认收货</view> |
|
||||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 3}}" data-order-id="{{item.id}}">立即评价</navigator> |
|
||||
<navigator wx:if="{{item.status == 0}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">立即支付</navigator> |
|
||||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|
||||
</view> |
|
||||
|
|
||||
|
<view class="tab-view"> |
||||
|
<view class="tab-item{{currentIndex==idx?'Active':''}}" wx:key="key" wx:for="{{navTab}}" wx:for-index="idx" wx:for-item="item" data-idx='{{idx}}' data-item='{{item}}' bindtap="switchTab">{{item.type}} |
||||
|
<view class="tab-line{{currentIndex==idx?'Active':''}}"></view> |
||||
|
<text class="tab-badge" hidden="{{item.num == 0}}">{{item.num}}</text> |
||||
</view> |
</view> |
||||
</scroll-view> |
|
||||
</swiper-item> |
|
||||
<!-- 待付款 --> |
|
||||
<swiper-item> |
|
||||
<scroll-view scroll-y="true" style="height:100%;"> |
|
||||
<view class="search_no" wx:if="{{!ordert1.length}}"> |
|
||||
<view class="font_14"> |
|
||||
<image class="scimg" src="/images/kdd.png"></image> |
|
||||
</view> |
|
||||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|
||||
</view> |
</view> |
||||
<view class='tab_tab' wx:for="{{ordert1}}"wx:key="key"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}"> |
|
||||
<view class="top"> |
|
||||
<view> |
|
||||
订单号:{{item.sNo}} |
|
||||
<!-- 除拼团订单的状态 --> |
|
||||
<block wx:if="{{item.pid ==''}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 0}}">等待买家付款</view> |
|
||||
</block> |
|
||||
<!-- 拼团订单的状态 --> |
|
||||
<block wx:if="{{item.pid > 0}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 0}}">待付款</view> |
|
||||
|
|
||||
</block> |
<scroll-view class="scrollView" scroll-y="true" bindscrolltoupper="reloadData" bindscrolltolower="loadMoreData" scroll-top="{{scrollTop}}" style="height:{{scrollHeight}}px"> |
||||
</view> |
<view class='list-container' hidden="{{listArray.length<=0&& (loading || complete)}}"> |
||||
</view> |
<view class='list-cell' wx:for="{{listArray}}" wx:key="index" wx:for-index="idx" wx:for-item="item" data-id="{{item.id}}" bindtap="lookDetail"> |
||||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
<view class="shopView"> |
||||
<view> |
<image src="{{item.shop_logo}}" mode="aspectFill"></image> |
||||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
<text class="left">{{item.shop_name}}</text> |
||||
</view> |
<image class="jiantou-img" src="/images/x_right.png" mode="aspectFill"></image> |
||||
<view class="sp_text"> |
<view class="statusLabel" wx:if="{{item.status == 0}}">待收货</view> |
||||
<view style='width:70%;'> |
<view class="statusLabel" wx:if="{{item.status == 1}}">待发货</view> |
||||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
<view class="statusLabel" wx:if="{{item.status == 2}}">待收货</view> |
||||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
<view class="statusLabel" wx:if="{{item.status == 5}}">交易成功</view> |
||||
</view> |
</view> |
||||
<view class="sp_jg"> |
<view class='list-cell' wx:for="{{item.list}}" wx:key="index"> |
||||
<view class='guige'>¥ {{list.p_price}}</view> |
<view class="goodsView"> |
||||
<view class='guige'>x{{list.num}}</view> |
<image class="goodsImg" src="{{item.imgurl}}" mode="aspectFill"></image> |
||||
|
<view class="content"> |
||||
|
<view class="title">{{item.p_name}}</view> |
||||
|
<view class="spec">{{item.size}}</view> |
||||
|
<view class="priceView"> |
||||
|
<view class="price">¥{{item.p_price}}</view> |
||||
|
<view class="quantity">共 {{item.num}} {{item.unit}}</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</navigator> |
|
||||
<view class="total"> |
|
||||
<view class="zhifu mt10"> |
|
||||
合计: |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|
||||
</view> |
</view> |
||||
</view> |
<view class="bottomView"> |
||||
<view class="bottom"> |
<block wx:if="{{item.status == 0}}"> |
||||
<navigator wx:if="{{item.status == 0}}" url="../order/detail?orderId={{item.id}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">立即支付</navigator> |
<view class="normalBtn" bindtap="removeOrder" data-info="{{item}}">取消订单</view> |
||||
</view> |
<view class="confirmBtn" bindtap="payNow" data-info="{{item}}">立即付款</view> |
||||
</view> |
|
||||
</scroll-view> |
|
||||
</swiper-item> |
|
||||
<!-- 待发货 --> |
|
||||
<swiper-item> |
|
||||
<scroll-view scroll-y="true" style="height:100%;"> |
|
||||
<view class="search_no" wx:if="{{!ordert2.length}}"> |
|
||||
<view class="font_14"> |
|
||||
<image class="scimg" src="/images/kdd.png"></image> |
|
||||
</view> |
|
||||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|
||||
</view> |
|
||||
<view class='tab_tab' wx:for="{{ordert2}}"wx:key="key"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}"> |
|
||||
<view class="top"> |
|
||||
<view> |
|
||||
订单号:{{item.sNo}} |
|
||||
<!-- 除拼团订单的状态 --> |
|
||||
<block wx:if="{{ item.pid ==''}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 1}}">等待卖家发货</view> |
|
||||
</block> |
</block> |
||||
<!-- 拼团订单的状态 --> |
<block wx:elif="{{item.status == 1}}"> |
||||
<block wx:if="{{item.pid > 0}}"> |
<view class="confirmBtn" wx:if="{{item.delivery_status == 1}}" style="background-color:#ccc;color:white;border:0px;">提醒发货</view> |
||||
<view class='tab_statu' wx:if="{{item.status == 1}}">拼团成功-待发货</view> |
<view class="confirmBtn" wx:else bindtap="orderRemind" data-info="{{item}}">提醒发货</view> |
||||
</block> |
</block> |
||||
</view> |
<block wx:elif="{{item.status == 2}}"> |
||||
</view> |
<view class="normalBtn" bindtap="orderLogistics" data-info="{{item}}">查看物流</view> |
||||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
<view class="confirmBtn" bindtap="confirmOrder" data-info="{{item}}">确认收货</view> |
||||
<view> |
|
||||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|
||||
</view> |
|
||||
<view class="sp_text"> |
|
||||
<view style='width:70%;'> |
|
||||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|
||||
<view class="sp_tit ovh1" style='color:#808080'> [{{list.size}}]</view> |
|
||||
</view> |
|
||||
<view class="sp_jg"> |
|
||||
<view class='guige'>¥ {{list.p_price}}</view> |
|
||||
<view class='guige'>x{{list.num}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</navigator> |
|
||||
<view class="total"> |
|
||||
<view class="zhifu mt10"> |
|
||||
合计: |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="bottom"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="add_fix" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 1&&item.pid >0}}">提醒发货</view> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="add_fix" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 1&&item.pid ==''}}">提醒发货</view> |
|
||||
<navigator wx:if="{{item.pid > 0 && item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|
||||
</view> |
|
||||
</view> |
|
||||
</scroll-view> |
|
||||
</swiper-item> |
|
||||
<!-- 待收货 --> |
|
||||
<swiper-item> |
|
||||
<scroll-view scroll-y="true" style="height:100%;"> |
|
||||
<view class="search_no" wx:if="{{!ordert3.length}}"> |
|
||||
<view class="font_14"> |
|
||||
<image class="scimg" src="/images/kdd.png"></image> |
|
||||
</view> |
|
||||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|
||||
</view> |
|
||||
<view class='tab_tab' wx:for="{{ordert3}}"wx:key="key"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}"> |
|
||||
<view class="top"> |
|
||||
<view> |
|
||||
订单号:{{item.sNo}} |
|
||||
<!-- 除拼团订单的状态 --> |
|
||||
<block wx:if="{{ item.pid ==''}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 2}}">等待买家收货</view> |
|
||||
</block> |
|
||||
<!-- 拼团订单的状态 --> |
|
||||
<block wx:if="{{item.pid > 0}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 2}}">拼团成功-已发货</view> |
|
||||
</block> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
|
||||
<view> |
|
||||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|
||||
</view> |
|
||||
<view class="sp_text"> |
|
||||
<view style='width:70%;'> |
|
||||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|
||||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
|
||||
</view> |
|
||||
<view class="sp_jg"> |
|
||||
<view class='guige'>¥ {{list.p_price}}</view> |
|
||||
<view class='guige'>x{{list.num}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</navigator> |
|
||||
<view class="total"> |
|
||||
<view class="zhifu mt10"> |
|
||||
合计: |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="bottom" > |
|
||||
<navigator url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
|
|
||||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|
||||
<!-- <view class="font_12 red fl_r mr_5" bindtap="escOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 1}}" data-order-id="{{item.id}}" data-sno="{{item.sNo}}">取消订单</view> --> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' wx:if="{{item.status == 2&&item.pid==''}}" data-sNo="{{item.sNo}}">确认收货</view> |
|
||||
<view class="font_12 red fl_r mr_5" bindtap="recOrder" style='border:1px solid #8a8a8a;color:#8a8a8a;' wx:if="{{item.status == 2 && item.pid > 0}}" data-sNo="{{item.sNo}}">确认收货</view> |
|
||||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|
||||
</view> |
|
||||
</view> |
|
||||
</scroll-view> |
|
||||
</swiper-item> |
|
||||
<!-- 待评价 --> |
|
||||
<swiper-item> |
|
||||
<scroll-view scroll-y="true" style="height:100%;"> |
|
||||
<view class="search_no" wx:if="{{!ordert4.length}}"> |
|
||||
<view class="font_14"> |
|
||||
<image class="scimg" src="/images/kdd.png"></image> |
|
||||
</view> |
|
||||
<text>没有可用订单/(ㄒoㄒ)/~~</text> |
|
||||
</view> |
|
||||
<view class='tab_tab' wx:for="{{ordert4}}" wx:key="key"> |
|
||||
<navigator url="../order/detail?orderId={{item.id}}"> |
|
||||
<view class="top"> |
|
||||
<view> |
|
||||
订单号:{{item.sNo}} |
|
||||
<!-- 除拼团订单的状态 --> |
|
||||
<block wx:if="{{ item.pid ==''}}"> |
|
||||
<view class='tab_statu' wx:if="{{item.status == 3}}">等待买家评价</view> |
|
||||
</block> |
</block> |
||||
<!-- 拼团订单的状态 --> |
<block wx:elif="{{item.status == 5}}"> |
||||
<block wx:if="{{item.pid > 0}}"> |
<view class="deleteBtn" bindtap="deleteOrder" data-info="{{item}}">删除订单</view> |
||||
<view class='tab_statu' wx:if="{{item.status == 3}}">拼团成功-已签收</view> |
<view class="normalBtn" bindtap="orderLogistics" data-info="{{item}}">查看物流</view> |
||||
|
<view class="confirmBtn" bindtap="evaluateOrder" data-info="{{item}}">立即评价</view> |
||||
</block> |
</block> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="shop df" wx:for="{{item.list}}" wx:for-item="list" wx:key="id"> |
<view class="loading" hidden="{{!loading}}">正在载入更多...</view> |
||||
<view> |
<view class="complete" hidden="{{!complete}}">暂无更多数据</view> |
||||
<image class="sh_slt" src="{{list.imgurl}}"></image> |
|
||||
</view> |
|
||||
<view class="sp_text"> |
|
||||
<view style='width:70%;'> |
|
||||
<view class="sp_tit ovh1" style="color: #000;">{{list.p_name}}</view> |
|
||||
<view class="sp_tit ovh1" style='color:#808080'>[{{list.size}}]</view> |
|
||||
</view> |
|
||||
<view class="sp_jg"> |
|
||||
<view class='guige'>¥ {{list.p_price}}</view> |
|
||||
<view class='guige'>x{{list.num}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</navigator> |
|
||||
<view class="total"> |
|
||||
<view class="zhifu mt10"> |
|
||||
合计: |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info != 0}}">¥ {{item.z_price}}</span> |
|
||||
<span class="font_20 red" style="margin-left:5px;" wx:if="{{item.info == 0}}">¥ {{item.total}}</span> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="bottom" > |
|
||||
<navigator wx:if="{{item.status != 1}}" url="../order/detail?orderId={{item.id}}" style='border:1px solid #8a8a8a;color:#8a8a8a;' |
|
||||
class="font_12 red fl_r mr_5">订单详情</navigator> |
|
||||
<!-- <navigator class="font_12 red fl_r mr_5" url="../logistics/logistics?orderId={{item.sNo}}" style='border:1px solid #8a8a8a;color:#8a8a8a;'wx:if="{{item.status == 2 || item.status == 3}}" data-order-id="{{item.id}}">查看物流</navigator> --> |
|
||||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}" style='color:{{bgcolor}};border:1px solid {{bgcolor}};' |
|
||||
wx:if="{{item.status == 3&&item.pid ==''}}" data-order-id="{{item.id}}">立即评价</navigator> |
|
||||
<navigator class="font_12 red fl_r mr_5" url="../comment/comment?ordersn={{item.sNo}}"style='border:1px solid #8a8a8a;color:#8a8a8a;' |
|
||||
wx:if="{{item.status == 3&&item.pid > 0}}" data-order-id="{{item.id}}">立即评价</navigator> |
|
||||
<navigator wx:if="{{item.pid > 0 &&item.status > 0}}" url="../group_buy/cantuan?id={{item.ptcode}}&groupid={{item.pid}}&pro_id={{item.pro_id}}&man_num={{item.man_num}}" |
|
||||
style='color:{{bgcolor}};border:1px solid {{bgcolor}};' class="font_12 red fl_r mr_5">分享好友</navigator> |
|
||||
</view> |
|
||||
</view> |
</view> |
||||
|
<view class="noMoreData" wx:if='{{listArray.length<=0&& (loading || complete)}}'>暂无数据</view> |
||||
</scroll-view> |
</scroll-view> |
||||
</swiper-item> |
|
||||
</swiper> |
</view> |
||||
</block> |
|
||||
<view bindtap="hideAllChioce" class="mask" hidden="{{!chioceDistrict&&!chioceSorting&&!chioceFilter}}"></view> |
|
@ -1,403 +1,228 @@ |
|||||
|
/* pages/order/order.wxss */ |
||||
page{ |
page{ |
||||
height: 100%; |
background: #F5F5F5; |
||||
width: 100%; |
|
||||
} |
|
||||
.scimg { |
|
||||
width:246rpx; |
|
||||
height:246rpx; |
|
||||
} |
} |
||||
.swiper-tab{ |
.tab-view{ |
||||
width: 100%; |
|
||||
border-bottom: 1px solid #eee; |
|
||||
text-align: center; |
|
||||
line-height: 80rpx; |
|
||||
background: #fff; |
|
||||
position: fixed; |
position: fixed; |
||||
top: 0; |
|
||||
z-index: 999; |
|
||||
} |
|
||||
.swiper-tab-list{ |
|
||||
font-size: 12px; |
|
||||
display: inline-block; |
|
||||
width: 20%; |
|
||||
color: #666; |
|
||||
} |
|
||||
.on{ |
|
||||
color: #dd2727; |
|
||||
border-bottom: 5rpx solid #dd2727; |
|
||||
} |
|
||||
|
|
||||
.swiper-box{ |
|
||||
display: block; |
|
||||
height: 100%; |
|
||||
width: 100%; |
width: 100%; |
||||
overflow: hidden; |
height: 100rpx; |
||||
/* iPhoneX底部适配 */ |
background-color: #fff; |
||||
padding-bottom: env(safe-area-inset-bottom); |
white-space: nowrap; |
||||
} |
} |
||||
|
.tab-itemActive{ |
||||
.clearbutton{ |
color: #454553; |
||||
background: #fff; |
width: 20%; |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
text-align: center; |
||||
|
font-size: 30rpx; |
||||
|
font-weight: bold; |
||||
display: inline-block; |
display: inline-block; |
||||
margin:3% 3% 2% 3%; |
|
||||
color: #dd2727; |
|
||||
font-size: 14px; |
|
||||
width: 94%; |
|
||||
} |
|
||||
button::after{ |
|
||||
border: none; |
|
||||
} |
|
||||
.shop{ |
|
||||
background: #fafafa; |
|
||||
padding: 15px; |
|
||||
border-bottom:1px solid #eee; |
|
||||
} |
|
||||
.shop checkbox{ |
|
||||
margin-top: 27px; |
|
||||
} |
|
||||
.sh_slt{ |
|
||||
width: 65px; |
|
||||
height: 65px; |
|
||||
overflow: hidden; |
|
||||
border-radius: 5px; |
|
||||
margin-right: 4%; |
|
||||
float: left; |
|
||||
} |
|
||||
.sp_text{ |
|
||||
display:flex; |
|
||||
line-height: 20px; |
|
||||
width: 100%; |
|
||||
text-align: left; |
|
||||
padding-left:10px; |
|
||||
} |
|
||||
.sp_tit{ |
|
||||
width: 100%; |
|
||||
overflow: hidden; |
|
||||
font-size: 12px; |
|
||||
-webkit-line-clamp:2; |
|
||||
} |
|
||||
.guige{ |
|
||||
font-size:12px; |
|
||||
color:#808080; |
|
||||
text-align:right; |
|
||||
} |
} |
||||
|
.tab-item { |
||||
|
color: #9fa5b6; |
||||
|
width: 20%; |
||||
.sp_neb{ |
height: 100rpx; |
||||
width: 100%; |
line-height: 100rpx; |
||||
overflow: hidden; |
text-align: center; |
||||
font-size: 13px; |
font-size: 30rpx; |
||||
color: #999; |
display: inline-block; |
||||
} |
|
||||
.sp_jg{ |
|
||||
width: 30%; |
|
||||
overflow: hidden; |
|
||||
font-size: 13px; |
|
||||
color: #fc0628; |
|
||||
} |
} |
||||
.dle{ |
.tab-lineActive{ |
||||
color: #999; |
width: 78rpx; |
||||
font-size: 12px; |
height: 6rpx; |
||||
float: right; |
margin-top: -10rpx; |
||||
|
margin-left: 25%; |
||||
|
background-color: #F95B43; |
||||
|
z-index: 655; |
||||
} |
} |
||||
.dle image{ |
.tab-badge{ |
||||
width: 18px; |
position: absolute; |
||||
height: 18px; |
margin-top: -80rpx; |
||||
vertical-align: sub; |
margin-left: 45rpx; |
||||
|
width: 35rpx; |
||||
|
height: 35rpx; |
||||
|
border-radius: 17.5rpx; |
||||
|
line-height: 35rpx; |
||||
|
font-size: 28rpx; |
||||
|
text-align: center; |
||||
|
font-weight: normal; |
||||
|
color: white; |
||||
|
background-color: red; |
||||
} |
} |
||||
.jk_bottom{ |
.tab-line{ |
||||
position: fixed; |
|
||||
bottom: 0; |
|
||||
background: #fff; |
|
||||
width: 100%; |
width: 100%; |
||||
display: inline-flex; |
height: 2rpx; |
||||
border-bottom: 1px solid #eee; |
margin-top: -8rpx; |
||||
font-size: 14px; |
background-color: #fff; |
||||
color: #999; |
|
||||
} |
} |
||||
.jk_bottom checkbox{ |
/*list*/ |
||||
margin: 4% 0 4% 4%; |
.list-container{ |
||||
|
background: #F5F5F5; |
||||
} |
} |
||||
.jk_bottom .heji{ |
.list-cell{ |
||||
margin-top: 5.5%; |
display: inline-table; |
||||
width: 30%; |
width: 95%; |
||||
text-align: right; |
margin:20rpx 2.5% 0rpx 2.5%; /*上-右-下-左*/ |
||||
|
padding-bottom: 15rpx; |
||||
|
background: white; |
||||
|
/* box-shadow:0 6rpx 10rpx 2rpx #807e7a99; */ |
||||
|
border-radius: 10rpx; |
||||
} |
} |
||||
.jk_bottom .all{ |
.list-cell image{ |
||||
margin-top: 5.5%; |
width: 345rpx; |
||||
padding-left: 2%; |
height: 345rpx; |
||||
} |
} |
||||
.jk_bottom .js_button{ |
.list-cell .imageSrc{ |
||||
background: #dd2727; |
|
||||
float: right; |
|
||||
color: #fff; |
|
||||
font-size: 16px; |
|
||||
text-align: center; |
|
||||
width: 40%; |
|
||||
position: absolute; |
position: absolute; |
||||
right: 0; |
margin-top: 20rpx; |
||||
line-height: 50px; |
margin-left: 20rpx; |
||||
} |
width: 104rpx; |
||||
.c_t60{ |
|
||||
clear: both; |
|
||||
height: 1px; |
|
||||
padding-top: 35px; |
|
||||
} |
|
||||
.blue{ |
|
||||
color: #42b1ff; |
|
||||
} |
|
||||
.mr_5{ |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
.top{ |
|
||||
padding: 15px; |
|
||||
font-size:12px; |
|
||||
} |
} |
||||
.font_12{ |
.shopView { |
||||
padding: 5px 10px; |
|
||||
border-radius:15px; |
|
||||
color:#fff; |
|
||||
width:55px; |
|
||||
text-align:center; |
|
||||
line-height:15px; |
|
||||
height:15px; |
|
||||
} |
|
||||
.bottom{ |
|
||||
border-top:1px #eee solid; |
|
||||
height:36px; |
|
||||
margin:auto; |
|
||||
display:flex; |
display:flex; |
||||
justify-content:flex-end; |
align-items: center; |
||||
align-items:center; |
height: 85rpx; |
||||
} |
|
||||
.total{ |
|
||||
font-size:14px; |
|
||||
padding-bottom:3px; |
|
||||
height:28px; |
|
||||
/* padding-right:14px; */ |
|
||||
} |
|
||||
|
|
||||
.zhifu{ |
|
||||
height:28px; |
|
||||
line-height:28px; |
|
||||
float:right; |
|
||||
padding-right:4%; |
|
||||
} |
|
||||
|
|
||||
.tab_statu{ |
|
||||
float: right; |
|
||||
font-size: 13px; |
|
||||
color: #FF6347; |
|
||||
} |
} |
||||
.tab_tab{ |
.shopView image { |
||||
background:#fff; |
width: 40rpx; |
||||
margin-bottom:8px; |
height: 40rpx; |
||||
|
margin-left: 25rpx; |
||||
} |
} |
||||
scroll-view { |
.shopView text{ |
||||
background:#eee; |
margin-left: 12rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
} |
} |
||||
.person_box{ |
.shopView .jiantou-img { |
||||
position: relative; |
width: 25rpx; |
||||
|
height: 25rpx; |
||||
|
margin-left: 20rpx; |
||||
} |
} |
||||
.phone_select{ |
.shopView .statusLabel{ |
||||
margin-top:0; |
position: absolute; |
||||
z-index: 100; |
right: 45rpx; |
||||
position: absolute; /*//小程序中z-index和absolute需要同时存在,元素才能脱离文档。 */ |
color: #FA5151; |
||||
|
font-size: 30rpx; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
} |
} |
||||
.select_one{ |
.goodsView{ |
||||
text-align: center; |
display: flex; |
||||
background-color:rgb(239, 239, 239); |
flex-direction: row; |
||||
width:100%; /* //脱离文档后元素width不能再用百分比。 */ |
|
||||
height:100rpx; |
|
||||
line-height:100rpx; |
|
||||
margin:0 5%; |
|
||||
border-bottom:2rpx solid rgb(255, 255, 255); |
|
||||
} |
} |
||||
|
.goodsView .goodsImg { |
||||
/*下拉*/ |
margin-left: 20rpx; |
||||
.product-list { |
width: 150rpx; |
||||
min-height: 100vh; |
height: 150rpx; |
||||
background-color: #f0f0f0; |
|
||||
padding-top: 80rpx; |
|
||||
box-sizing: border-box; |
|
||||
} |
} |
||||
|
.goodsView .content{ |
||||
/*条件选择*/ |
|
||||
|
|
||||
.choice-bar { |
|
||||
position: fixed; |
|
||||
top: 0; |
|
||||
display: flex; |
display: flex; |
||||
width: 100vw; |
flex-direction: column; |
||||
font-size: 16px; |
justify-content: center; |
||||
background-color: #fff; |
margin-left: 25rpx; |
||||
z-index: 9; |
} |
||||
|
.content .title{ |
||||
|
/* margin-top: 10rpx; */ |
||||
|
color: #333333; |
||||
|
font-size: 36rpx; |
||||
|
max-width: 480rpx; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; /*超出省略号*/ |
||||
|
white-space: nowrap; |
||||
|
font-weight: bold; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
|
/*-webkit-line-clamp: 2; /*控制行数*/ |
||||
|
} |
||||
|
.content .spec{ |
||||
|
margin-top: 25rpx; |
||||
|
color: #999999; |
||||
|
font-size: 30rpx; |
||||
|
max-width: 480rpx; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
} |
} |
||||
|
.priceView{ |
||||
.chioce-item { |
margin-top: 30rpx; |
||||
background-color: #fff; |
|
||||
display: flex; |
display: flex; |
||||
align-items: center; |
height: 40rpx; |
||||
justify-content: space-between; |
|
||||
padding: 0 20rpx; |
|
||||
width: 33.33%; |
|
||||
height: 80rpx; |
|
||||
border-top: 1rpx solid #ddd; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
border-left: 1rpx solid #ddd; |
|
||||
/*border-right: 1rpx solid #ddd;*/ |
|
||||
} |
|
||||
|
|
||||
.chioce-item-last { |
|
||||
border-right: none; |
|
||||
} |
|
||||
|
|
||||
.chioce-item-first { |
|
||||
border-left: none; |
|
||||
} |
|
||||
|
|
||||
.icon-chioce { |
|
||||
height: 30rpx; |
|
||||
width: 30rpx; |
|
||||
} |
} |
||||
.mask{ |
.priceView .price{ |
||||
position: fixed; |
color: #FA5151; |
||||
top:0; |
font-size: 36rpx; |
||||
bottom: 0; |
line-height: 40rpx; |
||||
right: 0; |
|
||||
left: 0; |
|
||||
background-color: #000; |
|
||||
opacity: 0.5; |
|
||||
} |
} |
||||
.district-list,.sorting-list,.filter-list { |
.priceView .quantity{ |
||||
margin-top: 2rpx; |
|
||||
position: absolute; |
position: absolute; |
||||
top: 80rpx; |
right: 45rpx; |
||||
left: 10px; |
color: #9d9d9d; |
||||
width: 100%; |
font-size: 28rpx; |
||||
background-color: #fff; |
line-height: 40rpx; |
||||
z-index: -1; |
|
||||
font-size: 14px; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
} |
|
||||
.iconfont { |
|
||||
font-size:9px; |
|
||||
margin:0; |
|
||||
padding:0; |
|
||||
} |
|
||||
.xzbg{ |
|
||||
color: #fff; |
|
||||
} |
|
||||
.chioce-list-show { |
|
||||
top: 110rpx; |
|
||||
animation: slide 500ms; |
|
||||
width:25%; |
|
||||
border:1px solid red; |
|
||||
border-radius:5px; |
|
||||
font-size:12px; |
|
||||
} |
} |
||||
|
.bottomView{ |
||||
@keyframes slide { |
|
||||
0% { |
|
||||
top: -500rpx; |
|
||||
} |
|
||||
|
|
||||
100% { |
|
||||
top: 80rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.chioce-list-hide { |
|
||||
display: none !important; |
|
||||
} |
|
||||
|
|
||||
/*区域位置*/ |
|
||||
|
|
||||
.district-list { |
|
||||
display: flex; |
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-top: 15rpx; |
||||
|
margin-bottom: 15rpx; |
||||
|
align-items: center; |
||||
|
box-sizing: border-box; |
||||
|
height: 70rpx; |
||||
} |
} |
||||
|
.normalBtn{ |
||||
.district-left { |
position: absolute; |
||||
flex-grow: 1; |
right: 225rpx; |
||||
} |
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
.district-right { |
color: #999999; |
||||
flex-grow: 4; |
border: 1px solid #FA5151; |
||||
} |
height: 50rpx; |
||||
.scroll-district{ |
line-height: 50rpx; |
||||
height: 500rpx; |
border-radius: 50rpx; |
||||
} |
} |
||||
.district-parent { |
.confirmBtn{ |
||||
height: 100rpx; |
position: absolute; |
||||
|
right: 45rpx; |
||||
|
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #FA5151; |
||||
|
border: 1px solid #FA5151; |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
border-radius: 50rpx; |
||||
|
} |
||||
|
.deleteBtn{ |
||||
|
position: absolute; |
||||
|
right: 410rpx; |
||||
|
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #999999; |
||||
|
border: 1px solid #FA5151; |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
border-radius: 50rpx; |
||||
|
} |
||||
|
.noMoreData{ |
||||
|
padding-top: 100rpx; |
||||
line-height: 100rpx; |
line-height: 100rpx; |
||||
padding: 0 40rpx; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
border-right: 1rpx solid #ddd; |
|
||||
background-color: #f0f0f0; |
|
||||
} |
|
||||
|
|
||||
.district-parent-active { |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
|
|
||||
.district-children { |
|
||||
height: 100rpx; |
height: 100rpx; |
||||
line-height: 100rpx; |
width: 100%; |
||||
padding: 0 40rpx; |
font-size: 32rpx; |
||||
border-bottom: 1rpx solid #ddd; |
text-align: center; |
||||
} |
color: #454553; |
||||
|
|
||||
/*综合排序*/ |
|
||||
|
|
||||
.sorting-item { |
|
||||
height: 80rpx; |
|
||||
line-height: 80rpx; |
|
||||
/* padding: 0 40rpx; */ |
|
||||
border-bottom: 1rpx solid #eee; |
|
||||
} |
|
||||
|
|
||||
/*筛选*/ |
|
||||
|
|
||||
.filter-item { |
|
||||
height: 80rpx; |
|
||||
line-height: 80rpx; |
|
||||
padding: 0 40rpx; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.icon-selected { |
|
||||
height: 30rpx; |
|
||||
width: 30rpx; |
|
||||
} |
|
||||
|
|
||||
.filter-footer { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
|
|
||||
.filter-footer button { |
|
||||
margin: 20rpx 80rpx; |
|
||||
border-radius: 0 !important; |
|
||||
} |
} |
||||
|
.scrollView { |
||||
.button-reset { |
flex-grow: 1; |
||||
border: 1rpx solid #ddd !important; |
padding:0rpx; |
||||
color: #666 !important; |
padding-top: 100rpx; |
||||
} |
} |
||||
|
.loading,.complete { |
||||
/* 小标签 */ |
width: 100%; |
||||
.noe { |
padding: 30rpx 0rpx; |
||||
display: block; |
text-align: center; |
||||
border-width: 10px; |
font-size: 24rpx; |
||||
position: absolute; |
color: #9fa4b6; |
||||
left: 10px; |
|
||||
top: -20px; |
|
||||
border-style: solid dashed dashed; |
|
||||
border-color: transparent transparent red transparent; |
|
||||
font-size: 0; |
|
||||
line-height: 0; |
|
||||
} |
} |
Loading…
Reference in new issue