Jinan_project/src/app/home/task/station-task-execution/station-task-execution.component.html

<!-- <p>任务执行!</p> -->
<div class="box">
    <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 methodService.notificationsList;let key = index">
                            <div class="infoitem">
                                {{item.content}}
                            </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 class="contentbox">

        <div class="fffbox">
            <div class="spin" *ngIf="isloading">
                <nz-spin nzSimple></nz-spin>
            </div>
            <div class="header">
                <span>
                    任务执行
                </span>
                <span style="font-size: 14px; color: #42B983;">
                    <i nz-icon nzType="info-circle" nzTheme="outline"></i>
                    任务申请已开始！剩余时间 {{time1}} / 生成周计划已开始！剩余时间 {{time1}}
                </span>
            </div>
            <div class="searchbox">
                <div class="search">
                    <nz-select nzPlaceHolder="任务名称" [(ngModel)]="searchForm.taskname" nzAllowClear>
                        <nz-option *ngIf="isSupervisor" nzValue="双随机" nzLabel="双随机"></nz-option>
                        <nz-option *ngIf="isSupervisor" nzValue="联络指导" nzLabel="联络指导"></nz-option>
                        <nz-option *ngIf="!isSupervisor" nzValue="熟悉演练" nzLabel="熟悉演练"></nz-option>
                    </nz-select>
                    <input type="text" nz-input placeholder="单位名称" [(ngModel)]="searchForm.unitname" nzAllowClear />
                    <!-- <nz-select nzPlaceHolder="单位级别" [(ngModel)]="searchForm.unitlevel">
                        <nz-option nzValue="一般单位" nzLabel="一般单位"></nz-option>
                        <nz-option nzValue="重点单位" nzLabel="重点单位"></nz-option>
                    </nz-select> -->
                    <!-- <nz-tree-select [nzExpandedKeys]="expandKeys" [nzNodes]="nodes" nzShowSearch nzPlaceHolder="协助机构"
                        [(ngModel)]="searchForm.or" [nzExpandedIcon]="multiExpandedIconTpl"
                        [nzDropdownClassName]="'maxHeightTreeSelect'" nzAllowClear>
                    </nz-tree-select>
                    <ng-template #multiExpandedIconTpl let-node let-origin="origin">
                        <ng-container *ngIf="node.children.length == 0; else elseTemplate">
                        </ng-container>
                        <ng-template #elseTemplate>
                            <i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
                                class="ant-tree-switcher-line-icon"></i>
                        </ng-template>
                    </ng-template> -->
                    <button (click)="search()" nz-button nzType="primary"><i nz-icon nzType="search"
                            nzTheme="outline"></i>查询</button>
                    <button (click)="reset()" nz-button nzType="default"><i nz-icon nzType="reload"
                            nzTheme="outline"></i>重置</button>
                </div>
            </div>
            <div class="content">
                <!-- <div class="applybtn">
                    <button (click)="apply()" nz-button nzType="primary"><i nz-icon nzType="form"
                            nzTheme="outline"></i>申请</button>
                </div> -->
                <div class="tablebox">
                    <div class="tableboxitem" *ngFor="let item of taskLIst"
                        [ngClass]="{'greenborder': item.approvalStatus == '通过','redborder': item.approvalStatus == '驳回'}">
                        <div class="flexcol tasknamebox">
                            <span>
                                {{item.taskName}}
                            </span>
                            <span>
                                任务名称
                            </span>
                        </div>

                        <div class="flexcol">
                            <span>
                                {{item.lastModificationTime | date:"yyyy-MM-dd"}}
                            </span>
                            <span>
                                时间
                            </span>
                        </div>

                        <div class="flexcol unitnamebox">
                            <span>
                                {{item.company.companyName}}
                            </span>
                            <span>
                                单位名称
                            </span>
                        </div>
                        <div class="flexcol">
                            <span>
                                {{item.company.useNature}}
                            </span>
                            <span>
                                单位级别
                            </span>
                        </div>
                        <div class="flexcol">
                            <span>
                                {{item.organization.name}}
                            </span>
                            <span>
                                主负责人
                            </span>
                        </div>
                        <div class="flexcol flexcolassistant">
                            <span class="assistant" nz-tooltip [nzTooltipTitle]="titleTemplate">
                                <span *ngFor="let i of item.assistantOrganizations">
                                    {{i.name}}
                                </span>
                                <span *ngFor="let i of item.supervisors">
                                    {{i.name}}
                                </span>
                            </span>
                            <ng-template #titleTemplate let-thing>
                                <span *ngFor="let i of item.assistantOrganizations">
                                    {{i.name}}
                                </span>
                                <span *ngFor="let i of item.supervisors">
                                    {{i.name}}
                                </span>
                            </ng-template>
                            <span>
                                {{'协助机构/人员'}}
                            </span>
                        </div>
                        <div class="flexcol result">
                            <span>
                                {{item.inspectionResult}}
                            </span>
                            <span>
                                检查结果
                            </span>
                        </div>

                        <div class="flexcol">
                            <span>
                                宣传
                            </span>
                            <span>
                                同步工作
                            </span>
                        </div>
                        <div class="flexcol">
                            <span class="blue" (click)="look(item)">
                                查看
                            </span>
                            <span>
                                操作
                            </span>
                        </div>
                        <div class="flexcol flexcolcenter">
                            <span>
                                <img style="cursor: pointer;width: 36px;height: 28px;"
                                    src="../../../../assets/images/icon/chat.png" (click)="openchat(item)" alt="">
                            </span>
                            <span>
                                消息
                            </span>
                        </div>
                    </div>
                </div>
                <div class="pagination">
                    <nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="totalCount"
                        [nzPageSize]="10" [nzShowTotal]="totalTemplate" nzShowQuickJumper
                        (nzPageIndexChange)="pageChange($event)">
                    </nz-pagination>
                    <ng-template #totalTemplate let-total> 10条/页,共{{totalCount}}条 </ng-template>
                </div>
            </div>
        </div>
    </div>

    <div *ngIf="ischat"
        style="position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;height: 580px;">
        <app-chat-window [taskId]="taskId"></app-chat-window>
    </div>
</div>