You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
4.1 KiB
78 lines
4.1 KiB
<div class="box"> |
|
<div class="search"> |
|
<div class="legendbox"></div> |
|
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> |
|
<nz-form-item class="searchParams"> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input required nz-input type="text" formControlName="name" placeholder="请输入加油站名称" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item class="btn"> |
|
<nz-form-control> |
|
<button [nzLoading]="isLoading" nz-button type="submit" class="submit"><i nz-icon [nzType]="'search'"></i>查询</button> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<nz-form-item class="btn"> |
|
<nz-form-control> |
|
<button [nzLoading]="isLoading" nz-button type="button" class="reset" (click)="resetForm($event)"><i nz-icon |
|
[nzType]="'sync'"></i>重置</button> |
|
</nz-form-control> |
|
</nz-form-item> |
|
</form> |
|
</div> |
|
<div class="tablebox" id="tablebox"> |
|
<nz-table [nzLoading]="tableSpin" [nzPageSize]='9999' #headerTable [nzData]="list" [nzShowPagination]="false" |
|
[nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed"> |
|
<thead> |
|
<tr> |
|
<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 style="text-align: center;">联系人</th> |
|
<th style="text-align: center;">联系电话</th> |
|
<th style="text-align: center;">油站等级</th> |
|
<th style="text-align: center;">经营品类</th> |
|
<th [nzWidth]="'6%'" style="text-align: center;">油机数量</th> |
|
<th [nzWidth]="'6%'" style="text-align: center;">车道数量</th> |
|
<th [nzWidth]="'8%'" style="text-align: center;">油罐容积</th> |
|
<th [nzWidth]="'5%'">操作</th> |
|
</tr> |
|
</thead> |
|
<tbody id="table"> |
|
<tr *ngFor="let item of headerTable.data;let key = index"> |
|
<td 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}} |
|
</td> |
|
<td nzEllipsis [title]="item.locationName">{{item.locationName}}</td> |
|
<td nzEllipsis [title]="item.companyName">{{item.companyName}}</td> |
|
<td nzEllipsis [title]="item.leaderName" style="text-align: center;">{{item.leaderName}}</td> |
|
<td nzEllipsis [title]="item.leaderContact" style="text-align: center;">{{item.leaderContact}}</td> |
|
<td nzEllipsis [title]="item.stationLevel" style="text-align: center;">{{item.stationLevel}}</td> |
|
<td nzEllipsis [title]="item.sellVariety" style="text-align: center;">{{item.sellVariety}}</td> |
|
<td style="text-align: center;">{{item.gasStationCount}}</td> |
|
<td style="text-align: center;">{{item.laneCount}}</td> |
|
<td style="text-align: center;"> |
|
<span>{{item.tankVolume}}</span> |
|
<span>{{item.tankVolume ? 'm³' : null}}</span> |
|
</td> |
|
<td> |
|
<span class="look" (click)="look(item)" style="cursor:pointer;color: #36A2FF">查看</span> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</nz-table> |
|
|
|
</div> |
|
</div> |