From 0082fa417fb2af9add3406bf05ab3e3e45890c34 Mon Sep 17 00:00:00 2001
From: rain <1679827795@qq.com>
Date: Thu, 12 Jun 2025 14:30:02 +0800
Subject: [PATCH] Merge branch 'master' of http://139.196.74.78:10010/r/drone/drone-web-manage
---
src/views/wel/components/statistics.vue | 75 ++++++++++++++++++++++++-------------
1 files changed, 49 insertions(+), 26 deletions(-)
diff --git a/src/views/wel/components/statistics.vue b/src/views/wel/components/statistics.vue
index 7896992..295996a 100644
--- a/src/views/wel/components/statistics.vue
+++ b/src/views/wel/components/statistics.vue
@@ -10,14 +10,14 @@
</div>
</div>
- <div class="grid-container">
+ <div class="grid-container" v-if="Object.keys(newtitleData).length > 0">
<div v-for="(item, index) in Object.keys(newtitleData)" :key="index" class="device-card">
<div class="device-title">
<img :src="test[item].img" :alt="newtitleData[item].name" />
<div class="itemcenter">
<div>{{ test[item]?.name || '--' }}</div>
<span class="shu">{{ newtitleData[item].total_num }}</span>
- <span>个</span>
+ <span>{{ unitMap[test[item]?.name] }}</span>
</div>
</div>
<div class="status-list">
@@ -39,7 +39,7 @@
<span class="label">{{ getStatusLabel(test[item]?.name, statusKey) }}</span>
<span class="count">
{{ newtitleData[item].status_map[statusKey] }}
- {{ test[item]?.name === '无人机' ? '架' : '个' }}
+ {{ unitMap[test[item]?.name] }}
</span>
</div>
</template>
@@ -61,7 +61,7 @@
<span class="label">{{ getStatusLabel(test[item]?.name, statusKey) }}</span>
<span class="count">
{{ newtitleData[item].status_map[statusKey] }}
- {{ test[item]?.name === '无人机' ? '架' : '个' }}
+ {{ unitMap[test[item]?.name] }}
</span>
</div>
</template>
@@ -103,13 +103,18 @@
}"
></span>
<span class="label">{{ getStatusLabel(test[item]?.name, statusIndex) }}</span>
- <span class="count"
- >{{ status }} {{ test[item]?.name === '无人机' ? '架' : '个' }}</span
- >
+ <span class="count">{{ status }} {{ unitMap[test[item]?.name] }}</span>
</div>
</template>
</div>
</div>
+ </div>
+ <div class="grid-container" v-else>
+ <el-empty>
+ <template #description>
+ <span class="custom-text">暂无数据</span>
+ </template>
+ </el-empty>
</div>
</div>
</template>
@@ -117,12 +122,12 @@
<script setup>
import { useStore } from 'vuex';
import { computed } from 'vue';
-import titleImg1 from '@/assets/images/workbench/st3.png';
-import titleImg2 from '@/assets/images/workbench/st4.png';
-import titleImg3 from '@/assets/images/workbench/st8.png';
-import titleImg4 from '@/assets/images/workbench/st5.png';
-import titleImg5 from '@/assets/images/workbench/st6.png';
-import titleImg6 from '@/assets/images/workbench/st9.png';
+import titleImg1 from '@/assets/images/workbench/st3.svg';
+import titleImg2 from '@/assets/images/workbench/st4.svg';
+import titleImg3 from '@/assets/images/workbench/st8.svg';
+import titleImg4 from '@/assets/images/workbench/st5.svg';
+import titleImg5 from '@/assets/images/workbench/st6.svg';
+import titleImg6 from '@/assets/images/workbench/st9.svg';
import { getStatics } from '@/api/home/index';
import { useRouter } from 'vue-router';
const router = useRouter();
@@ -248,7 +253,7 @@
const getStaticsList = () => {
getStatics(userInfo.value.detail.areaCode).then(res => {
- console.log('permission.value', permission.value);
+// console.log('permission.value', permission.value);
// console.log('设备', res.data.data);
if (permission.value?.device_statistics_six) {
const { move_list, monitor_list, ...filteredData } = res.data.data;
@@ -267,10 +272,12 @@
};
const unitMap = {
- drone: '架',
- nest: '个',
- monitor: '个',
- mobile: '个',
+ 无人机流量: '架',
+ 无人机: '架',
+ 机巢: '个',
+ 机巢保险: '个',
+ 监控设备: '个',
+ 移动机巢: '个',
};
watch(
() => [
@@ -308,7 +315,7 @@
font-weight: bold;
font-size: 16px;
color: #363636;
- font-family: 'YouSheBiaoTiHei';
+ font-family: 'Source Han Sans CN';
}
img {
@@ -325,8 +332,20 @@
padding: 0 14px 0 21px;
// display: grid;
// grid-template-columns: repeat(4, 1fr);
+ height: 80px;
display: flex;
justify-content: space-around;
+ :deep(.el-empty ){
+ width: 60px;
+ height: 60px;
+ .el-empty__image{
+ width: 60px !important;
+ height: 60px !important;}
+ .custom-text {
+ font-size: 12px;
+ color: #7c8091;
+ }
+ }
.device-card {
display: flex;
align-items: center;
@@ -337,8 +356,8 @@
align-items: center;
img {
- width: 43px;
- height: 44px;
+ width: 64px;
+ height: 64px;
}
}
@@ -347,15 +366,18 @@
font-weight: 400;
font-size: 14px;
color: #343434;
-
+ div {
+ margin-top: 5px;
+ }
.shu {
font-weight: bold;
font-size: 36px;
color: #363636;
display: inline-block;
transform: skewX(-5deg);
- font-family: 'YouSheBiaoTiHei';
+ font-family: 'Source Han Sans CN';
// font-size: calc(12px + 0.5vw);
+ margin-right: 2px;
}
span {
@@ -411,8 +433,8 @@
align-items: center;
img {
- width: 43px;
- height: 44px;
+ width: 64px;
+ height: 64px;
}
}
@@ -428,7 +450,8 @@
color: #363636;
display: inline-block;
transform: skewX(-5deg);
- font-family: 'YouSheBiaoTiHei';
+ font-family: 'Source Han Sans CN';
+ margin-right: 2px;
}
span {
--
Gitblit v1.9.3