[完善]完善数字站点表格

src/app/pages/plan-admin/plan-admin.component.html

@@ -53,34 +53,40 @@
     <div class="tablebox" id="tablebox">
 
       <nz-table [nzPageSize]='999' #headerTable [nzData]="list" [nzShowPagination]="false"
-        [nzScroll]="{ y:tableheight() }" [nzNoResult]='null'>
+        [nzScroll]="{ y:tableheight() }" [nzNoResult]='null' nzTableLayout="fixed">
         <thead>
           <tr>
-            <th></th>
-            <th>加油站名称</th>
+            <th [nzWidth]="'20%'">
+              <div style="width: 20px;height: 20px;display: inline-block;margin-left: 20px;margin-right: 6px;">
+               
+              </div>加油站名称
+            </th>
             <th>区域</th>
             <th>所属公司</th>
             <th>联系人</th>
             <th>联系电话</th>
             <th>油站等级</th>
             <th>经营品类</th>
-            <th>油机数量</th>
-            <th>车道数量</th>
-            <th>油罐容积</th>
-            <th>操作</th>
+            <th [nzWidth]="'6%'">油机数量</th>
+            <th [nzWidth]="'6%'">车道数量</th>
+            <th [nzWidth]="'6%'">油罐容积</th>
+            <th [nzWidth]="'5%'">操作</th>
           </tr>
         </thead>
         <tbody id="table">
           <tr *ngFor="let item of headerTable.data;let key = index">
-            <th style="text-align: right;box-sizing: border-box;padding-right: 8px;"><img
-                src="../../../assets/images/3d.png" alt="" *ngIf="item.hasBuildingInfo"></th>
-            <th>{{item.stationName}}</th>
-            <th>{{item.locationName}}</th>
-            <th>{{item.companyName}}</th>
-            <th>{{item.leaderName}}</th>
-            <th>{{item.leaderContact}}</th>
-            <th>{{item.stationLevel}}</th>
-            <th>{{item.sellVariety}}</th>
+            <th nzEllipsis [title]="item.stationName">
+              <div style="width: 20px;height: 20px;display: inline-block;margin-left: 20px;margin-right: 6px;">
+                <img src="../../../assets/images/3d.png" alt="" *ngIf="item.hasBuildingInfo">
+              </div>
+              {{item.stationName}}
+            </th>
+            <th nzEllipsis [title]="item.locationName">{{item.locationName}}</th>
+            <th nzEllipsis [title]="item.companyName">{{item.companyName}}</th>
+            <th nzEllipsis [title]="item.leaderName">{{item.leaderName}}</th>
+            <th nzEllipsis [title]="item.leaderContact">{{item.leaderContact}}</th>
+            <th nzEllipsis [title]="item.stationLevel">{{item.stationLevel}}</th>
+            <th nzEllipsis [title]="item.sellVariety">{{item.sellVariety}}</th>
             <th>{{item.gasStationCount}}</th>
             <th>{{item.laneCount}}</th>
             <th>{{item.tankVolume}}</th>