You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
156 lines
3.4 KiB
156 lines
3.4 KiB
<template>
|
|
<view>
|
|
<view class="body">
|
|
<view class="font">
|
|
<uni-icons type="arrow-left" size="30" @click="back"></uni-icons>
|
|
<text style="margin-left: 30rpx;color: #0b0b0b;">Ship to</text>
|
|
</view>
|
|
<text class="color_b">Popular Countries/Regions</text>
|
|
<view class="address" v-for="(item2,index2) in popularlist" :key="item2.name" >
|
|
<text>{{ item2.name}}</text>
|
|
<radio class="Radio"v-model="item2.name" :checked="current==item2.name"@click="Active(item2,index2)"></radio>
|
|
</view>
|
|
<view v-for ="(item,index) in list " :key="index">
|
|
<text class="color_red">{{ item.title}}</text>
|
|
<view class="address" v-for="(item1,index1) in item.sur_name" :key="item1.name" >
|
|
<text>{{ item1.name}}</text>
|
|
<radio class="Radio"v-model="item1.name" :checked="current==item1.name"@click="Active(item1,index1)"></radio>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {defaultRequest,defaultRequest2} from '../../api/index.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
citys:[],
|
|
current:'',
|
|
list:[],
|
|
popularlist:[
|
|
{
|
|
name:'India'
|
|
},
|
|
{
|
|
name:'United States of America'
|
|
},
|
|
{
|
|
name:'Turkey'
|
|
},
|
|
{
|
|
name:'United Kingdom'
|
|
},
|
|
{
|
|
name:'China'
|
|
},
|
|
]
|
|
|
|
|
|
}
|
|
},
|
|
async onLoad() {
|
|
await this.getaddress()
|
|
|
|
},
|
|
methods: {
|
|
getaddress(){
|
|
let data ={
|
|
_action:'getregions',
|
|
parent_region_id:0
|
|
}
|
|
defaultRequest(data).then( res => {
|
|
console.log(res,'p')
|
|
if(res.error==0){
|
|
this.citys = res.data
|
|
}
|
|
let citys =[]
|
|
for(let i of this.citys){
|
|
citys.push({
|
|
sort:i.region_name.substring(0, 1),
|
|
name:i.region_name
|
|
})
|
|
}
|
|
var moth = [],
|
|
flag = 0,
|
|
list = citys;
|
|
var sortlist = {
|
|
title: '',
|
|
sur_name: ''
|
|
}
|
|
for (var i = 0; i < list.length; i++) {
|
|
var az = '';
|
|
for (var j = 0; j < moth.length; j++) {
|
|
if (moth[j].title == list[i]['sort']) {
|
|
flag = 1;
|
|
az = j;
|
|
break;
|
|
}
|
|
}
|
|
if (flag == 1) {
|
|
var ab = moth[az];
|
|
ab.sur_name.push(list[i]);
|
|
flag = 0;
|
|
|
|
} else if (flag == 0) {
|
|
sortlist = {};
|
|
sortlist.title = list[i]['sort'];
|
|
sortlist.sur_name = new Array();
|
|
sortlist.sur_name.push(list[i]);
|
|
moth.push(sortlist);
|
|
}
|
|
}
|
|
this.list = moth
|
|
console.log(moth,'pppp');
|
|
|
|
})
|
|
|
|
},
|
|
Active(item,index){
|
|
this.current = item.name
|
|
console.log(item.name,'fff')
|
|
uni.setStorageSync('country',item.name)
|
|
uni.navigateTo({
|
|
url:'../account/myProfile?address='+item.name
|
|
})
|
|
},
|
|
back()
|
|
{
|
|
uni.navigateBack({
|
|
delta:1
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.body{
|
|
margin: 80rpx 0 5rpx 5rpx;
|
|
background-color: #fff;
|
|
padding: 0 10rpx;
|
|
|
|
}
|
|
.font{
|
|
display: flex;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
text-align: center;
|
|
margin: 30rpx 0;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.address{
|
|
margin-top: 6rpx;
|
|
height: 20rpx;
|
|
align-items: center;
|
|
background-color: #fff;
|
|
}
|
|
.color_red{
|
|
color: #ff5f15;
|
|
}
|
|
.color_b{
|
|
color: #6b6b6b;
|
|
}
|
|
</style>
|