From bb39cbe30cf530a7554c5813e21ffaba9307a035 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期五, 24 二月 2023 15:39:29 +0800
Subject: [PATCH] 修改部分图表显示效果
---
src/components/chart/DataStorage.vue | 69 ++++++++++++++++++++--------------
1 files changed, 40 insertions(+), 29 deletions(-)
diff --git a/src/components/chart/DataStorage.vue b/src/components/chart/DataStorage.vue
index ce7a550..5814017 100644
--- a/src/components/chart/DataStorage.vue
+++ b/src/components/chart/DataStorage.vue
@@ -45,7 +45,16 @@
</el-table-column>
<el-table-column align="center" prop="name" label="鍚嶇О">
<template slot-scope="scope">
- <div>{{ scope.row.name }}</div>
+ <div
+ style="
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ "
+ :title="scope.row.name"
+ >
+ {{ scope.row.name }}
+ </div>
</template>
</el-table-column>
<el-table-column prop="num" label="鏂囦欢鏁�" width="70">
@@ -181,36 +190,38 @@
</style>
<style lang="scss">
-.index-wrap {
- margin: 0 auto;
- width: 14px;
- height: 14px;
- background: rgba(180, 188, 235, 0.25);
-}
-.scrollbar {
- width: 100%;
- overflow-x: hidden;
- height: 200px;
- .el-scrollbar__wrap {
- overflow-x: hidden;
+.data-storage {
+ .index-wrap {
+ margin: 0 auto;
+ width: 14px;
+ height: 14px;
+ background: rgba(180, 188, 235, 0.25);
}
- .el-table {
- height: 100%;
+ .scrollbar {
width: 100%;
- background-color: transparent;
- color: #fff;
- }
- .el-table th.el-table__cell.is-leaf,
- .el-table td.el-table__cell {
- border: none;
- }
- .el-table--group::after,
- .el-table--border::after,
- .el-table::before {
- border: none;
- }
- .el-table::before {
- height: 0;
+ overflow-x: hidden;
+ height: 200px;
+ .el-scrollbar__wrap {
+ overflow-x: hidden;
+ }
+ .el-table {
+ height: 100%;
+ width: 100%;
+ background-color: transparent;
+ color: #fff;
+ }
+ .el-table th.el-table__cell.is-leaf,
+ .el-table td.el-table__cell {
+ border: none;
+ }
+ .el-table--group::after,
+ .el-table--border::after,
+ .el-table::before {
+ border: none;
+ }
+ .el-table::before {
+ height: 0;
+ }
}
}
</style>
--
Gitblit v1.9.3