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.
127 lines
5.3 KiB
127 lines
5.3 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-25 10:19:31 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2020-12-25 15:31:29 |
|
--> |
|
<div class="box"> |
|
<div class="boxleft"> |
|
<div class="lefthead"> |
|
<div class="headdiv" style="margin-top: 30px;"> |
|
<span>操作类型：</span> |
|
<input type="radio" name="level"><span>全部</span> |
|
<input type="radio" name="level" style="margin-left: 50px;"><span>更新</span> |
|
<input type="radio" name="level" style="margin-left: 50px;"><span>新增</span> |
|
<input type="radio" name="level" style="margin-left: 50px;"><span>删除</span> |
|
<span style="margin-left: 100px;">共计：80条</span> |
|
</div> |
|
<div class="headdiv"> |
|
<span>审核状态：</span> |
|
<input type="radio" name="passstate"><span>全部</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;"><span>已通过</span> |
|
<input type="radio" name="passstate" style="margin-left: 50px;"><span>已拒绝</span> |
|
</div> |
|
<div class="headthree"> |
|
<span>类型：</span> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="level"> |
|
<mat-option value="1">Ⅰ级</mat-option> |
|
<mat-option value="2">Ⅱ级</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
<span style="margin-left: 30px;">所属组织：</span> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择组织机构' name="js" [(ngModel)]="js"> |
|
<mat-option value="1">Ⅰ级</mat-option> |
|
<mat-option value="2">Ⅱ级</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
<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> |
|
</div> |
|
<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> |
|
|
|
</div> |
|
<div class="boxright"> |
|
<mat-tab-group 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> |
|
</div>
|
|
|