bug
This commit is contained in:
@@ -145,7 +145,7 @@ export default {
|
|||||||
enableDefaultStyle: false, // 关闭默认样式
|
enableDefaultStyle: false, // 关闭默认样式
|
||||||
geometries: points?.map(e => ({
|
geometries: points?.map(e => ({
|
||||||
position: new TMap.LatLng(e.lat, e.lng),
|
position: new TMap.LatLng(e.lat, e.lng),
|
||||||
content: `${e.createAddress} | ${e.houseNum}`
|
content: `${e.createAddress} | ${e.houseNum}户`
|
||||||
})) || [],
|
})) || [],
|
||||||
zoomOnClick: true
|
zoomOnClick: true
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -23,13 +23,16 @@
|
|||||||
<span class="label">网格层级</span>
|
<span class="label">网格层级</span>
|
||||||
<span class="value">{{$dict.getLabel('girdLevel', form.girdLevel)}}</span>
|
<span class="value">{{$dict.getLabel('girdLevel', form.girdLevel)}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-flex">
|
<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="label">网格管理员</span>
|
||||||
<span class="value">林珊珊 13782951281
|
<span class="value">{{item.name}} {{item.phone}}
|
||||||
<img :src="$cdn + 'common/phone.png'" alt="" @click="call(item)" class="phone-icon">
|
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" v-if="item.phone">
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
<div class="footer" @click="view" v-if="form.id && !show">
|
<div class="footer" @click="view" v-if="form.id && !show">
|
||||||
@@ -56,20 +59,23 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: { ...mapState(['user']) },
|
computed: { ...mapState(['user']) },
|
||||||
mounted() {
|
created() {
|
||||||
this.$dict.load('girdType', 'girdLevel')
|
this.$dict.load('girdType', 'girdLevel')
|
||||||
this.areaId = this.user.areaId
|
this.areaId = this.user.areaId
|
||||||
this.getTreeList()
|
this.getTreeList()
|
||||||
this.map.setZoom(15)
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
callPhone(phone) {
|
||||||
|
uni.makePhoneCall({ phoneNumber: phone })
|
||||||
|
},
|
||||||
handerSelect(e) {
|
handerSelect(e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
this.form = e
|
this.form = e
|
||||||
this.initMap(e.points)
|
this.initMap(e.points)
|
||||||
},
|
},
|
||||||
initMap(points) {
|
initMap(points) {
|
||||||
|
if(points && points.length) {
|
||||||
//初始化地图
|
//初始化地图
|
||||||
this.$nextTick(() =>{
|
this.$nextTick(() =>{
|
||||||
let {lib: TMap, map} = this
|
let {lib: TMap, map} = this
|
||||||
@@ -114,7 +120,9 @@ export default {
|
|||||||
});
|
});
|
||||||
|
|
||||||
})
|
})
|
||||||
|
}else {
|
||||||
|
return this.$u.toast('该网格未绘制')
|
||||||
|
}
|
||||||
},
|
},
|
||||||
getTreeList() {
|
getTreeList() {
|
||||||
this.$http.post(`/app/appgirdinfo/listAll`).then((res) => {
|
this.$http.post(`/app/appgirdinfo/listAll`).then((res) => {
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span class="label"><span class="tips">*</span>地区</span>
|
<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">
|
<AiAreaPicker :areaId="user.areaId" v-model="userInfo.areaId" @select="areaSelect">
|
||||||
<span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
|
<span class="label" v-if="userInfo.areaName">{{ userInfo.areaName }}</span>
|
||||||
<span v-else class="color-999">请选择</span>
|
<span v-else class="color-999">请选择</span>
|
||||||
@@ -69,7 +69,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: { ...mapState(['user']) },
|
computed: { ...mapState(['user']) },
|
||||||
mounted() {
|
created() {
|
||||||
this.$dict.load('yesOrNo').then(() => {
|
this.$dict.load('yesOrNo').then(() => {
|
||||||
if(this.params.id) {
|
if(this.params.id) {
|
||||||
console.log(122)
|
console.log(122)
|
||||||
|
|||||||
@@ -14,6 +14,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<img :src="$cdn + 'common/phone.png'" alt="" @click="callPhone(item.phone)" class="phone-icon" >
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</u-index-list>
|
</u-index-list>
|
||||||
@@ -44,8 +45,8 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
idClick(id) {
|
callPhone(phone) {
|
||||||
document.getElementById('#id'+id).scrollIntoView();
|
uni.makePhoneCall({phoneNumber: phone})
|
||||||
},
|
},
|
||||||
getList() {
|
getList() {
|
||||||
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
this.$http.post(`/app/appconvenientaddressbook/list`, null, {
|
||||||
@@ -81,11 +82,14 @@ export default {
|
|||||||
// font-weight: 600;
|
// font-weight: 600;
|
||||||
// color: #999;
|
// color: #999;
|
||||||
// }
|
// }
|
||||||
|
.item{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
.phone-list{
|
.phone-list{
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.item-info{
|
.item-info{
|
||||||
width: 100%;
|
width: 680px;
|
||||||
padding: 32px 48px;
|
padding: 32px 48px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
|
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
|
||||||
@@ -97,12 +101,16 @@ export default {
|
|||||||
line-height: 44px;
|
line-height: 44px;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
|
width: 100%;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.phone{
|
.phone{
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
color: #333;
|
color: #333;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
|
width: 100%;
|
||||||
|
word-break: break-all;
|
||||||
span{
|
span{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
@@ -131,5 +139,13 @@ export default {
|
|||||||
::v-deep .u-index-anchor {
|
::v-deep .u-index-anchor {
|
||||||
top: 0!important;
|
top: 0!important;
|
||||||
}
|
}
|
||||||
|
.phone-icon{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
vertical-align: sub;
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
right: 64px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user