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

<div class="box">
  <div class="boxleft">
    <div class="lefthead">
      <form (ngSubmit)="onSubmit(form.value)" #form="ngForm">
        <div class="headdiv">
          <span>操作类型:</span>
          <input type="radio" name="level" value="" [(ngModel)]="level"><span>全部</span>
          <input type="radio" name="level" value="1" [(ngModel)]="level"><span>更新</span>
          <input type="radio" name="level" value="0" [(ngModel)]="level"><span>新增</span>
          <input type="radio" name="level" value="2" [(ngModel)]="level"><span>删除</span>
          <div class="count">
            <span>共计：{{count}}条</span>
          </div>
        </div>
        <div class="headdivtwo">
          <span>审核状态:</span>
          <input type="radio" name="passstate" [(ngModel)]="verifyState" value=""><span>全部</span>
          <input type="radio" name="passstate" [(ngModel)]="verifyState" value="1"><span>初审通过</span>
          <input type="radio" name="passstate" [(ngModel)]="verifyState" value="2"><span>初审驳回</span>
          <input type="radio" name="passstate" [(ngModel)]="verifyState" value="4"><span>终审通过</span>
          <input type="radio" name="passstate" [(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-option value="11">重点单位</mat-option>
              <mat-option value="12">消防水源</mat-option>
              <mat-option value="13">消防力量</mat-option>
              <mat-option value="14">联动力量</mat-option>
            </mat-select>
          </mat-form-field>
          <span>状态：</span>
          <mat-form-field>
            <mat-select name="IsNewData" placeholder='请选择状态' [(ngModel)]="IsNewData" [multiple]="true">
              <mat-option value=true>新增</mat-option>
              <mat-option value=false>维护更新</mat-option>
            </mat-select>
          </mat-form-field>
          <span>编制级别：</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>时间：</span>
          <mat-form-field class="example-full-width" style="margin-bottom: 0;">
            <input type="date" matInput name="companyName" autocomplete="off" [(ngModel)]="addtime">
          </mat-form-field>
          <mat-icon *ngIf="!pcshow" aria-hidden="false" style="position: relative;right: 120px;top: 5px;"
            id="padshow">arrow forward</mat-icon>
          <span style="margin-left: 15px;" id="pcshow" *ngIf="pcshow">🠊</span>
          <mat-form-field class="example-full-width" style="margin-left: 10px;margin-bottom: 0;">
            <input type="date" matInput name="companyName" autocomplete="off" [(ngModel)]="endtime">
          </mat-form-field>
          <span style="margin-left: 10px;">预案类型：</span>
          <mat-form-field>
            <mat-select placeholder='请选择预案类型' name="unittype" [(ngModel)]="plantypes" [multiple]="true">
              <mat-option value="1">二维预案</mat-option>
              <mat-option value="2">三维预案</mat-option>
              <mat-option value="4">其他预案</mat-option>
              <mat-option value="16">文本预案</mat-option>
            </mat-select>
          </mat-form-field>
        </div>
        <div class="btnbox">
          <button mat-raised-button color="primary" type="submit">查询</button>
          <button mat-raised-button color="primary" type="button" (click)='record()'>重置</button>
        </div>
      </form>
      <div class="tablediv">
        <table class="header" cellspacing="0" cellpadding="0" style="margin-top: 10px;">
          <thead>
            <th style="width: 10%;">状态</th>
            <th style="width: 10%;">类型</th>
            <th style="width: 10%;">预案类型</th>
            <th style="width: 10%;">名称</th>
            <th style="width: 5%;">操作</th>
            <th style="width: 20%;">所属组织</th>
            <th style="width: 10%;">审核状态</th>
            <th style="width: 10%;">提交人</th>
            <th style="width: 15%;">提交时间</th>
          </thead>
        </table>
        <div class="tbodycss" id="tbodydiv">
          <table cellspacing="0" cellpadding="0" id="table">
            <tr [ngClass]="{'selectedTr': item.id == id}" *ngFor="let item of tableDate;let key = index"
              (click)='tableClick($event,item)'>
              <td style="width: 10%;"
                [ngClass]="{'green': item.itemMaintenanceState == '0','yellow':item.itemMaintenanceState != '0'}">
                {{item.itemMaintenanceState=='0'?'新增':'维护'}}</td>
              <td style="width: 10%;">
                <!-- <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'
                &&item.itemObj&&
                item.itemObj.isFollowed)?'重点单位':(item.contentType=='11'
                &&item.itemObj&&
                !item.itemObj.isFollowed)?'一般单位':(item.contentType=='11'
                &&!item.itemObj)?'已删除':item.contentType=='12'?'水源':item.contentType=='13'?'消防力量':item.contentType=='14'?'联动力量':'未知'}}
              </td>
              <td style="width: 10%;">
                {{item.planType=='1'?'二维预案':item.planType=='2'?'三维预案':item.planType=='4'?'其它预案':item.planType=='16'?'文本预案':''}}
              </td>
              <td style="width: 10%;">{{item.title}}</td>
              <td style="width: 5%;"
                [ngClass]="{'green': item.operation == '0','red':item.operation == '2','yellow':item.operation == '1'}">
                {{item.operation=='0'?'新增':item.operation=='1'?'更新':'删除'}}</td>
              <td style="width: 20%;">{{item.organizationName}}</td>
              <td style="width: 10%;"
                [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: 10%;">{{item.creatorName}}</td>
              <td style="width: 15%;">{{item.createTime|date:'yyyy-MM-dd'}}</td>
            </tr>
          </table>
          <mat-paginator [length]="count" [pageIndex]="PageNumber - 1" [pageSize]="10" (page)="chagePage($event)">
          </mat-paginator>
        </div>


      </div>
    </div>
    <div class="mask" *ngIf="isTableData">
      <mat-spinner [diameter]="30"></mat-spinner>
    </div>
  </div>
  <div class="boxright">
    <div class="company" *ngIf="showtype == 3">
      <mat-tab-group *ngIf="showtype == 3" style="flex: 1;overflow-y: auto;margin-top: 10px;"
        [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>
            <app-plan-list [planType]="'all'"></app-plan-list>
          </ng-template>
        </mat-tab>
        <mat-tab label="四周毗邻">
          <ng-template matTabContent>
            <app-allaround></app-allaround>
          </ng-template>
        </mat-tab>
        <mat-tab label="消防设施">
          <ng-template matTabContent>
            <app-fire-facilities></app-fire-facilities>
          </ng-template>
        </mat-tab>
        <mat-tab label="重点部位">
          <ng-template matTabContent>
            <app-key-site-look></app-key-site-look>
          </ng-template>
        </mat-tab>
        <mat-tab label="功能分区">
          <ng-template matTabContent>
            <app-function-partition></app-function-partition>
          </ng-template>
        </mat-tab>
        <mat-tab label="实景图">
          <ng-template matTabContent>
            <app-realistic-picture-look></app-realistic-picture-look>
          </ng-template>
        </mat-tab>
        <mat-tab label="CAD">
          <ng-template matTabContent>
            <app-cad-draw></app-cad-draw>
          </ng-template>
        </mat-tab>
      </mat-tab-group>
    </div>

    <div class="word" *ngIf="showtype==0">
      <div class="shadow" *ngIf="!iftrue">
        <mat-spinner [diameter]="30"></mat-spinner>
      </div>
      <button mat-raised-button color="primary" style="float: right;margin-top: 10px;margin-right: 15px;"
        *ngIf="showtype == 0||bianzhi" (click)='lookNew()'>查看详情</button>
      <iframe [src]='iframeSrc' (load)='ifranmeLoad()' id="myiframe"></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 class="waterAudit" *ngIf="showtype == 12">
      <app-water-audit [waterData]="waterData"></app-water-audit>
    </div>
    <!-- 消防力量审核 -->
    <div class="fireForceAudit" *ngIf="showtype == 13">
      <app-fireforce-audit [FireForceDetailInfo]="fireForceDetailInfo" [level]="postlevel"></app-fireforce-audit>
    </div>
    <!-- 联动力量审核 -->
    <div class="LinkageForcesAudit" *ngIf="showtype == 14">
      <app-linkageforces-audit [LinkageForceDetailInfo]="LinkageForceDetailInfo"></app-linkageforces-audit>
    </div>
  </div>
</div>