|
|
@ -2,16 +2,16 @@ |
|
|
<div> |
|
|
<div> |
|
|
<div class="selfCity flex flex-center2 p-12 flex-end"> |
|
|
<div class="selfCity flex flex-center2 p-12 flex-end"> |
|
|
<div class="flex flex-center2 flex-1"> |
|
|
<div class="flex flex-center2 flex-1"> |
|
|
<img src="@/assets/images/icons/homeBlue.png" alt="" @click="getAgency"/> |
|
|
<img src="@/assets/images/icons/homeBlue.png" alt="" @click="getAgency" /> |
|
|
<span style="color: #666666;" v-if="!selfCity">请选择您所在城市</span> |
|
|
<!-- <span style="color: #666666;" v-if="!selfCity && district">请选择您所在城市</span> --> |
|
|
<span v-else class="flex"> |
|
|
<span class="flex"> |
|
|
<div v-for="(item, index) in selfCity"> |
|
|
<div v-for="(item, index) in selfCity"> |
|
|
<span @click="handelClickAgencyName(item,index)"> {{ item.label }}</span> |
|
|
<span @click="handelClickAgencyNav(item, index)"> {{ item.label }}</span> |
|
|
<span v-if="index != selfCity.length - 1">，</span> |
|
|
<span v-if="index != selfCity.length - 1">，</span> |
|
|
</div> |
|
|
</div> |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
<van-button type="info" size="small" round class="m-right10">手动选择</van-button> |
|
|
<van-button type="info" size="small" round class="m-right10" @click="restAddress">手动选择</van-button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="container"> |
|
|
<div class="container"> |
|
|
<van-list finished-text="没有更多了" class="selectAgency"> |
|
|
<van-list finished-text="没有更多了" class="selectAgency"> |
|
|
@ -24,26 +24,79 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { editUser, getAllOrgTreeList } from "@/api/user"; |
|
|
import { editUser, getAllOrgTreeList } from "@/api/user"; |
|
|
|
|
|
import { setConfig } from '@/utils/jweixin' |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
cityJson: [], |
|
|
cityJson: [], |
|
|
selfCity: [], |
|
|
selfCity: [], |
|
|
|
|
|
address: null, |
|
|
|
|
|
district: null, |
|
|
|
|
|
show:true |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.getAgency() |
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
setConfig(['checkJsApi', 'openLocation', 'getLocation', 'updateAppMessageShareData', 'updateTimelineShareData']) |
|
|
|
|
|
this.signWX() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
async getAgency() { |
|
|
restAddress() { |
|
|
this.selfCity = []; |
|
|
this.district = null; |
|
|
let res = await getAllOrgTreeList({organizationName:''}) |
|
|
this.selfCity = null; |
|
|
|
|
|
this.getAgency(); |
|
|
|
|
|
}, |
|
|
|
|
|
signWX() { |
|
|
|
|
|
let _this = this |
|
|
|
|
|
wx.checkJsApi({ |
|
|
|
|
|
jsApiList: ['getLocation'], |
|
|
|
|
|
success: function (res) { |
|
|
|
|
|
// alert(JSON.stringify(res)); |
|
|
|
|
|
if (res.checkResult.getLocation === false) { |
|
|
|
|
|
alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！') |
|
|
|
|
|
return false |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
wx.ready(function () { |
|
|
|
|
|
wx.getLocation({ |
|
|
|
|
|
type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' |
|
|
|
|
|
success: function (res) { |
|
|
|
|
|
var latLng = new qq.maps.LatLng(res.latitude, res.longitude) |
|
|
|
|
|
getAddr.getAddress(latLng) |
|
|
|
|
|
}, |
|
|
|
|
|
cancel: function (res) { |
|
|
|
|
|
alert('用户拒绝授权获取地理位置') |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
wx.error(function (res) { |
|
|
|
|
|
console.log('微信js-sdk 配置失败000' + res.errMsg) |
|
|
|
|
|
}) |
|
|
|
|
|
// 调取腾讯地图 |
|
|
|
|
|
var getAddr = new qq.maps.Geocoder({ |
|
|
|
|
|
complete: function (res) { |
|
|
|
|
|
_this.address = res.detail |
|
|
|
|
|
var allAddress = res.detail.addressComponents |
|
|
|
|
|
var address = res.detail.address |
|
|
|
|
|
console.log('地址：', address, allAddress.province, allAddress.city, allAddress.district) |
|
|
|
|
|
_this.district = allAddress.district; |
|
|
|
|
|
_this.getAgency(true) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
async getAgency(type) { |
|
|
|
|
|
let res = await getAllOrgTreeList({ organizationName: this.district }) |
|
|
if (res) { |
|
|
if (res) { |
|
|
|
|
|
if (type) { |
|
|
|
|
|
this.selfCity.push({ label: this.district, children: res }) |
|
|
|
|
|
} |
|
|
this.cityJson = res; |
|
|
this.cityJson = res; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
handelClickAgencyName(item,index){ |
|
|
handelClickAgencyNav(item, index) { |
|
|
if(item.id === this.selfCity[this.selfCity.length -1].id) return |
|
|
if (item.id === this.selfCity[this.selfCity.length - 1].id) return |
|
|
this.selfCity.splice(index + 1); |
|
|
this.selfCity.splice(index + 1); |
|
|
this.cityJson = item.children; |
|
|
this.cityJson = item.children; |
|
|
}, |
|
|
}, |
|
|
@ -52,13 +105,14 @@ export default { |
|
|
if (item.level === 'community') { |
|
|
if (item.level === 'community') { |
|
|
let parm = this.$store.state.app.userInfo; |
|
|
let parm = this.$store.state.app.userInfo; |
|
|
parm.agencyId = item.value; |
|
|
parm.agencyId = item.value; |
|
|
parm.agencyName= item.label; |
|
|
parm.agencyName = item.label; |
|
|
let res = await editUser(parm) |
|
|
let res = await editUser(parm) |
|
|
if (res) { |
|
|
if (res) { |
|
|
this.$router.replace('/') |
|
|
this.$router.replace('/') |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
this.cityJson = item.children |
|
|
this.district = item.label; |
|
|
|
|
|
this.getAgency() |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
