|
|
|
|
<!-- <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.scale}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<button *ngIf="isExpand" nz-button class="btn">一键通过</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="instrumentpanelitemright" *ngIf="isExpand">
|
|
|
|
|
<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">
|
|
|
|
|
<i nz-icon nzType="fullscreen" nzTheme="outline" (click)="taskDetails()"></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" (click)="accept(i,item)">接受</span>
|
|
|
|
|
<span class="red" *ngIf="isExpand" (click)="reject(i,item)">拒绝</span>
|
|
|
|
|
<span class="green" *ngIf="isExpand && i.approvalStatus == '通过'">已通过</span>
|
|
|
|
|
<span class="red" *ngIf="isExpand && i.approvalStatus == '驳回'">已驳回</span>
|
|
|
|
|
</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p>{{i.company.organization.name}}</p>
|
|
|
|
|
<p class="marginr5">
|
|
|
|
|
<span class=" green" *ngIf="!isExpand" (click)="accept(i,item)">接受</span>
|
|
|
|
|
<span class="red" *ngIf="!isExpand" (click)="reject(i,item)">拒绝</span>
|
|
|
|
|
<span class="green" *ngIf="!isExpand && i.approvalStatus == '通过'">已通过</span>
|
|
|
|
|
<span class="red" *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: 16%;margin-left: 20px;">
|
|
|
|
|
<img src="../../../../assets//images/icon/station.png" alt="">
|
|
|
|
|
{{element.name}}
|
|
|
|
|
</span>
|
|
|
|
|
<span style="width: 8%;">单位总数: 7/8</span>
|
|
|
|
|
<div style="width: 63%;" class="progress progresssquare">
|
|
|
|
|
<span>完成进度</span>
|
|
|
|
|
<nz-progress nzStrokeLinecap="square" nzStrokeWidth="16" nzStrokeColor="#42B983"
|
|
|
|
|
[nzPercent]="30"></nz-progress>
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button nzType="primary">{{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">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>
|
|
|
|
|
<label nz-radio [(ngModel)]="i.isSpread"
|
|
|
|
|
(ngModelChange)="radioChange($event,i,element)">宣传</label>
|
|
|
|
|
</span>
|
|
|
|
|
<span>
|
|
|
|
|
同步工作
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flexcol">
|
|
|
|
|
<span>
|
|
|
|
|
<nz-date-picker [(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>
|
