代码优化

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

View File

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