laundry/pages/order/detail/detail.wxml

<!--pages/order/detail/detail.wxml-->
<view class="navBar" style="top: {{btnInfo.top +5}}px;">
    <van-icon name="arrow-left" size="25" bindtap="backBtn" />
</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">
            订单提交成功，请及时支付
        </view>
        <view class="price">合计费用：¥{{orderinfo.total_price}}</view>

        <view class="footer flex ">
            <view class="btn btn-sky">支付</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}}">
                <view class="statusTips">
                    请您打包好待清洗衣物，前往服务点存衣
                </view>
                <view class="statusTime">
                    建议使用一次性包装袋打包衣物
                </view>

                <view class="statusBtn flex">
                    <view class="btn btn-sky" bindtap="open" data-no="{{orderinfo.order_type}}">扫码开柜</view>
                    <view class="btn btn-border">取消订单</view>
                </view>
            </view>
            <view wx:if="{{orderinfo.order_type==1}}">
                <view class="statusTips">
                    请您打包好待清洗衣物，前往代收点存衣
                </view>
                <view class="statusTime">
                    建议使用一次性包装袋打包衣物
                </view>

                <view class="statusBtn flex">
                    <view class="btn btn-sky">存衣码</view>
                    <view class="btn btn-border">取消订单</view>
                </view>
            </view>
            <view wx:if="{{orderinfo.order_type==3}}">
                <view class="statusTips">
                    请您打包好待清洗衣物，等待工作人人员上门取衣
                </view>
                <view class="statusTime">
                    建议使用一次性包装袋打包衣物
                </view>

                <view class="statusBtn flex">
                    <view class="btn btn-sky">取件码</view>
                    <view class="btn btn-border">取消订单</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}}">
            <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 ">
                <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>