pos_xcx/pages/personorder/personorder.wxml

<!--pages/personorder/personorder.wxml-->
<view class="container">
    <mp-tabs tabs="{{tabs}}" class="tabs" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick"
        bindchange="onChange" activeClass="tab-bar-title__selected" tabActiveTextColor="#BA9D6E"
        swiperHeight="{{tabh }}">
        <block wx:for="{{tabs}}" wx:key="title">
            <scroll-view scroll-y="true" bindscrolltolower="scroolBottom" class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick">
                <view  class="orders" >
                    <block wx:for="{{tabs[index].list}}" wx:key="id">
                        <view class="orderinfo card">
                            <view class="order-item" bindtap="showOrderInfo" data-orderid="{{item.id}}"
                                data-status="{{item.status}}" data-writestatus="{{item.writeOffStatus}}">
                                <view class="pay-text">{{item.orderSn}}</view>
                      
                                    <view class="order-img" >
                                        <image class="" src="{{item.productList[0].productImg}}">

                                        </image>
                                    </view>
                                    <view class="order-desc" >
                                        <view class="order-id f30 c-707070">{{item.statusText}}</view>
                                        <view class="order-title c-202020">
                                            <view class="title" wx:if="{{item.orderType !=3}}">{{item.productName}}</view>
                                            <view class="title" wx:if="{{item.orderType ==3}}">{{item.productList[0].productName}}×{{item.productList[0].productNum}}</view>

                                        </view>
                                        <view class="order-price f18"  wx:if="{{item.orderType !=3}}">¥{{item.orderMoney}}</view>
                                        <view class="order-price f18"  wx:if="{{item.orderType ==3}}">¥{{item.productList[0].currentPrice}}</view>

                                        <view class="order-date f13 c-707070" wx:if="{{item.orderType !=3}}">
                                            <mp-icon icon="time" size="18" class="icon" color="#707070"></mp-icon>
                                            {{item.appointmentTime}}
                                        </view>
                                        <view class="order-date f13 c-707070" wx:if="{{item.orderType ==3}}">
                                            <mp-icon icon="shop" size="18" class="icon" color="#707070"></mp-icon>
                                            {{item.productList[0].productName}}等，共{{item.productList.length}}件
                                        </view>
                                        <view class="order-shop-address">
                                            <view class="address f13 c-707070">
                                                <mp-icon icon="location" size="18" class="icon" type="filled"
                                                    color="#707070"></mp-icon>
                                                {{item.address}}
                                            </view>
                                            <!-- <view class="distance f13 ">{{item.distance}}</view> -->
                                        </view>

                                    </view>
                              
                            </view>
                            <view class="operate-btn">
                                <view class="buy-again btn f14" data-shopid="{{item.storeId}}"
                                    data-productid="{{item.productId}}" data-productimg="{{item.productImg}}"
                                    data-productname="{{item.productName}}" data-price="{{item.orderMoney}}"
                                    catchtap="buyAgain" wx:if="{{item.status==2&&item.writeOffStatus==2}}">再来一单
                                </view>
                                <view class="comment btn f14"
                                    wx:if="{{item.status==2&&item.writeOffStatus==2&&item.discussId==''}}"
                                    data-orderid="{{item.id}}" data-shopid="{{item.storeId}}"
                                    data-productid="{{item.productId}}" bindtap="gotoComment">评价</view>
                                <view class="pay btn f14" data-orderId="{{item.id}}" bindtap="payOrder" wx:if="{{item.status==1}}">付款</view>
                                <view class="pay btn f14" data-orderId="{{item.id}}" catchtap="showOrderInfo">查看详情</view>
                            </view>
                        </view>
                    </block>
                </view>
            </scroll-view>
        </block>
    </mp-tabs>

</view>