ShangHaiYuan-AnXin/src/app/plan-audit/wait-examineer/wait-examineer.component.html

<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>
              <!-- <mat-radio-group name='aaa' [(ngModel)]="level" style="position: relative;bottom: 3px;">
                <mat-radio-button class='radio' style="margin-left: 3px;" value="" >全部</mat-radio-button>
                <mat-radio-button style="margin-left: 20px;height: 10px;" value="1">更新</mat-radio-button>
                <mat-radio-button style="margin-left: 20px;" value="0">新增</mat-radio-button>
                <mat-radio-button style="margin-left: 20px;" value="2">删除</mat-radio-button>
              </mat-radio-group> -->
              <span style="margin-left: 100px;">共计：{{count}}条</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>
                <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" 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)='radioClick($event,item)'>
                          <td style="width: 15%;">
                            <mat-checkbox color="primary" (change)='radioClick($event,item)'></mat-checkbox>
                            <!-- <input type="checkbox" name="yuan"  value={{item.id}}  (click)='radioClick($event,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">
      <div class="righthead">
        <div class="rightheadone">
          <button mat-raised-button color="primary" (click)="buttonChange()" *ngIf="!wordShow"><img src="../../../assets/images/preview.png" style="margin-right: 3px;margin-bottom: 3px;">{{isallDate?'显示变更数据':'显示完整数据'}} </button>
          <button mat-raised-button *ngIf="isallDate" style="background-color: #FFCC00; color: #FFFFFF;" (click)="preview()"><img src="../../../assets/images/change.png" style="margin-bottom: 2px;" > 预览得分</button>
        </div>
        <div class="rightheadtwo">
          <button mat-raised-button style="color: #FFFFFF;background-color: #FF7161;float: right;" (click)='refuse()'>拒绝</button>
          <button mat-raised-button style="color: #FFFFFF;background-color: #38D984;float: right;" (click)='agree()'>同意</button>
        </div>
        
      </div>
        <mat-tab-group *ngIf="isallDate&&wordShow==false&&!showAllimg" 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>
                平面图
              </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 id="firefacilities" *ngIf="!isallDate&&wordShow==false&&!showAllimg"  style="margin: 10px;">
          <mat-accordion class="tableContent" >
            <mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
                <mat-expansion-panel-header  collapsedHeight ='40px' expandedHeight='40px' class="panelhead" style="background-color: #2196F3;">
                  <mat-panel-title style="font-size: 16px;color: #FFFFFF;" >
                    基本信息
                  </mat-panel-title>
                </mat-expansion-panel-header >
                <div class="accordingin">
                  <mat-accordion>
                    <mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
                      <mat-expansion-panel-header collapsedHeight ='30px' expandedHeight='30px' class="panelhead" >
                        <mat-panel-title style="font-size: 16px;color:#2196F3;" >
                          <img src="../../../assets/images/update.png"><span>修改-沃尔玛（上海）职业发展有限公司</span> 
                        </mat-panel-title>
                      </mat-expansion-panel-header>
                      <table>
                        <tr>
                          <th>单位地址 ：</th>
                          <td><span style="margin-left: 7px;">由</span> <span style="color: #2196F3;">上海市上海市黄浦区武胜路333号</span>变更为
                            <span style="color: #2196F3;">上海市上海市黄浦区金陵西路28号</span></td>
                        </tr>
                        <tr>
                          <th>联系电话 ：</th>
                          <td><span style="margin-left: 7px;">由</span><span style="color: #2196F3;">15069853369</span>变更为
                            <span style="color: #2196F3;">13869877764</span></td>
                        </tr>
                        <tr>
                          <th>始建于（年）：</th>
                          <td><span style="margin-left: 7px;">由</span><span style="color: #2196F3;">1991</span>变更为
                            <span style="color: #2196F3;">2003</span></td>
                        </tr>
                      </table>
                    </mat-expansion-panel>
                  </mat-accordion>
                </div>
                
                
              </mat-expansion-panel>
        </mat-accordion>
        <mat-accordion class="tableContent" >
          <mat-expansion-panel *ngIf="!isallDate" style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
              <mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' class="panelhead" style="background-color: #2196F3;">
                <mat-panel-title style="font-size: 16px;color: #FFFFFF;" >
                  四周毗邻
                </mat-panel-title>
              </mat-expansion-panel-header >
              <div class="accordingin">
                <mat-accordion>
                  <mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
                    <mat-expansion-panel-header collapsedHeight ='30px' expandedHeight='30px' class="panelhead" >
                      <mat-panel-title style="font-size: 16px;color:#2196F3;" >
                        <img src="../../../assets/images/update.png"><span>一号建筑</span> 
                      </mat-panel-title>
                    </mat-expansion-panel-header>
                    <div class="onebuilding">
                      <div class="accordingleft">
                        <span>一号建筑：</span>
                      </div>
                      <div class="accordingright">
                        <span>由</span><img src="../../../assets/images/chatchange.png">
                        <span>变更为</span><img src="../../../assets/images/chatchange.png">
                      </div>
                    </div>
                  </mat-expansion-panel>
                </mat-accordion>
              </div>
              
            </mat-expansion-panel>
      </mat-accordion>
      <mat-accordion class="tableContent" >
        <mat-expansion-panel *ngIf="!isallDate" style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
            <mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' class="panelhead" style="background-color: #2196F3;">
              <mat-panel-title style="font-size: 16px;color: #FFFFFF;" >
                消防设施
              </mat-panel-title>
            </mat-expansion-panel-header >
            <div class="accordingin">
              <mat-accordion>
                <mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
                  <mat-expansion-panel-header collapsedHeight ='30px' expandedHeight='30px' class="panelhead" >
                    <mat-panel-title style="font-size: 16px;color:#2196F3;" >
                      <img src="../../../assets/images/update.png"><span>室内消火栓</span> 
                    </mat-panel-title>
                  </mat-expansion-panel-header>
                  <table>
                    <tr>
                      <th>总数：</th>
                      <td><span style="margin-left: 7px;">由</span><span style="color: #2196F3;">5</span>变更为
                        <span style="color: #2196F3;">8</span></td>
                    </tr>
                  </table>
                </mat-expansion-panel>
              </mat-accordion>
            </div>
            
          </mat-expansion-panel>
    </mat-accordion>
        </div>
        <div class="word" *ngIf="wordShow">
           <iframe [src]='iframeSrc'></iframe>
        </div>
        <div id="viewer"  *ngIf="showAllimg"></div>
        
    </div>
</div>
<div class="echarts" *ngIf="previewshow" ><!-- [style.display]="previewshow==true?'block':'none'" -->
  <div class="bar" id="indexbar" ></div>
  <div class="zhu" id="zhu" ></div>
</div>