55 changed files with 573 additions and 606 deletions
@ -1,64 +1,62 @@
|
||||
<div class="header"> |
||||
<!-- <button mat-raised-button color="primary" (click)="openReadFile()" *ngIf="!uploadisLoading">上传</button> |
||||
<button mat-raised-button color="primary" (click)='readFile()' *ngIf="!downloadisLoading">下载</button> |
||||
<button mat-raised-button color="primary" (click)='editFile()'>编辑</button> |
||||
<button mat-raised-button color="primary" (click)='deleteCAD()' style="margin-right: 25px;">删除</button> --> |
||||
|
||||
<div class="progressBox" *ngIf="uploadisLoading"> |
||||
<button mat-raised-button style="margin-right: 5px;" (click)="cancel()">取消上传</button> |
||||
<span style="font-size: 12px;">上传中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress"></mat-progress-bar> |
||||
<div style="height: 100%; overflow-y: auto;"> |
||||
<div class="header"> |
||||
<div class="progressBox" *ngIf="uploadisLoading"> |
||||
<button mat-raised-button style="margin-right: 5px;" (click)="cancel()">取消上传</button> |
||||
<span style="font-size: 12px;">上传中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress"></mat-progress-bar> |
||||
</div> |
||||
|
||||
<div class="progressBox" *ngIf="downloadisLoading"> |
||||
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
||||
<span style="font-size: 12px;">下载中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="downloadProgress" class="progress" style="left: 52px;top: 13px;"></mat-progress-bar> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="progressBox" *ngIf="downloadisLoading"> |
||||
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
||||
<span style="font-size: 12px;">下载中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="downloadProgress" class="progress" style="left: 52px;top: 13px;"></mat-progress-bar> |
||||
|
||||
<div style="padding: 10px;"> |
||||
<table mat-table [dataSource]="CADList"> |
||||
|
||||
<ng-container matColumnDef="checked"> |
||||
<th mat-header-cell *matHeaderCellDef></th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-checkbox disabled (change)='checkedCAD($event,element)'></mat-checkbox> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>名称</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-icon style="color: #FFC122;">insert_drive_file</mat-icon>{{element.name}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="time"> |
||||
<th mat-header-cell *matHeaderCellDef>时间</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.creationTime|date:'yyyy-MM-dd'}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="state"> |
||||
<th mat-header-cell *matHeaderCellDef>状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="!element.loading" ><mat-icon style="color: #00FF00;">check_circle</mat-icon></label> |
||||
<label *ngIf="element.loading" >正在下载...</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="size"> |
||||
<th mat-header-cell *matHeaderCellDef>大小</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.fileLength}}MB |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<p style="width: 100px; margin: 30px auto; text-align: center;" *ngIf="!CADList.length">暂无数据</p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div style="overflow-y: auto;height: 90%; padding: 10px; box-sizing: border-box;overflow-x: hidden;"> |
||||
<table mat-table [dataSource]="CADList"> |
||||
|
||||
<ng-container matColumnDef="checked"> |
||||
<th mat-header-cell *matHeaderCellDef></th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-checkbox disabled (change)='checkedCAD($event,element)'></mat-checkbox> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>名称</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-icon style="color: #FFC122;">insert_drive_file</mat-icon>{{element.name}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="time"> |
||||
<th mat-header-cell *matHeaderCellDef>时间</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.creationTime|date:'yyyy-MM-dd'}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="state"> |
||||
<th mat-header-cell *matHeaderCellDef>状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="!element.loading" ><mat-icon style="color: #00FF00;">check_circle</mat-icon></label> |
||||
<label *ngIf="element.loading" >正在下载...</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="size"> |
||||
<th mat-header-cell *matHeaderCellDef>大小</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.fileLength}}MB |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<p style="width: 100px; margin: 30px auto; text-align: center;" *ngIf="!CADList.length">暂无数据</p> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -1,64 +1,67 @@
|
||||
<div class="header"> |
||||
<button mat-raised-button color="primary" (click)="openReadFile()" *ngIf="!uploadisLoading">上传</button> |
||||
<button mat-raised-button color="primary" (click)='readFile()' *ngIf="!downloadisLoading">下载</button> |
||||
<button mat-raised-button color="primary" (click)='editFile()'>编辑</button> |
||||
<button mat-raised-button color="primary" (click)='deleteCAD()' style="margin-right: 25px;">删除</button> |
||||
|
||||
<div class="progressBox" *ngIf="uploadisLoading"> |
||||
<button mat-raised-button style="margin-right: 5px;" (click)="cancel()">取消上传</button> |
||||
<span style="font-size: 12px;">上传中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress"></mat-progress-bar> |
||||
<div style="height: 100%; overflow-y: auto;"> |
||||
<div class="header"> |
||||
<button mat-raised-button color="primary" (click)="openReadFile()" *ngIf="!uploadisLoading">上传</button> |
||||
<button mat-raised-button color="primary" (click)='readFile()' *ngIf="!downloadisLoading">下载</button> |
||||
<button mat-raised-button color="primary" (click)='editFile()'>编辑</button> |
||||
<button mat-raised-button color="primary" (click)='deleteCAD()' style="margin-right: 25px;">删除</button> |
||||
|
||||
<div class="progressBox" *ngIf="uploadisLoading"> |
||||
<button mat-raised-button style="margin-right: 5px;" (click)="cancel()">取消上传</button> |
||||
<span style="font-size: 12px;">上传中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress"></mat-progress-bar> |
||||
</div> |
||||
|
||||
<div class="progressBox" *ngIf="downloadisLoading"> |
||||
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
||||
<span style="font-size: 12px;">下载中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="downloadProgress" class="progress" style="left: 52px;top: 13px;"></mat-progress-bar> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="progressBox" *ngIf="downloadisLoading"> |
||||
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
||||
<span style="font-size: 12px;">下载中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="downloadProgress" class="progress" style="left: 52px;top: 13px;"></mat-progress-bar> |
||||
|
||||
<div style="padding: 10px;"> |
||||
<table mat-table [dataSource]="CADList"> |
||||
|
||||
<ng-container matColumnDef="checked"> |
||||
<th mat-header-cell *matHeaderCellDef></th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-checkbox (change)='checkedCAD($event,element)'></mat-checkbox> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>名称</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-icon style="color: #FFC122;">insert_drive_file</mat-icon>{{element.name}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="time"> |
||||
<th mat-header-cell *matHeaderCellDef>时间</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.creationTime|date:'yyyy-MM-dd'}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="state"> |
||||
<th mat-header-cell *matHeaderCellDef>状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="!element.loading" ><mat-icon style="color: #00FF00;">check_circle</mat-icon></label> |
||||
<label *ngIf="element.loading" >正在下载...</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="size"> |
||||
<th mat-header-cell *matHeaderCellDef>大小</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.fileLength}}MB |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<p style="width: 100px; margin: 30px auto; text-align: center;" *ngIf="!CADList.length">暂无数据</p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div style="overflow-y: auto;height: 90%; padding: 10px; box-sizing: border-box;overflow-x: hidden;"> |
||||
<table mat-table [dataSource]="CADList"> |
||||
|
||||
<ng-container matColumnDef="checked"> |
||||
<th mat-header-cell *matHeaderCellDef></th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-checkbox (change)='checkedCAD($event,element)'></mat-checkbox> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>名称</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<mat-icon style="color: #FFC122;">insert_drive_file</mat-icon>{{element.name}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="time"> |
||||
<th mat-header-cell *matHeaderCellDef>时间</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.creationTime|date:'yyyy-MM-dd'}} |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="state"> |
||||
<th mat-header-cell *matHeaderCellDef>状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="!element.loading" ><mat-icon style="color: #00FF00;">check_circle</mat-icon></label> |
||||
<label *ngIf="element.loading" >正在下载...</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="size"> |
||||
<th mat-header-cell *matHeaderCellDef>大小</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
{{element.fileLength}}MB |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<p style="width: 100px; margin: 30px auto; text-align: center;" *ngIf="!CADList.length">暂无数据</p> |
||||
</div> |
||||
</div> |
||||
@ -1,161 +1,163 @@
|
||||
<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> |
||||
<input matInput placeholder="请输入单位名称" name="CompanyName" [(ngModel)]="CompanyName"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField ordiv"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<mat-form-field> |
||||
<input readonly matInput placeholder="请选择消防救援站" [(ngModel)]="selectOrganizationIName" name="selectOrganizationIName" (focus)="openorganizationbox()"> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenOrganization" name="HasChildrenOrganization">包含下级</mat-checkbox> |
||||
|
||||
<div class="organizationbox" *ngIf="isorganizationbox"> |
||||
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button disabled ></button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||
<mat-icon class="mat-icon-rtl-mirror"> |
||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
||||
</mat-icon> |
||||
</button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
</mat-tree> |
||||
<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> |
||||
<input matInput placeholder="请输入单位名称" name="CompanyName" [(ngModel)]="CompanyName"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">单位类型:</label> |
||||
<mat-form-field> |
||||
<mat-select placeholder='请选择单位类型' [(ngModel)]="BuildingTypeId" name="BuildingTypeId"> |
||||
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
||||
{{unit.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">预案类型:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择预案类型' [(ngModel)]="PlanType" name="PlanType"> |
||||
<mat-option *ngFor="let plan of planpatterns" [value]="plan.value"> |
||||
{{plan.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
|
||||
<div class="queryField ordiv"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<mat-form-field> |
||||
<input readonly matInput placeholder="请选择消防救援站" [(ngModel)]="selectOrganizationIName" name="selectOrganizationIName" (focus)="openorganizationbox()"> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenOrganization" name="HasChildrenOrganization">包含下级</mat-checkbox> |
||||
|
||||
<div class="organizationbox" *ngIf="isorganizationbox"> |
||||
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button disabled ></button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||
<mat-icon class="mat-icon-rtl-mirror"> |
||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
||||
</mat-icon> |
||||
</button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
</mat-tree> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">单位类型:</label> |
||||
<mat-form-field> |
||||
<mat-select placeholder='请选择单位类型' [(ngModel)]="BuildingTypeId" name="BuildingTypeId"> |
||||
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
||||
{{unit.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">预案类型:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择预案类型' [(ngModel)]="PlanType" name="PlanType"> |
||||
<mat-option *ngFor="let plan of planpatterns" [value]="plan.value"> |
||||
{{plan.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">审核状态:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择审核状态' [(ngModel)]="AuditStatus" name="AuditStatus"> |
||||
<mat-option *ngFor="let state of passstates" [value]="state.value"> |
||||
{{state.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">审核状态:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择审核状态' [(ngModel)]="AuditStatus" name="AuditStatus"> |
||||
<mat-option *ngFor="let state of passstates" [value]="state.value"> |
||||
{{state.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
|
||||
<div style="width: 100%;text-align: center;"> |
||||
<button mat-raised-button color="primary">查询</button> |
||||
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div style="width: 100%;text-align: center;"> |
||||
<button mat-raised-button color="primary">查询</button> |
||||
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
||||
</form> |
||||
</div> |
||||
<mat-divider></mat-divider> |
||||
|
||||
<div class="body"> |
||||
<div class="tablebox"> |
||||
<table mat-table [dataSource]="tabledataSource"> |
||||
|
||||
<ng-container matColumnDef="unitname"> |
||||
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="planname"> |
||||
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="addpeople"> |
||||
<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"> |
||||
<label *ngIf="element.planType==8">卡片预案</label> |
||||
<label *ngIf="element.planType==1">二维预案</label> |
||||
<label *ngIf="element.planType==2">三维预案</label> |
||||
<label *ngIf="element.planType==4">其他预案</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="auditstate"> |
||||
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.auditStatus==0">预案未审核</label> |
||||
<label *ngIf="element.auditStatus==1">审核中</label> |
||||
<label *ngIf="element.auditStatus==2">审核通过</label> |
||||
<label *ngIf="element.auditStatus==4">审核退回</label> |
||||
</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="preparethelevel"> |
||||
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.planLevel==1">总队</label> |
||||
<label *ngIf="element.planLevel==2">支队</label> |
||||
<label *ngIf="element.planLevel==4">大队</label> |
||||
<label *ngIf="element.planLevel==8">中队</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="operation"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label style="color: #0000FF;cursor: pointer;" (click)='toExamine(element)' *ngIf="element.auditStatus!=4">预案审核</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> |
||||
<label style="color: #999;"*ngIf="element.auditStatus==4">预案已驳回</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
<mat-divider></mat-divider> |
||||
|
||||
<div class="body"> |
||||
<div class="tablebox"> |
||||
<table mat-table [dataSource]="tabledataSource"> |
||||
|
||||
<ng-container matColumnDef="unitname"> |
||||
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="planname"> |
||||
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="addpeople"> |
||||
<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"> |
||||
<label *ngIf="element.planType==8">卡片预案</label> |
||||
<label *ngIf="element.planType==1">二维预案</label> |
||||
<label *ngIf="element.planType==2">三维预案</label> |
||||
<label *ngIf="element.planType==4">其他预案</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="auditstate"> |
||||
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.auditStatus==0">预案未审核</label> |
||||
<label *ngIf="element.auditStatus==1">审核中</label> |
||||
<label *ngIf="element.auditStatus==2">审核通过</label> |
||||
<label *ngIf="element.auditStatus==4">审核退回</label> |
||||
</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="preparethelevel"> |
||||
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.planLevel==1">总队</label> |
||||
<label *ngIf="element.planLevel==2">支队</label> |
||||
<label *ngIf="element.planLevel==4">大队</label> |
||||
<label *ngIf="element.planLevel==8">中队</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="operation"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label style="color: #0000FF;cursor: pointer;" (click)='toExamine(element)' *ngIf="element.auditStatus!=4">预案审核</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> |
||||
<label style="color: #999;"*ngIf="element.auditStatus==4">预案已驳回</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
</div> |
||||
@ -1,173 +1,175 @@
|
||||
<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> |
||||
<input matInput placeholder="请输入单位名称" name="CompanyName" [(ngModel)]="CompanyName"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField ordiv"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<mat-form-field> |
||||
<input readonly matInput placeholder="请选择消防救援站" [(ngModel)]="selectOrganizationIName" name="selectOrganizationIName" (focus)="openorganizationbox()"> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenOrganization" name="HasChildrenOrganization">包含下级</mat-checkbox> |
||||
|
||||
<div class="organizationbox" *ngIf="isorganizationbox"> |
||||
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button disabled ></button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||
<mat-icon class="mat-icon-rtl-mirror"> |
||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
||||
</mat-icon> |
||||
</button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
</mat-tree> |
||||
<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> |
||||
<input matInput placeholder="请输入单位名称" name="CompanyName" [(ngModel)]="CompanyName"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">单位类型:</label> |
||||
<mat-form-field> |
||||
<mat-select placeholder='请选择单位类型' [(ngModel)]="BuildingTypeId" name="BuildingTypeId"> |
||||
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
||||
{{unit.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">预案类型:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择预案类型' [(ngModel)]="PlanType" name="PlanType"> |
||||
<mat-option *ngFor="let plan of planpatterns" [value]="plan.value"> |
||||
{{plan.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">审核状态:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择审核状态' [(ngModel)]="AuditStatus" name="AuditStatus"> |
||||
<mat-option *ngFor="let state of passstates" [value]="state.value"> |
||||
{{state.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
|
||||
<div class="queryField ordiv"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<mat-form-field> |
||||
<input readonly matInput placeholder="请选择消防救援站" [(ngModel)]="selectOrganizationIName" name="selectOrganizationIName" (focus)="openorganizationbox()"> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenOrganization" name="HasChildrenOrganization">包含下级</mat-checkbox> |
||||
|
||||
<div class="organizationbox" *ngIf="isorganizationbox"> |
||||
<div (click)="closediv()" class="closediv"><mat-icon>clear</mat-icon></div> |
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button disabled ></button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='add(node)' class="organizationlist"> |
||||
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||
<mat-icon class="mat-icon-rtl-mirror"> |
||||
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
||||
</mat-icon> |
||||
</button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
</mat-tree> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">单位类型:</label> |
||||
<mat-form-field> |
||||
<mat-select placeholder='请选择单位类型' [(ngModel)]="BuildingTypeId" name="BuildingTypeId"> |
||||
<mat-option *ngFor="let unit of allunittype" [value]="unit.id" > |
||||
{{unit.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">预案类型:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择预案类型' [(ngModel)]="PlanType" name="PlanType"> |
||||
<mat-option *ngFor="let plan of planpatterns" [value]="plan.value"> |
||||
{{plan.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">审核状态:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择审核状态' [(ngModel)]="AuditStatus" name="AuditStatus"> |
||||
<mat-option *ngFor="let state of passstates" [value]="state.value"> |
||||
{{state.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">编制级别:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择编制级别' [(ngModel)]="PlanLevel" name="PlanLevel"> |
||||
<mat-option *ngFor="let level of preparelevels" [value]="level.value"> |
||||
{{level.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenPlanLevel" name="HasChildrenPlanLevel">包含下级</mat-checkbox> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">编制级别:</label> |
||||
<mat-form-field class="maginleft"> |
||||
<mat-select placeholder='请选择编制级别' [(ngModel)]="PlanLevel" name="PlanLevel"> |
||||
<mat-option *ngFor="let level of preparelevels" [value]="level.value"> |
||||
{{level.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
<mat-checkbox style="margin-left: 5px;" [(ngModel)]="HasChildrenPlanLevel" name="HasChildrenPlanLevel">包含下级</mat-checkbox> |
||||
|
||||
<div style="width: 100%;text-align: center;"> |
||||
<button mat-raised-button color="primary">查询</button> |
||||
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div style="width: 100%;text-align: center;"> |
||||
<button mat-raised-button color="primary">查询</button> |
||||
<button mat-raised-button style="margin-left: 25px;" type="button" (click)="reset()">重置</button> |
||||
</form> |
||||
</div> |
||||
<mat-divider></mat-divider> |
||||
|
||||
<div class="body"> |
||||
<div class="tablebox"> |
||||
<table mat-table [dataSource]="tabledataSource"> |
||||
|
||||
<ng-container matColumnDef="unitname"> |
||||
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="planname"> |
||||
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="addpeople"> |
||||
<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"> |
||||
<label *ngIf="element.planType==8">卡片预案</label> |
||||
<label *ngIf="element.planType==1">二维预案</label> |
||||
<label *ngIf="element.planType==2">三维预案</label> |
||||
<label *ngIf="element.planType==4">其他预案</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="auditstate"> |
||||
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.auditStatus==0">预案未审核</label> |
||||
<label *ngIf="element.auditStatus==1">审核中</label> |
||||
<label *ngIf="element.auditStatus==2">审核通过</label> |
||||
<label *ngIf="element.auditStatus==4">审核退回</label> |
||||
</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="preparethelevel"> |
||||
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.planLevel==1">总队</label> |
||||
<label *ngIf="element.planLevel==2">支队</label> |
||||
<label *ngIf="element.planLevel==4">大队</label> |
||||
<label *ngIf="element.planLevel==8">中队</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="operation"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label style="color: #0000FF;cursor: pointer;" (click)='toExamine(element)' *ngIf="element.auditStatus!=4">预案审核</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> |
||||
<label style="color: #999;"*ngIf="element.auditStatus==4">预案已驳回</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
<mat-divider></mat-divider> |
||||
|
||||
<div class="body"> |
||||
<div class="tablebox"> |
||||
<table mat-table [dataSource]="tabledataSource"> |
||||
|
||||
<ng-container matColumnDef="unitname"> |
||||
<th mat-header-cell *matHeaderCellDef>单位名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.companyName}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="planname"> |
||||
<th mat-header-cell *matHeaderCellDef>预案名称</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="addpeople"> |
||||
<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"> |
||||
<label *ngIf="element.planType==8">卡片预案</label> |
||||
<label *ngIf="element.planType==1">二维预案</label> |
||||
<label *ngIf="element.planType==2">三维预案</label> |
||||
<label *ngIf="element.planType==4">其他预案</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="auditstate"> |
||||
<th mat-header-cell *matHeaderCellDef>审核状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.auditStatus==0">预案未审核</label> |
||||
<label *ngIf="element.auditStatus==1">审核中</label> |
||||
<label *ngIf="element.auditStatus==2">审核通过</label> |
||||
<label *ngIf="element.auditStatus==4">审核退回</label> |
||||
</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="preparethelevel"> |
||||
<th mat-header-cell *matHeaderCellDef>编制级别</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label *ngIf="element.planLevel==1">总队</label> |
||||
<label *ngIf="element.planLevel==2">支队</label> |
||||
<label *ngIf="element.planLevel==4">大队</label> |
||||
<label *ngIf="element.planLevel==8">中队</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="operation"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<label style="color: #0000FF;cursor: pointer;" (click)='toExamine(element)' *ngIf="element.auditStatus!=4">预案审核</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='openReserve(element)' *ngIf="element.auditStatus==2">预案公开</label> |
||||
<label style="color: #0000FF;margin-left: 10px;cursor: pointer;" (click)='closeReserve(element)' *ngIf="element.auditStatus==2">预案取消公开</label> |
||||
<label style="color: #999;"*ngIf="element.auditStatus==4">预案已驳回</label> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
</div> |
||||
@ -1,4 +1,4 @@
|
||||
<body> |
||||
<!--饼状图 --> |
||||
<div id="indexBzt" style="width: 100%;height: 93%;"></div> |
||||
<div id="indexBzt" style="width: 100%;height: 100%;"></div> |
||||
</body> |
||||
Loading…
Reference in new issue