ljy/yak_handcuffs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2025年05月07日18:29:49

Browse Source
This commit is contained in:
luojiayi 2025-05-07 18:29:51 +08:00
parent b53e47b051
commit 3c1cb3ec88
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/battery1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 B

6
src/views/monitoringCenter/deviceModel.vue
View File

@ -24,9 +24,9 @@
<div class="item-right">
<div class="battery">
<div class="battery-icon">
<img src="@/assets/img/battery.png" alt="" srcset="" />
<img :src="item.battery < 20 ? battery1 : battery" alt="" srcset="" />
</div>
<div class="battery-num">{{ item.battery }}%</div>
<div class="battery-num" :style="{ color: item.battery < 20 ? '#f56c6c' : '#67c23a' }">{{ item.battery }}%</div>
</div>
<div class="user">{{ item.userNumber || "--" }}</div>
</div>
@ -76,6 +76,8 @@
import { TDevice } from "@/api/index.d";
import { ref, watch, reactive, onMounted } from "vue";
import { deviceList } from "@/api/index";
import battery1 from "@/assets/img/battery1.png";
import battery from "@/assets/img/battery.png";
const statusColor = ["danger", "success", "warning"];
const modeColor = ["primary", "danger", "warning"];

5
src/views/synthesizeManage/deviceManage/index.vue
View File

@ -22,7 +22,10 @@
<template #mode="{ rows }">
<el-tag :type="modeColor[rows.mode]">{{ modeEnum[rows.mode] }}</el-tag>
</template>
<template #battery="{ rows }"> {{ rows.battery }}% </template>
<template #battery="{ rows }">
<div v-if="!rows.battery && rows.battery != 0">--</div>
<el-tag :type="rows.battery < 20 ? 'danger' : 'success'" v-else>{{ rows.battery }}% </el-tag>
</template>
<template #operator="{ rows }">
<el-button link type="primary" size="small" @click="toPage('deviceInfo', rows)"> 详细信息 </el-button>
<el-button link type="primary" size="small" @click="toPage('mapLocation', rows)"> 地图位置 </el-button>