Browse Source

[完善]完善消防器材排版

dev
邵佳豪 3 years ago
parent
commit
4dcfda8aba
  1. 13
      src/app/pages/equipment-info/equipment-info.component.html
  2. 7
      src/app/pages/equipment-info/equipment-info.component.scss
  3. 5
      src/app/pages/pages.module.ts

13
src/app/pages/equipment-info/equipment-info.component.html

@ -47,19 +47,22 @@
<div class="tbody">
<div nz-row class="tr" *ngFor="let item of equipmentList">
<div nz-col nzSpan="5" style="box-sizing: border-box;padding-left: 28px;">
{{item.name}}
<span nz-tooltip [nzTooltipTitle]="item.name">{{item.name}}</span>
</div>
<div nz-col nzSpan="4">
{{item.storageLocation}}
<span nz-tooltip [nzTooltipTitle]="item.storageLocation">{{item.storageLocation}}</span>
</div>
<div nz-col nzSpan="4">
{{item.productionDate | date:"yyyy-MM-dd"}}
<span nz-tooltip [nzTooltipTitle]="item.productionDate | date:'yyyy-MM-dd'">{{item.productionDate |
date:"yyyy-MM-dd"}}</span>
</div>
<div nz-col nzSpan="4">
{{item.maintenanceDate | date:"yyyy-MM-dd"}}
<span nz-tooltip [nzTooltipTitle]="item.maintenanceDate | date:'yyyy-MM-dd'">{{item.maintenanceDate |
date:"yyyy-MM-dd"}}</span>
</div>
<div nz-col nzSpan="4">
{{item.validityEndTime | date:"yyyy-MM-dd"}}
<span nz-tooltip [nzTooltipTitle]="item.validityEndTime | date:'yyyy-MM-dd'">{{item.validityEndTime |
date:"yyyy-MM-dd"}}</span>
</div>
<div nz-col nzSpan="3" class="btn">
<span (click)="edit(item)">

7
src/app/pages/equipment-info/equipment-info.component.scss

@ -88,6 +88,13 @@
line-height: 40px;
border-bottom: 1px solid #115188;
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.btn {
span {
color: #2399FF;

5
src/app/pages/pages.module.ts

@ -58,7 +58,7 @@ import { ChangePasswordComponent } from './change-password/change-password.compo
import { FacilitySortPipe } from './facility-sort.pipe';
import { WarningStatisticsListComponent } from './warning-statistics-list/warning-statistics-list.component';
import { DisposeequipmentComponent } from './warning-statistics-list/disposeequipment/disposeequipment.component';
import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
@NgModule({
declarations: [LoginComponent, RegisterComponent, HomeComponent, PlanComponent, TodayWarningComponent, CriminalRecordsComponent,
TodayWarningAdminComponent, CriminalRecordsAdminComponent, LeftDomainComponent, EquipmentInfoComponent, OilStationInfoComponent,
@ -102,7 +102,8 @@ import { DisposeequipmentComponent } from './warning-statistics-list/disposeequi
NzNotificationModule,
NzPopconfirmModule,
NzBadgeModule,
NzRadioModule
NzRadioModule,
NzToolTipModule
],
entryComponents: [AddequipmentComponent, EditequipmentComponent, GetOutOfLineDetailsComponent, DispositionComponent, OilUnloadingProcessComponent, ChangePasswordComponent, DisposeequipmentComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]

Loading…
Cancel
Save