|
|
@@ -8,51 +8,51 @@
|
|
|
<view class="item u-flex " @click="tocitychange">
|
|
|
<text class="left">{{i18n.country}}</text>
|
|
|
<view class="right u-flex u-row-between" style="flex: 1;">
|
|
|
- <input type="text" :placeholder="i18n.selection" />
|
|
|
+ <input type="text" :placeholder="i18n.selection" v-model="addname" />
|
|
|
<image src="../static/express/next1.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.name}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="text" placeholder="请输入收件人姓名" />
|
|
|
+ <input type="text" :placeholder="i18n.name" v-model="name" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.phone}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="text" :placeholder="i18n.pleasePhoneNumber" />
|
|
|
+ <input type="text" :placeholder="i18n.pleasePhoneNumber" v-model="phone" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.postalCode}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="text" :placeholder="i18n.PleacePostalCode" />
|
|
|
+ <input type="text" :placeholder="i18n.PleacePostalCode" v-model="postalCode" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.city}}</text>
|
|
|
- <view class="right u-flex u-row-between " style="flex: 1;">
|
|
|
- <input type="text" :placeholder="i18n.selection" disabled="" />
|
|
|
+ <view class="right u-flex u-row-between " style="flex: 1;" @click="openCity">
|
|
|
+ <input type="text" :placeholder="i18n.selection" disabled="" v-model="cityname" />
|
|
|
<image src="../static/express/next1.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.detailed}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="area" :placeholder="i18n.sect" />
|
|
|
+ <input type="area" :placeholder="i18n.sect" v-model="detailed" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.companyName}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="area" :placeholder="i18n.company" />
|
|
|
+ <input type="area" :placeholder="i18n.company" v-model="companyName" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="item u-flex ">
|
|
|
<text class="left">{{i18n.email}}</text>
|
|
|
<view class="right">
|
|
|
- <input type="area" :placeholder="i18n.pleaseEmail" />
|
|
|
+ <input type="area" :placeholder="i18n.pleaseEmail" v-model="email" />
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 默认地址 -->
|
|
|
@@ -60,7 +60,7 @@
|
|
|
<view class="u-flex">
|
|
|
<view class="">
|
|
|
<u-checkbox-group v-model="checkboxValue1" placement="row" @change="checkboxChange">
|
|
|
- <u-checkbox shape='circle' :customStyle="{marginRight: '4px'}" :name="name">
|
|
|
+ <u-checkbox shape='circle' :customStyle="{marginRight: '4px'}" :name="active">
|
|
|
</u-checkbox>
|
|
|
</u-checkbox-group>
|
|
|
</view>
|
|
|
@@ -73,10 +73,13 @@
|
|
|
</view>
|
|
|
<view class="" style="height: 166rpx;"></view>
|
|
|
<view class="bottom">
|
|
|
- <view class="btn">
|
|
|
+ <view class="btn" @click="submit">
|
|
|
{{i18n.enter}}
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 选择省市区 -->
|
|
|
+ <u-picker :show="show" :columns="cityList" keyName="name" @confirm="countrycConfirm" @cancel="show = false"
|
|
|
+ :closeOnClickOverlay="true" @close="close"></u-picker>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -85,18 +88,94 @@
|
|
|
data() {
|
|
|
return {
|
|
|
checkboxValue1: [],
|
|
|
- name: 1
|
|
|
+ active: 1,
|
|
|
+ addname: '',
|
|
|
+ addid: '',
|
|
|
+ show: false,
|
|
|
+ cityList: [],
|
|
|
+ cityid: '',
|
|
|
+ cityname: "",
|
|
|
+
|
|
|
+ name: "",
|
|
|
+ phone: "",
|
|
|
+ postalCode: "",
|
|
|
+ detailed: "",
|
|
|
+ email: "",
|
|
|
+ companyName: "",
|
|
|
+ is_default:0
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ //确定
|
|
|
+ submit() {
|
|
|
+ const obj = {
|
|
|
+ mobile: this.phone,
|
|
|
+ name: this.name,
|
|
|
+ country_id: this.addid,
|
|
|
+ province_id: this.cityid,
|
|
|
+ address: this.detailed,
|
|
|
+ company_name: this.companyName,
|
|
|
+ email: this.email,
|
|
|
+ zip_code: this.postalCodee,
|
|
|
+ is_default:this.is_default
|
|
|
+ };
|
|
|
+ uni.$u.http.post(`/api/address`, obj).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ // this.$router.back();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //选择省市区
|
|
|
+ countrycConfirm(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.cityid = e.value[0].id
|
|
|
+ this.cityname = e.value[0].name
|
|
|
+ this.show = false;
|
|
|
+ },
|
|
|
+ //打开选择城市的弹窗
|
|
|
+ openCity() {
|
|
|
+ //判断是否选择国家
|
|
|
+ if (this.addid) {
|
|
|
+ this.show = true
|
|
|
+ //判断选中的国家有没有城市数据
|
|
|
+ // if (this.cityList[0].length > 0) {
|
|
|
+ // this.show = true;
|
|
|
+ // } else {
|
|
|
+ // uni.$u.toast("该国家没有城市数据，请直接填写详细地址");
|
|
|
+ // }
|
|
|
+ } else {
|
|
|
+ uni.$u.toast("请先选择国家");
|
|
|
+ }
|
|
|
+ },
|
|
|
checkboxChange(n) {
|
|
|
console.log('change', n);
|
|
|
+ if(n.length>0){
|
|
|
+ this.is_default = 1
|
|
|
+ }else{
|
|
|
+ this.is_default = 0
|
|
|
+ }
|
|
|
},
|
|
|
- tocitychange(){
|
|
|
+ //获取国家
|
|
|
+ tocitychange() {
|
|
|
+ var that = this
|
|
|
uni.navigateTo({
|
|
|
- url:'/pageB/citychange'
|
|
|
+ url: '/pageB/citychange',
|
|
|
+ events: {
|
|
|
+ getadd(res) {
|
|
|
+ console.log(res.id);
|
|
|
+ that.addid = res.id
|
|
|
+ that.addname = res.name
|
|
|
+ that.getCityList()
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ //根据国家获取城市
|
|
|
+ getCityList() {
|
|
|
+ uni.$u.http.get(`/api/area/tree?pid=` + this.addid).then((res) => {
|
|
|
+ this.cityList = [res];
|
|
|
+ console.log(this.cityList);
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
i18n() {
|
zhaogongxue