<!--pages/personorder/personorder.wxml-->
<view class="container">
    <mp-tabs tabs="{{tabs}}" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick"
        bindchange="onChange" activeClass="tab-bar-title__selected" tabActiveTextColor="#E32490" swiperHeight="{{(tabs[activeTab].list.length)*420}}">
        <block wx:for="{{tabs}}" wx:key="title">

            <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick">
                <view style="overflow-y: auto;height:{{orderHeight}}rpx" class="orders">
                    <block wx:for="{{tabs[index].list}}" wx:key="id">
                        <view class="orderinfo card">
                            <view class="order-item">
                                <view class="order-img">
                                    <image class="" src="{{item.productImg}}">

                                    </image>
                                </view>
                                <view class="order-desc">
                                    <view class="order-id f13 c-707070">{{item.orderSn}}</view>
                                    <view class="order-title c-202020">
                                        <view class="title">{{item.productName}}</view>

                                    </view>
                                    <view class="order-price f18">¥{{item.orderMoney}}</view>

                                    <view class="order-date f13 c-707070">
                                        <mp-icon icon="time" size="18" class="icon" color="#707070"></mp-icon>
                                        {{item.appointmentTime}}
                                    </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" wx:if="{{item.orderStatus !==0}}">再来一单</view>
                                <view class="comment btn f14" wx:if="{{item.status==1}}" data-orderId="{{}}" bindtap = "gotoComment">评价</view>
                                <view class="pay btn f14" wx:if="{{item.orderStatus==1}}">付款</view>
                            </view>
                        </view>
                    </block>

                </view>
            </view>
        </block>
    </mp-tabs>

</view>