ShangHaiYuan-AnXin/src/app/plan-audit/plan-record/plan-record.component.html

<!--
 * @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>