From 36c2e8cec30b75cce353973f2f1e0d048e4e45fe Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 25 二月 2025 14:33:11 +0800
Subject: [PATCH] 修改样式

---
 zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue |   32 ++++++++++++--------------------
 1 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue b/zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue
index d3dc582..c04cb0b 100644
--- a/zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue
+++ b/zhitan-vue/src/views/costAnalysis/cost-trend-analysis.vue
@@ -36,7 +36,7 @@
       </div>
       <div class="table-bg-style">
         <div class="table-box theme-dark-mt20" style="">
-          <el-table :data="tableData" v-loading="loading">
+          <el-table :data="tableData" v-loading="loading" style="border-bottom: 1px solid #ebeef5">
             <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">
@@ -47,7 +47,7 @@
         </div>
       </div>
       <div class="charts-view" v-loading="loading">
-        <el-row :gutter="2" class="" v-for="item in chartDataList" :key="item.energyType">
+        <el-row :gutter="1" class="" v-for="item in chartDataList" :key="item.energyType">
           <el-col :span="12">
             <BaseCard :title="item.costLabel + '(鍏�)'">
               <div class="">
@@ -258,31 +258,23 @@
 
 .table-box {
   margin-top: 0;
-  :deep .el-table--border .el-table__inner-wrapper:after {
-    height: 0;
-  }
+}
 
-  :deep .el-table--border:after {
-    width: 0;
+.themeDark {
+  .table-box {
+    padding: 0 10px;
   }
-
-  :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;
+}
+.themeLight {
+  .table-box {
+    padding-bottom: 20px;
   }
 }
 
 .charts-view {
   width: 100%;
-  margin-top: 20px;
-  // padding: 0 30px;
+  margin-top: 12px;
+  padding-bottom: 24px;
 }
 .display-buttons {
   display: flex;

--
Gitblit v1.9.3