From 6b25868b497dc932d508a2736845b57a69c73371 Mon Sep 17 00:00:00 2001
From: "lijie.hu" <lijieofhu@gmail.com>
Date: Mon, 8 Apr 2024 16:41:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E9=80=82=E9=85=8D=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lj-car-info-table.component.css           | 10 +++--
 .../lj-car-info-table.component.html          |  8 ++--
 .../lj-car-info-table.component.ts            | 45 +++++++++++--------
 .../navigation/navigation.component.html      |  4 +-
 4 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css
index 93d6d1c..8ff49ec 100644
--- a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css
+++ b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css
@@ -34,19 +34,22 @@ border-radius: 3px;
 
 .card-content {
     overflow: hidden;
+
+    /* height: 18rem; */
     margin-bottom: 0.5rem;
-    //height: 18rem;
     padding: 1rem 1.5rem;
     padding: 1rem;
 
     /* 调整内边距以适应内容 */
-    //position: relative;
+
+    /* //position: relative; */
     background-image: url('../../../../assets/dashboard/dashboard_card_bg2.png');
     background-repeat: no-repeat;
 
     /* 防止背景图片重复 */
     background-position: center;
-    // background-position: top;
+
+    /* // background-position: top; */
     background-size: 100% 100%;
 
     .card-content-title {
@@ -115,6 +118,7 @@ border-radius: 3px;
   .table-header {
     display: flex; /* 使用 flex 布局 */
     justify-content: space-between; /* 元素之间平均分布 */
+    font-size: 0.9rem;
    
   }
   
diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html
index d96e21a..7411ae4 100644
--- a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html
+++ b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html
@@ -17,7 +17,7 @@
       <div class="rounded-border" style="color: #ff0200">#1</div>
 
       <lj-car-ag-grid-component
-        style="width: 100%; height: 120px"
+        style="width: 100%; height: 14.5rem"
         [defaultColDef]="defaultColDef"
         [rowData]="rowData1"
         [columnDefs]="colDefs1"
@@ -27,7 +27,7 @@
     <div class="grid-item">
       <div class="rounded-border" style="color: #25f551">#2</div>
       <lj-car-ag-grid-component
-        style="width: 100%; height: 120px"
+        style="width: 100%; height: 14.5rem"
         [defaultColDef]="defaultColDef"
         [rowData]="rowData1"
         [columnDefs]="colDefs1"
@@ -37,7 +37,7 @@
     <div class="grid-item">
       <div class="rounded-border" style="color: #ff0200">#3</div>
       <lj-car-ag-grid-component
-        style="width: 100%; height: 120px"
+        style="width: 100%; height: 14.5rem"
         [defaultColDef]="defaultColDef"
         [rowData]="rowData1"
         [columnDefs]="colDefs1"
@@ -47,7 +47,7 @@
     <div class="grid-item">
       <div class="rounded-border" style="color: #bbbbbb">#4</div>
       <lj-car-ag-grid-component
-        style="width: 100%; height: 120px"
+        style="width: 100%; height: 14.5rem"
         [defaultColDef]="defaultColDef"
         [rowData]="rowData1"
         [columnDefs]="colDefs1"
diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.ts b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.ts
index 4a792ba..65691e1 100644
--- a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.ts
+++ b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.ts
@@ -78,58 +78,67 @@ export class DataVLjCarInfoTableComponent implements OnInit {
       valueGetter: function (params: any) {
         return parseInt(params.node.id) + 1;
       },
-      minWidth: 50,
-      cellStyle: { 'font-size': '13px' },
+      // minWidth: 5rem,
+      flex: 1,
+      cellStyle: { 'font-size': '0.9rem' },
       field: 'xh'
     },
 
     {
       headerName: '时间',
       field: 'time',
-      minWidth: 60,
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      // minWidth: 60,
+      flex: 1,
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '车牌',
       field: 'carNo',
-      minWidth: 50,
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      // minWidth: 50,
+      flex: 1,
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '车型',
       field: 'carType',
-      minWidth: 50,
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      // minWidth: 50,
+      flex: 1,
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '卡号',
       field: 'no',
-      minWidth: 50,
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      // minWidth: 50,
+      flex: 1,
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '供应商',
-      minWidth: 55,
+      // minWidth: 55,
+      flex: 1,
       field: 'supplier',
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '毛重',
-      minWidth: 55,
+      // minWidth: 55,
+      flex: 1,
       field: 'grossWeight',
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '上报热值',
-      minWidth: 55,
+      // minWidth: 55,
+      flex: 1,
       field: 'reportHotValue',
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     },
     {
       headerName: '估算热值',
-      minWidth: 55,
+      // minWidth: 55,
+      flex: 1,
       field: 'estimateValue',
-      cellStyle: { 'font-size': '13px', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
+      cellStyle: { 'font-size': '0.9rem', 'padding-top': '0px', 'padding-right': '0px', 'padding-bottom': '0px', 'padding-left': '0px' }
     }
     // { headerName: '操作', width: 90, field: 'cz', cellRenderer: GridButtonValueRenderer }
   ];
diff --git a/src/app/routes/data-v/navigation/navigation.component.html b/src/app/routes/data-v/navigation/navigation.component.html
index 2453d1a..4d3c260 100644
--- a/src/app/routes/data-v/navigation/navigation.component.html
+++ b/src/app/routes/data-v/navigation/navigation.component.html
@@ -7,7 +7,7 @@
           <a href="javascript:void(0);" class="menu-group" [class.active]="isActive(true)" (click)="navigate(menu)">
             <img
               *ngIf="menu.icon"
-              width="20"
+              width="1rem"
               src="assets/{{ menu.icon.includes('svg') ? menu.icon : menu.icon + '.svg' }}"
               alt="{{ menu.text }}"
             />
@@ -36,7 +36,7 @@
             <a href="javascript:void(0);" class="menu-group" [class.active]="isActive(true)" (click)="navigate(menu)">
               <img
                 *ngIf="menu.icon"
-                width="20"
+                width="1rem"
                 src="assets/{{ menu.icon.includes('svg') ? menu.icon : menu.icon + '.svg' }}"
                 alt="{{ menu.text }}"
               />