ak/zn-admin-vue3-wcs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改实时地图

Browse Source
This commit is contained in:
xhf 2025-02-21 11:30:40 +08:00
parent f8f59ee161
commit 2ea880b281
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/mapPage/realTimeMap/components/indexPage.vue
View File

@ -21,6 +21,7 @@
<div class="indexpage-container-box-point">
<!-- 连线 -->
<div v-if="legendObj.driveLineShow">
<div
class="line-box"
v-for="(item, index) in lineList"
@ -50,6 +51,7 @@
</svg>
</div>
</div>
<!-- 小车 -->
<div
class="indexpage-car-item"
@ -147,7 +149,7 @@
}"
>
<div >
<img :src="item.formattedData.mapImageUrl" alt="" style="width: 100%;height: 100%;"/>
<img :src="item.formattedData.mapImageUrl?item.formattedData.mapImageUrl:'https://api.znkjfw.com/admin-api/infra/file/4/get/设备点_png_179_1739327151877.png'" alt="" style="width: 100%;height: 100%;"/>
</div>
</div>
<!-- 停车点 -->
@ -160,7 +162,7 @@
}"
>
<div >
<img :src="item.formattedData.mapImageUrl" alt="" style="width: 100%;height: 100%;"/>
<img :src="item.formattedData.mapImageUrl?item.formattedData.mapImageUrl:'https://api.znkjfw.com/admin-api/infra/file/4/get/停车场-01_png_179_1739326933020.png'" alt="" style="width: 100%;height: 100%;"/>
</div>
</div>
<!-- 路径点 -->
@ -168,12 +170,12 @@
class="indexpage-container-box-point-item-inner"
v-if="item.type == 5"
:style="{
width: item.formattedData.locationWide * radio + 'px',
height: item.formattedData.locationDeep * radio + 'px'
width: 40 * radio + 'px',
height: 40 * radio + 'px'
}"
>
<div >
<img :src="item.formattedData.mapImageUrl" alt="" style="width: 100%;height: 100%;"/>
<img :src="item.formattedData.mapImageUrl?item.formattedData.mapImageUrl:'https://api.znkjfw.com/admin-api/infra/file/4/get/区域_png_179_1739327151876.png'" alt="" style="width: 100%;height: 100%;"/>
</div>
</div>
<!-- 等待点 -->
@ -181,12 +183,12 @@
class="indexpage-container-box-point-item-inner"
v-if="item.type == 6"
:style="{
width: item.formattedData.locationWide * radio + 'px',
height: item.formattedData.locationDeep * radio + 'px'
width: 40 * radio + 'px',
height: 40 * radio + 'px'
}"
>
<div >
<img :src="item.formattedData.mapImageUrl" alt="" style="width: 100%;height: 100%;"/>
<img :src="item.formattedData.mapImageUrl?item.formattedData.mapImageUrl:'https://api.znkjfw.com/admin-api/infra/file/4/get/等待点_png_179_1739326991439.png'" alt="" style="width: 100%;height: 100%;"/>
</div>
</div>
<div v-if="item.type == 1" style="width: 10px; height: 10px; border-radius: 50%; background: #1890ff">
@ -376,8 +378,8 @@ const changeSizeRaio = (type) => {
}
//图例状态
const legendObj = reactive({
driveLineShow: false,
carShow: false,
driveLineShow: true,
carShow: true,
legendShow: true
})
// 车辆是否显示