[完善]今日预警布局

src/app/pages/today-warning-admin/today-warning-admin.component.html

@@ -158,12 +158,12 @@
       <div nz-col nzSpan="1" *ngIf="isMisinformation">
         申诉状态
       </div>
-      <div nz-col nzSpan="1">
+      <div nz-col nzSpan="1" style="min-width: 65px;">
         操作
       </div>
     </div>
 
-    <div nz-row class="listitem" *ngFor="let item of list">
+    <div nz-row class="listitem listitembody" *ngFor="let item of list">
       <div nz-col nzSpan="2" class="imgbox">
         <span *ngIf="item.violation.violationType == '卸油作业检查'">
           <img src="../../../assets/images/warning2.png">
@@ -231,7 +231,7 @@
           '申诉撤销' : item.appealStatus == 5 ? '申诉完成' : null}}
         </span>
       </div>
-      <div nz-col nzSpan="1" style="min-width: 64px;">
+      <div nz-col nzSpan="1" style="min-width: 65px;">
         <button nz-button (click)="look(item)">查看</button>
       </div>
     </div>

src/app/pages/today-warning-admin/today-warning-admin.component.scss

@@ -7,7 +7,7 @@
 
   .title {
     box-sizing: border-box;
-    padding: 0 20PX;
+    padding: 0 20px;
     width: 100%;
     height: 48px;
     margin: 16px 0;
@@ -28,7 +28,7 @@
     .today {
       font-size: 18px;
       font-family: titlefont;
-      color: #D0EAFF;
+      color: #d0eaff;
       margin-left: 8px;
       margin-right: 16px;
     }
@@ -39,8 +39,6 @@
       color: white;
       font-weight: 600;
     }
-
-
   }
 
   .search {
@@ -83,7 +81,6 @@
 
       nz-select {
         color: rgba(145, 204, 255, 0.95);
-        ;
       }
 
       nz-tree-select {
@@ -107,11 +104,16 @@
       width: 100%;
       height: 78px;
       display: flex;
+      flex-wrap: nowrap;
       align-items: center;
       border: 1px solid rgba(54, 162, 255, 0.478);
-      color: #91CCFF;
+      color: #91ccff;
       margin-bottom: 12px;
-      background: linear-gradient(180deg, rgba(3, 0, 0, 0) 0%, rgba(0, 46, 91, 0.68) 100%);
+      background: linear-gradient(
+        180deg,
+        rgba(3, 0, 0, 0) 0%,
+        rgba(0, 46, 91, 0.68) 100%
+      );
       box-sizing: border-box;
       white-space: nowrap;
 
@@ -127,7 +129,7 @@
           font-size: 15px;
           background-color: #013064;
           border: 1px solid #4c8ac8;
-          color: #91CCFF;
+          color: #91ccff;
         }
       }
 
@@ -154,11 +156,11 @@
       }
 
       .propsm1 {
-        background: #2399FF;
+        background: #2399ff;
       }
 
       .propsm2 {
-        background: #FF9963;
+        background: #ff9963;
       }
     }
 
@@ -167,11 +169,9 @@
       line-height: 40px;
       background: rgba(35, 153, 255, 0.22);
       border: 1px solid rgba(35, 217, 255, 0.4);
-      color: #23D9FF;
+      color: #23d9ff;
     }
   }
-
-
 }
 
 // 适配125%
@@ -179,7 +179,7 @@
   .warningbox {
     .title {
       box-sizing: border-box;
-      padding: 0 16PX;
+      padding: 0 16px;
       height: 42px;
       margin: 12px 0;
       position: relative;
@@ -202,8 +202,6 @@
       .num {
         font-size: 18px;
       }
-
-
     }
 
     .search {
@@ -220,8 +218,6 @@
       }
     }
 
-
-
     .listbox {
       flex: 1;
       overflow-y: auto;
@@ -251,7 +247,7 @@
   .warningbox {
     .title {
       box-sizing: border-box;
-      padding: 0 12PX;
+      padding: 0 12px;
       height: 38px;
       margin: 6px 0;
       position: relative;
@@ -274,8 +270,6 @@
       .num {
         font-size: 16px;
       }
-
-
     }
 
     .search {
@@ -292,8 +286,6 @@
       }
     }
 
-
-
     .listbox {
       flex: 1;
       overflow-y: auto;

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts

@@ -302,13 +302,7 @@ export class GetOutOfLineDetailsComponent implements OnInit {
             name = this.typeArr[item.id].name;
           }
         }
-        this.ctx.fillText(
-          name,
-          startPoint[0],
-          startPoint[1] < 20 || item.id === 2 || item.id === 3
-            ? endPoint[1] + 18
-            : startPoint[1] - 5
-        );
+        this.ctx.fillText(name, startPoint[0], startPoint[1] - 5);
       } else {
         if (item.error) {
           this.ctx.strokeStyle = this.typeArr[item.id].color;