parent
0fe1631877
commit
ddf5a75413
@ -1,93 +1,177 @@ |
||||
<template> |
||||
<view> |
||||
<view class="width100 backcorfff"> |
||||
<!-- <uSearchBar @confirm="search" @input="input"></uSearchBar> |
||||
<view class="line1 mart10"></view> --> |
||||
<view class="width90 mart20 font15 fcor333">当前定位</view> |
||||
<view class="posacname actives mart20">{{posName}}</view> |
||||
<view class="width90 mart20 font14 fcor333">其他地区</view> |
||||
<view class="posheadname mart20 flleft font14" :class="{'actives':posId===item.regionId}" |
||||
v-for="(item,index) in posList" :key="index" @click="change(item)"> |
||||
{{item.regionName}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import uSearchBar from '../../../components/uni-search-bar/components/uni-search-bar/uni-search-bar.vue'; |
||||
import { |
||||
getDredgeProvince |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
components: { |
||||
uSearchBar |
||||
}, |
||||
data() { |
||||
return { |
||||
posList: [], |
||||
posId: '', |
||||
posName: '' |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.getDredgeProvince(); |
||||
this.posName = app.globalData.cityName; |
||||
}, |
||||
methods: { |
||||
|
||||
getDredgeProvince() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
getDredgeProvince().then(res => { |
||||
uni.hideLoading() |
||||
if (res.return_code == '000000') { |
||||
this.posList = res.return_data; |
||||
} |
||||
}); |
||||
}, |
||||
change(item) { |
||||
this.posId = item.regionId; |
||||
this.posName = item.regionName; |
||||
app.globalData.cityId = item.regionId; |
||||
app.globalData.cityName = item.regionName; |
||||
uni.navigateBack({ |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.posheadname { |
||||
background-color: #f5f5f5; |
||||
color: #666666; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
height: 30px; |
||||
margin-left: 4%; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
border-radius: 5px; |
||||
} |
||||
.posacname { |
||||
background-color: #f5f5f5; |
||||
color: #666666; |
||||
display: inline-block; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
height: 30px; |
||||
margin-left: 4%; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.actives { |
||||
color: #089bf5; |
||||
background-color: #f4faff; |
||||
border: 1px solid #089bf5; |
||||
} |
||||
<template> |
||||
<view> |
||||
<!-- <view class="width100 backcorfff"> |
||||
<view class="width90 mart20 font15 fcor333">当前定位</view> |
||||
<view class="posacname actives mart20">{{posName}}</view> |
||||
<view class="width90 mart20 font14 fcor333">其他地区</view> |
||||
<view class="posheadname mart20 flleft font14" :class="{'actives':posId===item.regionId}" |
||||
v-for="(item,index) in posList" :key="index" @click="change(item)"> |
||||
{{item.regionName}} |
||||
</view> |
||||
</view> --> |
||||
|
||||
<city-select @cityClick="cityClick" :formatName="formatName" :activeCity="activeCity" :hotCity="hotCity" |
||||
:obtainCitys="obtainCitys" :isSearch="true" ref="citys"></city-select> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
// import uSearchBar from '../../../components/uni-search-bar/components/uni-search-bar/uni-search-bar.vue'; |
||||
// import { |
||||
// getDredgeProvince |
||||
// } from '../../../Utils/Api.js'; |
||||
import { |
||||
getAllCity, |
||||
findCompanyByCityName |
||||
} from '../../../Utils/Api.js'; |
||||
import citySelect from '@/components/city-select/city-select.vue'; |
||||
let app = getApp(); |
||||
export default { |
||||
components: { |
||||
// uSearchBar, |
||||
citySelect |
||||
}, |
||||
data() { |
||||
return { |
||||
// posList: [], |
||||
// posId: '', |
||||
// posName: '' |
||||
|
||||
//需要构建索引参数的名称（注意：传递的对象里面必须要有这个名称的参数） |
||||
formatName: 'cityName', |
||||
//当前城市 |
||||
activeCity: {}, |
||||
//热门城市 |
||||
hotCity: [{ |
||||
id: 0, |
||||
cityName: '南京市' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
cityName: '南京市' |
||||
} |
||||
], |
||||
//显示的城市数据 |
||||
obtainCitys: [] |
||||
} |
||||
}, |
||||
onLoad() { |
||||
// this.getDredgeProvince(); |
||||
// this.posName = app.globalData.cityName; |
||||
this.getAllCity(); |
||||
this.activeCity = { |
||||
id: 1, |
||||
cityName: app.globalData.qianzhuCityName |
||||
} |
||||
//热门城市 |
||||
this.hotCity = [{ |
||||
id: 0, |
||||
cityName: '南京市', |
||||
cityCode: 110100 |
||||
}, |
||||
{ |
||||
id: 1, |
||||
cityName: '北京市', |
||||
cityCode: 110102 |
||||
} |
||||
] |
||||
}, |
||||
methods: { |
||||
//选择城市 |
||||
cityClick(item) { |
||||
// app.globalData.qianzhuCityName = item.cityName; |
||||
|
||||
this.findCompanyByCityName(item); |
||||
}, |
||||
//查询城市名字 |
||||
getAllCity() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
|
||||
getAllCity().then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.obtainCitys = res.return_data; |
||||
} |
||||
}) |
||||
}, |
||||
//根据市查询 |
||||
findCompanyByCityName(item) { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
let datas = { |
||||
cityName: item.cityName |
||||
} |
||||
findCompanyByCityName(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
app.globalData.cityName = res.return_data.provinceName; |
||||
app.globalData.qianzhuCityName = res.return_data.cityName; |
||||
app.globalData.cityId = res.return_data.regionId; |
||||
uni.navigateBack({}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}) |
||||
} |
||||
// getDredgeProvince() { |
||||
// uni.showLoading({ |
||||
// title: '加载中' |
||||
// }) |
||||
// getDredgeProvince().then(res => { |
||||
// uni.hideLoading() |
||||
// if (res.return_code == '000000') { |
||||
// this.posList = res.return_data; |
||||
// } |
||||
// }); |
||||
// }, |
||||
// change(item) { |
||||
// this.posId = item.regionId; |
||||
// this.posName = item.regionName; |
||||
// app.globalData.cityId = item.regionId; |
||||
// app.globalData.cityName = item.regionName; |
||||
// uni.navigateBack({ |
||||
// }) |
||||
// } |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.posheadname { |
||||
background-color: #f5f5f5; |
||||
color: #666666; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
height: 30px; |
||||
margin-left: 4%; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.posacname { |
||||
background-color: #f5f5f5; |
||||
color: #666666; |
||||
display: inline-block; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
height: 30px; |
||||
margin-left: 4%; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
.actives { |
||||
color: #089bf5; |
||||
background-color: #f4faff; |
||||
border: 1px solid #089bf5; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue