From 648a04b4a0f4b3a696f41b596d18dd08ab75ab2f Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Fri, 26 May 2023 08:46:51 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=A1=E6=A0=B8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../plan-record/plan-record.component.html    |   10 +-
 .../plan-record/plan-record.component.scss    |   28 +-
 .../plan-record/plan-record.component.ts      |    3 +
 .../wait-examineer.component.html             |   18 +-
 .../wait-examineer.component.scss             |  885 ++++++++------
 .../wait-examineer.component.ts               | 1062 +++++++++--------
 6 files changed, 1129 insertions(+), 877 deletions(-)

diff --git a/src/app/plan-audit/plan-record/plan-record.component.html b/src/app/plan-audit/plan-record/plan-record.component.html
index aa00f20..6e582ef 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.html
+++ b/src/app/plan-audit/plan-record/plan-record.component.html
@@ -74,6 +74,8 @@
               <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" (click)='record()'>重置</button>
         </div>
@@ -121,14 +123,16 @@
               <td style="width: 15%;">{{item.createTime|date:'yyyy-MM-dd'}}</td>
             </tr>
           </table>
-          <mat-paginator [length]="count" [pageSize]="10" (page)="chagePage($event)">
+          <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">
@@ -179,7 +183,7 @@
 
     <div class="word" *ngIf="showtype==0">
       <div class="shadow" *ngIf="!iftrue">
-        <mat-spinner></mat-spinner>
+        <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>
diff --git a/src/app/plan-audit/plan-record/plan-record.component.scss b/src/app/plan-audit/plan-record/plan-record.component.scss
index 01a03e6..52b0336 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.scss
+++ b/src/app/plan-audit/plan-record/plan-record.component.scss
@@ -10,6 +10,7 @@
     background-color: #FFFFFF;
     display: flex;
     flex-direction: column;
+    position: relative;
 
     .lefthead {
       height: 100%;
@@ -204,9 +205,9 @@
         button {
           @media screen and (min-device-width:1400px) {
             margin-left: 40px;
-            font-size: 14px;
-            width: 70px;
-            height: 32px;
+            font-size: 13px;
+            width: 65px;
+            height: 34px;
           }
 
           @media screen and (max-device-width:1200px) {
@@ -236,6 +237,16 @@
 
         }
       }
+
+      .btnbox {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        button {
+          margin: 0 6px;
+        }
+      }
     }
 
     .tablediv {
@@ -244,6 +255,7 @@
       display: flex;
       flex-direction: column;
       overflow: hidden;
+
       .header {
         margin-left: 10px;
         margin-right: 10px;
@@ -283,6 +295,16 @@
         }
       }
     }
