askbot-dragon 1.1.12 → 1.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/AnswerDocknowledge.vue

@@ -4,7 +4,7 @@
                 @click="lookAttach(msg.content.list[0].url, msg.content.list[0])" class="aci-view">查看原文 ></span></div>
         <div v-if="msg.content.type == 1" class="answer-text">{{ msg.content.text }}</div>
         <div class="ad-list">
-            <div v-for="(item, itemIndex) in  msg.content.list" :key="itemIndex" class="ad-list-cell">
+            <div v-for="(item, itemIndex) in  msg.content.list" :style="{paddingBottom: itemIndex === msg.content.list.length - 1?0:'10px'}" :key="itemIndex" class="ad-list-cell">
                 <div class="alc-title">
                     <div class="alc-box">
                       <div class="alc-source-left">
@@ -70,8 +70,8 @@ export default {
               TXT: 'txt1',
               txt: 'txt1',
               selfadd: 'selfadd1',
-              md: "selfadd1",
-              html: 'selfadd1',
+              md: "md2",
+              html: 'html2',
               mode: "mode",
               general: 'general',
               word: "word1",
@@ -139,9 +139,13 @@ export default {
           if (index !== -1) {
             url = url.substring(0, index)
             type = this.fileType(url)
+          } else {
+            type = this.fileType(url)
           }
           if (type === '' || type === 'OTHER') {
             httpUrl = httpUrl += '?needEncrypt=true'
+          } else {
+            httpUrl = httpUrl += '?needEncrypt=false'
           }
           this.$http.post(httpUrl, {
             "fileInOssPath":url
@@ -150,8 +154,14 @@ export default {
               this.previewHref = res.data.data
               this.$refs.previewPdf.previewShowPopup = true;
               this.$refs.previewPdf.fileType = type
+              
               this.$nextTick(() =>{
-                this.$refs.previewPdf.loadIframe(item)
+                if(item.srcContent == 'CREATED_BY_ONESELF') {
+                  this.$refs.previewPdf.getBolb(item)
+                } else {
+                  this.$refs.previewPdf.loadIframe(item)
+                  
+                }
               })
             }
           })
@@ -160,7 +170,7 @@ export default {
             const fileType = url.substring(url.lastIndexOf('.'));
             if (fileType === '.mp4' || fileType === '.MP4') {
                 return 'VIDEO'
-            } else if (fileType === '.html' || fileType === '.md') {
+            } else if (fileType === '.html') {
                 return 'HTML'
             } else {
                 return 'OTHER'

package/src/components/previewPdf.vue

@@ -2,13 +2,16 @@
     <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}">
       <div class="footer">
         <span>查看详情</span>
-        <section @click="close">
-          <i class="iconfont guoran-shanchu"></i>
-        </section>
-      </div>
+            <section @click="close">
+            <i class="iconfont guoran-shanchu"></i>
+            </section>
+        </div>
         <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 70px)">
             <video :src="url" controls width="100%;" height="98%"></video>
         </div>
+        <div v-else-if="fileType == 'HTML'" style="width: 100%;height: calc(100% - 70px)">
+            <div class="preview_iframe" style="text-algin:left" v-html="fileText"></div>
+        </div>
         <template v-else-if="url.includes('https://www') || url.includes('http://www')">
             <iframe class="preview_iframe"
                     :src="url"
@@ -28,7 +31,8 @@
 export default {
     data () {
         return {
-            previewShowPopup: false
+            previewShowPopup: false,
+            fileText:''
         }
     },
     props:{
@@ -91,7 +95,61 @@ export default {
             //     data: ``
             //   }, '*')
             // }
-        }
+        },
+        getBolb() {
+            this.$http.post('/knowledge-api/knowledge/htmlTextDeal?onlyText=false',{
+                fileInOssPath: this.url,
+                templateId: ''
+            }).then(res =>{
+                if (res.data.code == 0) {
+                    this.fileText = res.data.data
+				} else {
+				
+				}
+            })
+        },
+        replaceFileUrl(data,type){
+			let dom = document.createElement('div');
+			dom.innerHTML = data;
+			console.log(dom,'dom');
+			let imgList = Array.from(dom.querySelectorAll('img'));
+			imgList.forEach((item,index) => {
+				let itemUrl = item.getAttribute('src')
+				console.log(itemUrl,'老的');
+				this.$http.post(requestUrl.knowledge.getTemporaryCertificate+"?needEncrypt=false",{fileInOssPath:itemUrl}).then((urlRes) => {
+					item.setAttribute('src',urlRes.data.data)
+					console.log(urlRes.data.data,'新的');
+					// let ele = item.parentNode;
+					// let className = ele.getAttribute('class')
+					// if(className && className.indexOf('ask-component-img-box') !== -1){
+					// 	let img =  document.createElement('img');
+					// 	img.setAttribute('src',urlRes.data.data)
+					// 	ele.parentNode.replaceChild(img, ele); 
+					// }
+				});
+				
+			})
+			let iframeList = Array.from(dom.querySelectorAll('iframe'));
+			iframeList.forEach((item,index) => {
+				let itemUrl = item.getAttribute('src')
+				console.log(itemUrl,'老的---');
+				this.$http.post(requestUrl.knowledge.getTemporaryCertificate+"?needEncrypt=false",{fileInOssPath:itemUrl}).then((urlRes) => {
+					item.setAttribute('src',urlRes.data.data)
+					console.log(urlRes.data.data,'新的---');
+				});
+			})
+			setTimeout(() => {
+				let ckeditorValue = dom.innerHTML
+				if(type === 'insert'){
+					this.$refs.contentCkeditor.currentEditor.setData(this.ckeditorValue + ckeditorValue);
+					this.ckeditorValueCopy = this.ckeditorValue + ckeditorValue;
+				} else {
+					console.log(ckeditorValue,'ckeditorValue');
+					this.$refs.contentCkeditor.currentEditor.setData(ckeditorValue);
+					this.ckeditorValueCopy = ckeditorValue;
+				}
+			},1000)
+		},
     }
 }
 </script>