<!--pages/order/detail/detail.wxml-->
<view class="navBar" style="top: {{btnInfo.top}}px;">
    <van-icon name="arrow-left" size="22" bindtap="backBtn" />
    <view class="cent" style="height:  {{btnInfo.top-7}}px; width: 1px;background-color: #ccc; margin-top: 8px;"></view>
    <van-icon name="https://636c-cloud1-5g8ctn7636a19591-1309870806.tcb.qcloud.la/home1.png?sign=14e900380d4db495f5094d28c98b0d73&t=1646544154" size="22" bindtap="home" />
</view>
<view class="topBg">
    <image src="/image/home/bg.png" class="img-bgs bg"></image>

    <view class="title">
        {{orderinfo.status_name}}
    </view>

    <!-- <taskOrder value="3" bind:rightClick="rightClick" /> -->

    <view class="zhifu flex" wx:if="{{orderinfo.status==1}}">
        <view class="tips">
            {{orderinfo.status_name}}
        </view>
        <view class="price">合计费用：¥{{orderinfo.total_price}}</view>

        <view class="footer flex ">
            <view class="btn btn-sky" catchtap="pay">支付</view>
            <!-- <view class="btn btn-border">取消订单</view> -->
        </view>
    </view>

    <view class="statusBox">
        <view class="b-bottom" wx:if="{{orderinfo.status!=1}}">
            <view wx:if="{{orderinfo.order_type==2}}">
                <!-- 柜子订单 -->
                <block wx:if="{{orderinfo.logistics_status==3}}">
                    <view wx:for="{{orderinfo.external_title}}" wx:key="index">
                        <view class="statusTips">
                            {{logistics1[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics1[orderinfo.logistics_status-1].desc}} {{item}} {{logistics1[orderinfo.logistics_status-1].foot}}
                        </view>
                        <view wx:if="{{index>=1}}" style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>
                <block wx:else>
                    <view>
                        <view class="statusTips">
                            {{logistics1[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics1[orderinfo.logistics_status-1].desc}}
                        </view>
                        <view style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>
                <view class="statusBtn flex">
                    <view class="btn btn-sky" bindtap="open" data-no="{{orderinfo.order_type}}" data-network_id="{{orderinfo.network_id}}" data-is_deposit="{{orderinfo.logistics_status==1?1:orderinfo.logistics_status==6?0:''}}">{{orderinfo.logistics_status==1 || orderinfo.logistics_status==6?"扫码开柜":orderinfo.status_name}}</view>
                    <view class="btn btn-border" bindtap="closOrder" wx:if="{{orderinfo.logistics_status==1}}">取消订单</view>
                </view>
            </view>
            <view wx:if="{{orderinfo.order_type==1}}">
                <!-- 代收点订单 -->
                <block wx:if="{{orderinfo.logistics_status==3}}">
                    <view wx:for="{{orderinfo.external_title}}" wx:key="index">
                        <view class="statusTips">
                            {{logistics1[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics1[orderinfo.logistics_status-1].desc}} {{item}} {{logistics1[orderinfo.logistics_status-1].foot}}
                        </view>
                        <view style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>
                <block wx:else>
                    <view>
                        <view class="statusTips">
                            {{logistics1[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics1[orderinfo.logistics_status-1].desc}}
                        </view>
                        <view style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>

                <view class="statusBtn flex">
                    <view class="btn btn-sky" wx:if="{{orderinfo.order_type==1 || orderinfo.order_type==3}}" bindtap="logistic_code" data-no="{{orderinfo.logistic_code}}" data-status="{{orderinfo.logistics_status}}">{{orderinfo.logistics_status==1?"存件码":orderinfo.logistics_status==6?"取件码":"服务中"}}</view>

                    <view class="btn btn-border" bindtap="closOrder" wx:if="{{orderinfo.logistics_status==1 && orderinfo.order_type==3 && orderinfo.status!=6}}">取消订单</view>


                </view>
            </view>
            <view wx:if="{{orderinfo.order_type==3 }}">
                <!-- 上门取送订单   && orderinfo.logistics_status==1-->
                <block wx:if="{{orderinfo.logistics_status==3}}">
                    <view wx:for="{{orderinfo.external_title}}" wx:key="index">
                        <view class="statusTips">
                            {{logistics2[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics2[orderinfo.logistics_status-1].desc}} {{item}} {{logistics1[orderinfo.logistics_status-1].foot}}
                        </view>
                        <view style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>
                <block wx:else>
                    <view>
                        <view class="statusTips">
                            {{logistics2[orderinfo.logistics_status-1].title}}
                        </view>
                        <view class="statusTime">
                            {{logistics2[orderinfo.logistics_status-1].desc}}
                        </view>
                        <view style="border: #eae6e6 dashed 1px;margin-bottom: 40rpx;margin-top: 20rpx;"></view>
                    </view>
                </block>
                <view class="statusBtn flex">
                    <view class="btn btn-sky" bindtap="logistic_code" data-no="{{orderinfo.logistic_code}}">{{orderinfo.logistics_status==1?"存件码":orderinfo.logistics_status==6?"取件码":"服务中"}}</view>


                    <view class="btn btn-border" bindtap="closOrder" wx:if="{{orderinfo.logistics_status<2}}">取消订单</view>
                </view>
            </view>
            <view wx:if="{{orderinfo.order_type==0}}">
                <view class="statusTips">
                    未选择物流方式
                </view>
                <view class="statusTime">
                    建议使用一次性包装袋打包衣物
                </view>

                <view class="statusBtn flex">

                    <!-- <view class="btn btn-border">取消订单</view> -->
                </view>
            </view>

        </view>

        <view class="statusFooter">
            <view class="top flex ju-b">
                <view class="le">服务网点</view>
                <view class="lr flex" bindtap="location">
                    <image src="/image/icon/navigation.png"></image>
                    <text>导航</text>
                </view>
            </view>
            <view class="bottom">
                {{orderinfo.network.name}}
            </view>
        </view>
    </view>
</view>

<view class="contioner">
    <view class="tit">购买信息</view>

    <view class="payMessage">
        <view class="items b-bottom " wx:for="{{orderinfo.order_info}}" wx:key="index">
            <view class="le flex ">
                <image src="{{item.good.thumb?item.good.thumb:'/image/icon/peijian.png'}}" class="message"></image>
                <view class="messageBoxs">
                    <view class="name">{{item.good.title}}</view>
                    <view class="flex ju-b">

                        <view class="num">x{{item.stock}}</view>
                        <view class="lr">¥{{item.total_price}}</view>
                    </view>
                </view>
            </view>

            <view class="footer flex " hidden>
                <text class="t1">增值服务</text>
                <view class="content">
                    <text>防水处理 <text class="t2">￥20/件 </text> </text>|
                    <text>塑封包膜 <text class="t2">￥20/件 </text></text>
                </view>

                <text class="price">￥40</text>
            </view>
        </view>

        <view class="orderMessage b-bottom">
            <view class="items flex ju-b ">
                <view class="les">订单金额</view>
                <view class="lr">¥{{orderinfo.total_price}}</view>
            </view>

            <view class="items flex ju-b">
                <view class="les">运费</view>
                <view class="lr">¥{{orderinfo.freight}}</view>
            </view>

            <!-- <view class="items flex ju-b ">
                <view class="les">运费扣减</view>
                <view class="lr color">-¥10</view>
            </view>

            <view class="items flex ju-b ">
                <view class="les">优惠抵扣</view>
                <view class="lr color">-¥10</view>
            </view>

            <view class="items flex ju-b ">
                <view class="les">客服调整</view>
                <view class="lr color">-¥10</view>
            </view> -->
        </view>

        <view class="allPrice flex ju-e">
            <text>实付</text>
            <text class="num">￥{{orderinfo.total_price}}</text>
        </view>
    </view>
</view>


<view class="contioner">
    <view class="tit b-bottom">清洗备注</view>
    <view class="remarks">
        {{orderinfo.user_remark}}
    </view>


</view>

<view class="contioner">
    <view class="tit b-bottom">订单信息</view>
    <view class="footerBoxs">
        <view class="footerItems flex ju-b">
            <view class="les">订单编号</view>
            <view class="lrs flex">
                <text>{{orderinfo.order_no}}</text>
                <view class="btn-border btn" bindtap="copy" data-no="{{orderinfo.order_no}}">复制</view>
                <!-- <view class="btn-border btn">二维码</view> -->
            </view>
        </view>


        <view class="footerItems flex ju-b">
            <view class="les">下单时间</view>
            <view class="lrs">{{orderinfo.created_at}}</view>
        </view>

        <view class="footerItems flex ju-b">
            <view class="les">支付方式</view>
            <view class="lrs">余额支付</view>
        </view>

        <view class="footerItems flex ju-b">
            <view class="les">支付状态</view>
            <view class="lrs">{{orderinfo.status!=1?'已支付':'未支付'}}</view>
        </view>
    </view>


</view>