提交适配部分修改

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;
    
   }
   

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"

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 }
   ];

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 }}"
               />