From 0ab9216ed850427e4aec036df5791b7f5e1e7c12 Mon Sep 17 00:00:00 2001
From: huangchengfa <171504222@qq.com>
Date: Fri, 12 Dec 2025 16:25:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=83=85=E6=8A=A5=E6=9D=A5=E6=BA=90?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B-=E5=A2=9E=E5=8A=A0=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E3=80=82=E4=BC=98=E7=A7=80=E4=BF=A1=E6=81=AF=E5=91=98=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E7=A7=80=E7=A0=94=E5=88=A4=E7=9A=84=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/model/qingBaowbTable.vue | 79 +++++++++++++++++++------
 1 file changed, 61 insertions(+), 18 deletions(-)

diff --git a/src/views/home/model/qingBaowbTable.vue b/src/views/home/model/qingBaowbTable.vue
index 5da4ca8..f5e0a13 100644
--- a/src/views/home/model/qingBaowbTable.vue
+++ b/src/views/home/model/qingBaowbTable.vue
@@ -9,16 +9,17 @@
       </div>
     </div>
 
+
     <div class="table-wrapper">
-      <el-table :data="tableData" style="width: 100%" height="calc(100 - 1px)" :header-cell-style="{
-        background: 'rgba(2, 29, 75, 0.1)',
-        color: '#fff',
+      <el-table :data="tableData" style="width: 100%" height="calc(100% - 1px)" :header-cell-style="{
+        background: 'transparent',
+        color: '#0d4b8a',
         borderColor: '#0d4b8a'
       }" :row-style="{
-          background: 'rgba(0, 29, 75, 0.3)',
-          color: '#fff',
-          borderColor: '#0d4b8a'
-        }" stripe>
+        background: 'transparent',
+        color: '#fff',
+        borderColor: '#0d4b8a'
+      }" stripe>
         <el-table-column prop="ssbm" label="部门名称" min-width="120" show-overflow-tooltip />
         <el-table-column prop="xm" label="姓名" min-width="80" show-overflow-tooltip />
         <!-- 信息员积分 和 研判员积分 -->
@@ -52,17 +53,15 @@ const switchTab = (tab) => {
   fetchData()
 }
 
+
 // 获取表格数据
 const fetchData = () => {
-  const promes = {
-    startTime: '',
-    endTime: ''
+  const params = {
   }
   const url = activeTab.value === 'xxy' ? '/mosty-gsxt/xxcj/mjjf/cjrList' : '/mosty-gsxt/xxcj/mjjf/ypyList'
-  qcckGet(promes, url).then(res => {
+  qcckGet(params, url).then(res => {
     tableData.value = res || []
   }).catch(error => {
-    console.error('获取表格数据失败:', error)
     tableData.value = []
   })
 }
@@ -82,11 +81,11 @@ defineExpose({
 <style lang="scss" scoped>
 .qingbao-table-container {
   height: 100%;
-  padding: 10px;
+  padding: 2px 10px;
 
   .tab-buttons {
     display: flex;
-    margin-bottom: 15px;
+    margin-bottom: 4px;
     gap: 10px;
 
     .tab-button {
@@ -112,11 +111,15 @@ defineExpose({
   }
 
   .table-wrapper {
-    height: calc(100% - 50px);
+    height: calc(100% - 30px);
 
     :deep(.el-table) {
       background: transparent;
 
+      tr {
+        background-color: rgba(0, 78, 167, 0.041) !important;
+      }
+
       .el-table__header-wrapper {
         background: transparent;
       }
@@ -126,16 +129,56 @@ defineExpose({
       }
 
       .el-table__row {
-        background: rgba(0, 29, 75, 0.3);
+        background: transparent !important;
 
         &:hover>td.el-table__cell {
-          background: rgba(0, 77, 167, 0.5) !important;
+          background: transparent !important;
         }
       }
 
+      // 设置行高
+      .el-table__row td {
+        height: 32px !important;
+        line-height: 32px !important;
+      }
+
+      // 设置表头行高
+      .el-table__header th {
+        height: 36px !important;
+        line-height: 36px !important;
+        padding: 0 !important;
+        background: transparent !important;
+      }
+
+      // 去掉所有白色背景
+      &::before {
+        display: none;
+      }
+
+      .el-table__cell {
+        background: transparent !important;
+      }
+
+      .el-table__header th.el-table__cell {
+        background: transparent !important;
+      }
+
       .el-table__cell {
         border-bottom: 1px solid #0d4b8a;
-        padding: 8px 12px;
+        padding: 0 12px;
+      }
+
+      // 去掉表格的白色背景
+      .el-table__inner {
+        background-color: transparent !important;
+      }
+
+      .el-table__header {
+        background-color: transparent !important;
+      }
+
+      .el-table__body {
+        background-color: transparent !important;
       }
     }
   }