[完善]预警图片视频为空时处理

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

@@ -17,15 +17,25 @@
     </div>
     <div class="content">
         <div *ngIf="selectedType == 'img'" class="imgbox">
-            <ng-container *ngIf="isImage; else elseTemplate">
+            <ng-container *ngIf="imgUrl; else elseTemplate">
+                <ng-container *ngIf="isImage; else elseTemplate2">
                     <img [src]="imgUrl" alt="">
                 </ng-container>
-            <ng-template #elseTemplate>
+                <ng-template #elseTemplate2>
                     <iframe width="100%" height="100%" [src]="fileUrl" frameborder="0"></iframe>
                 </ng-template>
+            </ng-container>
+            <ng-template #elseTemplate>
+                暂无图片
+            </ng-template>
         </div>
         <div *ngIf="selectedType == 'video'" class="vediobox">
+            <ng-container *ngIf="vedioUrl; else elseTemplate3">
                 <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
+            </ng-container>
+            <ng-template #elseTemplate3>
+                暂无视频
+            </ng-template>
         </div>
     </div>
     <div class="disposebox">
@@ -43,10 +53,6 @@
                     <span *ngIf="data.handleTime" style="color: #4BFFD4;cursor: default;">已处置</span>
                 </div>
             </ng-template>
-
-
-
-
         </div>
         <div class="disposeContent">
             <textarea *ngIf="!data.handleTime" [(ngModel)]="content"></textarea>

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts

@@ -24,21 +24,20 @@ export class GetOutOfLineDetailsComponent implements OnInit {
   isMisinformation: boolean = false//误报按钮的显隐
 
 
-  isImage //传过来的文件是否是图片
+  isImage = true//传过来的文件是否是图片
   fileUrl
   ngOnInit(): void {
-    console.log(this.data)
+    // console.log(this.data)
     this.details = this.data.content1
     this.vedioUrl = this.data.violateVideo
     this.content = this.data.handleRecord
     this.imgUrl = this.data.violateImage
 
-
+    if (this.imgUrl) {
       if (this.getFileType(this.imgUrl) == 'img') {
         this.isImage = true
       } else {
         this.isImage = false
-
         if (this.getFileType(this.imgUrl) == 'word') {
           let arr = this.imgUrl.split('.')
           arr[arr.length - 1] = 'pdf'
@@ -46,7 +45,7 @@ export class GetOutOfLineDetailsComponent implements OnInit {
         } else if (this.getFileType(this.imgUrl) == 'pdf') {
           this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.imgUrl);
         }
-
+      }
     }