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 [ngClass]="{'selectedTr': item.id == id}" *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>
                            {{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.contentType=='12'?'水源':item.contentType=='13'?'消防力量':item.contentType=='14'?'联动力量':'未知'}}</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="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 class="rightheadone"  style="display: none;">
          <button mat-raised-button color="primary" (click)="buttonChange()"><img src="../../../assets/images/preview.png" style="margin-right: 3px;margin-bottom: 3px;display: none;">{{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>
      <div id="company">
        <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></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 id="firefacilities" *ngIf="showtype == 3 && !isallDate"  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 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>
      </div>
      <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 class="waterAudit" *ngIf="showtype == 12">
        <app-water-audit [waterData]="waterData"></app-water-audit>
      </div>
      <!-- 消防力量审核 -->
      <div class="fireForceAudit" *ngIf="showtype == 13">
        <app-fireforce-audit></app-fireforce-audit>
      </div>
      <!-- 联动力量审核 -->
      <div class="LinkageForcesAudit" *ngIf="showtype == 14">
        <app-linkageforces-audit></app-linkageforces-audit>
      </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>