[完善]完善样式

src/app/pages/home-page/home-page.component.ts

@@ -61,7 +61,8 @@ export class HomePageComponent implements OnInit {
             color: '#fff',
             fontSize: 12
           },
-          formatter: "{b} : {c} ({d}%)"
+          formatter: "{b} : {c} ({d}%)",
+          extraCssText: 'z-index:2'
         },
         label: {
           normal: {
@@ -257,7 +258,8 @@ export class HomePageComponent implements OnInit {
             color: '#fff',
             fontSize: 12
           },
-          formatter: "{b} : {c} ({d}%)"
+          formatter: "{b} : {c} ({d}%)",
+          extraCssText: 'z-index:2'
         }
       }
     ]

src/app/pages/oil-unloading-process-list/oil-unloading-process-list.component.html

@@ -107,10 +107,10 @@
         <div class="tablebox">
             <div class="table">
                 <div nz-row class="th">
-                    <div nz-col nzSpan="1">
-                    </div>
-                    <div nz-col nzSpan="2">
-                        油站名称
+                    <!-- <div nz-col nzSpan="1">
+                    </div> -->
+                    <div nz-col nzSpan="3">
+                        <span style="margin-left: 26px;">油站名称</span>
                     </div>
                     <div nz-col nzSpan="2">
                         公司名称
@@ -118,10 +118,10 @@
                     <div nz-col nzSpan="2">
                         区域
                     </div>
-                    <div nz-col nzSpan="2">
+                    <div nz-col nzSpan="3">
                         卸油开始时间
                     </div>
-                    <div nz-col nzSpan="2">
+                    <div nz-col nzSpan="3">
                         卸油结束时间
                     </div>
                     <div nz-col nzSpan="3">
@@ -133,30 +133,30 @@
                     <div nz-col nzSpan="3">
                         全流程准备预警节点数量
                     </div>
-                    <div nz-col nzSpan="2">
+                    <div nz-col nzSpan="1">
                         状态
                     </div>
-                    <div nz-col nzSpan="2">
+                    <div nz-col nzSpan="1">
                         操作
                     </div>
                 </div>
                 <div class="tbody" id="tbody">
                     <div nz-row class="tr" *ngFor="let item of list">
-                        <div nz-col nzSpan="1">
-                        </div>
-                        <div nz-col nzSpan="2">
-                            {{item.gasStation.stationName}}
+                        <!-- <div nz-col nzSpan="1">
+                        </div> -->
+                        <div nz-col nzSpan="3" [title]="item.gasStation.stationName">
+                            <span style="margin-left: 26px;">{{item.gasStation.stationName}}</span>
                         </div>
-                        <div nz-col nzSpan="2">
+                        <div nz-col nzSpan="2" [title]="item.gasStation.companyName">
                             {{item.gasStation.companyName}}
                         </div>
                         <div nz-col nzSpan="2">
                             {{item.gasStation.locationName}}
                         </div>
-                        <div nz-col nzSpan="2">
+                        <div nz-col nzSpan="3">
                             {{item.startTime ? (item.startTime | date:"yyyy-MM-dd HH:mm:ss") : '/'}}
                         </div>
-                        <div nz-col nzSpan="2">
+                        <div nz-col nzSpan="3">
                             {{item.endTime ? (item.endTime | date:"yyyy-MM-dd HH:mm:ss") : '/'}}
                         </div>
                         <div nz-col nzSpan="3">
@@ -168,7 +168,7 @@
                         <div nz-col nzSpan="3">
                             {{item.allProccessCount}}
                         </div>
-                        <div nz-col nzSpan="2">
+                        <div nz-col nzSpan="1">
                             <ng-container
                                 *ngIf="item.proccessBeforeCount == 0 && item.proccessingCount == 0 && item.allProccessCount == 0; else elseTemplate">
                                 <span style="color: #4BFFD4;">合规</span>
@@ -177,7 +177,7 @@
                                 <span style="color: #FF4B65;">预警</span>
                             </ng-template>
                         </div>
-                        <div nz-col nzSpan="2">
+                        <div nz-col nzSpan="1">
                             <span style="color: #36A2FF;cursor: pointer;" (click)="look(item)">查看</span>
                         </div>
                     </div>

src/app/pages/oil-unloading-process-list/oil-unloading-process-list.component.scss

@@ -26,14 +26,17 @@
     .searchParams {
       // flex: 10;
       width: 150px;
-      
+
     }
-    .searchParamsLong{
+
+    .searchParamsLong {
       width: 250px;
     }
-    .searchParams2{
+
+    .searchParams2 {
       width: 220px;
     }
+
     .btn {
       // flex: 1;
     }
@@ -41,6 +44,7 @@
     nz-select {
       color: rgba(145, 204, 255, 0.95);
     }
+
     nz-tree-select {
       color: rgba(145, 204, 255, 0.95);
     }
@@ -275,7 +279,11 @@
           border-bottom: 1px solid #0d3761;
 
           div {
+
             color: #91CCFF;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
 
             .look {
               color: #36A2FF;