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

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

@ -21,7 +21,8 @@
<div class="indexpage-container-box-point"> <div class="indexpage-container-box-point">
<!-- 连线 --> <!-- 连线 -->
<div <div v-if="legendObj.driveLineShow">
<div
class="line-box" class="line-box"
v-for="(item, index) in lineList" v-for="(item, index) in lineList"
:key="index" :key="index"
@ -50,6 +51,7 @@
</svg> </svg>
</div> </div>
</div>
<!-- 小车 --> <!-- 小车 -->
<div <div
class="indexpage-car-item" class="indexpage-car-item"
@ -147,7 +149,7 @@
}" }"
> >
<div > <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>
</div> </div>
<!-- 停车点 --> <!-- 停车点 -->
@ -160,7 +162,7 @@
}" }"
> >
<div > <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>
</div> </div>
<!-- 路径点 --> <!-- 路径点 -->
@ -168,12 +170,12 @@
class="indexpage-container-box-point-item-inner" class="indexpage-container-box-point-item-inner"
v-if="item.type == 5" v-if="item.type == 5"
:style="{ :style="{
width: item.formattedData.locationWide * radio + 'px', width: 40 * radio + 'px',
height: item.formattedData.locationDeep * radio + 'px' height: 40 * radio + 'px'
}" }"
> >
<div > <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>
</div> </div>
<!-- 等待点 --> <!-- 等待点 -->
@ -181,12 +183,12 @@
class="indexpage-container-box-point-item-inner" class="indexpage-container-box-point-item-inner"
v-if="item.type == 6" v-if="item.type == 6"
:style="{ :style="{
width: item.formattedData.locationWide * radio + 'px', width: 40 * radio + 'px',
height: item.formattedData.locationDeep * radio + 'px' height: 40 * radio + 'px'
}" }"
> >
<div > <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> </div>
<div v-if="item.type == 1" style="width: 10px; height: 10px; border-radius: 50%; background: #1890ff"> <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({ const legendObj = reactive({
driveLineShow: false, driveLineShow: true,
carShow: false, carShow: true,
legendShow: true legendShow: true
}) })
// 车辆是否显示 // 车辆是否显示