<div class="list-template">
  <div class="content list-template__content">
		<div class="list-left">
			<div class="tree-content">
				<div class="margin-bottom">
					<nz-year-picker [(ngModel)]="year" [nzAllowClear]="false" (ngModelChange)="onChange($event)" nzPlaceHolder="请选择年份"></nz-year-picker>
				</div>
				<div class="item" (click)="itemClick(data, index)" [ngClass]="selectIndex == index ? 'activeClass' : ''" *ngFor="let data of month let index = index;">{{data.name}}</div>
			</div>
		</div>
		<div class="list-right">
			<div class="list-template__bottom">
			  <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
			    [nzLoading]="loading1">
			    <thead>
			      <tr class="thead">
			        <th nzWidth="25%">月度任务标题</th>
			        <th nzWidth="25%">月度任务状态</th>
			        <th nzWidth="50%">工作情况</th>
			      </tr>
			    </thead>
			    <tbody v-if="listOfData && listOfData.length>0">
			      <tr *ngFor="let data of listOfData let index = index;">
			        <td>{{ data.taskTitle }}</td>
			        <td>{{ data.state && data.state.name||'-'}}</td>
							<td>
								<div *ngFor="let item of data.taskListDTOS;">
									{{item.taskContent}}、
									{{item.state && item.state.name}}、
									{{item.executorDTO && item.executorDTO.name}}
								</div>
							</td>
			      </tr>
			    </tbody>
			  </nz-table>
			  <div class="list-template__pagination">
			    <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
			      (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
			    </nz-pagination>
			  </div>
			</div>
		</div>

  </div>

  <!-- 新增/编辑模态框 -->
  <div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="modal">
    <div class="modalBody">
      <div class="title">查看历史<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
      </div>
      <overlay-scrollbars #osComponentRef1 class="content">
        <div class="list-template__bottom">
          <nz-table class="list-template__nzTable" [nzData]="viewData" nzSize="middle" [nzShowPagination]="false"
            [nzLoading]="loading1">
            <thead>
              <tr class="thead">
								<th>文档名称</th>
								<th>文档格式</th>
                <th>上传者</th>
                <th>版本号</th>
                <th>大小</th>
                <th>上传时间</th>
        				<th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let data of viewData">
								<td>{{ data.fileName }}</td>
								<td>{{ data.fileType||'-' }}</td>
                <td>{{ data.createUserDTO?data.createUserDTO.name:'-' }}</td>
                <td>{{ data.fileVersion||'-' }}</td>
                <td>{{ data.docSize||'0' }}</td>
                <td>{{ data.createTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
								<td>
								  <div class="coop">
										<!-- <span *ngIf="coopBtns.del" (click)="delHistory(data)">删除</span> -->
										<span *ngIf="coopBtns.download" (click)="excelHistory(data)">下载</span>
									</div>
								</td>
              </tr>
            </tbody>
          </nz-table>
        </div>
      </overlay-scrollbars>
      <div class="display_flex justify-content_flex-center">
        <button class="btn" nz-button nzType="primary" (click)="hideModal()">知道了</button>
      </div>
    </div>
  </div>
</div>
<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo"></app-prompt-modal>

<!-- 查看详情 -->
<router-outlet></router-outlet>