[新增]待审核页面查看pdf新增转圈等待

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

@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2020-12-25 10:19:31
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-07-24 09:30:42
+ * @LastEditTime: 2021-08-16 15:49:49
 -->
 <div class="box">
     <div class="boxleft">
@@ -187,6 +187,9 @@
       </div>
       
         <div class="word" *ngIf="showtype==0||bianzhi">
+         <!--  <div class="shadow" *ngIf="!iftrue">
+            <mat-spinner></mat-spinner>
+          </div> -->
           <button mat-raised-button color="primary" style="float: right;margin-top: 10px;margin-right: 15px;" (click)='lookNew()'>查看详情</button>
           <iframe [src]='iframeSrc'></iframe>
         </div>

src/app/plan-audit/plan-record/plan-record.component.scss

@@ -255,6 +255,22 @@
         .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: 94%;
                 width: 97%;

src/app/plan-audit/plan-record/plan-record.component.ts

@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2020-12-25 10:19:31
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-07-24 14:36:27
+ * @LastEditTime: 2021-08-16 15:29:41
  */
 import { Component, OnInit, Inject } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -310,6 +310,14 @@ export class PlanRecordComponent implements OnInit {
   oopen3Dshow() {
     this.dialog.open(recordshow3D, { width: '1650px', height: '850px', data: { url: this.thirdPartyURL, twoOrthree: this.twoOrthree } });
   }
+  //判断iframe是否加载完成
+  iftrue=true
+  ifranmeLoad(){
+    var iframe = document.getElementById("myiframe");
+    iframe.onload = function(){      
+     }
+    this.iftrue=!this.iftrue
+  }
 
 }
 

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

@@ -308,7 +308,10 @@
     <div style="height: 100%;" *ngIf="isallDate">
       <!-- word文档 -->
       <div class="word" *ngIf="showtype == 0">
-        <iframe [src]='iframeSrc'></iframe>
+        <div class="shadow" *ngIf="!iftrue">
+          <mat-spinner></mat-spinner>
+        </div>
+        <iframe [src]='iframeSrc' (load)='ifranmeLoad()' id="myiframe"></iframe>
       </div>
       <!-- 全景图 -->
       <div id="viewer" *ngIf="showtype == 1"></div>

src/app/plan-audit/wait-examineer/wait-examineer.component.scss

@@ -223,6 +223,22 @@
         .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%;

src/app/plan-audit/wait-examineer/wait-examineer.component.ts

@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2020-12-25 16:13:50
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-07-29 10:27:36
+ * @LastEditTime: 2021-08-16 11:12:52
  */
 import { Component, Inject, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -605,6 +605,14 @@ export class WaitExamineerComponent implements OnInit {
       }, 0)
     }
   }
+  //判断iframe是否加载完成
+  iftrue=true
+  ifranmeLoad(){
+    var iframe = document.getElementById("myiframe");
+    iframe.onload = function(){      
+     }
+    this.iftrue=!this.iftrue
+  }
 
 }