<!--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">{{orderinfo.network.name}}</view>
        <view class="time">{{orderinfo.network.unit[0].svctm}}开放·{{orderinfo.network.unit[0].type_name}}·{{orderinfo.network.unit[1].type_name}}·{{orderinfo.network.unit[2].type_name}}</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="{{orderinfo.order_info}}" wx:key="index">
            <view class="le flex">
                <image src="{{item.good.thumb?item.good.thumb:'/image/icon/dayiwaitao.png'}}" class="icon m-right-15"></image>
                <text class="name">{{item.good.title}}</text>
            </view>
            <view class="lr flex ju-b">
                <view class="num">x <text>{{item.stock}}</text></view>
                <view class="price">￥<text>{{item.total_price}}</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 wx:for="{{orderinfo.network.unit}}" wx:key="index" class="btn {{mode==item.type ? 'active' : ''}}" bindtap="changeMode" data-indx="{{index}}" data-id="{{item.type}}">{{item.type_name}}</view>
        </view>
    </view>

    <view class="center flex ju-b m-top-20">
        <view class="le">
            <view class="address">代收点地址：{{orderinfo.network.address}}</view>
            <view class="time m-top-15">服务时间{{orderinfo.network.unit[0].svctm}}</view>
        </view>
        <view class="lr flex ju-e">
            <text>运费</text>
            <text class="code">￥<text class="num">{{freight}}</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">
          {{name}}-{{code}}<view>{{address}}</view>
        </view>
    </view>
</view>


<view class="footer flex ju-b">
    <view class="le">清洗备注</view>
    <view class="lr flex" bindtap="changeClose2">
        <text class="m-right-15">{{remark?remark:'例：蓝色短袖袖口有污渍请着重清洗'}}</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">{{total_price}}</text></text>

        <view class="tips">价格以实际收到为准</view>
    </view>
    
    <view class="btn btn-sky" bindtap="goto">确认支付</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" bind:input="input1" clearable label="姓名" value='{{name}}' placeholder="请填写您的姓名" />
            </view>

            <view class="inputBox flex b-bottom">
                <text>手机</text><input style="width: 50%;" type="text" bind:input="input2" clearable label="手机" placeholder="请填写您的手机号" value="{{code}}" />
                <button open-type="getPhoneNumber"  bindgetphonenumber="getPhoneNumber" style="color: green;">获取微信手机号</button>
            </view>

            <view class="inputBox flex b-bottom">
                <text>地址</text><input type="text" bind:input="input3" clearable label="地址" value='{{address}}' placeholder="填写宿舍楼名称、宿舍号信息" />
            </view>
        </view>


        <view class="btn btn-sky" bindtap="{{useraddr.id?'updateaddr':'addAddress'}}" data-id="{{useraddr.id}}">
            保存并使用
        </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" bindblur="input4" placeholder-class="placeholder" value="{{remark}}"></textarea>
        </view>
        <view class="btn btn-sky" bindtap="changeClose2">
            确定
        </view>
    </view>
</van-popup>