From 81380b5b765cdbfcbf7153378b79a41aab78b735 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期五, 02 八月 2024 16:48:27 +0800
Subject: [PATCH] feat：首页统计图
---
src/views/system/data-manage/data-detail/index.vue | 12 ++++++++----
1 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/views/system/data-manage/data-detail/index.vue b/src/views/system/data-manage/data-detail/index.vue
index b2d4cc6..36b5a3c 100644
--- a/src/views/system/data-manage/data-detail/index.vue
+++ b/src/views/system/data-manage/data-detail/index.vue
@@ -2,14 +2,14 @@
<div class="app-container">
<el-card class="box-card">
<el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between">
- <div v-for="card in cardList" style="display: flex;flex-direction: row; ">
+ <div v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px">
<div>
<div class="icon-container">
<i :class="card.icon"></i>
</div>
</div>
<div v-for="data in card.dataList" class="dashboard-item">
- <div style="color: #5C9BF8">{{ data.value }}</div>
+ <div style="color: #5C9BF8;margin-bottom: 20px;font-size: 20px">{{ data.value }}</div>
<div>{{data.label}}</div>
</div>
</div>
@@ -178,7 +178,11 @@
this.tableHead = data.columns;
this.cardList = data.card;
}
- if (this.$route.query.type === '4') this.tableHead = equipment[this.$route.query.index].columns;
+ if (this.$route.query.type === '4') {
+ let data = equipment.table.filter(item => item.index === this.$route.query.index)[0]
+ this.tableHead = data.columns;
+ this.cardList = data.card;
+ }
this.getList();
},
methods: {
@@ -316,6 +320,6 @@
flex-direction: column;
justify-content: center;
align-items: center;
- width: 200px;
+ width: 150px;
}
</style>
--
Gitblit v1.8.0