|
|
|
@ -18,7 +18,7 @@ |
|
|
|
<div class="markerList"> |
|
|
|
<el-scrollbar height="100%"> |
|
|
|
<!--marker列表 --> |
|
|
|
<el-collapse accordion> |
|
|
|
<el-collapse accordion @change="collapseChange"> |
|
|
|
<el-collapse-item :name="item.name" v-for="item in filterMarkers" :key="item.id"> |
|
|
|
<template #title> |
|
|
|
<div class="flex flex-row w-100%"> |
|
|
|
@ -40,6 +40,10 @@ |
|
|
|
<!-- <div> <span>在线状态:</span>{{ item.onlineStatus }}</div> --> |
|
|
|
<div> <span>数值:</span>{{ item.value }} {{ item.unit }}</div> |
|
|
|
<div> <span>时间:</span>{{ dayjs(item.time).format('YYYY-MM-DD HH:mm:ss') }}</div> |
|
|
|
<!-- <div> |
|
|
|
<el-button type="primary" size="small">定位</el-button> |
|
|
|
<el-button type="primary" size="small">轨迹</el-button> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<!-- {{ item }} --> |
|
|
|
</div> |
|
|
|
@ -74,6 +78,9 @@ const fences = ref<FenceData[]>([]) |
|
|
|
|
|
|
|
const mapRef = ref<typeof OpenLayerMap>() |
|
|
|
const search = ref('') |
|
|
|
function collapseChange(name: string) { |
|
|
|
console.log('collapseChange', name) |
|
|
|
} |
|
|
|
watch( |
|
|
|
() => search.value, |
|
|
|
(newSearch, oldSearch) => { |
|
|
|
@ -169,7 +176,6 @@ onMounted(() => { |
|
|
|
|
|
|
|
getFences() |
|
|
|
|
|
|
|
|
|
|
|
console.log('定时器,暂时关掉,太烦了') |
|
|
|
|
|
|
|
getDataTimer.value = setInterval(() => { |
|
|
|
|