<!--pages/order/confirmOreder/confirmOreder.wxml-->
<view class="topBox flex m-bottom-25">
    <image src="/image/icon/spot.png" class="icon"></image>

    <view class="message ">
        <view class="tit">中央美术学院9号楼洗衣房代收点</view>
        <view class="time">9:00-21:00开放·支持上门</view>
    </view>
</view>

<view class="messageBox m-bottom-25">
    <view class="top b-bottom">
        <view class="item flex ju-b m-bottom-20 " wx:for="{{2}}">
            <view class="le flex">
                <image src="/image/icon/peijian.png" class="icon m-right-15"></image>
                <text class="name">薄上衣(春夏装)</text>
            </view>
            <view class="lr flex ju-b">
                <view class="num">x <text>1</text></view>
                <view class="price">￥<text>29</text></view>
            </view>
        </view>
    </view>


    <view class="footer flex ju-b">
        <view class="le">优惠券</view>
        <view class="lr flex">
            <text class="m-right-15">暂无优惠券可用</text>
            <van-icon name="arrow" color="#C7C7CC" />

        </view>
    </view>
</view>

<view class="addService m-bottom-25">
    <view class="title">增值服务</view>
    <view class="content flex ">
        <view class="items  m-bottom-25 {{item.active ? 'active' : 'gray'}}" wx:for="{{currentList}}" wx:key="{{index}}" bindtap="chios" data-item="{{item}}">
            <view class="name">{{item.tit}}</view>
            <view class="num">￥{{item.num || 0}}/件</view>
        </view>
    </view>
</view>

<view class="delivery  m-bottom-25">
    <view class=" flex ju-b">
        <text class="title">配送</text>
        <view class="btnBox flex ju-b">
            <view class="btn {{mode ? 'active' : ''}}" bindtap="changeMode" data-mode="{{true}}">代收点</view>
            <view class="btn {{mode ? '' : 'active'}}" bindtap="changeMode" data-mode="{{false}}">上门取送</view>
        </view>
    </view>

    <view class="center flex ju-b m-top-20">
        <view class="le">
            <view class="address">代收点地址：湖北省武汉市洪山区茅店山西路4号创星汇</view>
            <view class="time m-top-15">服务时间9:00-21:00</view>
        </view>
        <view class="lr flex ju-e">
            <text>运费</text>
            <text class="code">￥<text class="num">0</text></text>
        </view>
    </view>


    <view class="message">
        <view class="tit flex ju-b" bindtap="changeClose1">
            <text>联系信息</text>
            <van-icon name="arrow" color="#C7C7CC" />

        </view>

        <view class="content m-top-20">
            请填写联系信息，以便送回时联系您
        </view>
    </view>
</view>


<view class="footer flex ju-b">
    <view class="le">清洗备注</view>
    <view class="lr flex" bindtap="changeClose2">
        <text class="m-right-15">例：蓝色短袖袖口有污渍请着重清洗</text>
        <van-icon name="arrow" color="#C7C7CC" />

    </view>
</view>

<view class="chiose">
    <van-checkbox value="{{ checked }}" shape="square" bind:change="onChange" icon-size="25rpx">
        <text>我已阅读并同意<text class="tips">《海星洗护清洗协议》</text> </text>
    </van-checkbox>
</view>

<view class="footerNav flex ju-b">
    <view class="le">
        <text>￥<text class="num">30</text></text>

        <view class="tips">价格以实际收到为准</view>
    </view>

    <view class="btn btn-sky">确认支付</view>
</view>


<van-popup show="{{ show1 }}" position="bottom" bind:close="changeClose1" closeable close-icon="/image/icon/close.png">
    <view class="pupBox">
        <view class="tit">
            联系信息
        </view>

        <view class="content">
            <view class="inputBox flex b-bottom">
                <text>姓名</text><input type="text" placeholder="请填写您的姓名" />
            </view>

            <view class="inputBox flex b-bottom">
                <text>手机</text><input type="text" placeholder="请填写您的手机号" />
            </view>

            <view class="inputBox flex b-bottom">
                <text>地址</text><input type="text" placeholder="填写宿舍楼名称、宿舍号信息" />
            </view>
        </view>


        <view class="btn btn-sky">
            保存并使用
        </view>
    </view>
</van-popup>

<van-popup show="{{ show2 }}" position="bottom" bind:close="changeClose2" closeable close-icon="/image/icon/close.png">
    <view class="pupBox">
        <view class="tit">
            清洗备注
        </view>

        <view class="content">
            <textarea placeholder="例：蓝色短袖袖口有污渍请着重清洗" class="bg" placeholder-class="placeholder"></textarea>
        </view>
        <view class="btn btn-sky">
            确定
        </view>
    </view>
</van-popup>