You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
7.1 KiB
142 lines
7.1 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-24 14:15:10 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-01-08 09:47:51 |
|
--> |
|
<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 class="example-full-width"> |
|
<input matInput placeholder="请输入添加人" name="addname" autocomplete="off" [(ngModel)]="addname"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField"> |
|
<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-form-field class="example-full-width"> |
|
<input type="date" matInput name="endtime" autocomplete="off" [(ngModel)]="endtime"> |
|
</mat-form-field> |
|
</div> |
|
<div class="queryField"> |
|
<label style="margin-right: 10px;">预案类型:</label> |
|
<mat-form-field> |
|
<mat-select name="reservePlanType" [(ngModel)]="reservePlanType" placeholder='请选择预案类型'> |
|
<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"> |
|
<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"> |
|
<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 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"> |
|
<button mat-raised-button color="primary" (click)="addunit()"><img style="margin-bottom: 3px;" src="../../../assets/images/newadd.png"> 新增</button> |
|
</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>预案名称</th> |
|
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="level"> |
|
<th mat-header-cell *matHeaderCellDef>预案级别</th> |
|
<td mat-cell *matCellDef="let element">{{url=='2'?'Ⅱ级':'Ⅰ级'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="addname"> |
|
<th mat-header-cell *matHeaderCellDef>添加人</th> |
|
<td mat-cell *matCellDef="let element">{{element.creatorName}}</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="addtime"> |
|
<th mat-header-cell *matHeaderCellDef>添加时间</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>预案类型</th> |
|
<td mat-cell *matCellDef="let element">{{element.planType=='1'?'二维预案':element.planType=='2'?'三维预案':element.planType=='4'?'其他预案':'卡片预案'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="passstate"> |
|
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
|
<td mat-cell *matCellDef="let element">{{element.auditStatus=='8'?'未提交审核':element.auditStatus=='1'?'审核中':element.auditStatus=='2'?'审核通过':'审核退回'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="isopen"> |
|
<th mat-header-cell *matHeaderCellDef>是否公开</th> |
|
<td mat-cell *matCellDef="let element">{{element.openRange}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="projectlevel"> |
|
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
|
<td mat-cell *matCellDef="let element">{{element.planLevel=='0'?'总队':element.planLevel=='1'?'支队':element.planLevel=='2'?'大队':'中队'}}</td> |
|
</ng-container> |
|
<ng-container matColumnDef="operation"> |
|
<th mat-header-cell *matHeaderCellDef>操作</th> |
|
<td mat-cell *matCellDef="let element" style="white-space: nowrap;"> |
|
<span (click)='routerTo(element)' style="color: blue;">查看预案</span> |
|
<span style="color: blue;"> 下载</span> |
|
<span style="color: red;"> 删除</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"> |
|
|
|
</mat-paginator> |
|
|
|
</div> |
|
</div> |
|
</div>
|
|
|