From 64d83d960b9636d7e8934ac885b5a7b9438a994f Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Mon, 21 Jun 2021 14:40:40 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=8C=E5=96=84=E9=87=8D?=
 =?UTF-8?q?=E7=82=B9=E5=9B=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../create-plan-online-five.component.html    | 25 ++++++++----
 .../create-plan-online-five.component.ts      | 39 +++++++++++++++++--
 2 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
index 1fe1d83..02cb3fd 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
@@ -85,17 +85,19 @@
                                         实景图
                                     </mat-panel-title>
                                 </mat-expansion-panel-header>
-                                <div class="content">
-                                    <div class="realPictureItem" *ngFor="let item of allRealPicture">
+                                <div class="content" id="viewer">
+                                    <div class="realPictureItem" *ngFor="let item of allRealPicture;let key1 = index">
                                         <div class="realPictureTitle">{{item.name}}</div>
-                                        <div class="contentitem" *ngFor="let i of item.realityImages">
+                                        <div class="contentitem" *ngFor="let i of item.realityImages;let key2 = index">
                                             <div class="realPictureImgItem">
-                                                <img [src]="i.newImageUrl" alt="">
-                                                <div class="realPictureImgItemBtn realPictureImgItemBtn1">
+                                                <img [src]="i.newImageUrl" alt=""
+                                                    [attr.data-original]="'/api/Objects/PlanPlatform/' + i.imageUrl">
+                                                <div class="realPictureImgItemBtn realPictureImgItemBtn1"
+                                                    (click)="lookkeyImgItemLeft(key1,key2,i)">
                                                     查看图片
                                                 </div>
                                                 <div class="realPictureImgItemBtn realPictureImgItemBtn2"
-                                                    (click)="addkeyImgItemLeft(i)">
+                                                    (click)="addkeyImgItemLeft(item,i)">
                                                     增加分组
                                                 </div>
                                             </div>
@@ -234,7 +236,8 @@
                                     <thead>
                                         <th *ngFor="let itemth of element.tableth;let tablethi=index;TrackBy:trackByFn">
                                             <input type="text" placeholder="请输入内容"
-                                                [(ngModel)]="element.tableth[tablethi]"></th>
+                                                [(ngModel)]="element.tableth[tablethi]">
+                                        </th>
                                     </thead>
                                     <tbody>
                                         <!--  <tr>
@@ -303,6 +306,9 @@
                             </button>
                         </div>
                     </div>
+                    <div class="disposalPoint" *ngIf="item.groupName == '预案附件'">
+                        处置要点
+                    </div>
                 </div>
             </div>
         </div>
@@ -310,4 +316,9 @@
 
         </div>
     </div>
+</div>
+
+
+<div id="viewerjs" style="display:none">
+
 </div>
\ No newline at end of file
diff --git a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
index 4b8eadd..1105a0a 100644
--- a/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
+++ b/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
@@ -11,7 +11,7 @@ import { Component, Inject, OnInit, Renderer2, ViewChild, Input } from '@angular
 import { ActivatedRoute } from '@angular/router';
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
-
+import Viewer from 'viewerjs';
 @Component({
   selector: 'app-create-plan-online-five',
   templateUrl: './create-plan-online-five.component.html',
@@ -142,9 +142,42 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
   addkeyImgItem(item) {
     item.attribute.push({ name: '', imgArr: [] })
   }
+  //通过左侧查看实景图
+  gallery
+  lookkeyImgItemLeft(key1, key2,i) {
+    // setTimeout(() => {
+    //   if (document.getElementById('viewerjs')) {
+    //     this.gallery = new Viewer(document.getElementById('viewerjs'), {
+    //       url: 'data-original'
+    //     });
+    //     console.log('这个号甲就',document.getElementById('viewerjs'))
+    //   }
+    // }, 0);
+    let dom = document.getElementById(`viewerjs`)
+    let pObjs = dom.childNodes;
+    let node = document.createElement("img")
+    node.style.display = "none";
+    node.src = '/api/Objects/PlanPlatform/' + i.imageUrl;
+    node.id = 'img'
+    dom.appendChild(node)
+    setTimeout(() => {
+      let viewer = new Viewer(document.getElementById(`viewerjs`), {
+        hidden: () => {
+          dom.removeChild(pObjs[0]);
+          viewer.destroy();
+        }
+      });
+      node.click();
+    }, 0);
+
+  }
   //通过左侧实景图增加分组
-  addkeyImgItemLeft(i) {
-    console.log(i)
+  addkeyImgItemLeft(item, i) {
+    this.planTemplateData.forEach(element => {
+      if (element.groupName == '重点图示') {
+        element.attribute.push({ name: item.name + '-' + i.name, imgArr: ['/api/Objects/PlanPlatform/' + i.imageUrl] })
+      }
+    });
   }
   //重点图示删除指定分组
   deleteItem(item, key) {