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.
57 lines
2.2 KiB
57 lines
2.2 KiB
1 year ago
|
<div class="box">
|
||
|
|
<div id="mapDiv"></div>
|
||
|
|
<div class="mask" style="pointer-events: none;"></div>
|
||
|
|
<div class="leftBox">
|
||
|
|
<div class="left1 cardItem">
|
||
|
|
<app-card-title [title]="'预案统计'" [subtitle]="'Plan statistics'"></app-card-title>
|
||
|
|
<app-unit-title [num]="33"></app-unit-title>
|
||
|
|
<div class="content">
|
||
|
|
<div id="echartleft1"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="left2 cardItem">
|
||
|
|
<app-card-title [title]="'演练统计'" [subtitle]="'Exercise statistics'"></app-card-title>
|
||
|
|
<app-unit-title [num]="33"></app-unit-title>
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="left3 cardItem">
|
||
|
|
<app-card-title [title]="'风险管控平台统计'" [subtitle]="'Risk management'"></app-card-title>
|
||
|
|
<app-unit-title [num]="33"></app-unit-title>
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="rightBox">
|
||
|
|
<div class="right1 cardItem">
|
||
|
|
<app-card-title [title]="'接入类型'" [subtitle]="'Intervention type'"></app-card-title>
|
||
|
|
<div class="content">
|
||
|
|
<div class="accessList">
|
||
|
|
<div class="accessitem" *ngFor="let item of accessList">
|
||
|
|
<div class="img">
|
||
|
|
<img [src]="item.img" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="namebox">
|
||
|
|
<span class="name">{{item.name}}</span>
|
||
|
|
<span class="value" [ngStyle]="{'color': item.color}">{{item.value}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right2 cardItem">
|
||
|
|
<app-card-title [title]="'预警统计'" [subtitle]="'Warning statistics'"></app-card-title>
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right3 cardItem">
|
||
|
|
<app-card-title [title]="'卸油事件'" [subtitle]="'Oil unloading event'"></app-card-title>
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|