|
|
|
|
<!-- <p>本级计划</p> -->
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="timebox">
|
|
|
|
|
<nz-select ngModel="2022">
|
|
|
|
|
<nz-option nzValue="2021" nzLabel="2021年"></nz-option>
|
|
|
|
|
<nz-option nzValue="2022" nzLabel="2022年"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
<div *ngFor="let item of months" class="monthbtn" (click)="selectMonth(item)"
|
|
|
|
|
[ngClass]="{'selectedMonth': item.name == selectedMonth}">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="instrumentpanel">
|
|
|
|
|
<div class="instrumentpanelheader">
|
|
|
|
|
<span>本级部署</span>
|
|
|
|
|
<span (click)="expand()" class="expand blue">
|
|
|
|
|
{{isExpand ? '收起' :'展开'}}
|
|
|
|
|
<i nz-icon [nzType]="isExpand ? 'down' : 'up'" nzTheme="outline"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="instrumentpanelopen">
|
|
|
|
|
<div class="instrumentpanelopenitem" *ngFor="let item of cardData">
|
|
|
|
|
<div class="itemone" *ngIf="!item.isDetails">
|
|
|
|
|
<div class="instrumentpanelopenitemleft">
|
|
|
|
|
<div class="panelheadername" [style]="'background:'+ item.background">
|
|
|
|
|
<img [src]="'../../../../assets/images/icon/'+ item.icon" alt="">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tasknum">
|
|
|
|
|
<p>
|
|
|
|
|
<span style="margin-right: 6px;">任务分配</span>
|
|
|
|
|
<i (click)="openDetails(item,true)" style="vertical-align: text-top;cursor: pointer;"
|
|
|
|
|
nz-icon nzType="right-circle" nzTheme="outline"></i>
|
|
|
|
|
</p>
|
|
|
|
|
<p style="font-weight: 900;font-size: 36px;text-align: left;">5/9</p>
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button class="btn">快速派发</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="instrumentpanelopenitemright">
|
|
|
|
|
<nz-progress [nzPercent]="75" nzType="circle" [nzFormat]="formatOne" nzStrokeColor="#42B983">
|
|
|
|
|
</nz-progress>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="itemtwo" *ngIf="item.isDetails">
|
|
|
|
|
<p class="itemtwotitle">
|
|
|
|
|
<span>{{item.name}}</span>
|
|
|
|
|
<span class="back" (click)="openDetails(item,false)"><i nz-icon nzType="rollback"
|
|
|
|
|
nzTheme="outline"></i>返回</span>
|
|
|
|
|
</p>
|
|
|
|
|
<div class="itemtwocontent">
|
|
|
|
|
<div class="itemtwocontentitem">
|
|
|
|
|
<p class="itemtwocontentitemp1">
|
|
|
|
|
<span>济南历下森豪室内娱乐场</span>
|
|
|
|
|
<span>
|
|
|
|
|
<span class="blue">派发</span>
|
|
|
|
|
</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p>A消防救援站</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
