91 lines
2.7 KiB
Vue
91 lines
2.7 KiB
Vue
<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> |