This commit is contained in:
liuye
2021-12-22 16:07:00 +08:00
parent ffd6f7e09e
commit c28f8734e2
4 changed files with 40 additions and 16 deletions

View File

@@ -145,7 +145,7 @@ export default {
enableDefaultStyle: false, // 关闭默认样式
geometries: points?.map(e => ({
position: new TMap.LatLng(e.lat, e.lng),
content: `${e.createAddress} | ${e.houseNum}`
content: `${e.createAddress} | ${e.houseNum}`
})) || [],
zoomOnClick: true
})

View File

@@ -23,12 +23,15 @@
<span class="label">网格层级</span>
<span class="value">{{$dict.getLabel('girdLevel', form.girdLevel)}}</span>
</div>
<div class="info-flex">
<span class="label">网格管理员</span>
<span class="value">林珊珊&nbsp;&nbsp;13782951281
<img :src="$cdn + 'common/phone.png'" alt="" @click="call(item)" class="phone-icon">
</span>
<div v-if="form.girdMemberList && form.girdMemberList.length">
<div class="info-flex" v-for="(item, index) in form.girdMemberList" :key="index">
<span class="label">网格管理员</span>
<span class="value">{{item.name}}&nbsp;&nbsp;{{item.phone}}
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" v-if="item.phone">
</span>
</div>
</div>
</div>
</u-popup>
@@ -56,22 +59,25 @@ export default {
}
},
computed: { ...mapState(['user']) },
mounted() {
created() {
this.$dict.load('girdType', 'girdLevel')
this.areaId = this.user.areaId
this.getTreeList()
this.map.setZoom(15)
},
methods: {
callPhone(phone) {
uni.makePhoneCall({ phoneNumber: phone })
},
handerSelect(e) {
console.log(e)
this.form = e
this.initMap(e.points)
},
initMap(points) {
//初始化地图
this.$nextTick(() =>{
if(points && points.length) {
//初始化地图
this.$nextTick(() =>{
let {lib: TMap, map} = this
var center = new TMap.LatLng(points[0].lat, points[0].lng)
map.setCenter(center)
@@ -114,7 +120,9 @@ export default {
});
})
}else {
return this.$u.toast('该网格未绘制')
}
},
getTreeList() {
this.$http.post(`/app/appgirdinfo/listAll`).then((res) => {

View File

@@ -29,7 +29,7 @@
</div>
<div class="item">
<span class="label"><span class="tips">*</span>地区</span>
<div class="value">
<div class="value" v-if="userInfo.areaId">
<AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" @select="areaSelect">
<span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
<span v-else class="color-999">请选择</span>
@@ -69,7 +69,7 @@ export default {
}
},
computed: { ...mapState(['user']) },
mounted() {
created() {
this.$dict.load('yesOrNo').then(() => {
if(this.params.id) {
console.log(122)

View File

@@ -14,6 +14,7 @@
</div>
</div>
</div>
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" >
</div>
</div>
</u-index-list>
@@ -44,8 +45,8 @@ export default {
},
methods: {
idClick(id) {
document.getElementById('#id'+id).scrollIntoView();
callPhone(phone) {
uni.makePhoneCall({phoneNumber: phone})
},
getList() {
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
@@ -81,11 +82,14 @@ export default {
// font-weight: 600;
// color: #999;
// }
.item{
position: relative;
}
.phone-list{
background-color: #fff;
width: 100%;
.item-info{
width: 100%;
width: 680px;
padding: 32px 48px;
box-sizing: border-box;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
@@ -97,12 +101,16 @@ export default {
line-height: 44px;
word-break: break-all;
margin-bottom: 8px;
width: 100%;
word-break: break-all;
}
.phone{
font-size: 26px;
font-family: PingFangSC-Regular, PingFang SC;
color: #333;
line-height: 36px;
width: 100%;
word-break: break-all;
span{
display: inline-block;
margin-right: 16px;
@@ -131,5 +139,13 @@ export default {
::v-deep .u-index-anchor {
top: 0!important;
}
.phone-icon{
width: 40px;
height: 40px;
vertical-align: sub;
position: absolute;
top: 60px;
right: 64px;
}
}
</style>