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

<!-- <p>任务申请</p> -->
<div class="box">

    <div class="fffbox">
        <div class="header">
            <span>
                任务申请
            </span>
            <span style="font-size: 14px; color: #42B983;">
                <i nz-icon nzType="info-circle" nzTheme="outline"></i>
                任务申请已开始！剩余时间 3天13小时 / 生成周计划已开始！剩余时间 23:54:03
            </span>
        </div>
        <div class="searchbox">
            <div class="search">
                <nz-select nzPlaceHolder="任务名称" [(ngModel)]="searchForm.taskname">
                    <nz-option nzValue="监督检查" nzLabel="监督检查"></nz-option>
                    <nz-option nzValue="熟悉演练" nzLabel="熟悉演练"></nz-option>
                </nz-select>
                <input type="text" nz-input placeholder="单位名称" [(ngModel)]="searchForm.unitname" />
                <!-- <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]="false"></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">
                <nz-table nzBordered #basicTable [nzLoading]="nzLoading" [nzData]="taskLIst" [nzShowPagination]='false'
                    [nzPageSize]='10'>
                    <thead>
                        <tr>
                            <th [width]="'15%'">任务名称</th>
                            <th [width]="'20%'">单位名称</th>
                            <!-- <th>单位级别</th> -->
                            <th>协助机构</th>
                            <th>时间</th>
                            <th>申请结果</th>
                            <th>检查结果</th>
                            <th [width]="'8%'">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let item of basicTable.data">
                            <td>
                                {{item.taskName}}
                            </td>
                            <td nzBreakWord>
                                {{item.company.companyName}}
                            </td>
                            <!-- <td>
                                一般单位
                            </td> -->
                            <td>
                                {{item.assitantOrganization.name}}
                            </td>
                            <td>
                                {{item.creationTime | date:"yyyy-MM-dd hh:mm:ss"}}
                            </td>
                            <td>
                                <ng-container *ngIf="item.approvalStatus; else elseTemplate">
                                    <ng-container *ngIf="item.approvalStatus == 'reject'; else elseTemplate2">
                                        <span class="green">审核驳回</span>
                                    </ng-container>
                                    <ng-template #elseTemplate2>
                                        <span class="red">审核通过</span>
                                    </ng-template>
                                </ng-container>
                                <ng-template #elseTemplate>
                                    未审核
                                </ng-template>
                            </td>
                            <td>
                                /
                            </td>
                            <td class="operation">
                                <a class="blue" (click)="look(item)">查看</a>
                            </td>
                        </tr>
                    </tbody>
                </nz-table>
            </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>