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.
85 lines
3.1 KiB
85 lines
3.1 KiB
<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 id="echartleft2"></div> |
|
</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 id="echartleft3"></div> |
|
</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 id="echartright1"></div> |
|
</div> |
|
</div> |
|
<div class="right3 cardItem"> |
|
<app-card-title [title]="'卸油事件'" [subtitle]="'Oil unloading event'"></app-card-title> |
|
<div class="content"> |
|
<div id="echartright2"></div> |
|
<div id="echartright3"></div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!-- <div class="markerInfoWin"> |
|
<div class="icon icon1"> |
|
<img src="../../../assets/gismap/gis/1.png" alt=""> |
|
</div> |
|
<div class="num"> |
|
36 |
|
</div> |
|
<div class="icon icon2"> |
|
<img src="../../../assets/gismap/gis/2.png" alt=""> |
|
</div> |
|
<div class="num"> |
|
36 |
|
</div> |
|
<div class="icon icon3"> |
|
<img src="../../../assets/gismap/gis/3.png" alt=""> |
|
</div> |
|
<div class="num"> |
|
36 |
|
</div> |
|
<div class="icon icon4"> |
|
<img src="../../../assets/gismap/gis/4.png" alt=""> |
|
</div> |
|
<div class="num"> |
|
36 |
|
</div> |
|
</div> --> |
|
</div> |