v-viewer转化成cdn文件,优化包

project/pidu/app/AppSensitive/components/Detail.vue

@@ -45,7 +45,7 @@
           <h2 v-for="(item, index) in msgTypeList" :key="index" :class="msgType == index ? 'tab-active' : ''" @click="msgTypeClick(index)">{{item.name}}</h2>
         </div>
         <div class="search-content">
-          <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd" 
+          <el-date-picker v-model="time" size="small" type="daterange" value-format="yyyy-MM-dd"
             range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="onChange">
           </el-date-picker>
           <el-input size="small" placeholder="输入搜索内容" v-model="searchMsg" clearable
@@ -90,7 +90,7 @@
 
                 <video style="width: 300px; object-fit: fill;" controls :src="item.sdkFileUrl" v-if="item.msgType == 'video'"></video>
 
-                <ai-file-list v-if="item.msgType == 'file'" 
+                <ai-file-list v-if="item.msgType == 'file'"
                   :fileList="item.files"
                   :fileOps="{ name: 'name', size: 'fileSizeStr' }"
                 ></ai-file-list>
@@ -170,16 +170,11 @@
 
 <script>
   import { mapState } from 'vuex'
-  import Viewer from 'v-viewer'
   import AMapLoader from '@amap/amap-jsapi-loader'
-  import Vue from 'vue'
-  Vue.use(Viewer);
-
   import html2canvas from "html2canvas";
   import jsPDF from "jspdf";
-
   import { Loading } from "element-ui";
-  
+
   const PdfLoader = (ele, pdfFileName) => {
     let loadingInstance = Loading.service({ fullscreen: true, text: '正在导出（请勿刷新/关闭页面）' });
     ele.style.fontFamily = "宋体";
@@ -447,7 +442,7 @@
         this.getMsgList()
       },
       getKeyWordList() {
-        var url = this.listInfo.seq ? `/app/appsessionarchiveinfo/listByKeywordRecord?seq=${this.listInfo.seq}` 
+        var url = this.listInfo.seq ? `/app/appsessionarchiveinfo/listByKeywordRecord?seq=${this.listInfo.seq}`
                   : `/app/appsessionarchiveinfo/listByKeywordRecord?msgId=${this.params.msgId}`
         this.instance.post(url, null, {
           params: {
@@ -546,9 +541,9 @@
                 var height = document.querySelector('.content-right-info').scrollHeight - preveHeight
                 document.querySelector('.content-right-info').scrollTop = height
               }
-              
+
             })
-            
+
           }
           this.isLoading = false
         }).catch(() => {
@@ -607,7 +602,7 @@
                 var height = document.querySelector('.content-right-info').scrollHeight - preveHeight
                 document.querySelector('.content-right-info').scrollTop = height
               }
-              
+
             })
           }
           this.isLoading = false
@@ -656,7 +651,7 @@
       },
       openLink(row) {
         document.write('<a href="" target="new"></a>');
-        window.open(row.linkUrl, "new"); 
+        window.open(row.linkUrl, "new");
       },
       cancel () {
         this.$emit('change', {
@@ -879,7 +874,7 @@
             max-width: calc(100% - 144px);
             position: relative;
             background-color: #f3f6f9;
-            
+
             span {
               width: 0px;
               height: 0px;
@@ -1001,7 +996,7 @@
         }
       }
       .item-left {
-        .item-content-flex { 
+        .item-content-flex {
           .user-img {
             margin: 0 20px 0 0;
           }
@@ -1015,7 +1010,7 @@
             margin-left: 16px;
           }
         }
-        
+
       }
       .item-right {
         width: 100%;
@@ -1043,7 +1038,7 @@
             text-align: right;
           }
         }
-        
+
       }
     }
     .addressBook-left__list--wrapper::-webkit-scrollbar,

project/pidu/app/AppSessionArchive/components/Detail.vue

@@ -289,14 +289,9 @@
 
 <script>
 import { mapState } from "vuex";
-import Viewer from "v-viewer";
 import AMapLoader from "@amap/amap-jsapi-loader";
-import Vue from "vue";
-Vue.use(Viewer);
-
 import html2canvas from "html2canvas";
 import jsPDF from "jspdf";
-
 import { Loading } from "element-ui";
 
 const PdfLoader = (ele, pdfFileName) => {
@@ -636,7 +631,7 @@ export default {
         var dataURL = canvas.toDataURL("image/"+ext);
         return dataURL;
     },
-    
+
     initMap(lng, lat, zoom, mapId) {
       AMapLoader.load({
         key: "54a02a43d9828a8f9cd4f26fe281e74e",