askbot-dragon 1.5.78-beta → 1.5.78

package/src/components/MyEditor.vue

@@ -0,0 +1,351 @@
+<template>
+    <div class="my_editor">
+        <div class="editor_head" v-if="havToolbar">
+            <button class="button" @click="handleUpdate">
+                <svg
+                    t="1703581982515"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="74840"
+                    width="200"
+                    height="200"
+                >
+                    <path
+                        d="M566.839921 866.857572V983.050833c0 22.522042-7.677969 33.271198-29.688146 37.877979-18.427125 4.094917-37.366115 3.583052-55.281375-2.047458-17.403396-5.63051-24.057636-15.867802-24.057636-33.271198v-410.003534c0-7.166104-1.535594-9.213563-9.213562-9.213562-80.36274 0.511865-330.152658 0-410.515399 0-19.450854 0-29.688146-7.166104-34.294927-26.105094-5.118646-19.450854-5.118646-39.925438 0.511865-58.864427 5.118646-16.891531 15.355938-23.545771 32.759333-23.545771h412.562857c7.166104 0 8.189833-1.535594 8.189833-8.189834V41.219994c0-25.081365 7.166104-34.806792 32.247469-38.901708 18.93899-3.583052 38.389844-3.583052 56.305105 4.094917 13.820344 5.63051 20.474583 15.867802 20.474583 30.711875v412.562856c0 6.65424 1.535594 8.189833 8.189833 8.189834h406.932346c23.545771 0 33.783063 7.677969 38.901709 30.711875 4.094917 18.427125 4.094917 37.366115-2.047458 55.281375-5.118646 16.379667-15.355938 23.033906-32.247469 23.033907h-410.515398c-7.166104 0-10.237292 1.023729-9.725428 9.725427 0.511865 40.437302 0.511865 249.789918 0.511865 290.22722z"
+                        p-id="74841"
+                    />
+                </svg>
+                上传图片或附件
+            </button>
+        </div>
+        <div
+            class="editor_content"
+            id="my_editor_content"
+            v-html="text"
+            contenteditable
+            ref="editorContent"
+            @focus="ischecked = true"
+            @blur="blurFn"
+            @input="changeInput"
+            :data-placeholder="placeholder"
+        ></div>
+    </div>
+</template>
+
+<script>
+import { v4 as uuidv4 } from "uuid";
+import { multipartUpload, ossFileUrl } from "./utils/AliyunIssUtil";
+
+export default {
+    props: ["value", "placeholder", "havToolbar"],
+    data () {
+        return {
+            ossConfig: {
+                region: "oss-cn-zhangjiakou",
+                //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
+                accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
+                accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
+                // stsToken: '<Your securityToken(STS)>',
+                bucket: "guoranopen-zjk",
+            },
+            ischecked: false,
+            text: ''
+        }
+    },
+    watch: {
+        value: {
+            handler () {
+                // 解决光标跳动BUG
+                if (!this.ischecked) {
+                    this.text = this.value
+                }
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    methods: {
+        blurFn (e) {
+            this.ischecked = false
+            this.text = this.value
+            e.view.blur()
+        },
+        changeInput (e) {
+            this.$emit("input", e.target.innerHTML)
+        },
+        handleUpdate () {
+            let inputObj = document.createElement('input')
+            inputObj.setAttribute('id', '_ef');
+            inputObj.setAttribute('type', 'file');
+            inputObj.setAttribute('accept', '*')
+            inputObj.setAttribute('multiple', true)
+            inputObj.setAttribute("style", 'visibility:hidden');
+            document.body.appendChild(inputObj);
+            inputObj.click();
+            inputObj.onchange = () => {
+                // 循环上传文件
+                let files = inputObj.files;
+                for (let index = 0; index < files.length; index++) {
+                    const file = files[index];
+                    let uid = uuidv4()
+                    // let command = this.editor.commands.get("insertAskComponent");
+                    // const listeners = this.editor.config.get('askPluginListener');
+                    // let beforeButtonInsert = findListener(listeners, "UPLOAD");
+                    if (file.type.includes('image')) {
+                        // if (this.editor.uploadImg) {
+                        //     this.editor.uploadImg.push(uid)
+                        // } else {
+                        //     this.editor.uploadImg = []
+                        //     this.editor.uploadImg.push(uid)
+                        // }
+                        this.imgUploadCallback(file, uid, index)
+                    } else {
+                        this.fileUploadCallback(file, uid)
+                    }
+                }
+            }
+        },
+        appenNode (type, uid, value) {
+            let node = document.createElement(type)
+            node.setAttribute("uid", uid)
+            if (type == 'img') {
+                node.setAttribute("src", value)
+                node.setAttribute("class", 'image')
+                setTimeout(() => {
+                    this.appenNode('div', '', '')
+                })
+            }
+            if (type == 'div' && uid) {
+                node.innerText = value
+                node.setAttribute("class", 'loading')
+                setTimeout(() => {
+                    this.appenNode('div', '', '')
+                })
+            }
+            if (type == 'div' && !uid) {
+                node.setAttribute("class", 'wrap')
+            }
+            this.$refs.editorContent.appendChild(node)
+        },
+        deleteNode (uid) {
+            console.log(uid);
+            try {
+                let node = document.querySelector("[uid=" + uid + ']')
+                if (node) {
+                    this.$refs.editorContent.removeChild(node)
+                }
+            } catch {
+                console.error("未找到该节点");
+            }
+        },
+        imgUploadCallback (file, uid, index) {
+            console.log(file, uid, index);
+            this.appenNode("div", "div" + index + uid, file.name + "正在上传，请稍后...")
+            this.upload(file).then(res => {
+                this.appenNode('img', "img" + index + uid, res.default)
+                this.deleteNode("div" + index + uid)
+                this.$emit("input", this.$refs.editorContent.innerHTML)
+            })
+        },
+        upload (file) {
+            return new Promise((resolve) => {
+                this.uploadFile(file, resolve)
+            })
+        },
+        uploadFile (file, resolve) {
+            let imgInfo = {
+                url: '',
+            }
+            let res = multipartUpload(
+                this.ossConfig,
+                file,
+                null,
+                imgInfo
+            );
+            res.then(resp => {
+                imgInfo.url = ossFileUrl(this.ossConfig, resp.name)
+                resolve({
+                    name: resp.name,
+                    default: imgInfo.url
+                })
+            })
+        },
+        fileUploadCallback (file, uid) {
+            this.$emit("fileUploadCallback", {
+                param: {
+                    uid: uid,
+                    type: 'pending',
+                    name: file.name
+                }
+            })
+            this.upload(file).then(res => {
+                this.$emit("fileUploadCallback", {
+                    param: {
+                        uid: uid,
+                        name: file.name,
+                        type: 'success',
+                        url: res.default
+                    }
+                })
+                this.$emit("input", this.$refs.editorContent.innerHTML)
+            })
+        },
+
+    },
+    mounted () {
+        this.$nextTick(() => {
+            let myEditorContent = this.$refs.editorContent
+            console.log(myEditorContent, 'myEditorContent');
+            myEditorContent.addEventListener("paste", (e) => {
+                let { files } = e.clipboardData
+                console.log(files, e.clipboardData, 'filesfilesfilesfiles');
+                if (files.length > 0) {
+                    for (let index = 0; index < files.length; index++) {
+                        let uid = uuidv4()
+                        if (files[index].type.indexOf('image') != -1) {
+                            this.imgUploadCallback(files[index], uid, index)
+                            e.preventDefault();
+                        } else {
+                            this.fileUploadCallback(files[index], uid)
+                            e.preventDefault();
+                        }
+                    }
+                }
+            })
+            myEditorContent.addEventListener("dragenter", function () {
+            });
+            myEditorContent.addEventListener("dragover", function (e) {
+                e.preventDefault();
+            });
+            myEditorContent.addEventListener("drop", (e) => {
+                e.preventDefault();
+                let files = e.dataTransfer.files; // 这个就相当于文件上传组件
+                if (files.length > 0) {
+                    for (let index = 0; index < files.length; index++) {
+                        let uid = uuidv4()
+                        if (files[index].type.indexOf('image') != -1) {
+                            this.imgUploadCallback(files[index], uid, index)
+                            e.preventDefault();
+                        } else {
+                            this.fileUploadCallback(files[index], uid)
+                            e.preventDefault();
+                        }
+                    }
+                }
+            }, false);
+        })
+
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.my_editor {
+    width: 100%;
+    border: 1px solid #e0e6f7;
+    border-radius: 9px !important;
+    background: #ffffff;
+    /deep/.editor_content {
+        border-bottom-left-radius: 9px !important;
+        border-bottom-right-radius: 9px !important;
+        padding: 10px;
+        box-sizing: border-box;
+        min-height: 150px !important;
+        font-size: 14px !important;
+        outline: none;
+        div {
+            margin-bottom: 8px;
+            white-space: pre-wrap;
+        }
+        .image {
+            height: 140px;
+            object-fit: contain;
+        }
+        // .image{
+        //     outline: 3px solid #366aff;
+        // }
+        .loading {
+            background: rgba(0, 89, 255, 0.2);
+            display: inline-block;
+            padding: 2px 5px;
+            border-radius: 3px;
+            padding-left: 20px;
+            position: relative;
+            font-size: 12px;
+            -webkit-user-modify: read-only;
+            -moz-user-modify: read-only;
+        }
+        .loading::after {
+            content: '';
+            background-image: url(../assets/image/building.png);
+            background-size: 100%;
+            width: 15px;
+            height: 15px;
+            position: absolute;
+            top: 3px;
+            left: 2px;
+            color: #366aff;
+            -webkit-animation: rotate 1.5s linear infinite;
+            animation: rotate 1.5s linear infinite;
+        }
+        .wrap {
+            height: 1px;
+            width: 100%;
+        }
+    }
+    .editor_content:focus {
+        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset, 0, 0;
+    }
+    .editor_content:empty::before {
+        content: attr(data-placeholder);
+        color: #b3b3b3;
+        font-size: 14px;
+    }
+    .editor_head {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: 38px;
+        padding: 0 10px;
+        padding-left: 3px;
+        box-sizing: border-box;
+        color: #366aff;
+        font-size: 14px;
+        border-bottom: 1px solid #e0e6f7;
+
+        .button {
+            padding: 5px 8px;
+            background: #ffffff;
+            border: none;
+            border-radius: 2px;
+            svg {
+                fill: #366aff;
+                width: 12px !important;
+                height: 12px !important;
+            }
+        }
+        .button:focus {
+            // box-shadow: var(--ck-focus-outer-shadow),0 0;
+            outline: none;
+            background: #f0f0f0;
+            transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-ou;
+        }
+        .button:active {
+            border: 1px solid #366aff;
+        }
+    }
+}
+@keyframes rotate {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+</style>

package/src/components/answerRadio.vue

@@ -1,62 +1,107 @@
 <template>
   <div id="answer-radio">
-    <p class="radio-description" v-html="msg.content.description" v-if="msg.content.description && !msg.content.isKnowledgeSummary"></p>
+    <p class="radio-description" v-html="msg.content.description"
+      v-if="msg.content.description && !msg.content.isKnowledgeSummary"></p>
     <div class="bottom-link" v-if="msg.content.description && !msg.content.isKnowledgeSummary"></div>
-    <div :class="['options-list',msg.content.isKnowledgeSummary ? 'isKnowledgeSummary' : '']">
+    <div :class="['options-list', msg.content.isKnowledgeSummary ? 'isKnowledgeSummary' : '']">
       <div v-if="msg.content.isKnowledgeSummary" class="tips">AI为您推荐了以下内容</div>
-      <div
-          v-for="(option, index) in msg.content.options"
-          class="options-item"
-          :class="index!==msg.content.options.length -1?'recommend-item':'last-item'"
-          :key="msg.nodeId + '_' + index"
-          @click="radioClick(msg,option,index)">
-       
-          <!-- <el-tooltip class="item" effect="dark" :content="option.name" placement="bottom-start" v-if="!isMobile">
+      <div v-for="(option, index) in formatOptions[activeIndex]" class="options-item"
+        :class="index !== msg.content.options.length - 1 ? 'recommend-item' : 'last-item'" :key="msg.nodeId + '_' + index"
+        @click="radioClick(msg, option, index)">
+
+        <!-- <el-tooltip class="item" effect="dark" :content="option.name" placement="bottom-start" v-if="!isMobile">
             <span > {{ option.name }}</span>
           </el-tooltip> -->
-          <span> {{ option.name }}</span>
+        <span> {{ option.name }}</span>
         <i class="arsenal_icon arsenalangle-right-solid"></i>
       </div>
     </div>
+    <div v-if="showPage" class="switch-page">
+      <span @click="changeActivePage" class="switch-page-btn">换一批</span>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
-	name: "answerRadio",
-	data(){
-		return{
-		isMobile:false,
-		}
-	},
-	props:['msg'],
-	mounted(){
-		console.log(this.msg,'msg');
-		this.judgeIsMobile();
-	},
-	methods:{
-		judgeIsMobile() {
-			let flag = navigator.userAgent.match(
-				/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
-			);
-			if (flag) {
-				this.isMobile = true;
-			} else {
-				this.isMobile = false;
-			}
-			console.log(this.isMobile,'this.isMobile');
-		},
-		radioClick(msg,option,index){
-      let value = option.answerId ? msg.id +'_' + index + '_' + option.value + '_' + option.name + '_' + option.answerId : msg.id +'_' + index + '_' + option.value + '_' + option.name
-			this.$emit('onRadioClick',value,option.name, msg.apiKey,msg.actionCategory, msg.msgId?msg.msgId:'',option.apiKey)
-		}
-	}
+  name: "answerRadio",
+  data() {
+    return {
+      isMobile: false,
+      formatOptions: [],
+      activeIndex: 0,
+      pageSize: 5,
+      showPage: false,
+    }
+  },
+  props: ['msg'],
+  mounted() {
+    console.log(this.msg, 'msg');
+    // 关键词推荐 前端分页
+    if (this.msg.id == "recdNodeId" && this.msg.content.options.length > this.pageSize) {
+      this.formatOptions = this.chunkArray(this.msg.content.options, this.pageSize);
+      this.activeIndex = 0;
+      this.showPage = true;
+    } else {
+      this.formatOptions = [this.msg.content.options];
+      this.activeIndex = 0;
+    }
+    this.judgeIsMobile();
+  },
+  methods: {
+    changeActivePage(){
+      if (this.activeIndex >= this.formatOptions.length - 1) {
+        this.activeIndex = 0;
+      } else {
+        this.activeIndex++;
+      }
+    },
+    chunkArray(array, size) {
+      let chunks = [];
+      for (let i = 0; i < array.length; i += size) {
+        let chunk = array.slice(i, i + size);
+        chunks.push(chunk);
+      }
+      return chunks;
+    },
+    judgeIsMobile() {
+      let flag = navigator.userAgent.match(
+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+      );
+      if (flag) {
+        this.isMobile = true;
+      } else {
+        this.isMobile = false;
+      }
+      console.log(this.isMobile, 'this.isMobile');
+    },
+    radioClick(msg, option, index) {
+      let value = option.answerId ? msg.id + '_' + index + '_' + option.value + '_' + option.name + '_' + option.answerId : msg.id + '_' + index + '_' + option.value + '_' + option.name
+      this.$emit('onRadioClick', value, option.name, msg.apiKey, msg.actionCategory, msg.msgId ? msg.msgId : '', option.apiKey)
+    }
+  }
 
 }
 </script>
 
 <style scoped lang="less">
-#answer-radio{
+#answer-radio {
+  .switch-page {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .switch-page-btn {
+      width: 80px;
+      height: 30px;
+      border-radius: 15px;
+      border: solid 1px #366AFF;
+      color: #366AFF;
+      line-height: 30px;
+      text-align: center;
+      cursor: pointer;
+    }
+  }
   .radio-description {
     word-wrap: break-word;
     word-break: break-all;
@@ -64,51 +109,57 @@ export default {
     /*padding: 8px 10px 10px 0;*/
     padding-bottom: 10px;
     height: auto;
-   /* border-bottom: 1px solid #EEEEEE;*/
+    /* border-bottom: 1px solid #EEEEEE;*/
   }
-  .bottom-link{
+
+  .bottom-link {
     height: 1px;
-    background-color:#EEEEEE;
+    background-color: #EEEEEE;
   }
-  .options-list{
+
+  .options-list {
     padding-top: 4px;
-   /* padding-top: 10px;*/
+    /* padding-top: 10px;*/
     /*padding-right: 10px;*/
-    
-    .options-item{
+
+    .options-item {
       // height: 25px;
       line-height: 25px;
       background-color: #ffffff;
       color: #366aff;
-      cursor:pointer;
+      cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: space-between;
-     
 
-      i{
+
+      i {
         padding-left: 10px;
       }
-      .options-item-text{
+
+      .options-item-text {
         text-overflow: ellipsis;
         display: -webkit-box; //使用了flex，需要加
-        overflow: hidden;     //超出隐藏
+        overflow: hidden; //超出隐藏
         word-break: break-all; //纯英文、数字、中文
-        text-overflow: ellipsis;  //省略号
+        text-overflow: ellipsis; //省略号
         -webkit-box-orient: vertical; //垂直
-        -webkit-line-clamp: 1;  //显示一行
-        white-space:pre-line;   //
+        -webkit-line-clamp: 1; //显示一行
+        white-space: pre-line; //
       }
     }
-    &.isKnowledgeSummary{
+
+    &.isKnowledgeSummary {
       background: #EEF1FF;
       border-radius: 10px;
       padding: 10px;
-      .options-item{
+
+      .options-item {
         background: #EEF1FF;
       }
     }
-    .tips{
+
+    .tips {
       width: 131px;
       height: 22px;
       background: #366AFF;
@@ -118,13 +169,16 @@ export default {
       color: #fff;
       font-size: 12px;
     }
-    .recommend-item{
+
+    .recommend-item {
       padding: 8px 0;
     }
-    .last-item{
+
+    .last-item {
       padding-top: 8px;
     }
-    .end{
+
+    .end {
       border-bottom-left-radius: 25px !important;
       border-bottom-right-radius: 25px !important;
     }

package/src/components/assetDetails.vue

@@ -3,7 +3,7 @@
     <div class="asset-details">
       <section class="details-title">
         <p>您正在咨询</p>
-        <span v-if="!isThirdParty" @click="rotateClick" :class="rotateFlag ? 'rotate' : ''">
+        <span @click="rotateClick" class="rotate">
           <i class="arsenal_icon arsenalangle-up-solid"></i>
         </span>
       </section>
@@ -68,12 +68,12 @@
                 </p>
                 <p class="text-SN">
                   <i class="iconfont guoran-tongyichicun-mingcheng"></i>
-                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--" }}</span>
+                  <span>{{ dataDetails.thirdAssetsCode ? dataDetails.thirdAssetsCode : "--12312" }}</span>
                 </p>
               </section>
           </div>
       </div>
-      <div class="details-content-hide" v-if="rotateFlag && !isThirdParty">
+      <div class="details-content-hide" v-if="false && !isThirdParty">
         <p>
           <i class="iconfont guoran-miaoshu"></i>
           <section class="description">
@@ -155,6 +155,7 @@
 </template>
 
 <script>
+/*eslint-disable*/
 export default {
   props: {
     data: {
@@ -213,7 +214,8 @@ export default {
   },
   methods: {
     rotateClick() {
-      this.rotateFlag = !this.rotateFlag;
+      // this.rotateFlag = !this.rotateFlag;
+      this.$emit('assetClick', this.data.assets)
     },
   },
 };
@@ -258,7 +260,7 @@ export default {
       }
     }
     .rotate {
-      transform: rotate(180deg);
+      transform: rotate(90deg);
     }
   }
   .details-content {
@@ -296,6 +298,7 @@ export default {
         color: #000000;
         font-size: 15px;
         text-overflow: hidden;
+        margin-bottom: 5px;
         // overflow-wrap: each();
       }
       .text-label {
@@ -314,6 +317,8 @@ export default {
           background: #e1faf9;
           box-sizing: border-box;
           padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
           i {
             color: #00c2bb;
           }
@@ -325,11 +330,14 @@ export default {
           background: #edf2ff;
           box-sizing: border-box;
           padding: 3px 5px;
+          margin-bottom: 5px;
+          border-radius: 5px;
           i {
             color: #366aff;
           }
           span {
             color: #366aff;
+            margin-bottom: 0 !important;
           }
         }
       }

package/src/components/associationIntention.vue

@@ -22,10 +22,10 @@
       </template>
      <Recommend :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>
-    <div v-if="msg.type === 'answer_rich_text' && !(msg.content.recommend && msg.content.recommend.status)">
+    <div v-if="(msg.type === 'answer_rich_text' || msg.type === 'answer_rich_text_pro') && !(msg.content.recommend && msg.content.recommend.status)">
       <p :class="[msg.content.vertion == 1?'new-version-rich':'']" v-html="$options.filters.imageStyle(msg.content.html)" @click="lookAttach($event)"></p>
     </div>
-    <div  v-else-if="msg.type == 'answer_rich_text' && (msg.content.recommend && msg.content.recommend.status)">
+    <div  v-else-if="(msg.type == 'answer_rich_text' || msg.type === 'answer_rich_text_pro') && (msg.content.recommend && msg.content.recommend.status)">
       <p :class="['answer-rich-text', msg.content.vertion == 1?'new-version-rich':'']" v-html="$options.filters.imageStyle(msg.content.html)" @click="lookAttach($event)"></p>
       <Recommend :msg="msg.content" @onRadioClickReco="onRadioClickReco"></Recommend>
     </div>