+
+    .mask {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.2);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
   }
 
   .boxright {
diff --git a/src/app/plan-audit/plan-record/plan-record.component.ts b/src/app/plan-audit/plan-record/plan-record.component.ts
index c40b305..d07cab3 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.ts
+++ b/src/app/plan-audit/plan-record/plan-record.component.ts
@@ -95,7 +95,9 @@ export class PlanRecordComponent implements OnInit {
 
   //获取表格数据
   PageNumber = 1;
+  isTableData = false;
   getAlltabledate() {
+    this.isTableData = true;
     let paramsdata: any = {
       Operation: this.level || [],
       ContentType: Number(this.projectlevel) || [],
@@ -112,6 +114,7 @@ export class PlanRecordComponent implements OnInit {
       .get("/api/ContentVerifies", { params: paramsdata })
       .subscribe((data: any) => {
         //console.log(data)
+        this.isTableData = false;
         this.tableDate = data.items;
         this.count = data.totalCount;
       });
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.html b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
index 1353f56..b87e5ad 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.html
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
@@ -55,19 +55,18 @@
                 <mat-option value="16">文本预案</mat-option>
               </mat-select>
             </mat-form-field>
-
-            <button mat-raised-button color="primary" type="submit" class="find">查询</button>
-            <button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png">
-              重置</button>
           </div>
-
+        </div>
+        <div class="btnbox">
+          <button mat-raised-button color="primary" type="submit">查询</button>
+          <button mat-raised-button color="primary" (click)='record()'>重置</button>
         </div>
       </form>
 
 
     </div>
     <div class="tablediv">
-      <table cellspacing="0" cellpadding="0" style="margin-top: 10px;margin-bottom: 5px;">
+      <table class="theader" cellspacing="0" cellpadding="0" style="margin-top: 10px;margin-bottom: 5px;">
         <thead>
           <th style="width: 10%;margin-left: 5px;">状态</th>
           <th style="width: 10%;">类型</th>
@@ -112,9 +111,12 @@
             <td style="width: 13%;">{{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 class="mask" *ngIf="isTableData">
+      <mat-spinner [diameter]="30"></mat-spinner>
     </div>
   </div>
 
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.scss b/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
index 7b6319c..c278831 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
@@ -1,440 +1,555 @@
 .box {
+  height: 100%;
+  width: 100%;
+  display: flex;
+
+  img {
+    cursor: pointer;
+  }
+
+  .boxleft {
     height: 100%;
-    width: 100%;
+    width: 45%;
+    background-color: #ffffff;
     display: flex;
-    img{
-        cursor: pointer;
-    }
-    .boxleft {
-        height: 100%;
-        width: 45%;
-        background-color: #ffffff;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+
+    .lefthead {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      form{
+        width: 100%;
+      }
+      .headdiv {
+        @media screen and (min-device-width: 1400px) {
+          margin: 0 0 0 28px;
+        }
+
+        @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
+          margin-left: 15px;
+        }
+
+        @media screen and (max-device-width: 1200px) {
+          margin-left: 5px;
+        }
+
+        height: 40px;
         display: flex;
-        flex-direction: column;
-        //overflow: auto;
-        .lefthead {
-            height: 30%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            .headdiv {
-                @media screen and (min-device-width: 1400px) {
-                    margin: 0 0 0 28px;
-                }
-                @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
-                    margin-left: 15px;
-                }
-                @media screen and (max-device-width: 1200px) {
-                    margin-left: 5px;
-                }
-                height: 40px;
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                .radio {
-                    height: 10px;
-                }
-                span {
-                    @media screen and (min-device-width: 1400px) {
-                        font-size: 16px;
-                    }
-                    @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
-                        font-size: 16px;
-                    }
-                    @media screen and (max-device-width: 1200px) {
-                        font-size: 14px;
-                    }
-                    margin-left: 3px;
-                }
-                input {
-                    position: relative;
-                    @media screen and (min-device-width: 1400px) {
-                        margin-left: 40px;
-           
-                    }
-                    @media screen and (max-device-width: 1200px) {
-                        margin-left: 8px;
-             
-                    }
-                    @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
-                        margin-left: 8px;
-           
-                    }
-                }
-                .count {
-                    @media screen and (min-device-width: 1400px) {
-                        margin-left: 110px;
-                    }
-                    @media screen and (max-device-width: 1200px) {
-                        margin-left: 20px;
-                        position: relative;
-                        bottom: 3px;
-                    }
-                    @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
-                        margin-left: 20px;
-                        /* position: relative;
-                        bottom: 3px; */
-                    }
-                }
-            }
-            .headthree {
-                display: flex;
-                flex-direction: column;
-                .bzjb{
-                    @media screen and (min-device-width: 1400px){
-                        margin-left: 100px;
-                    }
-                }
-                .find{
-                    @media screen and (min-device-width: 1400px){
-                        margin-left: 200px;
-                    }
-                }
-                @media screen and (min-device-width: 1400px) {
-                    margin-left: 30px;
-                }
-                @media screen and (max-device-width: 1200px) {
-                    margin-left: 7px;
-                    font-size: 14px;
-                    mat-form-field {
-                        width: 120px;
-                    }
-                }
-                @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
-                    margin-left: 15px;
-                    //font-size: 14px;
-                    mat-form-field {
-                        width: 140px;
-                    }
-                }
-
-                button {
-                    @media screen and (min-device-width: 1400px) {
-                        margin-left: 30px;
-                        font-size: 16px;
-                        width: 80px;
-                        height: 36px;
-                    }
-                    @media screen and (max-device-width: 1400px) {
-                        margin-left: 20px;
-                        font-size: 14px;
-                    }
-                }
-                img {
-                    @media screen and (min-device-width: 1400px) {
-                        height: 14px;
-                        width: 14px;
-                    }
-                    @media screen and (max-device-width: 1400px) {
-                        height: 12px;
-                        width: 12px;
-                    }
-                }
-            }
+        flex-direction: row;
+        align-items: center;
+
+        .radio {
+          height: 10px;
         }
-        .tablediv {
-            width: 100%;
-            height: 62%;
-            .tbodycss {
-                overflow-y: auto;
-
-                height: 100%;
-                width: 100%;
-                .selectedTr {
-                    background-color: #b3d3ee;
-                }
-                td {
-                    font-weight: 10;
-                    @media screen and (min-device-width: 1200px) {
-                        font-size: 16px;
-                    }
-                    @media screen and (max-device-width: 1200px) {
-                        font-size: 14px;
-                    }
-                }
-            }
-            table {
-                margin-left: 10px;
-                margin-right: 10px;
-                width: 97.5%;
-                //margin-bottom: 10px;
-                thead {
-                    height: 48px;
-                    color: #ffffff;
-                    background-color: #2196f3;
-                    //font-size: 10px;
-                    th {
-                        font-weight: 10;
-                        @media screen and (min-device-width: 1200px) {
-                            font-size: 16px;
-                        }
-                        @media screen and (max-device-width: 1200px) {
-                            font-size: 14px;
-                        }
-                    }
-                }
-
-                tr:nth-child(odd) {
-                    background: #fafafa;
-                }
-            }
+
+        span {
+          @media screen and (min-device-width: 1400px) {
+            font-size: 16px;
+          }
+
+          @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
+            font-size: 16px;
+          }
+
+          @media screen and (max-device-width: 1200px) {
+            font-size: 14px;
+          }
+
+          margin-left: 3px;
         }
-    }
-    .boxright {
-        height: 100%;
-        width: 53%;
-        @media screen and (max-device-width: 1400px) {
-            overflow-y: auto;
+
+        input {
+          position: relative;
+
+          @media screen and (min-device-width: 1400px) {
+            margin-left: 40px;
+
+          }
+
+          @media screen and (max-device-width: 1200px) {
+            margin-left: 8px;
+
+          }
+
+          @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
+            margin-left: 8px;
+
+          }
         }
 
-        flex: 1;
-        background-color: #ffffff;
-        margin-left: 10px;
+        .count {
+          @media screen and (min-device-width: 1400px) {
+            margin-left: 110px;
+          }
+
+          @media screen and (max-device-width: 1200px) {
+            margin-left: 20px;
+            position: relative;
+            bottom: 3px;
+          }
+
+          @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
+            margin-left: 20px;
+            /* position: relative;
+                        bottom: 3px; */
+          }
+        }
+      }
+
+      .headthree {
         display: flex;
         flex-direction: column;
-        .company {
-            //margin-left: 20px;
-            @media screen and (min-device-width: 1400px) {
-                overflow-y: auto;
-            }
-            flex: 1;
-            //overflow-y: auto;
-            margin-top: 10px;
+
+        .bzjb {
+          @media screen and (min-device-width: 1400px) {
+            margin-left: 100px;
+          }
         }
-        .righthead {
-            width: 100%;
-            display: flex;
-            height: 50px;
-            align-items: center;
-            flex-direction: row-reverse;
-            button {
-                margin-left: 10px;
-                font-size: 16px;
-            }
-            .rightheadone {
-                width: 40%;
-                margin-right: 7%;
-            }
-            .rightheadtwo {
-                width: 60%;
-                margin-right: 2%;
-            }
+
+        .find {
+          @media screen and (min-device-width: 1400px) {
+            margin-left: 80px;
+          }
         }
-        
-        .word {
-            width: 100%;
-            height: 100%;
-            .shadow{
-                height: 95%;
-                width: 97%;
-                margin: 10px 10px 10px 10px;
-                /* position:absolute;
-                left:0;
-                top:0; */
-                z-index:998;
-                background-color:#FFFFFF;
-                opacity:0.6;
-                mat-spinner{
-                    position: relative;
-                    top: 40%;
-                    left: 40%;
-                }
+
+        @media screen and (min-device-width: 1400px) {
+          margin-left: 30px;
+        }
+
+        @media screen and (max-device-width: 1200px) {
+          margin-left: 7px;
+          font-size: 14px;
+
+          mat-form-field {
+            width: 120px;
+          }
+        }
+
+        @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
+          margin-left: 15px;
+
+          //font-size: 14px;
+          mat-form-field {
+            width: 140px;
+          }
+        }
+
+        button {
+          @media screen and (min-device-width: 1400px) {
+            margin-left: 40px;
+            font-size: 13px;
+            width: 65px;
+            height: 34px;
+          }
+
+          @media screen and (max-device-width: 1400px) {
+            margin-left: 20px;
+            font-size: 14px;
+          }
+        }
+
+        img {
+          @media screen and (min-device-width: 1400px) {
+            height: 14px;
+            width: 14px;
+          }
+
+          @media screen and (max-device-width: 1400px) {
+            height: 12px;
+            width: 12px;
+          }
+        }
+      }
+      .btnbox{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        button{
+          margin: 0 6px;
+        }
+      }
+    }
+
+    .tablediv {
+      width: 100%;
+      flex: 1;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+
+      .theader {
+        margin-left: 10px;
+        margin-right: 10px;
+        width: 97.5%;
+
+        thead {
+          height: 48px;
+          color: #ffffff;
+          background-color: #2196f3;
+
+          th {
+            font-weight: 10;
+
+            @media screen and (min-device-width: 1200px) {
+              font-size: 16px;
             }
-            iframe {
-                height: 95%;
-                width: 97%;
-                margin: 10px 10px 10px 10px;
-                overflow-y: auto;
-                border: medium none;
+
+            @media screen and (max-device-width: 1200px) {
+              font-size: 14px;
             }
+          }
         }
-        #viewer {
-            margin: 10px 10px 10px 10px;
-            width: 97%;
-            height: 93%;
+
+        tr:nth-child(odd) {
+          background: #fafafa;
         }
-        .waterAudit,
-        .fireForceAudit,
-        .LinkageForcesAudit {
-            flex: 1;
-            width: 100%;
-            height: 100%;
-            box-sizing: border-box;
+      }
+
+      .tbodycss {
+
+        flex: 1;
+        width: 100%;
+        overflow-y: auto;
+        box-sizing: border-box;
+        padding-left: 15px;
+
+        .selectedTr {
+          background-color: #b3d3ee;
         }
-        .emptyContent {
-            width: 100%;
-            text-align: center;
+
+        td {
+          font-weight: 10;
+
+          @media screen and (min-device-width: 1200px) {
+            font-size: 16px;
+          }
+
+          @media screen and (max-device-width: 1200px) {
+            font-size: 14px;
+          }
         }
+      }
+
+
     }
-}
-th,
-td {
-    height: 43px;
-    @media screen and (min-device-width: 1400px) {
-        font-size: 16px;
+
+    .mask {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.2);
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
+  }
+
+  .boxright {
+    height: 100%;
+    width: 53%;
+
     @media screen and (max-device-width: 1400px) {
-        font-size: 14px;
+      overflow-y: auto;
+    }
+
+    flex: 1;
+    background-color: #ffffff;
+    margin-left: 10px;
+    display: flex;
+    flex-direction: column;
+
+    .company {
+
+      //margin-left: 20px;
+      @media screen and (min-device-width: 1400px) {
+        overflow-y: auto;
+      }
+
+      flex: 1;
+      //overflow-y: auto;
+      margin-top: 10px;
+    }
+
+    .righthead {
+      width: 100%;
+      display: flex;
+      height: 50px;
+      align-items: center;
+      flex-direction: row-reverse;
+
+      button {
+        margin-left: 10px;
+        font-size: 16px;
+      }
+
+      .rightheadone {
+        width: 40%;
+        margin-right: 7%;
+      }
+
+      .rightheadtwo {
+        width: 60%;
+        margin-right: 2%;
+      }
+    }
+
+    .word {
+      width: 100%;
+      height: 100%;
+
+      .shadow {
+        height: 95%;
+        width: 97%;
+        margin: 10px 10px 10px 10px;
+        /* position:absolute;
+                left:0;
+                top:0; */
+        z-index: 998;
+        background-color: #FFFFFF;
+        opacity: 0.6;
+
+        mat-spinner {
+          position: relative;
+          top: 40%;
+          left: 40%;
+        }
+      }
+
+      iframe {
+        height: 95%;
+        width: 97%;
+        margin: 10px 10px 10px 10px;
+        overflow-y: auto;
+        border: medium none;
+      }
     }
-    text-align: center;
-    //white-space: nowrap;
+
+    #viewer {
+      margin: 10px 10px 10px 10px;
+      width: 97%;
+      height: 93%;
+    }
+
+    .waterAudit,
+    .fireForceAudit,
+    .LinkageForcesAudit {
+      flex: 1;
+      width: 100%;
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    .emptyContent {
+      width: 100%;
+      text-align: center;
+    }
+  }
+}
+
+th,
+td {
+  height: 43px;
+
+  @media screen and (min-device-width: 1400px) {
+    font-size: 16px;
+  }
+
+  @media screen and (max-device-width: 1400px) {
+    font-size: 14px;
+  }
+
+  text-align: center;
+  //white-space: nowrap;
 }
+
 .green {
-    color: #00c756;
+  color: #00c756;
 }
+
 .red {
-    color: #ff4d4d;
+  color: #ff4d4d;
 }
+
 .yellow {
-    color: #FFC94B;
+  color: #FFC94B;
 }
+
 .accordingin {
-    margin: 5px;
-    .panelhead {
-        background-color: #e8f4fe;
-        color: #2196f3;
-        font-size: 16px;
-        span {
-            margin-left: 10px;
-        }
+  margin: 5px;
+
+  .panelhead {
+    background-color: #e8f4fe;
+    color: #2196f3;
+    font-size: 16px;
+
+    span {
+      margin-left: 10px;
     }
-    table {
-        margin: 5px 0;
-        width: 100%;
-        th {
-            background-color: #fafafa;
-            width: 30%;
-            font-size: 16px;
-            text-align: right;
-        }
-        td {
-            text-align: left;
-            font-size: 16px;
-            margin-left: 3px;
-            .spantext{
-                margin-left: 7px;
-            }
-            .buleColor{
-                color: #2196f3;
-            }
-        }
+  }
+
+  table {
+    margin: 5px 0;
+    width: 100%;
+
+    th {
+      background-color: #fafafa;
+      width: 30%;
+      font-size: 16px;
+      text-align: right;
     }
-    .addFiles{
-        tr{
-            td{
-                img{
-                    width: 150px;
-                    height: 105px;
-                    margin-right: 6px;
-                }
-            }
-        }
+
+    td {
+      text-align: left;
+      font-size: 16px;
+      margin-left: 3px;
+
+      .spantext {
+        margin-left: 7px;
+      }
+
+      .buleColor {
+        color: #2196f3;
+      }
     }
-    .onebuilding {
-        display: flex;
-        margin: 5px 0;
-        width: 100%;
-        .accordingleft {
-            background-color: #fafafa;
-            width: 30%;
-            height: 120px;
-            font-size: 16px;
-            text-align: right;
-        }
-        .accordingright {
-            margin: 7px;
-            height: 100px;
-            font-size: 16px;
-            img {
-                margin-left: 10px;
-                //height: 80px;
-            }
-            span {
-                margin-left: 10px;
-                position: relative;
-                bottom: 90px;
-            }
+  }
+
+  .addFiles {
+    tr {
+      td {
+        img {
+          width: 150px;
+          height: 105px;
+          margin-right: 6px;
         }
+      }
     }
-}
-.echarts {
-    width: 480px;
-    height: 304px;
+  }
+
+  .onebuilding {
     display: flex;
-    background-color: #000000;
-    opacity: 0.7;
-    position: absolute;
-    top: 13%;
-    left: 55%;
-    z-index: 100;
-    .bar {
-        height: 100%;
-        width: 40%;
-        opacity: 1;
-        //margin: 40px 30px;
+    margin: 5px 0;
+    width: 100%;
+
+    .accordingleft {
+      background-color: #fafafa;
+      width: 30%;
+      height: 120px;
+      font-size: 16px;
+      text-align: right;
     }
-    .zhu {
-        margin-bottom: 100px;
-        margin-right: 20px;
-        height: 95%;
-        width: 60%;
-        opacity: 1;
+
+    .accordingright {
+      margin: 7px;
+      height: 100px;
+      font-size: 16px;
+
+      img {
+        margin-left: 10px;
+        //height: 80px;
+      }
+
+      span {
+        margin-left: 10px;
+        position: relative;
+        bottom: 90px;
+      }
     }
+  }
+}
+
+.echarts {
+  width: 480px;
+  height: 304px;
+  display: flex;
+  background-color: #000000;
+  opacity: 0.7;
+  position: absolute;
+  top: 13%;
+  left: 55%;
+  z-index: 100;
+
+  .bar {
+    height: 100%;
+    width: 40%;
+    opacity: 1;
+    //margin: 40px 30px;
+  }
+
+  .zhu {
+    margin-bottom: 100px;
+    margin-right: 20px;
+    height: 95%;
+    width: 60%;
+    opacity: 1;
+  }
 }
+
 .twoD {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    align-items: left;
-    .planBox {
-        margin: 30px 30px;
-        color: black;
-        :first-child {
-            margin-right: 10px;
-        }
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: left;
+
+  .planBox {
+    margin: 30px 30px;
+    color: black;
+
+    :first-child {
+      margin-right: 10px;
     }
+  }
 }
 
 //滚动条样式
 ::-webkit-scrollbar {
-    width: 6px;
-    background-color: white;
+  width: 6px;
+  background-color: white;
 }
+
 ::-webkit-scrollbar-thumb {
-    background-color: #2196f3;
+  background-color: #2196f3;
 }
 
 .remarkbox {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .remarkhead {
     width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    .remarkhead {
-        width: 100%;
-        span {
-            font-size: 20px;
-            text-align: center;
-            width: 80px;
-            margin-left: 40%;
-        }
+
+    span {
+      font-size: 20px;
+      text-align: center;
+      width: 80px;
+      margin-left: 40%;
     }
-    .remarktext {
-        width: 100%;
-        margin-top: 20px;
-        textarea {
-            width: 420px;
-            height: 110px;
-            outline: none;
-        }
+  }
+
+  .remarktext {
+    width: 100%;
+    margin-top: 20px;
+
+    textarea {
+      width: 420px;
+      height: 110px;
+      outline: none;
     }
-    .remarkbottom {
-        width: 100%;
-        margin-top: 22px;
-        button {
-            width: 100px;
-            height: 36px;
-            font-size: 17px;
-        }
+  }
+
+  .remarkbottom {
+    width: 100%;
+    margin-top: 22px;
+
+    button {
+      width: 100px;
+      height: 36px;
+      font-size: 17px;
     }
+  }
 }
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.ts b/src/app/plan-audit/wait-examineer/wait-examineer.component.ts
index fac86d0..7369efd 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.ts
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.ts
@@ -1,207 +1,234 @@
 /*
- * @Descripttion: 
- * @version: 
+ * @Descripttion:
+ * @version:
  * @Author: sueRimn
  * @Date: 2020-12-25 16:13:50
  * @LastEditors: sueRimn
  * @LastEditTime: 2021-08-16 11:12:52
  */
-import { Component, Inject, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { HttpClient } from '@angular/common/http'
-declare var CryptoJS
-import { DomSanitizer } from '@angular/platform-browser';
-import { Viewer as photoViewer } from 'photo-sphere-viewer';
-import Viewer from 'viewerjs';
+import { Component, Inject, OnInit } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar";
+import {
+  MatDialog,
+  MatDialogRef,
+  MAT_DIALOG_DATA,
+} from "@angular/material/dialog";
+import { HttpClient } from "@angular/common/http";
+declare var CryptoJS;
+import { DomSanitizer } from "@angular/platform-browser";
+import { Viewer as photoViewer } from "photo-sphere-viewer";
+import Viewer from "viewerjs";
 declare var echarts: any;
 
-
-
 @Component({
-  selector: 'app-wait-examineer',
-  templateUrl: './wait-examineer.component.html',
-  styleUrls: ['./wait-examineer.component.scss']
+  selector: "app-wait-examineer",
+  templateUrl: "./wait-examineer.component.html",
+  styleUrls: ["./wait-examineer.component.scss"],
 })
 export class WaitExamineerComponent implements OnInit {
-
-  constructor(private http: HttpClient, public snackBar: MatSnackBar, private sanitizer: DomSanitizer, public dialog: MatDialog) {
-
-  }
-  preparelevels: any//编制级别下拉框
+  constructor(
+    private http: HttpClient,
+    public snackBar: MatSnackBar,
+    private sanitizer: DomSanitizer,
+    public dialog: MatDialog
+  ) {}
+  preparelevels: any; //编制级别下拉框
   ngOnInit(): void {
-    sessionStorage.setItem('gisplan', 'look')
+    sessionStorage.setItem("gisplan", "look");
     let level = sessionStorage.getItem("level");
     //编制级别下拉框
-    if (level == "0") {//如果是总队
+    if (level == "0") {
+      //如果是总队
       this.preparelevels = [
         { name: "总队", value: "0" },
         { name: "支队", value: "1" },
         { name: "大队", value: "2" },
-        { name: "中队", value: "3" }
-      ]
+        { name: "中队", value: "3" },
+      ];
     }
-    if (level == "1") {//如果是支队
+    if (level == "1") {
+      //如果是支队
       this.preparelevels = [
         { name: "支队", value: "1" },
         { name: "大队", value: "2" },
-        { name: "中队", value: "3" }
-      ]
+        { name: "中队", value: "3" },
+      ];
     }
-    if (level == "2") {//如果是大队
+    if (level == "2") {
+      //如果是大队
       this.preparelevels = [
         { name: "大队", value: "2" },
-        { name: "中队", value: "3" }
-      ]
+        { name: "中队", value: "3" },
+      ];
     }
-    if (level == "3") {//如果是中队
-      this.preparelevels = [
-        { name: "中队", value: "3" }
-      ]
+    if (level == "3") {
+      //如果是中队
+      this.preparelevels = [{ name: "中队", value: "3" }];
     }
-    this.getAlltabledate()
+    this.getAlltabledate();
     this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
-
-
-
   }
 
-  planTypeIndex //平面图类型 选择是总平面图还是层平面图
+  planTypeIndex; //平面图类型 选择是总平面图还是层平面图
   selectedIndexChange(e) {
-    this.selected.setValue(e)
+    this.selected.setValue(e);
     if (e == 1) {
-      this.planTypeIndex = 'zong'
+      this.planTypeIndex = "zong";
     } else if (e == 2) {
-      this.planTypeIndex = 'ceng'
+      this.planTypeIndex = "ceng";
     }
   }
 
-  src: any //毕生word文档地址
-  iframeSrc: any //毕生word文档地址 ---> 主要转成frame安全链接
-
-
+  src: any; //毕生word文档地址
+  iframeSrc: any; //毕生word文档地址 ---> 主要转成frame安全链接
 
   selected = new FormControl(0); //选项卡 实例
 
-  level = ''//操作类型
-  js//组织机构
-  addtime//时间
-  projectlevel//预案级别
-  previewshow = false//预览得分是否显示
-  tableDate
-  isallDate = true//是否显示完成数据，默认显示
-  companyBuiltInGrouping = ["基本信息", "四周毗邻", "消防设施"]
-  indexbar //饼状图实例
-  indexzhu
-  PlanLevel//编制级别
-  count//一共多少条
-  checked//是否选中
-  chuorzhong//判断初审还是终审
-  radioid//选中的id
-  shenheTable = []//选中要审核的对象
-  showtype = -1//0:word,1:全景图，2:二维三维，3:重点单位
-  compantData = { name: '', buildingTypes: [], address: '' }
-  organizationName
-  planData
-  id
-  itemid
-  companyId
-  fetchUrl
-  companyName
-  plantypes
-  IsNewData = [true, false]
+  level = ""; //操作类型
+  js; //组织机构
+  addtime; //时间
+  projectlevel; //预案级别
+  previewshow = false; //预览得分是否显示
+  tableDate;
+  isallDate = true; //是否显示完成数据，默认显示
+  companyBuiltInGrouping = ["基本信息", "四周毗邻", "消防设施"];
+  indexbar; //饼状图实例
+  indexzhu;
+  PlanLevel; //编制级别
+  count; //一共多少条
+  checked; //是否选中
+  chuorzhong; //判断初审还是终审
+  radioid; //选中的id
+  shenheTable = []; //选中要审核的对象
+  showtype = -1; //0:word,1:全景图，2:二维三维，3:重点单位
+  compantData = { name: "", buildingTypes: [], address: "" };
+  organizationName;
+  planData;
+  id;
+  itemid;
+  companyId;
+  fetchUrl;
+  companyName;
+  plantypes;
+  IsNewData = [true, false];
 
   //获取表格数据
+  PageNumber = 1;
+  isTableData = false;
   getAlltabledate() {
+    this.isTableData = true;
     let paramsdata: any = {
       Operation: this.level || [],
       ContentType: Number(this.projectlevel) || [],
       Level: this.PlanLevel || [],
       verifyState: [0, 3],
       PlanType: this.plantypes || [],
-      IsNewData: this.IsNewData
-    }
-    this.http.get("/api/ContentVerifies", { params: paramsdata }).subscribe((data: any) => {
-      this.tableDate = data.items
-      this.count = data.totalCount
-    })
+      IsNewData: this.IsNewData,
+      PageNumber: this.PageNumber,
+      PageSize: 10,
+    };
+    this.http
+      .get("/api/ContentVerifies", { params: paramsdata })
+      .subscribe((data: any) => {
+        this.isTableData = false;
+        this.tableDate = data.items;
+        this.count = data.totalCount;
+      });
   }
   //提交查询
   onSubmit(value) {
-    this.getAlltabledate()
+    this.PageNumber = 1;
+    this.getAlltabledate();
   }
   //刷新
   record() {
-    this.level = ''
-    this.projectlevel = ''
-    this.PlanLevel = ''
-    this.plantypes = []
-    let level = sessionStorage.getItem("level");
-    this.getAlltabledate()
+    this.level = "";
+    this.projectlevel = "";
+    this.PlanLevel = "";
+    this.plantypes = [];
+    this.PageNumber = 1;
+    this.getAlltabledate();
+  }
+  //分页事件
+  chagePage(e) {
+    console.log(e);
+    this.PageNumber = e.pageIndex + 1;
+    this.getAlltabledate();
   }
-
   lookImg(imgUrl, type?: boolean) {
     // console.log(imgUrl)
-    let dom = document.getElementById(`viewerjs`)
+    let dom = document.getElementById(`viewerjs`);
     let pObjs = dom.childNodes;
-    let node = document.createElement("img")
+    let node = document.createElement("img");
     node.style.display = "none";
     if (type) {
-      let src = imgUrl.split("?")[0]
-      node.src = src
+      let src = imgUrl.split("?")[0];
+      node.src = src;
     } else {
       node.src = "/api/Objects/PlanPlatform/" + imgUrl;
     }
-    node.id = 'imgxxx'
-    dom.appendChild(node)
+    node.id = "imgxxx";
+    dom.appendChild(node);
     setTimeout(() => {
       let viewer = new Viewer(document.getElementById(`viewerjs`), {
         hidden: () => {
           dom.removeChild(pObjs[0]);
           viewer.destroy();
-        }
+        },
       });
       node.click();
     }, 0);
   }
   //radio点击事件
-  viewer//全景图对象
-  waterData: any//需要传递给子组件的水源信息
-  LinkageForceDetailInfo: any//需要传递给子组件的联动力量信息
-  fireForceDetailInfo: any//需要传递给子组件的消防力量信息
-  postlevel: any
-  selectedItem: any
-
-  differentContent: any//当前单位变更数据
-  differentContentOfUnitInfo: any//当前单位变更数据 之 单位信息
-  differentContentOfBuildingsInfo: any//当前单位变更数据 之 建筑信息
-  differentContentOfFunction: any = []//当前单位变更数据 之 功能分区
-  differentContentOfPicture: any//当前单位变更数据 之 实景图
-  bianzhi = false
+  viewer; //全景图对象
+  waterData: any; //需要传递给子组件的水源信息
+  LinkageForceDetailInfo: any; //需要传递给子组件的联动力量信息
+  fireForceDetailInfo: any; //需要传递给子组件的消防力量信息
+  postlevel: any;
+  selectedItem: any;
+
+  differentContent: any; //当前单位变更数据
+  differentContentOfUnitInfo: any; //当前单位变更数据 之 单位信息
+  differentContentOfBuildingsInfo: any; //当前单位变更数据 之 建筑信息
+  differentContentOfFunction: any = []; //当前单位变更数据 之 功能分区
+  differentContentOfPicture: any; //当前单位变更数据 之 实景图
+  bianzhi = false;
   radioClick(e, item) {
-    this.selectedItem = item
+    this.selectedItem = item;
 
     // console.log('当前选择的信息',JSON.parse(this.selectedItem.differentContent) )
     if (item.contentType == 11 && this.selectedItem.differentContent) {
-
-      let differentContent = JSON.parse(this.selectedItem.differentContent)
-
+      let differentContent = JSON.parse(this.selectedItem.differentContent);
 
       //console.log('差异信息', differentContent)
 
-
       // 单位信息
-      this.differentContentOfUnitInfo = differentContent.filter(item => item.propertyName == 'basicInfo')
+      this.differentContentOfUnitInfo = differentContent.filter(
+        (item) => item.propertyName == "basicInfo"
+      );
       // 实景图
-      this.differentContentOfPicture = differentContent.filter(item => item.propertyName == 'realityImageGroups')
-
-
-      if (differentContent.filter(item => item.propertyName == 'buildings').length != 0) {
+      this.differentContentOfPicture = differentContent.filter(
+        (item) => item.propertyName == "realityImageGroups"
+      );
+
+      if (
+        differentContent.filter((item) => item.propertyName == "buildings")
+          .length != 0
+      ) {
         //建筑信息
-        this.differentContentOfBuildingsInfo = JSON.parse(JSON.stringify(differentContent.filter(item => item.propertyName == 'buildings')[0]))
-
-        function resolveDiff(list: Array<DiffItem>, path?: Array<string>): Array<Result> {
+        this.differentContentOfBuildingsInfo = JSON.parse(
+          JSON.stringify(
+            differentContent.filter(
+              (item) => item.propertyName == "buildings"
+            )[0]
+          )
+        );
+
+        function resolveDiff(
+          list: Array<DiffItem>,
+          path?: Array<string>
+        ): Array<Result> {
           let resultList: Array<Result> = [];
           for (let i = 0; i < list.length; i++) {
             if (path == null) path = [];
@@ -215,447 +242,492 @@ export class WaitExamineerComponent implements OnInit {
               resultList.push(res);
             } else {
               !!item.displayName && path.push(item.displayName);
-              let deepList = resolveDiff(item.childrens, path)
+              let deepList = resolveDiff(item.childrens, path);
               resultList = resultList.concat(deepList);
             }
           }
           return resultList;
         }
-        this.differentContentOfBuildingsInfo.childrens.forEach(element => {
-          element.difData = resolveDiff(element.childrens)
+        this.differentContentOfBuildingsInfo.childrens.forEach((element) => {
+          element.difData = resolveDiff(element.childrens);
         });
         //console.log('建筑信息', this.differentContentOfBuildingsInfo)
         //功能分区
-        let differentContentOfFunction = JSON.parse(JSON.stringify(differentContent.filter(item => item.propertyName == 'buildings')[0]))
-        this.differentContentOfFunction = []
-        differentContentOfFunction.childrens.forEach(item => {
-          item.childrens.forEach(i => {
+        let differentContentOfFunction = JSON.parse(
+          JSON.stringify(
+            differentContent.filter(
+              (item) => item.propertyName == "buildings"
+            )[0]
+          )
+        );
+        this.differentContentOfFunction = [];
+        differentContentOfFunction.childrens.forEach((item) => {
+          item.childrens.forEach((i) => {
             if (i.propertyName == "buildingFunctionalDivisions") {
-              i.propertyName = item.propertyName
-              this.differentContentOfFunction.push(i)
+              i.propertyName = item.propertyName;
+              this.differentContentOfFunction.push(i);
             }
           });
         });
       }
     }
 
-
     // console.log('功能分区', this.differentContentOfFunction)
 
-    this.showtype = -1
-    this.organizationName = ''
-    this.itemid = item.itemId
-    this.id = item.id
-    this.fetchUrl = ''
-    this.viewer = {}
+    this.showtype = -1;
+    this.organizationName = "";
+    this.itemid = item.itemId;
+    this.id = item.id;
+    this.fetchUrl = "";
+    this.viewer = {};
 
     if (item.contentType == 11) {
-      this.bianzhi = false
+      this.bianzhi = false;
       window.setTimeout(() => {
-        this.showtype = 3
-        sessionStorage.setItem('companyId', item.itemId)
-      }, 0)
+        this.showtype = 3;
+        sessionStorage.setItem("companyId", item.itemId);
+      }, 0);
     } else if (item.contentType == 12) {
-      this.bianzhi = false
+      this.bianzhi = false;
       //水源
       this.http.get(`/api/WaterSources/${item.itemId}`).subscribe((data) => {
-        this.waterData = data
-        this.showtype = 12
-      })
+        this.waterData = data;
+        this.showtype = 12;
+      });
     } else if (item.contentType == 13) {
-      this.bianzhi = false
+      this.bianzhi = false;
       //消防力量
-      this.http.get(`/api/CustomFireForce/${item.itemId}`).subscribe((data: any) => {
-        if (data.forceType != 0) {//如果是其他消防力量
-          this.postlevel = 4
-        } else {
-          this.postlevel = data.level
-        }
-        if (data.fireForceDetailInfo && data.fireForceDetailInfo.location) {
-          this.fireForceDetailInfo = data.fireForceDetailInfo
-          this.showtype = 13
-        } else if (!data.fireForceDetailInfo) {
-          //提示 该提交内容为空，从未保存过，请驳回该审核
-          this.showtype = 666
-        } else {
-          data.fireForceDetailInfo.location = { x: null, y: null }
-          this.fireForceDetailInfo = data.fireForceDetailInfo
-          this.showtype = 13
-        }
-
-      })
+      this.http
+        .get(`/api/CustomFireForce/${item.itemId}`)
+        .subscribe((data: any) => {
+          if (data.forceType != 0) {
+            //如果是其他消防力量
+            this.postlevel = 4;
+          } else {
+            this.postlevel = data.level;
+          }
+          if (data.fireForceDetailInfo && data.fireForceDetailInfo.location) {
+            this.fireForceDetailInfo = data.fireForceDetailInfo;
+            this.showtype = 13;
+          } else if (!data.fireForceDetailInfo) {
+            //提示 该提交内容为空，从未保存过，请驳回该审核
+            this.showtype = 666;
+          } else {
+            data.fireForceDetailInfo.location = { x: null, y: null };
+            this.fireForceDetailInfo = data.fireForceDetailInfo;
+            this.showtype = 13;
+          }
+        });
     } else if (item.contentType == 14) {
-      this.bianzhi = false
+      this.bianzhi = false;
       //联动力量
-      this.http.get(`/api/LinkageForces/${item.itemId}`).subscribe((data: any) => {
-
-        data.location ? null : data.location = { x: null, y: null }
-        this.LinkageForceDetailInfo = data
-        this.showtype = 14
-      })
+      this.http
+        .get(`/api/LinkageForces/${item.itemId}`)
+        .subscribe((data: any) => {
+          data.location ? null : (data.location = { x: null, y: null });
+          this.LinkageForceDetailInfo = data;
+          this.showtype = 14;
+        });
     } else {
-      this.http.get(`/api/PlanComponents/${item.itemId}`).subscribe((data: any) => {
-        //console.log('预案信息',data)
-        this.companyId = data.companyId
-        this.companyName = data.companyName
-        if (data.planType != 2 && data.planType != 1) {
-          if (data.planMode == 2 || data.planMode == 4) {
-            this.showtype = 0
-            this.bianzhi = true
-            this.src = `/CreatePlanOnlineFive?navIsOpen=false&companyId=${data.companyId}&planName=${data.name}&unitName=${data.companyName}&planCategory=${data.planCategory}&planId=${data.id}&unitTypeId=${data.company.buildingTypes[0].id}&orName=${data.company.organizationName}&orId=${data.company.organizationId}&pattern=false`
-            this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
-            //this.src=`/keyUnit/viewunitinfoplan?id=${data.companyId}&orName=${data.company.organizationId}&orId=${data.company.organizationName}`
-          } else {
-            this.bianzhi = false
-            this.fetchUrl = data.attachmentUrls[0]
-            var index = this.fetchUrl.indexOf("\/")
-            if (this.fetchUrl.substr(0, index) == 'psw') {
-              this.showtype = 1
-              var obj = document.getElementById('viewer')
-              if (obj != null) {
-                obj.innerHTML = ''
-              }
-              window.setTimeout(() => {
-                this.viewer = new photoViewer({
-                  container: document.querySelector('#viewer'),
-                  panorama: '/api/Objects/PlanPlatform/' + this.fetchUrl,
-
-                });
-              })
-
+      this.http
+        .get(`/api/PlanComponents/${item.itemId}`)
+        .subscribe((data: any) => {
+          //console.log('预案信息',data)
+          this.companyId = data.companyId;
+          this.companyName = data.companyName;
+          if (data.planType != 2 && data.planType != 1) {
+            if (data.planMode == 2 || data.planMode == 4) {
+              this.showtype = 0;
+              this.bianzhi = true;
+              this.src = `/CreatePlanOnlineFive?navIsOpen=false&companyId=${data.companyId}&planName=${data.name}&unitName=${data.companyName}&planCategory=${data.planCategory}&planId=${data.id}&unitTypeId=${data.company.buildingTypes[0].id}&orName=${data.company.organizationName}&orId=${data.company.organizationId}&pattern=false`;
+              this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(
+                this.src
+              );
+              //this.src=`/keyUnit/viewunitinfoplan?id=${data.companyId}&orName=${data.company.organizationId}&orId=${data.company.organizationName}`
             } else {
-              this.lookWord()
+              this.bianzhi = false;
+              this.fetchUrl = data.attachmentUrls[0];
+              var index = this.fetchUrl.indexOf("/");
+              if (this.fetchUrl.substr(0, index) == "psw") {
+                this.showtype = 1;
+                var obj = document.getElementById("viewer");
+                if (obj != null) {
+                  obj.innerHTML = "";
+                }
+                window.setTimeout(() => {
+                  this.viewer = new photoViewer({
+                    container: document.querySelector("#viewer"),
+                    panorama: "/api/Objects/PlanPlatform/" + this.fetchUrl,
+                  });
+                });
+              } else {
+                this.lookWord();
+              }
             }
+          } else {
+            this.bianzhi = false;
+            this.organizationName = item.organizationName;
+            this.planData = data;
+            this.handleData();
+            return;
           }
-
-        } else {
-          this.bianzhi = false
-          this.organizationName = item.organizationName
-          this.planData = data
-          this.handleData()
-          return
-        }
-
-
-      })
+        });
     }
     if (e.checked) {
-      this.shenheTable.push(item)
-    }
-    else {
+      this.shenheTable.push(item);
+    } else {
       for (var i = 0; i < this.shenheTable.length; i++) {
         if (this.shenheTable[i].id == item.id) {
-          this.shenheTable.splice(i, 1)
+          this.shenheTable.splice(i, 1);
         }
       }
     }
-    this.radioid = item.itemId
+    this.radioid = item.itemId;
   }
 
   //毕升
   lookWord() {
-    console.log('lookWord')
-    this.showtype = 0
+    console.log("lookWord");
+    this.showtype = 0;
     //let src
-    let suffix = this.fetchUrl.split('.')[this.fetchUrl.split('.').length - 1].toLowerCase()
-    if (suffix == 'docx' || suffix == 'doc') {
-      let arr = this.fetchUrl.split('.')
-      arr[arr.length - 1] = 'pdf'
-      this.src = `/api/Objects/PlanPlatform/` + arr.join('.')
-    } else if (suffix == 'pdf') {
-      this.src = `/api/Objects/PlanPlatform/` + this.fetchUrl
+    let suffix = this.fetchUrl
+      .split(".")
+      [this.fetchUrl.split(".").length - 1].toLowerCase();
+    if (suffix == "docx" || suffix == "doc") {
+      let arr = this.fetchUrl.split(".");
+      arr[arr.length - 1] = "pdf";
+      this.src = `/api/Objects/PlanPlatform/` + arr.join(".");
+    } else if (suffix == "pdf") {
+      this.src = `/api/Objects/PlanPlatform/` + this.fetchUrl;
     }
     this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
   }
   //查看按钮跳转
   lookNew() {
-    window.open(this.src)
+    window.open(this.src);
   }
 
   //查看二维三维预案
-  thirdPartyURL
-  planType
-  twoOrthree
+  thirdPartyURL;
+  planType;
+  twoOrthree;
   handleData() {
-    
-    this.compantData = { name: '', buildingTypes: [], address: '' }
-    this.planType = this.planData.planMode
-    let data = this.planData
+    this.compantData = { name: "", buildingTypes: [], address: "" };
+    this.planType = this.planData.planMode;
+    let data = this.planData;
     if (data.planType == 1) {
-      this.twoOrthree = 2
+      this.twoOrthree = 2;
     } else if (data.planType == 2) {
-      this.twoOrthree = 3
+      this.twoOrthree = 3;
     }
-    if (this.planData.planMode == 0) { //预案planMode=0时, 查看word
+    if (this.planData.planMode == 0) {
+      //预案planMode=0时, 查看word
       //this.lookWord()
-    } else if (this.planData.planMode == 1 || this.planData.planMode == 2) { //预案planMode=2时, 跳查看页面组件
-      this.showtype = 2
+    } else if (this.planData.planMode == 1 || this.planData.planMode == 2) {
+      //预案planMode=2时, 跳查看页面组件
+      this.showtype = 2;
       this.http.get(`/api/Plans/${data.companyId}`).subscribe((data: any) => {
-        data && data.company ? this.compantData = data.company : null
-      })
-      sessionStorage.setItem("buildingTypeId", this.compantData.buildingTypes.length ? this.compantData.buildingTypes[0].id : undefined);
+        data && data.company ? (this.compantData = data.company) : null;
+      });
+      sessionStorage.setItem(
+        "buildingTypeId",
+        this.compantData.buildingTypes.length
+          ? this.compantData.buildingTypes[0].id
+          : undefined
+      );
       sessionStorage.setItem("companyId", this.companyId);
       sessionStorage.setItem("planId", this.itemid);
-      sessionStorage.setItem("editable", '0');
-      sessionStorage.setItem("planName", data.name)
-      let companyId = sessionStorage.getItem("companyId")
-      this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(`/keyUnit/viewunitinfoplans?id=${companyId}`);
+      sessionStorage.setItem("editable", "0");
+      sessionStorage.setItem("planName", data.name);
+      let companyId = sessionStorage.getItem("companyId");
+      this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(
+        `/keyUnit/viewunitinfoplans?id=${companyId}`
+      );
       //window.open(`/keyUnit/viewunitinfoplan?id=${companyId}`)
-    } else if (this.planData.planMode == 3) { //预案planMode=3时, 第三方网址'
-      this.showtype = 2
+    } else if (this.planData.planMode == 3) {
+      //预案planMode=3时, 第三方网址'
+      this.showtype = 2;
       this.http.get(`/api/Plans/${data.companyId}`).subscribe((data: any) => {
-        data && data.company ? this.compantData = data.company : null
-      })
+        data && data.company ? (this.compantData = data.company) : null;
+      });
       //this.dialog.open(show3D,{width:'1350px',height:'700px',data:{url:data.url}}); //打开图片弹窗
-      this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(data.url)
+      this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(
+        data.url
+      );
     }
-
   }
 
   //打开三维预案弹窗
   oopen3Dshow() {
-    this.dialog.open(show3D, { width: '1650px', height: '850px', data: { url: this.thirdPartyURL, twoOrthree: this.twoOrthree, radioid: this.radioid } });
+    this.dialog.open(show3D, {
+      width: "1650px",
+      height: "850px",
+      data: {
+        url: this.thirdPartyURL,
+        twoOrthree: this.twoOrthree,
+        radioid: this.radioid,
+      },
+    });
   }
 
-
   //变更数据和全部数据切换按钮
 
   buttonChange() {
-    this.isallDate = !this.isallDate
-    this.previewshow = false
+    this.isallDate = !this.isallDate;
+    this.previewshow = false;
   }
 
-
   //同意操作
   agree() {
-    var agreeList = []
-    var companyAgreeList = []
     const config = new MatSnackBarConfig();
-    config.verticalPosition = 'top';
-    config.duration = 3000
+    config.verticalPosition = "top";
+    config.duration = 3000;
     if (this.shenheTable.length == 0) {
-      this.snackBar.open('请勾选要审核的条目!', '确定', config);
-    }
-    else {
-      const dialogRef = this.dialog.open(remark, { width: '460px', height: '290px', data: { shenhedata: this.shenheTable, type: 1, radioid: this.radioid } });
-      dialogRef.afterClosed().subscribe(result => {
-        this.shenheTable = []
-        this.showtype = -1
-        this.getAlltabledate()
+      this.snackBar.open("请勾选要审核的条目!", "确定", config);
+    } else {
+      const dialogRef = this.dialog.open(remark, {
+        width: "460px",
+        height: "290px",
+        data: { shenhedata: this.shenheTable, type: 1, radioid: this.radioid },
+      });
+      dialogRef.afterClosed().subscribe((result) => {
+        this.shenheTable = [];
+        this.showtype = -1;
+        this.getAlltabledate();
       });
     }
-
   }
   //拒绝操作
   refuse() {
     const config = new MatSnackBarConfig();
-    config.verticalPosition = 'top';
-    config.duration = 3000
-    var refuseList = []
-    var companyrefuseList = []
+    config.verticalPosition = "top";
+    config.duration = 3000;
+    var refuseList = [];
+    var companyrefuseList = [];
     if (this.shenheTable.length == 0) {
-      this.snackBar.open('请选择要审核的预案!', '确定', config);
-    }
-    else {
-      const dialogRef = this.dialog.open(remark, { width: '460px', height: '290px', data: { shenhedata: this.shenheTable, type: 2, radioid: this.radioid } });
-      dialogRef.afterClosed().subscribe(result => {
-        this.shenheTable = []
-        this.showtype = -1
-        this.getAlltabledate()
+      this.snackBar.open("请选择要审核的预案!", "确定", config);
+    } else {
+      const dialogRef = this.dialog.open(remark, {
+        width: "460px",
+        height: "290px",
+        data: { shenhedata: this.shenheTable, type: 2, radioid: this.radioid },
+      });
+      dialogRef.afterClosed().subscribe((result) => {
+        this.shenheTable = [];
+        this.showtype = -1;
+        this.getAlltabledate();
       });
     }
-
   }
 
   //分数饼状图
   bar() {
     var ec = echarts as any;
-    this.indexbar = ec.init(document.getElementById('indexbar'), 'light');
+    this.indexbar = ec.init(document.getElementById("indexbar"), "light");
     var option = {
       tooltip: {
-        trigger: 'item',
-        formatter: '{a} <br/>{b}: {c} ({d}%)'
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)",
       },
       title: {
-        text: '总分',
-        left: 'center',
+        text: "总分",
+        left: "center",
         bottom: 70,
         textStyle: {
-          color: '#FFFFFF',
-          fontSize: 16
-        }
+          color: "#FFFFFF",
+          fontSize: 16,
+        },
       },
       series: [
         {
-          name: '分数',
-          type: 'pie',
-          radius: ['50%', '70%'],
+          name: "分数",
+          type: "pie",
+          radius: ["50%", "70%"],
           bottom: 50,
           avoidLabelOverlap: false,
           label: {
             show: true,
-            position: 'center',
+            position: "center",
             fontSize: 16,
-            color: '#FFFFFF'
+            color: "#FFFFFF",
           },
 
           labelLine: {
-            show: false
+            show: false,
           },
           data: [
-            { value: 93, name: '93分', itemStyle: { color: '#2196F3' } },
-            { value: 7, itemStyle: { color: '#FFFFFF' } }
-          ]
-        }
-      ]
+            { value: 93, name: "93分", itemStyle: { color: "#2196F3" } },
+            { value: 7, itemStyle: { color: "#FFFFFF" } },
+          ],
+        },
+      ],
     };
     this.indexbar.setOption(option);
   }
   //分数柱状图
   zhu() {
     var ec = echarts as any;
-    this.indexzhu = ec.init(document.getElementById('zhu'), 'light');
+    this.indexzhu = ec.init(document.getElementById("zhu"), "light");
     var option = {
       grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: true,
       },
       xAxis: {
-        type: 'value',
+        type: "value",
         show: false,
         axisLine: {
-          show: false
+          show: false,
         },
         splitLine: {
-          show: false
+          show: false,
         },
         axisTick: {
-          show: false
+          show: false,
         },
       },
       yAxis: {
-        type: 'category',
+        type: "category",
         axisTick: {
-          show: false
+          show: false,
         },
         axisLine: {
-          show: false
+          show: false,
         },
         axisLabel: {
           color: "#FFFFFF",
-          fontSize: 16
+          fontSize: 16,
         },
-        data: ['实战演练记录', '六熟悉记录', '上传CAD', '实景图', '功能分区', '重点单位', '消防设施', '四周毗邻', '基本信息']
+        data: [
+          "实战演练记录",
+          "六熟悉记录",
+          "上传CAD",
+          "实景图",
+          "功能分区",
+          "重点单位",
+          "消防设施",
+          "四周毗邻",
+          "基本信息",
+        ],
       },
       series: [
         {
-
-          type: 'bar',
-          stack: '总量',
+          type: "bar",
+          stack: "总量",
           showBackground: true,
           backgroundStyle: {
-            color: '#FFFFFF'
+            color: "#FFFFFF",
           },
           label: {
             show: true,
-            position: 'inside',
+            position: "inside",
             fontSize: 14,
-            formatter: '{c}分'
+            formatter: "{c}分",
           },
           data: [
-            { value: 18, itemStyle: { color: '#58D091' } },
-            { value: 16, itemStyle: { color: '#58D091' } },
-            { value: 19, itemStyle: { color: '#58D091' } },
-            { value: 16, itemStyle: { color: '#58D091' } },
-            { value: 16, itemStyle: { color: '#58D091' } },
-            { value: 13, itemStyle: { color: '#FFCC00' } },
-            { value: 6, itemStyle: { color: '#FF4D4D' } },
-            { value: 19, itemStyle: { color: '#58D091' } },
-            { value: 16, itemStyle: { color: '#58D091' } },
-          ]
+            { value: 18, itemStyle: { color: "#58D091" } },
+            { value: 16, itemStyle: { color: "#58D091" } },
+            { value: 19, itemStyle: { color: "#58D091" } },
+            { value: 16, itemStyle: { color: "#58D091" } },
+            { value: 16, itemStyle: { color: "#58D091" } },
+            { value: 13, itemStyle: { color: "#FFCC00" } },
+            { value: 6, itemStyle: { color: "#FF4D4D" } },
+            { value: 19, itemStyle: { color: "#58D091" } },
+            { value: 16, itemStyle: { color: "#58D091" } },
+          ],
         },
         {
-
-          type: 'bar',
-          stack: '总量',
+          type: "bar",
+          stack: "总量",
           label: {
             show: false,
-            position: 'insideRight'
+            position: "insideRight",
           },
           data: [2, 4, 1, 4, 4, 7, 14, 1, 4],
           itemStyle: {
             color: "#FFFFFF",
           },
         },
-
-      ]
-    }
+      ],
+    };
     this.indexzhu.setOption(option);
   }
   preview() {
-    this.previewshow = !this.previewshow
+    this.previewshow = !this.previewshow;
     if (this.previewshow) {
       window.setTimeout(() => {
-        this.bar()
-        this.zhu()
-      }, 0)
+        this.bar();
+        this.zhu();
+      }, 0);
     }
   }
   //判断iframe是否加载完成
-  iftrue = true
+  iftrue = true;
   ifranmeLoad() {
     var iframe = document.getElementById("myiframe");
-    iframe.onload = function () {
-    }
-    this.iftrue = !this.iftrue
+    iframe.onload = function () {};
+    this.iftrue = !this.iftrue;
   }
-
 }
 
 //二三维预案查看
 @Component({
-  selector: 'app-wait-examineer-show3D',
-  templateUrl: './show3D.html',
-  styleUrls: ['./wait-examineer.component.scss']
+  selector: "app-wait-examineer-show3D",
+  templateUrl: "./show3D.html",
+  styleUrls: ["./wait-examineer.component.scss"],
 })
 export class show3D {
-  constructor(private sanitizer: DomSanitizer, public dialogRef: MatDialogRef<show3D>, @Inject(MAT_DIALOG_DATA) public data, public dialog: MatDialog) { }
+  constructor(
+    private sanitizer: DomSanitizer,
+    public dialogRef: MatDialogRef<show3D>,
+    @Inject(MAT_DIALOG_DATA) public data,
+    public dialog: MatDialog
+  ) {}
   ngOnInit(): void {
-    this.threedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.data.url.changingThisBreaksApplicationSecurity)
+    this.threedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(
+      this.data.url.changingThisBreaksApplicationSecurity
+    );
   }
-  threedUrl
+  threedUrl;
 }
 
 //审批意见弹窗
 @Component({
-  selector: 'app-wait-examineer-remark',
-  templateUrl: './remark.html',
-  styleUrls: ['./wait-examineer.component.scss']
+  selector: "app-wait-examineer-remark",
+  templateUrl: "./remark.html",
+  styleUrls: ["./wait-examineer.component.scss"],
 })
 export class remark {
-  constructor(private http: HttpClient, private sanitizer: DomSanitizer, public dialogRef: MatDialogRef<remark>, @Inject(MAT_DIALOG_DATA) public data, public dialog: MatDialog, public snackBar: MatSnackBar) { }
+  constructor(
+    private http: HttpClient,
+    private sanitizer: DomSanitizer,
+    public dialogRef: MatDialogRef<remark>,
+    @Inject(MAT_DIALOG_DATA) public data,
+    public dialog: MatDialog,
+    public snackBar: MatSnackBar
+  ) {}
   ngOnInit(): void {
-    this.shenheTable = this.data.shenhedata
-    this.radioid = this.data.radioid
+    this.shenheTable = this.data.shenhedata;
+    this.radioid = this.data.radioid;
   }
-  companyrefuseList = []
-  refuseList = []
-  shenheTable = []
-  companyAgreeList = []
-  agreeList = []
-  remark
-  radioid
+  companyrefuseList = [];
+  refuseList = [];
+  shenheTable = [];
+  companyAgreeList = [];
+  agreeList = [];
+  remark;
+  radioid;
   //取消
   close() {
-    this.dialogRef.close()
+    this.dialogRef.close();
   }
   //确定
   define() {
     const config = new MatSnackBarConfig();
-    config.verticalPosition = 'top';
-    config.duration = 3000
+    config.verticalPosition = "top";
+    config.duration = 3000;
     if (this.data.type == 1) {
       //同意操作
       // console.log(this.shenheTable)
@@ -668,89 +740,104 @@ export class remark {
             itemId: this.shenheTable[0].itemId,
             verifyState: 4,
             contentType: 11,
-            remark: this.remark || '',
-            title: this.shenheTable[0].title + '基本信息'
-          }
-          this.http.put(`/api/ContentVerifies`, body).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
+            remark: this.remark || "",
+            title: this.shenheTable[0].title + "基本信息",
+          };
+          this.http.put(`/api/ContentVerifies`, body).subscribe((data) => {
+            this.snackBar.open("操作成功!", "确定", config);
+            this.dialogRef.close();
             //this.getAlltabledate()
-          })
-        } else if (this.shenheTable[0].contentType == 12 || this.shenheTable[0].contentType == 13 || this.shenheTable[0].contentType == 14) {
+          });
+        } else if (
+          this.shenheTable[0].contentType == 12 ||
+          this.shenheTable[0].contentType == 13 ||
+          this.shenheTable[0].contentType == 14
+        ) {
+          //消防水源、消防力量、联动力量的审核
           let body: any = {
             id: this.shenheTable[0].id,
             itemId: this.shenheTable[0].itemId,
             verifyState: 4,
             contentType: this.shenheTable[0].contentType,
-            remark: this.remark || '',
-            title: this.shenheTable[0].title
-          }
-          this.http.put(`/api/ContentVerifies`, body).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
+            remark: this.remark || "",
+            title: this.shenheTable[0].title,
+          };
+          this.http.put(`/api/ContentVerifies`, body).subscribe((data) => {
+            this.snackBar.open("操作成功!", "确定", config);
+            this.dialogRef.close();
+          });
         } else {
           //预案审核
           if (this.shenheTable[0].verifyState == 0) {
+            //待初审
             let body: any = {
-              auditStatus: 16,
-              auditOpinion: this.remark || ''
-            }
-            this.http.put(`/api/PlanAudits/${this.shenheTable[0].itemId}/First`, body).subscribe(data => {
-              this.snackBar.open('操作成功!', '确定', config);
-              this.dialogRef.close()
-              //this.getAlltabledate()
-            })
+              auditStatus: 16, //初审通过，待终审
+              auditOpinion: this.remark || "",
+            };
+            this.http
+              .put(`/api/PlanAudits/${this.shenheTable[0].itemId}/First`, body)
+              .subscribe((data) => {
+                this.snackBar.open("操作成功!", "确定", config);
+                this.dialogRef.close();
+              });
           } else if (this.shenheTable[0].verifyState == 3) {
+            //待终审
             let body: any = {
-              auditStatus: 2,
-              auditOpinion: this.remark || ''
-            }
-            this.http.put(`/api/PlanAudits/${this.radioid}`, body).subscribe(data => {
-              this.snackBar.open('操作成功!', '确定', config);
-              this.dialogRef.close()
-              //this.getAlltabledate()
-            })
+              auditStatus: 2, //审核(终审)通过
+              auditOpinion: this.remark || "",
+            };
+            this.http
+              .put(`/api/PlanAudits/${this.radioid}`, body)
+              .subscribe((data) => {
+                this.snackBar.open("操作成功!", "确定", config);
+                this.dialogRef.close();
+              });
           }
         }
-        this.shenheTable = []
-
-
+        this.shenheTable = [];
       }
       //批量审核
       else {
-        if (this.shenheTable[0].contentType == 11 || this.shenheTable[0].contentType == 12) {   //批量审批水源和重点单位
+        if (
+          this.shenheTable[0].contentType == 11 ||
+          this.shenheTable[0].contentType == 12
+        ) {
+          //批量审批水源和重点单位
           for (var i = 0; i < this.shenheTable.length; i++) {
             var body = {
               id: this.shenheTable[i].id,
               itemId: this.shenheTable[i].itemId,
               verifyState: 4,
-              remark: this.remark
-            }
-            this.companyAgreeList.push(body)
+              remark: this.remark,
+            };
+            this.companyAgreeList.push(body);
           }
-          this.http.put(`/api/ContentVerifies/Batch`, this.companyAgreeList).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
-        } else {   //批量审核预案
+          this.http
+            .put(`/api/ContentVerifies/Batch`, this.companyAgreeList)
+            .subscribe((data) => {
+              this.snackBar.open("操作成功!", "确定", config);
+              this.dialogRef.close();
+            });
+        } else {
+          //批量审核预案
           for (var i = 0; i < this.shenheTable.length; i++) {
             var cart = {
               planComponentId: this.shenheTable[i].itemId,
               auditStatus: this.shenheTable[i].verifyState == 3 ? 2 : 16,
-              auditOpinion: this.remark || ''
-            }
-            this.agreeList.push(cart)
+              auditOpinion: this.remark || "",
+            };
+            this.agreeList.push(cart);
           }
-          this.http.put(`/api/PlanAudits/Batch`, this.agreeList).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
+          this.http
+            .put(`/api/PlanAudits/Batch`, this.agreeList)
+            .subscribe((data) => {
+              this.snackBar.open("操作成功!", "确定", config);
+              this.dialogRef.close();
+            });
         }
-        this.shenheTable = []
+        this.shenheTable = [];
       }
-    }
-    else {
+    } else {
       //单个审核拒绝
       if (this.shenheTable.length == 1) {
         //重点单位审核拒绝
@@ -761,99 +848,118 @@ export class remark {
             verifyState: 5,
             contentType: 11,
             remark: this.remark,
-            title: this.shenheTable[0].title + '基本信息'
-          }
-          this.http.put(`/api/ContentVerifies`, body).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
+            title: this.shenheTable[0].title + "基本信息",
+          };
+          this.http.put(`/api/ContentVerifies`, body).subscribe((data) => {
+            this.snackBar.open("操作成功!", "确定", config);
+            this.dialogRef.close();
             //this.getAlltabledate()
-          })
-        } else if (this.shenheTable[0].contentType == 12 || this.shenheTable[0].contentType == 13 || this.shenheTable[0].contentType == 14) {
+          });
+        } else if (
+          this.shenheTable[0].contentType == 12 ||
+          this.shenheTable[0].contentType == 13 ||
+          this.shenheTable[0].contentType == 14
+        ) {
           let body: any = {
             id: this.shenheTable[0].id,
             itemId: this.shenheTable[0].itemId,
             verifyState: 5,
             contentType: this.shenheTable[0].contentType,
             remark: this.remark,
-            title: this.shenheTable[0].title
-          }
-          this.http.put(`/api/ContentVerifies`, body).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
+            title: this.shenheTable[0].title,
+          };
+          this.http.put(`/api/ContentVerifies`, body).subscribe((data) => {
+            this.snackBar.open("操作成功!", "确定", config);
+            this.dialogRef.close();
+          });
         } else {
           //预案审核拒绝
           if (this.shenheTable[0].verifyState == 0) {
+            //待初审
             let refbody = {
               auditOpinion: this.remark,
-              auditStatus: 32
-            }
-            this.http.put(`/api/PlanAudits/${this.shenheTable[0].itemId}/First`, refbody).subscribe(data => {
-              this.snackBar.open('操作成功!', '确定', config);
-              this.dialogRef.close()
-            })
+              auditStatus: 32, //初审退回
+            };
+            this.http
+              .put(
+                `/api/PlanAudits/${this.shenheTable[0].itemId}/First`,
+                refbody
+              )
+              .subscribe((data) => {
+                this.snackBar.open("操作成功!", "确定", config);
+                this.dialogRef.close();
+              });
           } else if (this.shenheTable[0].verifyState == 3) {
+            //待终审
             let refbody = {
               auditOpinion: this.remark,
-              auditStatus: 4
-            }
-            this.http.put(`/api/PlanAudits/${this.radioid}`, refbody).subscribe(data => {
-              this.snackBar.open('操作成功!', '确定', config);
-              this.dialogRef.close()
-            })
+              auditStatus: 4, //终审退回
+            };
+            this.http
+              .put(`/api/PlanAudits/${this.radioid}`, refbody)
+              .subscribe((data) => {
+                this.snackBar.open("操作成功!", "确定", config);
+                this.dialogRef.close();
+              });
           }
         }
-        this.shenheTable = []
-
+        this.shenheTable = [];
       }
       //批量审核
       else {
-        if (this.shenheTable[0].contentType == 11 || this.shenheTable[0].contentType == 12) {   //批量审批水源和重点单位
+        if (
+          this.shenheTable[0].contentType == 11 ||
+          this.shenheTable[0].contentType == 12
+        ) {
+          //批量审批水源和重点单位
           for (var i = 0; i < this.shenheTable.length; i++) {
             var bodyre = {
               id: this.shenheTable[i].id,
               itemId: this.shenheTable[i].itemId,
               remark: this.remark,
-              verifyState: 5
-            }
-            this.companyrefuseList.push(bodyre)
+              verifyState: 5,
+            };
+            this.companyrefuseList.push(bodyre);
           }
-          this.http.put(`/api/ContentVerifies/Batch`, this.companyrefuseList).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
+          this.http
+            .put(`/api/ContentVerifies/Batch`, this.companyrefuseList)
+            .subscribe((data) => {
+              this.snackBar.open("操作成功!", "确定", config);
+              this.dialogRef.close();
+            });
         } else {
           for (var i = 0; i < this.shenheTable.length; i++) {
             var carts = {
               planComponentId: this.shenheTable[i].itemId,
               auditStatus: this.shenheTable[i].verifyState == 3 ? 4 : 32,
-              auditOpinion: this.remark
-            }
-            this.refuseList.push(carts)
+              auditOpinion: this.remark,
+            };
+            this.refuseList.push(carts);
           }
-          this.http.put(`/api/PlanAudits/Batch`, this.refuseList).subscribe(data => {
-            this.snackBar.open('操作成功!', '确定', config);
-            this.dialogRef.close()
-          })
+          this.http
+            .put(`/api/PlanAudits/Batch`, this.refuseList)
+            .subscribe((data) => {
+              this.snackBar.open("操作成功!", "确定", config);
+              this.dialogRef.close();
+            });
         }
-        this.shenheTable = []
-
+        this.shenheTable = [];
       }
     }
   }
 }
 
 class DiffItem {
-  newValue: any
-  oldValue: any
-  childrens: Array<DiffItem>
-  operation: number
-  displayName: string
-  propertyName: string
+  newValue: any;
+  oldValue: any;
+  childrens: Array<DiffItem>;
+  operation: number;
+  displayName: string;
+  propertyName: string;
 }
 
 class Result {
-  path: string[]
-  oldValue: any
-  newValue: any
-}
\ No newline at end of file
+  path: string[];
+  oldValue: any;
+  newValue: any;
+}