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.
103 lines
4.1 KiB
103 lines
4.1 KiB
<!-- <p>站点预案!</p> --> |
|
<div class="stationPlanBox" id="stationPlanBox"> |
|
<div class="orbox"> |
|
<div class="title"> |
|
<app-title [name]="'组织机构'"></app-title> |
|
</div> |
|
<div class="or"> |
|
<nz-tree [nzExpandedKeys]="nzExpandedKeys" [nzSelectedKeys]="nzSelectedKeys" [nzShowExpand]="false" |
|
#nzTreeComponent [nzExpandAll]="nzExpandAll" nzBlockNode [nzData]="nodes" (nzClick)="activeNode($event)" |
|
[nzTreeTemplate]="nzTreeTemplate" [nzMultiple]="false"></nz-tree> |
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
|
<ng-container *ngIf="node.origin.parentId == null; else elseTemplate"> |
|
<img style="vertical-align: bottom;" src="../../../assets/images/flower.png" alt=""> |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<img src="../../../assets/images/point.png" alt=""> |
|
</ng-template> |
|
<span>{{ node.title }}</span> |
|
<img (click)="expand($event,node)" *ngIf="node.isExpanded && node.children.length != 0 " |
|
src="../../../assets/images/expand.png" alt=""> |
|
<img (click)="expand($event,node)" *ngIf="!node.isExpanded && node.children.length != 0" |
|
src="../../../assets/images/unexpand.png" alt=""> |
|
</ng-template> |
|
</div> |
|
</div> |
|
<div class="stationList"> |
|
<div class="title"> |
|
<app-title [name]="'站点管理'"></app-title> |
|
</div> |
|
<div class="search"> |
|
<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 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 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 [nzPageSize]='999' #headerTable [nzData]="list" [nzShowPagination]="false" |
|
[nzScroll]="{ y:tableheight() }"> |
|
<thead> |
|
<tr> |
|
<th></th> |
|
<th>加油站名称</th> |
|
<th>区域</th> |
|
<th>所属公司</th> |
|
<th>联系人</th> |
|
<th>联系电话</th> |
|
<th>油站等级</th> |
|
<th>经营品类</th> |
|
<th>油机数量</th> |
|
<th>车道数量</th> |
|
<th>油罐容积</th> |
|
<th>操作</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>{{item.gasStationCount}}</th> |
|
<th>{{item.laneCount}}</th> |
|
<th>{{item.tankVolume}}</th> |
|
<th> |
|
<span class="look" (click)="look(item)" style="cursor:pointer;color: #36A2FF">查看</span> |
|
</th> |
|
</tr> |
|
</tbody> |
|
</nz-table> |
|
|
|
|
|
<!-- |
|
<div class="pagination"> |
|
<nz-pagination [nzPageIndex]="1" [nzTotal]="85" [nzPageSize]="20" [nzShowTotal]="totalTemplate" |
|
nzShowQuickJumper></nz-pagination> |
|
<ng-template #totalTemplate let-total> 16条/页,共100条 </ng-template> |
|
</div> --> |
|
</div> |
|
</div> |
|
</div> |