代码优化

This commit is contained in:
BianLzhaoMin 2024-08-09 14:51:51 +08:00
parent fc323d0cb0
commit 43db8a77e1
2 changed files with 75 additions and 59 deletions

View File

@ -39,6 +39,7 @@
<el-table
:data="tableData"
style="width: 100%"
border
@selection-change="selectionChange"
>
<el-table-column type="selection" width="55" align="center" />
@ -65,13 +66,13 @@
<el-tag size="mini" v-else type="danger">下线</el-tag>
</template>
</el-table-column>
<el-table-column prop="prCode" label="二维码" align="center">
<!-- <el-table-column prop="prCode" label="二维码" align="center">
<template v-slot="{ row }">
<el-button type="text" size="small" @click="showQrCode(row)"
>查看</el-button
>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column label="状态" align="center">
<template v-slot="{ row }">
<el-tag

View File

@ -40,6 +40,7 @@
<el-col :span="6">
<el-tabs type="border-card" class="map-left">
<el-tab-pane label="行程">
<template v-if="tripList.length > 0">
<div
class="trip-container"
@click="handlePreviewTrip(item, index)"
@ -49,7 +50,9 @@
<div class="left-num">{{ index + 1 }}</div>
<div
class="right-info"
:class="{ active: activeIndex === index }"
:class="{
active: activeIndex === index,
}"
>
<!-- <ul>
<li>{{ item.tripdistance }}KM</li>
@ -66,8 +69,12 @@
<div style="margin-top: 10px">
<div class="time-container">
<span class="radius-span"></span>
<span>{{ item.startTime }}</span>
<span class="radius-span"
></span
>
<span>{{
item.startTime
}}</span>
</div>
<h3>{{ item.startAddress }}</h3>
</div>
@ -86,8 +93,11 @@
</div>
</div>
</div>
</template>
<template v-else> 暂无数据 </template>
</el-tab-pane>
<el-tab-pane label="停留点">
<template v-if="parkList.length > 0">
<div
class="point-container"
v-for="(item, index) in parkList"
@ -106,8 +116,11 @@
</div>
<h3>{{ item.address }}</h3>
</div>
</template>
<template v-else> 暂无数据 </template>
</el-tab-pane>
<el-tab-pane label="报警">
<template v-if="warningList.length > 0">
<div
class="point-container"
v-for="(item, index) in warningList"
@ -121,6 +134,8 @@
</div>
<h3>{{ item.startAlarm }}</h3>
</div>
</template>
<template v-else> 暂无数据 </template>
</el-tab-pane>
</el-tabs>
</el-col>