!72 样式优化 Merge pull request !72 from Alioo/develop_alioo

zhitan-cloud

2025-02-13 9f08215feaddc37704451c571b623697f87294f6

 zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue

@@ -1,7 +1,5 @@
<template>
  <div class="page">
    <div class="page-container">
      <div class="page-container-right">
        <div>
          <div class="form-card">
            <el-form :model="queryParams" ref="queryRef" :inline="true">
@@ -36,14 +34,14 @@
            </el-form-item> -->
            </el-form>
          </div>
          <div style="margin-top: 16px">
            <div class="" style="padding: 0 16px">
      <div class="table-bg-style">
        <div class="table-box theme-dark-mt20" style="">
              <el-table :data="tableData" v-loading="loading">
                <el-table-column label="时间" prop="dateCode" align="center" width="120" />
            <el-table-column label="时间" prop="dateCode" align="center" width="160" />
                <el-table-column label="总费用(元)" prop="total" align="center" width="120" />
                <el-table-column :label="col.energyName" v-for="(col, index) in columns" :key="index" align="center">
                  <el-table-column :prop="'energyTotal' + col.energyType" label="消耗量" width="120" align="center" />
                  <el-table-column :prop="'costTotal' + col.energyType" label="费用（元）" width="120" align="center" />
              <el-table-column :prop="'energyTotal' + col.energyType" label="消耗量" min-width="120" align="center" />
              <el-table-column :prop="'costTotal' + col.energyType" label="费用（元）" min-width="120" align="center" />
                </el-table-column>
              </el-table>
            </div>
@@ -107,8 +105,6 @@
                </BaseCard>
              </el-col>
            </el-row>
          </div>
        </div>
      </div>
    </div>
  </div>
@@ -260,10 +256,27 @@
<style scoped lang="scss">
@import "@/assets/styles/page.scss";

.themeDark {
.table-box {
  margin-top: 0;
  :deep .el-table--border .el-table__inner-wrapper:after {
    height: 0;
}

.themeLight {
  :deep .el-table--border:after {
    width: 0;
  }

  :deep .el-table--border:before {
    width: 0;
  }

  :deep .el-table__border-left-patch {
    background: transparent;
  }

  :deep .el-table--border .el-table__cell {
    border-right: none;
  }
}

.charts-view {