预览ppt

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 {

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'
+        const { path } = this.$route
-        this.isIasf = this.$route.path === '/iasf'
+        this.isEstate = path === '/estate/index'
+        this.isIasf = path === '/iasf'
       },
       deep: true,
       immediate: true

src/layouts/home/index.vue

@@ -1,12 +1,12 @@
 <template>
-  <div :class="['main', { channel: isHome, 'site-en': handleClass() }]">
+  <div :class="['main', { channel: isHome, 'site-en': handleClass(), isPreviewPPT }]">
-    <v-head ref="header"></v-head>
+    <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>

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>

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: '' }
+    }
+  ]
+};

src/setting.js

@@ -26,7 +26,7 @@ const Setting = {
   /**
   * 路由白名单
   * */
-  whiteList: ['/column/result', '/aboutUs', '/supplier'],
+  whiteList: ['/column/result', '/aboutUs', '/supplier', '/previewPPT'],
   /**
   * 英文站点id数组
   * */