askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/utils/ckeditor.js

@@ -1,17 +1,28 @@
 /* eslint-disable */
-import {multipartUpload, ossFileUrl} from "./AliyunIssUtil";
+import { multipartUpload, ossFileUrl } from "./AliyunIssUtil";
 import { v4 as uuidv4 } from "uuid";
-import { putObject } from "../../assets/js/obsBrowser";
-const ossConfig = {
-        region: "oss-cn-zhangjiakou",
-        //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
-        accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
-        accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
-        // stsToken: '<Your securityToken(STS)>',
-        bucket: "guoranopen-zjk",
+
+const getPrivateOssConfig = () => {
+    let mainSource = sessionStorage.getItem('_mainSource') ? sessionStorage.getItem('_mainSource') : "askbot";
+    switch (mainSource) {
+        case "askbot":
+            return {
+                region: "oss-cn-zhangjiakou",
+                accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
+                accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
+                bucket: "guoranopen-zjk",
+            }
+        case "lishi":
+            return {
+                region: "oss-ap-southeast-1",
+                accessKeyId: "LTAI5tAusPLDNJJwkvUbqi2T",
+                accessKeySecret: "xqPVaunOIbvTe3g9qsXal2IZO6RftK",
+                bucket: "askbotopen-ls",
+            };
     }
+}
 class MyUploadAdapter {
-    constructor( loader , editor ) {
+    constructor(loader, editor) {
         // 要在上载期间使用的文件加载器实例
         this.loader = loader;
         this.editor = editor
@@ -20,7 +31,7 @@ class MyUploadAdapter {
     // 启动上载过程
     upload() {
         return this.loader.file
-            .then( file => new Promise(() => {
+            .then(file => new Promise(() => {
                 /* this._initRequest();
                 this._initListeners( resolve, reject, file );
                 this._sendRequest( file );*/
@@ -38,8 +49,8 @@ class MyUploadAdapter {
                     options: {
                         name: file.name + '正在上传...',
                         data: uid,
-                        editable:false,
-                        type:'upload'
+                        editable: false,
+                        type: 'upload'
                     }
                 })
                 this.uploadFile(file)
@@ -48,35 +59,32 @@ class MyUploadAdapter {
 
     // 中止上载过程
     abort() {
-        if ( this.xhr ) {
+        if (this.xhr) {
             this.xhr.abort();
         }
     }
-    uploadFile(file){
+    uploadFile(file) {
         let imgInfo = {
-            url:'',
+            url: '',
         }
-        // let res = multipartUpload(
-        //     ossConfig,
-        //     file,
-        //     null,
-        //     imgInfo
-        // );
-        let res = putObject(file);
-        res.then(resp=>{
-            // imgInfo.url = ossFileUrl(ossConfig, resp.name)
-            imgInfo.url = resp.url;
-            let root =  this.editor.model.document.getRoot()
+        let res = multipartUpload(
+            file,
+            null,
+            imgInfo
+        );
+        res.then(resp => {
+            imgInfo.url = ossFileUrl(resp.name)
+            let root = this.editor.model.document.getRoot()
             let children = root.getChildren()
-            for(let child of children){
+            for (let child of children) {
                 for (let index = 0; index < child._children._nodes.length; index++) {
-                    if(child._children._nodes[index].name == 'askComponentPlaceholderContainer'){
-                        if(child._children._nodes[index]._children._nodes[0]) {
+                    if (child._children._nodes[index].name == 'askComponentPlaceholderContainer') {
+                        if (child._children._nodes[index]._children._nodes[0]) {
                             let attrs = child._children._nodes[index]._children._nodes[0]._attrs
-                            if(attrs) {
+                            if (attrs) {
                                 let attrsList = [...attrs.keys()]
                                 for (let j = 0; j < attrsList.length; j++) {
-                                    if(attrsList[j] == 'data') {
+                                    if (attrsList[j] == 'data') {
                                         // this.editor.uploadImg = this.editor.uploadImg.filter(id =>{return id != attrs.get(attrsList[j])})
                                         this.editor.model.change(writer => {
                                             writer.remove(child._children._nodes[index]);
@@ -92,7 +100,7 @@ class MyUploadAdapter {
             command.execute({
                 tag: "img",
                 options: {
-                    width:'100%',
+                    width: '100%',
                     alt: resp.name + 0,
                     src: imgInfo.url
                 },
@@ -106,68 +114,68 @@ class MyUploadAdapter {
     _initRequest() {
         const xhr = this.xhr = new XMLHttpRequest();
         console.log(xhr)
-        xhr.open( 'POST', '/open-api/oss/public?token=8c98087dfd2d48f856d8c95c09115def', true );
+        xhr.open('POST', '/open-api/oss/public?token=8c98087dfd2d48f856d8c95c09115def', true);
         xhr.responseType = '';
     }
 
     // 初始化 XMLHttpRequest 监听.
-    _initListeners( resolve, reject, file ) {
+    _initListeners(resolve, reject, file) {
         const xhr = this.xhr;
         const loader = this.loader;
         console.log(this.loader)
-        const genericErrorText = `无法上传文件: ${ file.name }.`;
+        const genericErrorText = `无法上传文件: ${file.name}.`;
 
-        xhr.addEventListener( 'error', () => reject( genericErrorText ) );
-        xhr.addEventListener( 'abort', () => reject() );
-        xhr.addEventListener( 'load', () => {
+        xhr.addEventListener('error', () => reject(genericErrorText));
+        xhr.addEventListener('abort', () => reject());
+        xhr.addEventListener('load', () => {
             const response = xhr.response;
             // 当code＝＝200说明上传成功，可以增加弹框提示；
             // 当上传失败时，必须调用reject()函数。
 
             console.log('response', xhr)
 
-            if ( !response || response.error ) {
-                return reject( response && response.error ? response.error.message : genericErrorText );
+            if (!response || response.error) {
+                return reject(response && response.error ? response.error.message : genericErrorText);
             }
             //上传成功，从后台获取图片的url地址
-            resolve( {
+            resolve({
                 default: response
-            } ); 
-        } );
+            });
+        });
 
         // 支持时上传进度。文件加载器有#uploadTotal和#upload属性，用于在编辑器用户界面中显示上载进度栏。
-        if ( xhr.upload ) {
-            xhr.upload.addEventListener( 'progress', evt => {
-                if ( evt.lengthComputable ) {
+        if (xhr.upload) {
+            xhr.upload.addEventListener('progress', evt => {
+                if (evt.lengthComputable) {
                     loader.uploadTotal = evt.total;
                     loader.uploaded = evt.loaded;
                 }
-            } );
+            });
         }
     }
 
     // 准备数据并发送请求
-    _sendRequest( file ) {
+    _sendRequest(file) {
         //通过FormData构造函数创建一个空对象
         const data = new FormData();
         //通过append()方法在末尾追加key为files值为file的数据
 
-        console.log('file',file)
-        data.append( 'file', file );//上传的参数data
+        console.log('file', file)
+        data.append('file', file);//上传的参数data
         // data.append( 'memberId', "666" );
         /**
          * 重要提示:这是实现诸如身份验证和CSRF保护等安全机制的正确位置。
          * 例如，可以使用XMLHttpRequest.setRequestHeader()设置包含应用程序先前生成的CSRF令牌的请求头。
          */
-        this.xhr.send( data );
+        this.xhr.send(data);
     }
 }
 
-function MyCustomUploadAdapterPlugin( editor ) {
-    editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {
+function MyCustomUploadAdapterPlugin(editor) {
+    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
         // 在这里将URL配置为后端上载脚本
-        console.log(loader,'loader');
-        return new MyUploadAdapter( loader,editor );
+        console.log(loader, 'loader');
+        return new MyUploadAdapter(loader, editor);
     }
 }
 

package/src/components/welcomeKnowledgeFile.vue

@@ -0,0 +1,344 @@
+<template>
+    <div class="message_list_welcome_knowledge_file">
+        <div class="mlwm-title"  v-if="msgContent.enableTitle">{{ msgContent.title }}</div>
+        <div class="mlwm-des" v-if="msgContent.enableDescription">
+            <span class="mlwm-des-pre">{{ msgContent.description }}</span>
+        </div>
+        <div class="mlwm-msg-type">
+            <div
+                v-for="(item, itemIndex) in msgContent.knowledgeFileInfos"
+                :key="item.id"
+                :class="['mmt-cell', 'mmt-cell-' + itemIndex]"
+                @click="clickFun(item)"
+            >
+                <div class="mmt-cell-img">
+                    <img :src="fileIcon(item.type)" alt srcset />
+                </div>
+                <div class="mmt-cell-des">
+                    <span class="mmt-cell-des-title">{{item.name}}</span>
+                    <span class="mmt-cell-des-detail">
+                        <div class="mmt-cell-avatar">
+                            <img v-if="item.creatorAvatar" :src="item.creatorAvatar" alt srcset />
+                            <img v-else src="../assets/image/default_avt_ui.png" alt srcset />
+                        </div>
+                        <div class="mmt-creator-name">{{ item.creatorName }}</div>
+                        <div class="mmt-border"></div>
+                        <div class="mmt-update-time">{{ new Date(item.updateTime).Format('yyyy-MM-dd hh:mm') }}</div>
+                    </span>
+                </div>
+            </div>
+            <div v-if="msgContent.knowledgeFileInfos.length % 2 != 0" class="mmt-cell booth_elements"></div>
+            <!-- v-if="msgContent.totalCount > msgContent.knowledgeFileInfos.length" -->
+
+            <div class="load_moreKnowledge" v-if="page < msgContent.totalPages" @click="loadMore">
+                <span>{{$t('dragonCommon.viewMore')}}</span>
+            </div>
+        </div>
+        <previewPdf ref="previewPdf"
+                    :url="previewHref"
+                    :previewOssPath="previewOssPath"
+                    :sourceFileType="sourceFileType"
+                    officePreviewType="pdf"
+                    @previewToDialog="previewToDialog"
+                    @recommendQues="recommendQues"
+                    @close="close"
+                    @open="open"
+                    :isHasChat="isHasChat"
+                    :knowledgeId="previewKnowledgeId"
+        ></previewPdf>
+    </div>
+</template>
+
+<script>
+import { imageTypeObj, isMobile } from "../assets/js/common";
+import previewPdf from "./previewPdf";
+export default {
+    name: "welcomeKnowledgeFile",
+    props: {
+        msgContent: {
+            type: Object,
+            default () {
+                return {}
+            }
+        },
+        mainId: {
+            type: String,
+            default: ''
+        },
+        corpId: {
+            type: String,
+            default: ''
+        },
+        userId: {
+            type: String,
+            default: ''
+        },
+        externalPreview: {
+            type: Boolean,
+            default: false
+        },
+        isHasChat:{
+          type: Boolean,
+          default: false
+        },
+        askKnowledgeId:{
+          type: String,
+          default: ''
+        },
+        activeKnowledgeId:{
+          type: String,
+          default: ''
+        },
+        bindCode:{
+          type: String,
+          default: ''
+        }
+    },
+    data () {
+        return {
+            previewHref: "",
+            sourceFileType: '',
+            page: 1,
+            previewKnowledgeId:"",
+            previewKnowledge:{},
+            previewOssPath:""
+        }
+    },
+    components: {
+        previewPdf
+    },
+    methods: {
+        fileIcon (type) {
+            return require('../assets/image/filtType/' + imageTypeObj[type] + '.png')
+        },
+        clickFun (item) {
+            if(this.externalPreview) {
+                this.$emit('knowledgeClickFun', item);
+                return
+            }
+            this.previewKnowledge = item;
+            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'
+            if (index !== -1) {
+                item.url = item.url.substring(0, index)
+                type = this.fileType(item.url)
+            } else {
+                type = this.fileType(item.url)
+            }
+            if (type === '' || type === 'OTHER') {
+                httpUrl = httpUrl += '?needEncrypt=true'
+            } else {
+                httpUrl = httpUrl += '?needEncrypt=false'
+            }
+            this.$http.post(httpUrl, {
+                "fileInOssPath": item.url
+            }).then(res => {
+                if (res.data.code == '0') {
+                    this.previewHref = res.data.data;
+                    this.sourceFileType = item.url.substring(item.url.lastIndexOf('.'))
+                    let isOhmPc = sessionStorage.getItem('isOhmPc')
+                    if (isMobile() || isOhmPc == 'true') {
+                        this.$refs.previewPdf.drawer = true;
+                        this.$refs.previewPdf.previewShowPopup = true;
+                    } else {
+                        this.$refs.previewPdf.previewShowPopup = false;
+                        this.$refs.previewPdf.drawer = true;
+                    }
+                    //聊一聊按钮的选中状态
+                    if (this.activeKnowledgeId == item.knowledgeId){
+                      this.$refs.previewPdf.previewKnowledgeId = this.activeKnowledgeId
+                    } else {
+                      this.$refs.previewPdf.previewKnowledgeId = ""
+                    }
+                    this.$refs.previewPdf.fileType = type
+                    this.$refs.previewPdf.tagIds = item.tagIds
+                    this.$refs.previewPdf.isMessageRecord = this.isMessageRecord ? true : false
+                    if (item.tagIds && item.tagIds.length != 0) {
+                        this.$refs.previewPdf.loading = false
+                        return
+                    }
+                    this.$nextTick(() => {
+                        if (item.source == 'CREATED_BY_ONESELF' || type === 'HTML') {
+                            this.$refs.previewPdf.getBolb(item)
+                        }
+                        this.$refs.previewPdf.loadIframe(item)
+                        this.$refs.previewPdf.showSummary = true;
+                    })
+                }
+            })
+        },
+        fileType (url) {
+            const fileType = url.substring(url.lastIndexOf('.'));
+            if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.MOVC' || fileType === '.mov' || fileType === '.movc' || fileType === '.mav' || fileType === '.MAV' || fileType == '.mp3' || fileType == '.MP3' || fileType === '.wav') {
+                return 'VIDEO'
+            } else if (fileType === '.html') {
+                return 'HTML'
+            } else {
+                return 'OTHER'
+            }
+        },
+        loadMore () {
+            this.page = this.page + 1
+            let params = {
+                mainId: this.mainId,
+                corpId: this.corpId,
+                userId: this.userId,
+                page: this.page,
+                lastDays: this.msgContent.lastDays,
+                pageSize: this.msgContent.pageSize,
+                limitCount: this.msgContent.limitCount,
+                bindCode:this.bindCode
+            }
+            this.$http.post('/knowledge-api/knowledge/search/page', params).then(res => {
+                if (res.data && res.data.list && res.data.list.length != 0) {
+                    this.msgContent.knowledgeFileInfos = this.msgContent.knowledgeFileInfos.concat(res.data.list)
+                }
+            })
+        },
+        previewToDialog(flag){
+            if (!flag){
+            this.$refs.previewPdf.previewKnowledgeId = ""
+            } else {
+            this.$refs.previewPdf.previewKnowledgeId = this.previewKnowledgeId
+            }
+            this.$emit('previewToDialog',flag,this.previewKnowledgeId,this.previewKnowledge)
+        },
+        clearKnowledgeId(){
+            this.previewKnowledgeId = "";
+        },
+        recommendQues(item,knowledgeId){
+            this.$emit('recommendQues',item,knowledgeId)
+        },
+        open() {
+            this.$emit('openPreviewDialog')
+        },
+        close() {
+            this.$emit('closePreviewDialog')
+        },
+    },
+    mounted() {
+        this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    },
+};
+</script>
+
+<style scoped lang="less">
+.message_list_welcome_knowledge_file {
+    .mlwm-title {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+    }
+    .mlwm-des {
+        color: #666666;
+        margin-top: 9px;
+        font-size: 14px;
+        font-weight: 500;
+        .mlwm-des-after {
+            display: flex;
+            align-items: center;
+            height: 28px;
+            line-height: 28px;
+            .mlwm-des-after-cir {
+                flex: none;
+                width: 6px;
+                height: 6px;
+                background: #366aff;
+                border-radius: 50%;
+                margin-right: 6px;
+            }
+        }
+    }
+
+    .mlwm-msg-type {
+        margin-top: 9px;
+        .mmt-cell {
+            flex: 1;
+            padding: 10px;
+            background: #f0f4ff;
+            border-radius: 8px;
+            margin: 8px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            .mmt-cell-img {
+                flex: none;
+                width: 20px;
+                margin-right: 8px;
+                img {
+                    height: 20px;
+                    width: 20px;
+                }
+            }
+            .mmt-cell-des {
+                flex: auto;
+                text-align: left;
+                display: flex;
+                flex-direction: column;
+                padding-right: 12px;
+                .mmt-cell-des-title {
+                    font-size: 14px;
+                    color: #333333;
+                    font-weight: 600;
+                    margin-bottom: 6px;
+                }
+                .mmt-cell-des-detail {
+                    font-size: 12px;
+                    display: flex;
+                    align-items: center;
+                    .mmt-cell-avatar {
+                        flex: none;
+                        width: 16px;
+                        margin-right: 8px;
+                        display: flex;
+                        align-items: center;
+                        img {
+                            height: 16px;
+                            width: 16px;
+                            border-radius: 50%;
+                        }
+                    }
+                    .mmt-creator-name {
+                        padding-right: 6px;
+                        color: #666666;
+                    }
+                    .mmt-update-time {
+                        color: #666666;
+                        padding-left: 6px;
+                    }
+                    .mmt-border {
+                        height: 12px;
+                        width: 1px;
+                        background-color: #666666;
+                    }
+                }
+            }
+        }
+        .booth_elements {
+            padding: 0 10px;
+            margin-top: 0px;
+            margin-bottom: 0px;
+            background: #FFFFFF;
+            cursor: default !important;
+        }
+        .load_moreKnowledge {
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            // background: #FFFFFF;
+            color: #366aff;
+            font-size: 14px;
+            margin-top: 8px;
+            cursor: pointer;
+        }
+    }
+}
+</style>