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.
201 lines
10 KiB
201 lines
10 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-25 10:19:31 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-02-20 10:40:25 |
|
--> |
|
<div class="box"> |
|
<div class="boxleft"> |
|
<div class="lefthead"> |
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm"> |
|
<div class="headdiv" style="margin-top: 30px;"> |
|
<span>操作类型：</span> |
|
<input type="radio" name="level" value="" [(ngModel)]="level"><span>全部</span> |
|
<input type="radio" name="level" style="margin-left: 50px;" value="1" [(ngModel)]="level"><span>更新</span> |
|
<input type="radio" name="level" style="margin-left: 50px;" value="0" [(ngModel)]="level"><span>新增</span> |
|
<input type="radio" name="level" style="margin-left: 50px;" value="2" [(ngModel)]="level"><span>删除</span> |
|
<span style="margin-left: 100px;">共计：{{count}}条</span> |
|
</div> |
|
<div class="headdiv"> |
|
<span>审核状态：</span> |
|
<input type="radio" name="passstate" [(ngModel)]="verifyState" value=""><span>全部</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;" [(ngModel)]="verifyState" value="1"><span>初审通过</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;" [(ngModel)]="verifyState" value="2"><span>初审驳回</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;" [(ngModel)]="verifyState" value="4"><span>终审通过</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;" [(ngModel)]="verifyState" value="5"><span>终审驳回</span> |
|
</div> |
|
<div class="headthree"> |
|
<span>类型：</span> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="projectlevel"> |
|
<mat-option value="1">Ⅰ级预案</mat-option> |
|
<mat-option value="2">Ⅱ级预案</mat-option> |
|
<mat-option value="3">Ⅲ级预案</mat-option> |
|
<mat-option value="4">Ⅳ级预案</mat-option> |
|
<mat-option value="5">Ⅴ级预案</mat-option> |
|
<mat-option value="6">应急预案(国家级)</mat-option> |
|
<mat-option value="7">应急预案(市级)</mat-option> |
|
<mat-option value="8">类型预案</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
<span style="margin-left: 30px;">编制级别：</span> |
|
<mat-form-field> |
|
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="PlanLevel"> |
|
<mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
|
|
</div> |
|
<div class="headfour"> |
|
<span style="margin-left: 30px;">时间：</span> |
|
<mat-form-field class="example-full-width"> |
|
<input type="date" matInput name="companyName" autocomplete="off" [(ngModel)]="addtime"> |
|
</mat-form-field> |
|
<span style="margin-left: 10px;">🠊</span> |
|
<mat-form-field class="example-full-width" style="margin-left: 10px;"> |
|
<input type="date" matInput name="companyName" autocomplete="off" [(ngModel)]="endtime"> |
|
</mat-form-field> |
|
<button mat-raised-button color="primary" style="margin-left: 40px;" type="submit" >查询</button> |
|
<button mat-raised-button color="primary" style="margin-left: 20px;" (click)='record()'><img src="../../../assets/images/refresh.png" > 刷新</button> |
|
</div> |
|
</form> |
|
|
|
<!-- <div class="tablediv"> |
|
<table cellspacing="0" cellpadding="0"> |
|
<thead> |
|
<th style="width: 15%;">类型</th> |
|
<th style="width: 15%;">操作</th> |
|
<th style="width: 15%;">所属组织</th> |
|
<th style="width: 15%;">审核状态</th> |
|
<th style="width: 15%;">提交人</th> |
|
<th style="width: 25%;">提交时间</th> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let item of tableDate"> |
|
<td>{{item.level}}</td> |
|
<td [ngClass]="{'green': item.option == '更新','red':item.option == '删除','blue':item.option == '新增'}">{{item.option}}</td> |
|
<td>{{item.orgication}}</td> |
|
<td [ngClass]="{'green': item.unitstate == '已通过','red':item.unitstate == '已拒绝'}">{{item.unitstate}}</td> |
|
<td>{{item.addname}}</td> |
|
<td>{{item.addtime}}</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> --> |
|
<div class="tablediv"> |
|
<table cellspacing="0" cellpadding="0" style="margin-top: 10px;"> |
|
<thead> |
|
<th style="width: 15%;">类型</th> |
|
<th style="width: 15%;">操作</th> |
|
<th style="width: 15%;">所属组织</th> |
|
<th style="width: 15%;">审核状态</th> |
|
<th style="width: 15%;">提交人</th> |
|
<th style="width: 25%;">提交时间</th> |
|
</thead> |
|
</table> |
|
<div class="tbodycss" id="tbodydiv" > |
|
<table cellspacing="0" cellpadding="0" id="table" > |
|
<tr *ngFor="let item of tableDate;let key = index" (click)='tableClick($event,item)'> |
|
<td style="width: 15%;"> |
|
<!-- <input type="radio" name="yuan" value={{item.id}} [(ngModel)]="checked" (click)='radioClick(item)'> --> |
|
{{item.contentType=='1'?'Ⅰ级预案':item.contentType=='2'?'Ⅱ级预案':item.contentType=='3'?'Ⅲ级预案':item.contentType=='4'?'Ⅳ级预案':item.contentType=='5'? |
|
'Ⅴ级预案':item.contentType=='6'?'应急预案（国家级）':item.contentType=='7'?'应急预案（市级）':item.contentType=='8'?'类型预案':item.contentType=='11'?'重点单位':'消防车辆'}}</td> |
|
<td style="width: 15%;" [ngClass]="{'green': item.operation == '1','red':item.operation == '2','blue':item.operation == '0'}">{{item.operation=='0'?'新增':item.operation=='1'?'更新':'删除'}}</td> |
|
<td style="width: 15%;">{{item.verifyOrganizationName}}</td> |
|
<td style="width: 15%;" [ngClass]="{'green': item.verifyState == '1'||item.verifyState == '4','red':item.verifyState == '2'||item.verifyState == '5'}">{{item.verifyState=='0'?'待初审':item.verifyState=='1'? |
|
'初审通过':item.verifyState=='2'?'初审驳回':item.verifyState=='3'?'待终审':item.verifyState=='4'?'终审通过':'终审驳回'}}</td> |
|
<td style="width: 15%;">{{item.creatorName}}</td> |
|
<td style="width: 25%;">{{item.createTime|date:'yyyy-MM-dd'}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
|
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
<div class="boxright"> |
|
<mat-tab-group *ngIf="showtype==3" style="flex: 1;overflow-y: auto;" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"> |
|
|
|
<mat-tab label="基本信息"> |
|
<ng-template matTabContent> |
|
<app-basic-info></app-basic-info> |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="平面图"> |
|
<ng-template matTabContent> |
|
平面图 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="四周毗邻"> |
|
<ng-template matTabContent> |
|
四周毗邻 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="消防设施"> |
|
<ng-template matTabContent> |
|
消防设施 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="重点部位"> |
|
<ng-template matTabContent> |
|
重点部位 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="功能分区"> |
|
<ng-template matTabContent> |
|
功能分区 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="实景图"> |
|
<ng-template matTabContent> |
|
实景图 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="CAD"> |
|
<ng-template matTabContent> |
|
cad |
|
</ng-template> |
|
</mat-tab> |
|
<!-- <mat-tab label="六熟悉"> |
|
<ng-template matTabContent> |
|
六熟悉 |
|
</ng-template> |
|
</mat-tab> |
|
<mat-tab label="实战演练"> |
|
<ng-template matTabContent> |
|
实战演练 |
|
</ng-template> |
|
</mat-tab> --> |
|
|
|
</mat-tab-group> |
|
<div class="word" *ngIf="showtype==0"> |
|
<iframe [src]='iframeSrc'></iframe> |
|
</div> |
|
<div id="viewer" *ngIf="showtype==1"></div> |
|
<div class="twoD" *ngIf="showtype==2"> |
|
<div class="planBox"> |
|
<span>单位名称: </span> |
|
<span>{{compantData.name?compantData.name : '暂无数据'}}</span> |
|
</div> |
|
<div class="planBox"> |
|
<span>消防救援站: </span> |
|
<span>{{organizationName}}</span> |
|
</div> |
|
<div class="planBox"> |
|
<span>单位类型: </span> |
|
<span>{{compantData.buildingTypes.length?compantData.buildingTypes[0].name : '暂无数据'}}</span> |
|
</div> |
|
<div class="planBox"> |
|
<span>单位地址: </span> |
|
<span>{{compantData.address?compantData.address : '暂无数据'}}</span> |
|
</div> |
|
<div class="planBox"> |
|
<span style="color: #2196F3;cursor:pointer;" (click)='oopen3Dshow()'>查看详情</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div>
|
|
|