From 342df4d025f79cafb2943a475a68cb93791c8e93 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 16 Dec 2024 18:02:49 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=A7=88ppt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/footer/index.vue     |  3 ++-
 src/layouts/header/index.vue     |  5 ++--
 src/layouts/home/index.vue       | 23 +++++++++++++++----
 src/pages/previewPPT/index.vue   | 39 ++++++++++++++++++++++++++++++++
 src/router/modules/previewPPT.js | 14 ++++++++++++
 src/setting.js                   |  2 +-
 6 files changed, 78 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/previewPPT/index.vue
 create mode 100644 src/router/modules/previewPPT.js

diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue
index f023b39..336e1bd 100644
--- a/src/layouts/footer/index.vue
+++ b/src/layouts/footer/index.vue
@@ -91,7 +91,7 @@
       </div>
     </template>
 
-    <div class="tool">
+    <div v-if="!isPreviewPPT" class="tool">
       <div v-for="(item, i) in floatings" :key="i" class="float">
         <div class="item" :style="{ backgroundImage: 'url(' + item.pictureAddress + ')' }"></div>
         <div class="popup">
@@ -107,6 +107,7 @@
 <script>
 import mixins from '@/mixins/article'
 export default {
+  props: ['isPreviewPPT'],
   mixins: [mixins],
   data () {
     return {
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 65df5eb..0662856 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -111,8 +111,9 @@ export default {
     '$route.path': {
       handler () {
         this.isHome = Util.isIndex()
-        this.isEstate = this.$route.path === '/estate/index'
-        this.isIasf = this.$route.path === '/iasf'
+        const { path } = this.$route
+        this.isEstate = path === '/estate/index'
+        this.isIasf = path === '/iasf'
       },
       deep: true,
       immediate: true
diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index fc381ed..cd86b8f 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div :class="['main', { channel: isHome, 'site-en': handleClass() }]">
-    <v-head ref="header"></v-head>
+  <div :class="['main', { channel: isHome, 'site-en': handleClass(), isPreviewPPT }]">
+    <v-head v-if="!isPreviewPPT" ref="header"></v-head>
     <div class="layout">
       <transition name="move" mode="out-in">
         <router-view class="view"></router-view>
       </transition>
       <el-backtop target=".layout"></el-backtop>
-      <v-footer ref="footer"></v-footer>
+      <v-footer ref="footer" :isPreviewPPT.sync="isPreviewPPT"></v-footer>
     </div>
   </div>
 </template>
@@ -20,7 +20,8 @@ import { mapMutations } from 'vuex'
 export default {
   data () {
     return {
-      enSite: [1, 4, 6] // 英文站点id
+      enSite: [1, 4, 6], // 英文站点id
+      isPreviewPPT: false,
     };
   },
   components: {
@@ -32,6 +33,16 @@ export default {
       return Util.isIndex()
     },
   },
+  watch: {
+    '$route.path': {
+      handler () {
+        const { path } = this.$route
+        this.isPreviewPPT = path === '/previewPPT'
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   mounted () {
     this.$route.query.siteId && this.setSite(this.$route.query.siteId)
 
@@ -95,4 +106,8 @@ export default {
     padding-top: 90px;
   }
 }
+
+.isPreviewPPT {
+  height: 100vh;
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/previewPPT/index.vue b/src/pages/previewPPT/index.vue
new file mode 100644
index 0000000..27fce7c
--- /dev/null
+++ b/src/pages/previewPPT/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="wrap">
+    <iframe class="fileIframe" id="fileIframe" :src="src" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      src: ''
+    }
+  },
+  watch: {
+    '$route.query': {
+      handler () {
+        const { src } = this.$route.query
+        this.src = 'https://view.officeapps.live.com/op/view.aspx?src=' + src
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+iframe {
+  width: 100vw;
+  height: calc(100vh + 160px) !important;
+  margin-top: -160px;
+}
+</style>
\ No newline at end of file
diff --git a/src/router/modules/previewPPT.js b/src/router/modules/previewPPT.js
new file mode 100644
index 0000000..c41610b
--- /dev/null
+++ b/src/router/modules/previewPPT.js
@@ -0,0 +1,14 @@
+import BasicLayout from '@/layouts/home'
+const name = 'previewPPT'
+export default {
+  path: `/${name}`,
+  component: BasicLayout,
+  children: [
+    {
+      name,
+      path: `/${name}`,
+      component: () => import(`@/pages/${name}`),
+      meta: { title: '' }
+    }
+  ]
+};
diff --git a/src/setting.js b/src/setting.js
index f4b00ea..a849003 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -26,7 +26,7 @@ const Setting = {
   /**
   * 路由白名单
   * */
-  whiteList: ['/column/result', '/aboutUs', '/supplier'],
+  whiteList: ['/column/result', '/aboutUs', '/supplier', '/previewPPT'],
   /**
   * 英文站点id数组
   * */