laundry/pages/order/takeOut/takeOut.wxml

<!--pages/order/takeOut/takeOut.wxml-->
<view class="topBox flex ju-b">
    <view class="le">
        <view class="tit">中央美术学院9号楼洗衣房1号柜</view>
        <view class="adr m-top-20">洪山区创星汇科技园B栋洪山区创星汇科技园B栋洪山区创星汇科技园B栋</view>
    </view>
    <view class="lr">
        <image src="/image/icon/order.png" class="icon"></image>
        <view>返回下单</view>
    </view>
</view>
<van-notice-bar left-icon="/image/icon/message.png" text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。" />


<view class="card flex ju-b al-e" wx:for="{{2}}">
    <view class="le">
        <view class="tips">2019-05-07 15:17:35 存入</view>
        <view class="num">1<text class="mes">号柜门</text></view>
    </view>

    <view class="lr btn-sky" bindtap="onClose">
        取出
    </view>
</view>


<view class="footer flex">
    <text>取件码取件</text>
    <van-icon name="arrow" />
</view>

<van-popup show="{{ show }}" position="bottom" round bind:close="onClose">
    <view class="content">
        <view class="tit">7号柜门</view>
        <view class="flex ju-c">
            <van-loading vertical type="spinner" color="#1989fa">正在开柜，请稍等</van-loading>
        </view>
    </view>
</van-popup>


<van-popup show="{{ result }}" position="bottom" round  bind:close="takeClothes">
    <view class="content content2">
        <view class="tit">7号柜门已打开</view>
        <image src="/image/order/success.png" class="state"></image>
        <view class="tips m-top-30">请随手关闭柜门</view>

        <view class="btnBox flex ">
            <view class="btn btn-sky">确认收件</view>
            <view class="btn btn-border">重新开门(15s)</view>
            <view class="btn btn-border">我未取出</view>
        </view>

        <view class="line"></view>


        <view class="rule">
            <view class="title">操作帮助</view>

            <view class="items m-top-25">
                1、如您已经取出衣物，请点击“确认收件”按钮
            </view>
            <view class="items m-top-25">
                2、如门未开，请先使用“重新开门”按钮重试
            </view>
            <view class="items m-top-25">
                3、多次未成功打开柜门，请您点击“我未取出”按钮，然后联系客服
            </view>
            
        </view>
    </view>
</van-popup>


<van-popup show="{{ result2 }}" position="bottom" round bind:close="storeClothes">
    <view class="content content2">
        <view class="tit">7号柜门已打开</view>
        <image src="/image/order/success.png" class="state"></image>
        <view class="tips m-top-30">请随手关闭柜门</view>

        <view class="btnBox flex ">
            <view class="btn btn-sky">我已存入</view>
            <view class="btn btn-border">重新开门(15s)</view>
            <view class="btn btn-border">门未开</view>
        </view>

        <view class="line"></view>


        <view class="rule">
            <view class="title">操作帮助</view>

            <view class="items m-top-25">
                1、如您已经存入衣物，请点击“我已存入”按钮
            </view>
            <view class="items m-top-25">
                2、如门未开，请先使用“重新开门”按钮重试
            </view>
            <view class="items m-top-25">
                3、多次未成功打开柜门，请您点击“门未开”按钮，然后联系客服
            </view>
            
        </view>
    </view>
</van-popup>