[完善]完善表格样式

src/app/pages/criminal-records-admin/criminal-records-admin.component.html

@@ -213,12 +213,12 @@
             <td nzEllipsis [title]="item.gasStation.companyName">{{item.gasStation.companyName}}</td>
             <td nzEllipsis [title]="item.gasStation.locationName">{{item.gasStation.locationName}}</td>
             <td nzEllipsis [title]="item.gasStation.stationName">{{item.gasStation.stationName}}</td>
-            <td>{{item.violateArea}}</td>
-            <td>{{item.cameraNo}}</td>
-            <td>
+            <td nzEllipsis [title]="item.violateArea">{{item.violateArea}}</td>
+            <td nzEllipsis [title]="item.cameraNo">{{item.cameraNo}}</td>
+            <td nzEllipsis [title]="item.violateTime | date:'yyyy-MM-dd HH:mm:ss'">
               {{item.violateTime | date:"yyyy-MM-dd HH:mm:ss"}}
             </td>
-            <td>
+            <td nzEllipsis>
               <ng-container *ngIf="!item.positive; else elseTemplate">
                 误报
               </ng-container>

src/app/pages/criminal-records/criminal-records.component.html

@@ -180,12 +180,12 @@
             <td nzEllipsis [title]="item.violation.violationType">{{item.violation.violationType}}</td>
             <td nzEllipsis [title]="item.violation.eventSystemName">{{item.violation.eventSystemName}}</td>
             <td nzEllipsis [title]="item.gasStation.locationName">{{item.gasStation.locationName}}</td>
-            <td>{{item.violateArea}}</td>
-            <td>{{item.cameraNo}}</td>
-            <td>
+            <td nzEllipsis>{{item.violateArea}}</td>
+            <td nzEllipsis>{{item.cameraNo}}</td>
+            <td nzEllipsis [title]="item.violateTime | date:'yyyy-MM-dd HH:mm:ss'">
               {{item.violateTime | date:"yyyy-MM-dd HH:mm:ss"}}
             </td>
-            <td>
+            <td nzEllipsis>
               <ng-container *ngIf="!item.positive; else elseTemplate">
                 误报
               </ng-container>

src/app/pages/criminal-records/criminal-records.component.scss

@@ -240,6 +240,7 @@
     flex: 1;
     box-sizing: border-box;
     padding: 0 36px;
+    overflow: hidden;
 
     img {
       width: 36px;

src/app/pages/criminal-records/criminal-records.component.ts

@@ -294,6 +294,10 @@ export class CriminalRecordsComponent implements OnInit {
   isEcharts: boolean = true
   isEchartsShow() {
     this.isEcharts = !this.isEcharts
+    setTimeout(() => {
+      let tableHeader = this.element.nativeElement.querySelector(`.ant-table-header`).clientHeight
+      this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - tableHeader - 10) + 'px'
+    }, 0);
   }
   startdate
   enddate