ShangHaiYuan-AnXin/src/app/plan-management/meet-plan/meet-plan.component.html

<div style="height: 100%;overflow-y: auto;">
    <div class="header" >
        <form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
          <div class="queryBox">
      
            <div class="queryField">
              <label style="margin-right: 10px;">预案名称:</label>
              <mat-form-field class="example-full-width">
                <input matInput placeholder="请输入单位名称" name="companyName"  autocomplete="off" [(ngModel)]="unitname">
              </mat-form-field>
            </div>
      
      
            <div class="queryField">
              <label style="margin-right: 10px;">预案级别:</label>
              <mat-form-field>
                  <mat-select placeholder='请选择预案级别' name="level" [(ngModel)]="level">
                    <mat-option value="6">国家级</mat-option>
                    <mat-option value="7">市级</mat-option>
                  </mat-select>
              </mat-form-field>
              <span *ngIf="padMore" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>更多筛选条件<img [src]='imgsrcopen'> </span>
              <span *ngIf="padput" style="margin-left: 10px; color: #0080FF;" (click)='padInfo()'>收起<img [src]='imgsrcdown'> </span>
          </div>
          <div class="queryField" *ngIf="!padMore">
            <label style="margin-right: 10px;">添加人:</label>
            <mat-form-field class="example-full-width">
              <input matInput placeholder="请输入添加人" name="addname"  autocomplete="off" [(ngModel)]="addname">
            </mat-form-field>
          </div>
          <div class="queryField" *ngIf="!padMore">
            <label style="margin-right: 10px;">添加时间:</label>
            <mat-form-field class="example-full-width">
              <input type="date" matInput  name="addtime"  autocomplete="off" [(ngModel)]="addtime">
            </mat-form-field>
            <!-- <mat-icon aria-hidden="false" style="position: relative;right: 120px;top: 5px;">arrow forward</mat-icon> -->
            <mat-icon *ngIf="padjt" aria-hidden="false" style="position: relative;right: 120px;top: 5px;" id="padshow">arrow forward</mat-icon>
            <span style="margin-left: 15px;" id="pcshow" *ngIf="!padMore&&!padjt">🠊</span>
            <mat-form-field class="example-full-width" style="margin-left: 10px;">
              <input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime">
            </mat-form-field>
          </div>
          <div class="queryField" *ngIf="!padMore">
            <label style="margin-right: 10px;">预案类型:</label>
            <mat-form-field>
              <!-- <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型' [multiple]="true">
                <mat-option value="8">卡片预案</mat-option>
                <mat-option value="1">二维预案</mat-option>
                <mat-option value="2">三维预案</mat-option>
                <mat-option value="4">其他预案</mat-option>
              </mat-select> -->
              <input matInput placeholder="请输入预案类型" name="reservePlanType"  autocomplete="off"  [(ngModel)]="typePlan">
            </mat-form-field>
          </div>
            <div class="queryField" *ngIf="!padMore">
              <label style="margin-right: 10px;">审核状态:</label>
              <mat-form-field>
                <mat-select name="toExamine"  placeholder='请选择审核状态' [(ngModel)]="unitstate">
                  <mat-option value="8">未提交审核</mat-option>
                  <mat-option value="1">审核中</mat-option>
                  <mat-option value="2">审核通过</mat-option>
                  <mat-option value="4">审核退回</mat-option>
                </mat-select>
              </mat-form-field>
            </div>
            <div class="queryField" *ngIf="!padMore">
              <label style="margin-right: 10px;">编制级别:</label>
              <mat-form-field>
                <mat-select name="preparelevel"  placeholder='请选择编制级别' [(ngModel)]="projectlevel">
                  <!-- <mat-option value="1">总队</mat-option>
                  <mat-option value="2">支队</mat-option>
                  <mat-option value="4">大队</mat-option>
                  <mat-option value="8">中队</mat-option> -->
                  <mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option>
                </mat-select>
              </mat-form-field>
              <mat-checkbox style="margin-left: 6px;" [(ngModel)]="plcheck" name="plcheck">包含下级</mat-checkbox>
            </div>
            
          </div>
          <div class="butclass" style="width: 100%;text-align: center;">
              <button mat-raised-button color="primary" type="submit">查询</button>
              <button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button>
          </div>
        </form>
    </div>
    <mat-divider></mat-divider>
    <div class="newadd">
      <div>
        <button *ngIf="levels=='0'" mat-raised-button color="primary" (click)='addunit()'><img style="margin-bottom: 3px;" src="../../../assets/images/newadd.png"> 新增</button>
      </div>
        
        <div class="progressBox" style="margin-left: 100px;" *ngIf="downloadisLoading">
            
          <!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> -->
          <span title="{{downloadFileName}}" style="font-size: 12px;" class="filename">{{downloadFileName}}</span>
          <span style="font-size: 12px;position: absolute;margin-left: 8px;">下载中...</span>
          <mat-progress-bar  mode="determinate" [value]="downloadProgress" class="progress"></mat-progress-bar>
      </div>
    </div>
    <div class="body">
        <div class="tablebox">
          <table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8">
            <ng-container matColumnDef="unitname">
                <th mat-header-cell *matHeaderCellDef style="width: 10%;">预案名称</th>
                <td mat-cell *matCellDef="let element">{{element.name}}</td>
            </ng-container>
            <ng-container matColumnDef="level">
                <th mat-header-cell *matHeaderCellDef style="width: 10%;">预案级别</th>
                <td mat-cell *matCellDef="let element">{{element.planCategory=='6'?'国家级':'市级'}}</td>
            </ng-container>
            <ng-container matColumnDef="addname">
                <th mat-header-cell *matHeaderCellDef style="width: 10%;">添加人</th>
                <td mat-cell *matCellDef="let element">{{element.creatorName}}</td>
            </ng-container>
    
            <ng-container matColumnDef="addtime">
                <th mat-header-cell *matHeaderCellDef style="width: 10%;">添加时间</th>
                <td mat-cell *matCellDef="let element">{{element.creationTime|date:'yyyy-MM-dd'}}</td>
            </ng-container>
            <ng-container matColumnDef="plantype">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">预案类型</th>
            <td mat-cell *matCellDef="let element">{{element.disasterType}}</td>
            </ng-container>
            <ng-container matColumnDef="passstate">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">审核状态</th>
            <td mat-cell *matCellDef="let element">{{element.auditStatus=='8'?'未提交审核':element.auditStatus=='1'?'审核中':element.auditStatus=='2'?'审核通过':element.auditStatus=='4'?
              '审核退回':element.auditStatus=='16'?'初审通过':'初审驳回'}}</td>
            </ng-container>
            <ng-container matColumnDef="isopen">
              <th mat-header-cell *matHeaderCellDef style="width: 10%;">是否公开</th>
              <td mat-cell *matCellDef="let element">{{element.openRange}}</td>
              </ng-container>
            <ng-container matColumnDef="projectlevel">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">编制级别</th>
            <td mat-cell *matCellDef="let element">{{element.planLevel=='1'?'总队':element.planLevel=='2'?'支队':element.planLevel=='4'?'大队':'中队'}}</td>
            </ng-container>
            <ng-container matColumnDef="operation">
                <th mat-header-cell *matHeaderCellDef style="width: 20%;">操作</th>
                <td mat-cell *matCellDef="let element" style="white-space: nowrap;cursor: pointer;">
                  <span  style="color: blue;" (click)='openPlan(element)'>查看预案</span>
                  <span style="color: blue;margin-left: 4px;" (click)="submitAudit(element)" *ngIf="element.auditStatus!=1&&element.auditStatus!=16">提交审核</span>
                  <span style="color: blue;margin-left: 4px;" (click)="cancelAudit(element)" *ngIf="element.auditStatus == 1">撤销审核</span>
                  <span style="color: blue;margin-left: 4px;" (click)="auditResult(element)">审批结果</span>
                  <span style="color: blue;margin-left: 4px;" (click)='readFile(element)'>下载</span>
                  <span style="color: red;margin-left: 4px" (click)='deletePlan(element.id)' *ngIf="element.auditStatus == 8"> 删除</span>
                </td>
            </ng-container>
            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
        </table>
            <mat-paginator pageEvent [length]="length"
                [pageSize]="pageSize"
                [pageSizeOptions]="pageSizeOptions"
                (page)="changePage($event)">
                
            </mat-paginator>
        
        </div>
    </div>
</div>