askbot-dragon 88.0.11 → 88.0.12

package/package.json

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

package/src/assets/js/common.js

@@ -70,7 +70,182 @@ let imageTypeObj = {
     aiv: "video",
     news:"news"
 }
+function newInitWaterMark(elId, textValue) {
+    //默认设置
+    var defaultSettings = {
 
+        watermark_txt: "",
+
+        visitorWatermark_txt: "",
+
+        watermark_x: 0, //水印起始位置x轴坐标
+
+        watermark_y: 0, //水印起始位置Y轴坐标
+
+        watermark_rows: 0, //水印行数
+
+        watermark_cols: 0, //水印列数
+
+        watermark_x_space: 40, //水印x轴间隔
+
+        watermark_y_space: 60, //水印y轴间隔
+
+        watermark_color: "black", //水印字体颜色
+
+        watermark_alpha: 0.3, //水印透明度
+
+        watermark_fontsize: "12px", //水印字体大小
+
+        watermark_font: "微软雅黑", //水印字体
+
+        watermark_width: 100, //水印宽度
+
+        watermark_height: 60, //水印长度
+
+        watermark_angle: 20 //水印倾斜度数
+
+    };
+    let textWatermarkValue = textValue;
+    if (textWatermarkValue) {
+        defaultSettings.watermark_txt = textWatermarkValue;
+    }
+    if (!textWatermarkValue) {
+        return;
+    }
+
+    //采用配置项替换默认值，作用类似jquery.extend
+
+    if (arguments.length === 1 && typeof arguments[0] === "object") {
+
+        // 获取参数配置
+
+        var src = arguments[0];
+
+        for (let key in src) {
+
+            if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
+
+                continue;
+
+            else if (src[key])
+
+                defaultSettings[key] = src[key];
+
+        }
+
+    }
+
+    var oTemp = document.createDocumentFragment();
+
+    //获取页面最大宽度
+
+    var page_width = Math.max(document.getElementById(elId).scrollWidth, document.getElementById(elId).clientWidth);
+
+    var cutWidth = page_width * 0.0150;
+
+    page_width = page_width - cutWidth;
+
+    //获取页面最大高度
+    var page_height = document.getElementById(elId).scrollHeight;
+    console.log('page_height',page_height, page_width);
+
+    // var page_height = Math.max(document.body.scrollHeight, document.body.clientHeight);
+
+    // var page_height = document.body.scrollHeight+document.body.scrollTop;
+
+    //如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
+
+    if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x + defaultSettings
+
+        .watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (
+
+        defaultSettings.watermark_cols - 1)) > page_width)) {
+
+        defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x + defaultSettings
+
+            .watermark_x_space) / (defaultSettings.watermark_width + defaultSettings
+
+            .watermark_x_space));
+
+        defaultSettings.watermark_x_space = parseInt((page_width - defaultSettings.watermark_x -
+
+            defaultSettings
+
+                .watermark_width * defaultSettings.watermark_cols) / (defaultSettings.watermark_cols - 1));
+
+    }
+
+    //如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
+
+    if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y + defaultSettings
+
+        .watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (
+
+        defaultSettings.watermark_rows - 1)) > page_height)) {
+
+        defaultSettings.watermark_rows = parseInt((defaultSettings.watermark_y_space + page_height -
+
+            defaultSettings
+
+                .watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
+
+        defaultSettings.watermark_y_space = parseInt(((page_height - defaultSettings.watermark_y) -
+
+            defaultSettings
+
+                .watermark_height * defaultSettings.watermark_rows) / (defaultSettings.watermark_rows - 1));
+
+    }
+
+    var x;
+    var y;
+    for (var i = 0; i < defaultSettings.watermark_rows; i++) {
+        y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
+        for (var j = 0; j < defaultSettings.watermark_cols; j++) {
+            x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
+            var mask_div = document.createElement("div");
+
+            mask_div.id = "mask_div" + i + j;
+            mask_div.className = "mask_div";
+            mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.visibility = "";
+            mask_div.style.position = "absolute";
+            //奇偶行错开，这样水印就不对齐，显的不呆板
+            mask_div.style.left = x + 20 + "px";
+            mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
+
+            mask_div.style.top = y + 10 + "px";
+
+            mask_div.style.overflow = "hidden";
+
+            mask_div.style.pointerEvents = "none"; //让水印不遮挡页面的点击事件
+
+            mask_div.style.opacity = defaultSettings.watermark_alpha;
+
+            mask_div.style.fontSize = defaultSettings.watermark_fontsize;
+
+            mask_div.style.fontFamily = defaultSettings.watermark_font;
+
+            mask_div.style.color = defaultSettings.watermark_color;
+
+            mask_div.style.textAlign = "center";
+
+            mask_div.style.width = defaultSettings.watermark_width + "px";
+
+            mask_div.style.height = defaultSettings.watermark_width + "px";
+
+            mask_div.style.display = "block";
+
+            oTemp.appendChild(mask_div);
+        }
+    }
+    document.getElementById(elId).appendChild(oTemp);
+}
 export {
-    imageTypeObj
+    imageTypeObj,
+    newInitWaterMark
 }

package/src/components/AnswerDocknowledge.vue

@@ -99,6 +99,7 @@
         </div>
         <previewPdf ref="previewPdf"
                     :url="previewHref"
+                    :previewOssPath="previewOssPath"
                     :title="title" :sourceFileType="sourceFileType"
                     officePreviewType="pdf"
                     @previewToDialog="previewToDialog"
@@ -203,7 +204,8 @@ export default {
             loadMoreFlag: false,
             previewKnowledgeId:"",
             previewKnowledge:{},
-            title:''
+            title:'',
+            previewOssPath:""
         }
     },
     props: ['msg', 'isAskLightning', 'isMessageRecord', "isApp","isHasChat","activeKnowledgeId"],
