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.
386 lines
21 KiB
386 lines
21 KiB
<!-- <p>月度任务总览</p> --> |
|
<div class="box"> |
|
<div class="timebox"> |
|
<nz-select [(ngModel)]="selectedYear" (ngModelChange)="selectYear($event)"> |
|
<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.id == selectedMonth}"> |
|
{{item.name}} |
|
</div> |
|
</div> |
|
|
|
<div style="flex: 1;overflow-y: auto;"> |
|
<!-- 上部仪表盘 --> |
|
<div class="instrumentpanelbox"> |
|
<div class="instrumentpanelheader"> |
|
<span><img src="../../../../assets/images/icon/task1.png" alt=""> 上级任务指标</span> |
|
</div> |
|
<div class="instrumentpanel"> |
|
<div class="instrumentpanelitem instrumentpanelitemclose" *ngFor="let item of cardData"> |
|
<div class="itemone" *ngIf="!item.isDetails"> |
|
<div class="instrumentpanelitemleft"> |
|
<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> |
|
<div class="jindu"> |
|
<p> |
|
<span>完成率</span> |
|
<span>60%</span> |
|
</p> |
|
<nz-progress style="width: 100%;" [nzPercent]="75" nzStrokeColor="#42B983" |
|
[nzShowInfo]="false"></nz-progress> |
|
</div> |
|
</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 class="itemtwocontentitemp1name">济南历下森豪室内娱乐场</span> |
|
</p> |
|
<p> |
|
<span class="green" style="margin-right: 12px;">已分配</span> |
|
<span class="green">已检查</span> |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<!-- 下级任务申请 --> |
|
<div class="taskaudit"> |
|
<div class="taskauditheader"> |
|
<span><img src="../../../../assets/images/icon/task.png" alt=""> 下级任务申请</span> |
|
<span (click)="istaskauditexpand()" class="expand blue"> |
|
{{istaskauditExpanded ? '收起' :'展开'}} |
|
<i nz-icon [nzType]="istaskauditExpanded ? 'down' : 'up'" nzTheme="outline"></i> |
|
</span> |
|
</div> |
|
<!-- 任务 --> |
|
<div *ngIf="istaskauditExpanded"> |
|
|
|
<div class="taskauditbox" *ngFor="let item of taskData"> |
|
<div class="header"> |
|
<span>{{item.name}}</span> |
|
<span (click)="expand(item)" class="expand blue"> |
|
{{item.isExpand ? '收起' :'展开'}} |
|
<i nz-icon [nzType]="item.isExpand ? 'down' : 'up'" nzTheme="outline"></i> |
|
</span> |
|
</div> |
|
<div class="content" *ngIf="item.isExpand"> |
|
<div *ngFor="let i of item.list" class="card greencard" |
|
[ngClass]="{'redcard': i.approvalStatus == 'reject'}"> |
|
<div class="unitname"> |
|
<img src="../../../../assets/images/icon/unit.png" alt=""> |
|
<span>{{i.company.companyName}}</span> |
|
</div> |
|
<div class="info"> |
|
<div > |
|
<span> |
|
<img src="../../../../assets/images/icon/main.png" alt=""> |
|
{{i.mainSupervisor ? i.mainSupervisor.name : '未分配'}} |
|
</span> |
|
<span> |
|
<img src="../../../../assets/images/icon/assist.png" alt=""> |
|
{{i.assitantSupervisor ? i.assitantSupervisor.name : '未分配'}} |
|
</span> |
|
<span class="blue" (click)="allot(i)">分配</span> |
|
<span>|</span> |
|
<span>申请人: {{i.organization.name}}</span> |
|
<!-- <span class="blue">修改</span> --> |
|
</div> |
|
</div> |
|
<!-- <div class="btn"> |
|
<button [ngClass]="{'forbidbtn': i.approvalStatus}" [disabled]="i.approvalStatus" |
|
nz-button (click)="agree(i)">同意</button> |
|
<button [ngClass]="{'forbidbtn': i.approvalStatus}" [disabled]="i.approvalStatus" |
|
nz-button (click)="reject(i)">驳回</button> |
|
</div> --> |
|
<div class="img"> |
|
<img class="auditimg" *ngIf="i.approvalStatus == '驳回'" |
|
src="../../../../assets/images/icon/reject.png" alt=""> |
|
<img *ngIf="i.approvalStatus == '通过'" class="auditimg" |
|
src="../../../../assets/images/icon/agree.png" alt=""> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 本级部署 --> |
|
<div class="deploybox"> |
|
<div class="deployboxheader"> |
|
<span><img src="../../../../assets/images/icon/task0.png" alt=""> 本级部署</span> |
|
<span (click)="isdeployboxexpand()" class="expand blue"> |
|
{{isdeployboxExpanded ? '收起' :'展开'}} |
|
<i nz-icon [nzType]="isdeployboxExpanded ? 'down' : 'up'" nzTheme="outline"></i> |
|
</span> |
|
</div> |
|
<div class="deploycontent" *ngIf="isdeployboxExpanded"> |
|
<div class="deploycontentitem"> |
|
<div class="aaa"> |
|
<div class="title"> |
|
任务总数 |
|
</div> |
|
<div class="details"> |
|
<div class="detailsname"> |
|
完成 |
|
<!-- <span style="font-weight: 18;font-size: 26px;margin-left: 10px;">15</span> --> |
|
</div> |
|
<span class="progresssquare"> |
|
<!-- <span>完成率</span> --> |
|
<nz-progress nzStrokeLinecap="square" style="width: 70%;margin-bottom: 3px;" |
|
[nzPercent]="75" nzStrokeColor="#42B983" [nzShowInfo]="false" [nzStrokeWidth]="18"> |
|
</nz-progress> |
|
<span>75%</span> |
|
</span> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="percentage"> |
|
<nz-progress [nzWidth]="80" nz-tooltip nzType="circle" |
|
[nzPercent]="70" nzStrokeLinecap="square" [nzShowInfo]="false" [nzSuccessPercent]="40"></nz-progress> |
|
<div class="typebox"> |
|
<div class="type"> |
|
<div class="tips" style="background: #42B983;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">上级指派</span><span>46%</span></div> |
|
</div> |
|
<div class="type"> |
|
<div class="tips" style="background: #1890FF;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">自主任务</span><span>46%</span></div> |
|
</div> |
|
<div class="type"> |
|
<div class="tips" style="background: #fff;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">申领任务</span><span>46%</span></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="deploycontentitem"> |
|
<div class="aaa"> |
|
<div class="title"> |
|
任务总数 |
|
</div> |
|
<div class="details"> |
|
<div class="detailsname"> |
|
完成 |
|
<!-- <span style="font-weight: 18;font-size: 26px;margin-left: 10px;">15</span> --> |
|
</div> |
|
<span class="progresssquare"> |
|
<!-- <span>完成率</span> --> |
|
<nz-progress nzStrokeLinecap="square" style="width: 70%;margin-bottom: 3px;" |
|
[nzPercent]="75" nzStrokeColor="#42B983" [nzShowInfo]="false" [nzStrokeWidth]="18"> |
|
</nz-progress> |
|
<span>75%</span> |
|
</span> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="percentage"> |
|
<nz-progress [nzWidth]="80" nz-tooltip nzType="circle" |
|
[nzPercent]="70" nzStrokeColor="#42B983" nzStrokeLinecap="square" [nzShowInfo]="false" ></nz-progress> |
|
<div class="typebox"> |
|
<div class="type"> |
|
<div class="tips" style="background: #42B983;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">自主任务</span><span>46%</span></div> |
|
</div> |
|
|
|
<div class="type"> |
|
<div class="tips" style="background: #fff;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">申领任务</span><span>46%</span></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="deploycontentitem"> |
|
<div class="aaa"> |
|
<div class="title"> |
|
任务总数 |
|
</div> |
|
<div class="details"> |
|
<div class="detailsname"> |
|
完成 |
|
<!-- <span style="font-weight: 18;font-size: 26px;margin-left: 10px;">15</span> --> |
|
</div> |
|
<span class="progresssquare"> |
|
<!-- <span>完成率</span> --> |
|
<nz-progress nzStrokeLinecap="square" style="width: 70%;margin-bottom: 3px;" |
|
[nzPercent]="75" nzStrokeColor="#E6D91D" [nzShowInfo]="false" [nzStrokeWidth]="18"> |
|
</nz-progress> |
|
<span>75%</span> |
|
</span> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="percentage"> |
|
<nz-progress [nzWidth]="80" nz-tooltip nzType="circle" |
|
[nzPercent]="50" nzStrokeColor="#E6D91D" [nzShowInfo]="false" ></nz-progress> |
|
<div class="typebox"> |
|
<div class="type"> |
|
<div class="tips" style="background: #E6D91D;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">自主任务</span><span>46%</span></div> |
|
</div> |
|
|
|
<div class="type"> |
|
<div class="tips" style="background: #fff;"></div> |
|
<div style="font-size: 13px;"><span style="margin-right: 5px;">申领任务</span><span>46%</span></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<!-- 救援站列表 --> |
|
<div class="stationcardlistbox"> |
|
<div class="stationcardlistitembox" *ngFor="let element of stationData"> |
|
<div class="stationcardlistitem"> |
|
<div class="spin" *ngIf="element.isLoading"> |
|
<nz-spin nzSimple></nz-spin> |
|
</div> |
|
<div class="header"> |
|
<span style="width: 16%;"> |
|
<img src="../../../../assets//images/icon/station.png" alt=""> |
|
{{element.name}} |
|
</span> |
|
<span style="width: 8%;">单位总数: 7/8</span> |
|
<div style="width: 66%;" class="progress progresssquare"> |
|
<span>完成进度</span> |
|
<nz-progress nzStrokeLinecap="square" nzStrokeWidth="16" nzStrokeColor="#42B983" |
|
[nzPercent]="30"></nz-progress> |
|
</div> |
|
<!-- <button nz-button nzType="primary">任务下派</button> --> |
|
<span (click)="expandcarditem(element)" class="expand blue"> |
|
{{element.isExpand ? '收起' :'展开'}} |
|
<i nz-icon [nzType]="element.isExpand ? 'down' : 'up'" nzTheme="outline"></i> |
|
</span> |
|
</div> |
|
<div class="maincontent" *ngIf="element.isExpand"> |
|
<div class="maincontentitem" *ngFor="let item of element.data"> |
|
<div class="maincontentitemleft"> |
|
<div class="panelheadername" [style]="'background:'+ item.background"> |
|
<img [src]="'../../../../assets/images/icon/'+ item.icon" alt=""> |
|
{{item.name}} |
|
</div> |
|
<div class="num"> |
|
<div class="round" style="background: #2C4DC0;"></div> |
|
<span class="word">已分配</span> |
|
<span class="boldspan">0</span> |
|
</div> |
|
<div class="num"> |
|
<div class="round" style="background: #42B983;"></div> |
|
<span class="word">已完成</span> |
|
<span class="boldspan">0</span> |
|
</div> |
|
</div> |
|
<div class="maincontentitemright"> |
|
<div class="maincontentitemrightitem" *ngFor="let i of item.data"> |
|
<div class="flexcol namebox"> |
|
<span> |
|
{{i.company.companyName}} |
|
</span> |
|
<span> |
|
单位名称 |
|
</span> |
|
</div> |
|
<div class="flexcol"> |
|
<span> |
|
{{i.company.useNature}} |
|
</span> |
|
<span> |
|
级别 |
|
</span> |
|
</div> |
|
<div class="flexcol"> |
|
<span> |
|
{{i.organization.name}} |
|
</span> |
|
<span> |
|
责任机构 |
|
</span> |
|
</div> |
|
<div class="flexcol flexcolassistant"> |
|
<span class="assistant" nz-tooltip [nzTooltipTitle]="titleTemplate"> |
|
<span *ngFor="let o of i.supervisors"> |
|
<img *ngIf="o.posts && o.posts[0] == '主查人员'" |
|
src="../../../../assets/images/icon/main.png" alt=""> |
|
<img *ngIf="o.posts && o.posts[0] == '协查人员'" |
|
src="../../../../assets/images/icon/assist.png" alt=""> |
|
{{o.name}} |
|
</span> |
|
</span> |
|
<ng-template #titleTemplate let-thing> |
|
<span style="margin-right: 6px;" *ngFor="let o of i.supervisors"> |
|
<img *ngIf="o.posts && o.posts[0] == '主查人员'" |
|
src="../../../../assets/images/icon/main.png" alt=""> |
|
<img *ngIf="o.posts && o.posts[0] == '协查人员'" |
|
src="../../../../assets/images/icon/assist.png" alt=""> |
|
{{o.name}} |
|
</span> |
|
</ng-template> |
|
<span> |
|
协助人员 |
|
</span> |
|
</div> |
|
<div class="flexcol"> |
|
<span> |
|
宣传 |
|
</span> |
|
<span> |
|
同步工作 |
|
</span> |
|
</div> |
|
|
|
<div class="flexcol"> |
|
<span> |
|
未发现违法违规情况 |
|
</span> |
|
<span> |
|
检查结果 |
|
</span> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="cutoffrule"></div> |
|
</div> |
|
|
|
</div> |