修改部分图表显示效果

TreeWish

2023-02-24 bb39cbe30cf530a7554c5813e21ffaba9307a035

 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>