@@ -285,6 +287,7 @@ export default {
             this.previewKnowledgeId = item.knowledgeId
             this.$refs.previewPdf.previewShowPopup = false;
             this.$refs.previewPdf.drawer = false;
+            this.previewOssPath = url;
             let index = url.lastIndexOf('?')
             let type = ''
             let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'

package/src/components/pdfPosition.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="pdf_view" ref="pdfView" @scroll="pdfScroll" :style="{
+    <div class="pdf_view" id="pdf_view" :style="{
         marginTop: isPC ? '50px' : '',
         marginBottom: tagIds.length > 1 ? '60px' : '0px',
         height: setHeight
@@ -17,6 +17,7 @@
                 </el-option>
             </el-select>
         </div>
+        <div class="pdf_container_view" id="pdf_container_view" @scroll="pdfScroll"  ref="pdfView"></div>
         <div class="btn_footer" v-if="tagIds.length > 1 && !isPC">
             <div class="prev" @click="prev">上一段</div>
             <div class="next" @click="next">下一段</div>
@@ -32,6 +33,7 @@
 
 <script>
 import _ from 'lodash'
+import { newInitWaterMark } from "../assets/js/common";
 // import * as pdfjsLib from 'pdfjs-dist'
 // pdfjsLib.GlobalWorkerOptions.workerSrc = 'pdfjs-dist/build/pdf.worker';
 // import { TextLayerBuilder }  from "pdfjs-dist/web/pdf_viewer";
@@ -47,7 +49,7 @@ const { TextLayerBuilder } = window['pdfjs-dist/web/pdf_viewer']
 // import { zoomElement } from '../assets/js/hammer'
 export default {
     name: 'pdfView',
-    props: ['tagIds', 'isMessageRecord'],
+    props: ['tagIds', 'isMessageRecord','textWatermarkStr'],
     data () {
         return {
             url: '',
@@ -258,6 +260,9 @@ export default {
                 this.contentView.style.paddingBottom = '60px'
                 // contentView.style.overflowY = 'auto'
                 this.$refs.pdfView.appendChild(this.contentView);
+                if (this.textWatermarkStr){
+                  newInitWaterMark('pdf_container_view',this.textWatermarkStr)
+                }
             }
             this.renderPages(pageIndex)
         },
@@ -872,6 +877,7 @@ export default {
                     // 在 pdf_view 下创建 所有canvs的容器
                     this.contentView = document.createElement('div')
                     this.contentView.style.transformOrigin = '0px 0px 0px'
+                    this.contentView.setAttribute('id','contentView');
                     this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + value.join(',')).then(res => {
                         // res.data = {"data":[{"id":"64591b7d8bb8ab1b91c65f24","knowledgeId":"64591a9c8da27649473f3b4b","mainId":"fb348d095c0b4fd7bbd37826563dac7d","page":3,"total":18,"pageHeight":540.0,"pageWidth":960.00946,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/fb348d095c0b4fd7bbd37826563dac7d/2023/05/08/11/55/18/64591b638bb8ab1b91c65eed/3.pdf","extractInfo":{"location":[280.488,161.32,398.71573,61.99298],"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距北京市区65公里，是以奇而著称，融山川、碧水、古长城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","lines":[{"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距","location":[280.488,161.32,398.71573,15.9869995]},{"content":"北京市区65公里，是以奇而著称，融山川、碧水、古长","location":[283.691,184.30899,392.3055,15.9869995]},{"content":"城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","location":[282.699,207.32599,394.3033,15.9869995]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
                         // res.data = {"data":[{"id":"64590ce1eb1320043401cc90","knowledgeId":"64590cd5017b461d67e282e1","mainId":"fb348d095c0b4fd7bbd37826563dac7d","page":2,"total":5,"pageHeight":841.8898,"pageWidth":595.30396,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/fb348d095c0b4fd7bbd37826563dac7d/2023/05/08/10/53/20/64590ce0eb1320043401cc7b/2.pdf","extractInfo":{"location":[89.32981,638.1907,415.15512,98.63251],"content":":北京地铁 13\r号线 :藤黄\r色 :西直门站—\r东直门站 :17 :41.\r5 :6\r准\rB :2002年\r09月\r28日 ","lines":[{"content":":北京地铁 13\r号线 ","location":[89.32981,638.1907,99.44599,98.63251]},{"content":":藤黄\r色 ","location":[188.7758,638.1907,46.79959,98.63251]},{"content":":西直门站—\r东直门站 ","location":[235.5754,638.1907,86.09996,98.63251]},{"content":":17 ","location":[321.67535,638.1907,36.200012,98.63251]},{"content":":41.\r5 ","location":[357.87537,638.1907,39.400696,98.63251]},{"content":":6\r准\rB ","location":[397.27606,638.1907,41.099,98.63251]},{"content":":2002年\r09月\r28日 ","location":[438.37506,638.1907,66.10986,98.63251]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
@@ -1038,9 +1044,9 @@ export default {
                             // tagIds 会按照gpt识别的生成有序的数组，前端直接按照下标的顺序取就可以了
                             // 缓存拿到的所有数据
                             this.cachePdf = res.data.data
-                            let publicPageFileUrl = res.data.data[0].publicPageFileUrl
+                            let publicPageFileUrl = res.data.data && res.data.data[0] ? res.data.data[0].publicPageFileUrl : ''
                             this.currentPage = 0
-                            if (publicPageFileUrl.substring(publicPageFileUrl.lastIndexOf('.')) === '.pdf') {
+                            if (publicPageFileUrl && publicPageFileUrl.substring(publicPageFileUrl.lastIndexOf('.')) === '.pdf') {
                                 this.preViewType = 'pdf'
                                 this.setPageAllLine(this.cachePdf)
                                 this.getpdfResloutePage(res.data.data[0])
@@ -1302,6 +1308,12 @@ export default {
             background: rgba(221, 222, 223, 1);
         }
     }
+  .pdf_container_view{
+    height: 100%;
+    width: 100%;
+    position: relative;
+    overflow: auto;
+  }
 }
 </style>
 <style lang="less">

package/src/components/previewDoc.vue

@@ -1,4 +1,9 @@
+<!-- preview-document 
+  组件主要负责 富文本中配置的链接，图片 及上传附件下的附件列表中的单纯预览
+  走的是kkview项目预览或者iframe直接打开文件地址，不对预览文件解析不包含其他功能开发
+-->
 <template>
+
   <div class="previewDoc">
     <div class="footer">
       <span>查看详情</span>

package/src/components/previewPdf.vue

@@ -1,3 +1,9 @@
+
+<!-- preview-pdf 
+  组件主要负责 知识项目中 文件的预览，携带定位信息参数 tagIds tagId 的会解析文件增加定位功能
+  不携带定位信息的 也是走 kkview项目预览
+  另外增加了在知识项目中预览当前文件的一些功能
+-->
 <template>
     <!-- <van-popup v-model="previewShowPopup" position="bottom" :style="{ height: '90%', background:'#FFFFFF'}" v-if="previewShowPopup">
       <div class="footer">
@@ -49,6 +55,9 @@
     <div class="drawer-footer">
       <span>{{title ? title : "查看详情"}}</span>
       <div class="header-right">
+        <div class="onload_btn" v-if="isDownload && isPc" @click="downLoad">
+          下载
+        </div>
         <div class="summaryBtn"
              :class="showSummary ? 'summaryActiveBtn' : ''"
              @click="summaryFun"
@@ -79,10 +88,10 @@
           @closeSummary="closeSummary"
           @recommendQues="recommendQues"
           @getSummarySuccess="getSummarySuccess"
-          :style="{marginTop:tagIds && tagIds.length != 0 ? '50px' : ''}"
+          :style="{marginTop:tagIds && tagIds.length != 0 && isPc ? '50px' : ''}"
       ></intelligent-summary>
       <template v-if="tagIds && tagIds.length != 0 && drawer">
-        <pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord"></pdfPosition>
+        <pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord" :textWatermarkStr="textWatermarkStr"></pdfPosition>
       </template>
       <template v-else>
         <div v-if="fileType == 'VIDEO'" style="width: 100%;">
@@ -104,6 +113,9 @@
           <iframe class="preview_iframe_kk" :src="previewUrl" style="border:none;"  :style="{height: iframeHeight}"></iframe>
         </template>
       </template>
+      <div class="mobile_onload_btn" v-if="isDownload && !isPc" @click="downLoad">
+        下载
+      </div>
     </div>
     <div class="loading_img" v-show="loading">
             <img src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif" alt="">
@@ -115,24 +127,29 @@
 import pdfPosition from './pdfPosition.vue'
 import { zoomElement } from '../assets/js/hammer'
 import IntelligentSummary from "./intelligentSummary";
+import { isMobile } from "../assets/js/common";
+import { Toast } from 'vant';
 export default {
     data () {
         return {
             previewShowPopup: false,
             fileText:'',
             fileType:"",
-            isPc:true,
+            isPc:false,
             drawer:false,
             tagIds: [],
             // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
             loading:true,
             previewKnowledgeId:"",
             showSummary:true,
-            iframeHeight:"100%"
+            iframeHeight:"100%",
+            isDownload:false,
+            textWatermarkStr:""
         }
     },
     mounted() {
-      window.addEventListener('message',this.handleIframeMessage,false)
+      window.addEventListener('message',this.handleIframeMessage,false);
+      this.isPcFun();
     },
     props:{
         url:{
@@ -162,6 +179,10 @@ export default {
         knowledgeId:{
           type: String,
           default: '',
+        },
+        previewOssPath:{
+          type: String,
+          default: '',
         }
     },
     components:{
@@ -189,6 +210,13 @@ export default {
             this.getSummarySuccess();
           }
         }
+      },
+      knowledgeId:{
+        handler(val){
+          if (val){
+            this.getTextWatermark();
+          }
+        }
       }
     },
     computed:{
@@ -206,6 +234,10 @@ export default {
             if(this.sourceFileType == '.ppt' || this.sourceFileType == '.pptx' || this.sourceFileType == '.pdf') {
                 url += '&officePreviewType=pdf'
             }
+            console.log('textWatermarkStr 216',this.textWatermarkStr)
+            if (this.textWatermarkStr){
+              url += '&textWatermarkValue=' + this.textWatermarkStr
+            }
             return url
         },
         // fileType() {
@@ -289,9 +321,8 @@ export default {
           if (this.tagIds.length > 0){
             let intelligentSummary = document.getElementById('intelligentSummary');
             let preCon = document.querySelector('.pdf_view')
-            console.log('intelligentSummary',preCon,intelligentSummary)
             if (intelligentSummary){
-              let height = intelligentSummary.offsetHeight + 100;
+              let height = intelligentSummary.offsetHeight + (this.isPc ? 100 : 50 );
               if (preCon){
                 preCon.style.height = 'calc(100% - ' + height + 'px)'
               }
@@ -300,6 +331,90 @@ export default {
           }
         })
       },
+      getTextWatermark(){
+        let url = '/knowledge-api/open/knowledge/getPermissionInfo';
+        let obj = {
+          "knowledgeId":this.knowledgeId,
+          "userId":sessionStorage.getItem('_currentUserId'),
+          "mainId":sessionStorage.getItem('_mainId'),
+          "corpId":sessionStorage.getItem('_corpid')
+        }
+        this.$http.post(url,obj).then(res => {
+          console.log('getTextWatermark',res.data.data)
+          if (res.data.data){
+            this.textWatermarkStr = res.data.data.textWatermarkStr;
+            this.isDownload = res.data.data.showDownloadBtn;
+          }
+        })
+      },
+      downLoad () {
+        let url = this.previewOssPath
+        if (decodeURIComponent(url) != url) {
+          url = decodeURIComponent(url)
+        }
+        const fileType = url.substring(url.lastIndexOf('.'));
+        this.$http.post('/knowledge-api/temporary-certificate/or-origin?expired=10', url, {
+          headers:{
+            "Content-Type": "application/json",
+          }
+        }).then(res => {
+          console.log('downLoad 341',res)
+          if (res.data) {
+            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
+              if(isMobile()) {
+                setTimeout(() =>{
+                  const range = document.createRange();
+                  range.selectNode(document.getElementById('text'));
+                  const selection = window.getSelection();
+                  //移除之前选中内容
+                  if (selection.rangeCount > 0) selection.removeAllRanges();
+                  selection.addRange(range);
+                  document.execCommand('copy');
+                  selection.removeAllRanges()
+                  Toast('下载地址已复制，请前往Safari浏览器访问下载');
+                  this.close()
+                },100)
+              } else {
+                navigator.clipboard.writeText(res.data)
+                this.$message.success({
+                  message:'下载地址已复制，请前往Safari浏览器访问下载',
+                })
+              }
+              return
+            } else {
+              // setTimeout(() =>{
+              //   window.open(res.data,'下载', 'noopener')
+              // }, 2000)
+              // window.open(res.data,'下载', 'noopener')
+              if(isMobile()) {
+                const iframe = document.createElement("iframe");
+                iframe.setAttribute("hidden", "hidden");
+                iframe.onload = () => {
+                  if (iframe) {
+                    console.log("iframe onload....")
+                    iframe.setAttribute('src', 'about:blank');
+                  }
+                };
+                document.body.insertBefore(iframe, null);
+                iframe.setAttribute("src", res.data);
+              } else {
+                let a = document.createElement('a')
+                a.href = res.data
+                a.download = (this.title) + fileType
+                a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
+              }
+              this.close()
+            }
+          }
+        })
+      },
+      isPcFun(){
+        if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
+          this.isPc = false
+        } else {
+          this.isPc = true
+        }
+      }
     },
     beforeDestroy() {
       window.removeEventListener('message', this.handleIframeMessage);
@@ -311,6 +426,38 @@ export default {
 #drawer_content_pre{
   padding: 20px;
   scroll-behavior: smooth;
+  .mobile_onload_btn{
+    position: absolute;
+    right: 0;
+    bottom: 10%;
+    width: 20px;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
+    color: #366aff;
+    background: #ffffff;
+    border: 1px solid #a1b9ff;
+    font-size: 12px;
+    border-right: none;
+    text-align: center;
+  }
+}
+.onload_btn {
+  width: 80px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  margin-right: 10px;
+  border-radius: 15px;
+  color: #366aff;
+  background: #ffffff;
+  border: 1px solid #a1b9ff;
 }
 .preview_iframe {
     width: 100%;

package/src/components/welcomeKnowledgeFile.vue

@@ -36,6 +36,7 @@
         </div>
         <previewPdf ref="previewPdf"
                     :url="previewHref"
+                    :previewOssPath="previewOssPath"
                     :sourceFileType="sourceFileType"
                     officePreviewType="pdf"
                     @previewToDialog="previewToDialog"
@@ -97,7 +98,8 @@ export default {
             sourceFileType: '',
             page: 1,
             previewKnowledgeId:"",
-            previewKnowledge:{}
+            previewKnowledge:{},
+            previewOssPath:""
         }
     },
     components: {
@@ -116,6 +118,7 @@ export default {
             this.previewKnowledgeId = item.knowledgeId
             this.$refs.previewPdf.previewShowPopup = false;
             this.$refs.previewPdf.drawer = false;
+            this.previewOssPath = item.url;
             let index = item.url.lastIndexOf('?')
             let type = ''
             let httpUrl = '/knowledge-api/knowledge/getTemporaryCertificate'