Merge branch 'feature/【20210114】百宝箱增加用户使用手册PDF预览' into release/20210113

src/views/ebiz/goodStart/Treasure.vue

@@ -27,10 +27,10 @@ export default {
       this.$jump({
         flag: 'h5',
         extra: {
-          url: location.origin + `/#/goodStart/treasureDetail?img=${menu.detailImgUrl}&title=${menu.name}`
+          url: location.origin + `/#/goodStart/treasureDetail?img=${menu.detailImgUrl}&title=${menu.name}&type=${menu.type}`
         },
         routerInfo: {
-          path: `/goodStart/treasureDetail?img=${menu.detailImgUrl}&title=${menu.name}`
+          path: `/goodStart/treasureDetail?img=${menu.detailImgUrl}&title=${menu.name}&type=${menu.type}`
         }
       })
     },

src/views/ebiz/goodStart/TreasureDetail.vue

@@ -1,6 +1,7 @@
 <template>
-  <div>
+  <div class="detail">
-    <img :src="$assetsUrl + img" @click="prevImg" />
+    <img v-if="type === 'img'" :src="$assetsUrl + img" @click="prevImg" />
+    <iframe v-if="type === 'pdf'" :src="pdfUrl()" frameborder="0" class="pdf"></iframe>
   </div>
 </template>
 
@@ -17,6 +18,9 @@ export default {
     },
     title: {
       type: String
+    },
+    type: {
+      type: String
     }
   },
   data() {
@@ -26,6 +30,9 @@ export default {
     document.title = this.title
   },
   methods: {
+    pdfUrl() {
+      return location.origin + '/pdfjs/web/viewer.html?file=' + this.$assetsUrl + this.img
+    },
     prevImg() {
       ImagePreview([this.$assetsUrl + this.img])
     }
@@ -34,7 +41,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.detail {
+  width: 100vw;
+  height: 100vh;
+}
 img {
   max-width: 100%;
 }
+.pdf {
+  width: 100%;
+  height: 100%;
+}
 </style>