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.
250 lines
14 KiB
250 lines
14 KiB
<!-- <p>生成周计划 协同工作任务</p> --> |
|
<div class="box weeklyplan"> |
|
<div class="informbox"> |
|
<div class="inform"> |
|
<div class="informleft"> |
|
<img src="../../../../assets/images/icon/inform.png" alt=""> |
|
通知播报: |
|
</div> |
|
<div class="informright" id="container" (mouseenter)="mouseEnter()" (mouseleave)="mouseleave()"> |
|
<div id="list-wrapper" style="top: 0"> |
|
<ul class="notice-list" id="notice-list"> |
|
<li class="info" *ngFor="let item of messageList;let key = index"> |
|
<div class="infoitem"> |
|
您有一条新的信息！ |
|
</div> |
|
</li> |
|
</ul> |
|
<ul class="notice-list" id="notice-list-2"> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<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;position: relative;"> |
|
<div class="spin" *ngIf="isLoading"> |
|
<nz-spin nzSimple></nz-spin> |
|
</div> |
|
<!-- 上部仪表盘 --> |
|
<div class="instrumentpanelbox"> |
|
<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="instrumentpanel"> |
|
<div class="instrumentpanelitem" *ngFor="let item of cardData" |
|
[ngClass]="{'instrumentpanelitemopen': isExpand,'instrumentpanelitemclose': !isExpand}"> |
|
<div class="spin" *ngIf="item.isLoading"> |
|
<nz-spin nzSimple></nz-spin> |
|
</div> |
|
<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;"> |
|
{{item.passed}}/{{item.data.length}}</p> |
|
</div> |
|
<button *ngIf="isExpand" nz-button class="btn" (click)="allPass(item)">一键通过</button> |
|
</div> |
|
<div class="instrumentpanelitemright" *ngIf="isExpand"> |
|
<nz-progress [nzPercent]="item.percentage" 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"> |
|
<span class="green" *ngIf="item.name == '熟悉演练' && !isSupervisor" |
|
(click)="apply(item)">新增</span> |
|
<span class="green" *ngIf="(item.name == '双随机' || item.name == '联络指导') && isSupervisor" |
|
(click)="apply(item)">新增</span> |
|
<i nz-icon nzType="fullscreen" nzTheme="outline" (click)="taskDetails(item)" |
|
style="margin:0 8px;"></i> |
|
<span (click)="openDetails(item,false)"> |
|
<i nz-icon nzType="rollback" nzTheme="outline"></i> |
|
返回 |
|
</span> |
|
</span> |
|
</p> |
|
<div class="itemtwocontent"> |
|
<div class="itemtwocontentitem" *ngFor="let i of item.data"> |
|
<p class="itemtwocontentitemp1"> |
|
<span class="itemtwocontentitemp1name">{{i.company.companyName}}</span> |
|
<span class="marginr5"> |
|
<span class="green" *ngIf="isExpand && i.approvalStatus!='已检查'" |
|
(click)="accept(i,item)">接受</span> |
|
<span class="red" *ngIf="isExpand && i.approvalStatus!='已检查'" |
|
(click)="reject(i,item)">拒绝</span> |
|
<span *ngIf="isExpand">{{i.approvalStatus}}</span> |
|
</span> |
|
</p> |
|
<p>{{i.company.organization.name}}</p> |
|
<p class="marginr5"> |
|
<span class=" green" *ngIf="!isExpand && i.approvalStatus!='已检查'" |
|
(click)="accept(i,item)">接受</span> |
|
<span class="red" *ngIf="!isExpand && i.approvalStatus!='已检查'" |
|
(click)="reject(i,item)">拒绝</span> |
|
<span *ngIf="!isExpand">{{i.approvalStatus}}</span> |
|
</p> |
|
</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: 13%;margin-left: 20px;"> |
|
<img src="../../../../assets//images/icon/station.png" alt=""> |
|
{{element.name}} |
|
</span> |
|
<span style="width: 8%;">单位总数: {{element.allUnitsNum}}/{{TuesdayThursdayNum}}</span> |
|
<div style="width: 60%;" class="progress progresssquare"> |
|
<span>完成进度</span> |
|
<nz-progress nzStrokeLinecap="square" [nzStrokeWidth]="16" nzStrokeColor="#42B983" |
|
[nzPercent]="element.percentage"></nz-progress> |
|
</div> |
|
<button nz-button nzType="primary" style="margin-right: 12px;" |
|
(click)="adjustment(element)">任务调整</button> |
|
<button nz-button nzType="primary" (click)="createTask(element)">{{isSupervisor ? '协同任务' : |
|
'生成周计划'}}</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">{{item.data.length}}</span> |
|
</div> |
|
<div class="num"> |
|
<div class="round" style="background: #42B983;"></div> |
|
<span class="word">已完成</span> |
|
<span class="boldspan">{{item.finished}}</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> |
|
<label nz-radio [(ngModel)]="i.isSpread" |
|
(ngModelChange)="radioChange($event,i,element)">宣传</label> |
|
</span> |
|
<span> |
|
同步工作 |
|
</span> |
|
</div> |
|
<div class="flexcol"> |
|
<span> |
|
<nz-date-picker [nzDisabledDate]="disabledDate" [(ngModel)]="i.checkTime" |
|
nzPlaceHolder="请选择检查日期" nzBorderless |
|
(ngModelChange)="checkTime($event,i,element)"> |
|
</nz-date-picker> |
|
</span> |
|
<span> |
|
检查时间 |
|
</span> |
|
</div> |
|
<!-- <div class="btnbox"> |
|
聊天 |
|
</div> --> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- --> |
|
<div class="cutoffrule"></div> |
|
</div> |
|
|
|
</div> |