Merge branch 'dev-yjl' into 'shenzhen-dev'

修改人员定位系统页面-(点位配置、人员定位)平面图显示图标

See merge request !60
This commit is contained in:
yjlHub 2022-11-19 17:48:26 +08:00
commit 3df5e71c49
5 changed files with 141 additions and 126 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -138,8 +138,8 @@
<img <img
@mousedown.prevent="move(index,$event)" @mousedown.prevent="move(index,$event)"
@mouseup="up(index,$event)" @mouseup="up(index,$event)"
style="width: 70px; height:70px;" style="width: 30px; height:30px;"
src="@/assets/images/deepFoundationPitManage/ljz.png" src="@/assets/images/deepFoundationPitManage/ld.png"
/> />
</li> </li>
</ul> </ul>

View File

@ -154,8 +154,8 @@
<img <img
@mousedown.prevent="move(index,$event)" @mousedown.prevent="move(index,$event)"
@mouseup="up(index,$event)" @mouseup="up(index,$event)"
style="width: 70px; height:70px;" style="width: 30px; height:30px;"
src="@/assets/images/deepFoundationPitManage/zc.png" src="@/assets/images/deepFoundationPitManage/jz.png"
/> />
</li> </li>
</ul> </ul>

View File

@ -20,9 +20,7 @@
</div> </div>
<div ref="mapbox"> <div ref="mapbox">
<vue-scroll style="height: 780px"> <vue-scroll style="height: 780px">
<div <div class="img-box">
class="img-box"
>
<img <img
ref="map" ref="map"
v-if="mapUrl" v-if="mapUrl"
@ -42,26 +40,36 @@
'scale(' + 1 / imgZoom + ')' + ' ' + item.transform, 'scale(' + 1 / imgZoom + ')' + ' ' + item.transform,
}" }"
> >
<el-tooltip
<el-tooltip :content="item.name" effect="dark" placement="top" v-if="item.type == 1"> :content="item.name"
effect="dark"
placement="top"
v-if="item.type == 1"
>
<img <img
@click="detailsBtn(item)" @click="detailsBtn(item)"
style="width: 70px; height: 70px" style="width: 30px; height: 30px"
src="@/assets/images/deepFoundationPitManage/ljz.png" src="@/assets/images/deepFoundationPitManage/ld.png"
/> />
</el-tooltip> </el-tooltip>
<el-tooltip :content="item.name" effect="dark" placement="top" v-if="item.type != 1"> <el-tooltip
:content="item.name"
effect="dark"
placement="top"
v-if="item.type != 1"
>
<img <img
@click="detailsBtn(item)" @click="detailsBtn(item)"
style="width: 70px; height: 70px" style="width: 30px; height: 30px"
src="@/assets/images/deepFoundationPitManage/zc.png" src="@/assets/images/deepFoundationPitManage/jz.png"
/> />
</el-tooltip> </el-tooltip>
</li> </li>
</ul> </ul>
</div> </div>
</vue-scroll> </vue-scroll>
</div> </div>
</div> </div>
<!-- 点位详情弹框 --> <!-- 点位详情弹框 -->
@ -233,7 +241,7 @@ export default {
}).then((res) => { }).then((res) => {
console.log("点位信息", res); console.log("点位信息", res);
if ((res.code = 200)) { if ((res.code = 200)) {
this.PointSummary = [] this.PointSummary = [];
this.baseStationList = res.result.baseStationList; this.baseStationList = res.result.baseStationList;
this.figureBuildingList = res.result.figureBuildingList; this.figureBuildingList = res.result.figureBuildingList;
@ -244,13 +252,12 @@ export default {
this.figureBuildingList.forEach((item) => { this.figureBuildingList.forEach((item) => {
console.log("item hotspot--", item.hotspot); console.log("item hotspot--", item.hotspot);
if (item.hotspot != null) { if (item.hotspot != null) {
let hstspot = JSON.parse(item.hotspot) let hstspot = JSON.parse(item.hotspot);
item.mapX = hstspot[0] item.mapX = hstspot[0];
item.mapY = hstspot[1] item.mapY = hstspot[1];
} }
item.type = 1; item.type = 1;
item.name = item.buildingName item.name = item.buildingName;
this.PointSummary.push(item); this.PointSummary.push(item);
}); });
this.pointList = this.PointSummary; this.pointList = this.PointSummary;
@ -268,10 +275,9 @@ export default {
type: val.type, type: val.type,
}).then((res) => { }).then((res) => {
console.log("查看点位信息详情 数据", res); console.log("查看点位信息详情 数据", res);
this.tableData = res.result this.tableData = res.result;
}); });
}, },
}, },
}; };
</script> </script>
@ -322,10 +328,10 @@ export default {
position: relative; position: relative;
img { img {
position: absolute; position: absolute;
width: 100% ; width: 96%;
height: 800px ; height: 755px;
display: block; display: block;
margin: 0 auto; margin: 0 0 0 28px;
margin-top: 20px; margin-top: 20px;
} }
.point-list { .point-list {
@ -396,4 +402,13 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
} }
.noDataImgBox {
img {
width: 250px;
margin-bottom: 200px;
}
p {
font-size: 20px;
}
}
</style> </style>