红色移风预览PDF文件

src/views/next/dialog-module/hsyf-left/company/attractions.vue

@@ -100,7 +100,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="content-right">
+                <div class="content-right" v-if="!showPDF">
                   <div v-html="info.description"></div>
                   <div v-if="currentId == '1772865242670997506'">
                     <video
@@ -125,6 +125,9 @@
                     ></video>
                   </div>
                 </div>
+                <div class="content-right" v-else>
+                  <iframe  :src="`/pdf/${pdfFile}.pdf`" width="100%" height="100%"></iframe>
+                </div>
               </div>
             </div>
           </div>
@@ -261,6 +264,8 @@ export default {
       loading: false,
       openVisable: true,
       openVisable2:true,
+      showPDF:false,
+      pdfFile:'1'
     }
   },
   computed: {
@@ -399,11 +404,19 @@ export default {
       this.videoStatus = 'pause'
     },
     onDatils (item) {
-      if(item.children){
+      console.log(item);
-        this.openId2 = item.id
+      if(item.id === "1798609016114339841" || item.id === "1798609357530685442" || item.id === "1798609630856699905"){
-        this.openMene(item)
+        this.showPDF = true;
-        return
+        this.pdfFile = item.id === "1798609016114339841"?1:item.id === "1798609357530685442"?2:3
+      }else{
+        this.showPDF = false;
+        if(item.children){
+          this.openId2 = item.id
+          this.openMene(item)
+          return
+        }
       }
+     
       this.currentId = item.id;
       this.selectPartyPlaceDetail()
     }