<template>
    <view class="container">
        <div class="row">
            <div class="row_label"><span>*</span>收货人</div>
            <div class="row_con">
                <u--input placeholder="请输入姓名" clearable border="none" v-model="value" @change="change"></u--input>
            </div>
        </div>

        <div class="row">
            <div class="row_label"><span>*</span>手机号</div>
            <div class="row_con">
                <u--input placeholder="请输入手机号" clearable border="none" v-model="value" @change="change"></u--input>
            </div>
        </div>

        <div class="tabList">
            <div class="tabItem" :class="{ 'active': tab == 0 }" @click="changeTab(0)">地图选址</div>
            <div class="tabItem" :class="{ 'active': tab == 1 }" @click="changeTab(1)">地区选择</div>
        </div>

        <div class="row">
            <div class="row_label">地址</div>
            <div class="row_con">
                <u--input placeholder="请选择地址" @click="chooseAddress" border="none" disabled></u--input>
                <div class="currentAddress">
                    <div class="currentAddress1">
                        <div class="currentAddress1_left">当前定位：和平里社区综合 服务站</div>
                        <div class="currentAddress1_right">使用</div>
                    </div>
                    <div class="currentAddress2">河北衡水市桃城区</div>
                </div>
            </div>
        </div>


        <div class="row">
            <div class="row_label">门牌号</div>
            <div class="row_con">
                <u--input placeholder="例：6栋201室" clearable border="none" v-model="value" @change="change"></u--input>
                <div class="tips">记得完善门牌号</div>
            </div>
        </div>
    </view>
</template>

<script>
import {
    apiArr
} from '../../../api/doorToDoor';
import {
    picUrl,
    menuButtonInfo,
    request,
    NavgateTo
} from '../../../utils';
export default {
    data() {
        return {
            top: "",
            localHeight: "",
            value: '',
            type: "error",
            tab: 0

        }
    },
    methods: {
        changeTab(e) {
            this.tab = e;
        },
        chooseAddress() {
            console.log(123);
            
            NavgateTo("/pages/shopcity/index")
        },
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        this.localHeight = meun.height;
    },
    onReachBottom() {

    },
}
</script>

<style>
@import url("./index.css");
</style>