askbot-dragon 1.6.22-beta → 1.6.24-beta

package/src/components/voiceComponent.vue

@@ -1,120 +1,120 @@
-<template>
-  <div id="voice-component">
-    <div id="voice-component-container">
-      <div id="voice-component-c">
-        <div class="voice-btn">
-          <i class="iconfont arsenalchess-pawn-solid"></i>
-        </div>
-      </div>
-      <div class="close-voice" @click="closeVoice">
-        <div class="voice-style">
-          <i class="arsenal_icon arsenalcuo1"></i>
-        </div>
-      </div>
-      <div class="voice-tip">
-        <slot name="voiceTip"></slot>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: "voice_component",
-  data(){
-    return{
-
-    }
-  },
-  methods:{
-    closeVoice(){
-      this.$emit('closeVoice')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-#voice-component{
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  z-index: 9999;
-  left: 0;
-  #voice-component-container{
-    position: relative;
-   /* .half-top-ovals{
-      width: 130%;
-      position: relative;
-      left: -15%;
-      height: 80px;
-      padding-bottom: 40px;
-      padding-right: 20px;
-      padding-left: 20px;
-     !* width: 200px;*!
-      background: lightcoral;
-      border-radius: 50% 50% 0 0;
-    }*/
-    #voice-component-c{
-      height: 200px;
-      width: 130%;
-      position: relative;
-      left: -15%;
-      bottom: -80px;
-      background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
-      border: 2px solid white;
-      border-radius: 100% 100% 0 0;
-      border-bottom: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-btn{
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        top: 50px;
-        i{
-          color: #366aff;
-          font-size: 30px;
-        }
-      }
-    }
-    .voice-tip{
-      width: 100%;
-      position: absolute;
-      top: -40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #FFFFFF;
-      font-size: 13px;
-    }
-    .close-voice{
-      width: 100%;
-      position: absolute;
-      top: -35px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-style{
-        width: 60px;
-        height: 60px;
-        background: #EEF1F7;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.3s;
-        i{
-          font-size: 24px;
-          color: #999999;
-          transition: all 0.3s;
-        }
-      }
-    }
-  }
-
-}
+<template>
+  <div id="voice-component">
+    <div id="voice-component-container">
+      <div id="voice-component-c">
+        <div class="voice-btn">
+          <i class="iconfont arsenalchess-pawn-solid"></i>
+        </div>
+      </div>
+      <div class="close-voice" @click="closeVoice">
+        <div class="voice-style">
+          <i class="arsenal_icon arsenalcuo1"></i>
+        </div>
+      </div>
+      <div class="voice-tip">
+        <slot name="voiceTip"></slot>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "voice_component",
+  data(){
+    return{
+
+    }
+  },
+  methods:{
+    closeVoice(){
+      this.$emit('closeVoice')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+#voice-component{
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  z-index: 9999;
+  left: 0;
+  #voice-component-container{
+    position: relative;
+   /* .half-top-ovals{
+      width: 130%;
+      position: relative;
+      left: -15%;
+      height: 80px;
+      padding-bottom: 40px;
+      padding-right: 20px;
+      padding-left: 20px;
+     !* width: 200px;*!
+      background: lightcoral;
+      border-radius: 50% 50% 0 0;
+    }*/
+    #voice-component-c{
+      height: 200px;
+      width: 130%;
+      position: relative;
+      left: -15%;
+      bottom: -80px;
+      background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
+      border: 2px solid white;
+      border-radius: 100% 100% 0 0;
+      border-bottom: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-btn{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 50px;
+        i{
+          color: #366aff;
+          font-size: 30px;
+        }
+      }
+    }
+    .voice-tip{
+      width: 100%;
+      position: absolute;
+      top: -40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #FFFFFF;
+      font-size: 13px;
+    }
+    .close-voice{
+      width: 100%;
+      position: absolute;
+      top: -35px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-style{
+        width: 60px;
+        height: 60px;
+        background: #EEF1F7;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.3s;
+        i{
+          font-size: 24px;
+          color: #999999;
+          transition: all 0.3s;
+        }
+      }
+    }
+  }
+
+}
 </style>

package/src/components/welcomeKnowledgeFile.vue

@@ -0,0 +1,230 @@
+<template>
+  <div class="message_list_welcome_knowledge_file">
+    <div class="mlwm-title">{{ msgContent.title }}</div>
+    <div class="mlwm-des">
+      <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 :src="item.creatorAvatar" 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 class="load_moreKnowledge" v-if="msgContent.totalCount - (msgContent.pageSize * msgContent.page) > 0">
+        <span>查看更多</span>
+      </div>
+    </div>
+    <previewPdf ref="previewPdf" :url="previewHref" :sourceFileType="sourceFileType" officePreviewType="pdf"></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 {}
+      }
+    }
+  },
+  data(){
+    return{
+      previewHref: "",
+      sourceFileType:'',
+    }
+  },
+  components:{
+    previewPdf
+  },
+  methods:{
+    fileIcon(type){
+      return 'https://static.guoranbot.com/cdn-office-website/askbot_doc/' + imageTypeObj[type] + '.png'
+    },
+    clickFun(item){
+      this.$emit('knowledgeClickFun',item);
+      this.$refs.previewPdf.previewShowPopup = false;
+      this.$refs.previewPdf.drawer = false;
+      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;
+          }
+          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)
+          })
+        }
+      })
+    },
+    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'
+      }
+    },
+  }
+};
+</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;
+          }
+        }
+      }
+    }
+    .load_moreKnowledge{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 60px;
+      background: #F0F4FF;
+      color: #000000;
+      font-size: 14px;
+      cursor: pointer;
+      margin: 8px 0;
+    }
+  }
+}
+</style>

package/src/components/welcomeLlmCard.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="message_list-welcome-m">
+    <div class="mlwm-title">{{ msgContent.title }}</div>
+    <div class="mlwm-des">
+      <span class="mlwm-des-pre">{{ msgContent.description }}</span>
+      <div class="mlwm-des-after" v-if="false">
+        <span class="mlwm-des-after-cir"></span>
+        <span class="mlwm-des-after-text">可以试着这样问我:</span>
+      </div>
+    </div>
+    <div class="mlwm-msg-type">
+      <div v-for="(item, itemIndex) in msgContent.items"
+           :key="item.id"
+           :class="['mmt-cell', 'mmt-cell-' + itemIndex]"
+           @click="clickFun(item)"
+      >
+        <div class="mmt-cell-img">
+          <img :src="item.icon" alt="" srcset="">
+        </div>
+        <div class="mmt-cell-des">
+          <span class="mmt-cell-des-title">{{item.title}}</span>
+          <span class="mmt-cell-des-detail">{{item.description}}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "welcomeLlmCard",
+  props:{
+    msgContent:{
+      type:Object,
+      default(){
+        return {}
+      }
+    }
+  },
+  methods:{
+    clickFun(item){
+      this.$emit('llmCardClickFun',item)
+    }
+  }
+};
+</script>
+
+<style scoped lang="less">
+.message_list-welcome-m{
+  .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: 46px;
+        margin-right: 8px;
+        img {
+          height: 46px;
+          width: 46px;
+        }
+      }
+      .mmt-cell-des{
+        flex: auto;
+        text-align: left;
+        display: flex;
+        flex-direction: column;
+        padding-right: 12px;
+        .mmt-cell-des-title {
+          font-size: 14px;
+          color: #000000;
+          font-weight: 600;
+          margin-bottom: 6px;
+        }
+        .mmt-cell-des-detail{
+          font-size: 12px;
+          display: flex;
+          align-items: center;
+          .mmt-cell-avatar{
+            flex: none;
+            width: 20px;
+            margin-right: 8px;
+            display: flex;
+            align-items: center;
+            img {
+              height: 20px;
+              width: 20px;
+              border-radius: 50%;
+            }
+          }
+          .mmt-creator-name{
+            padding-right: 6px;
+            border-right: 1px solid #666666;
+            color: #666666;
+          }
+          .mmt-update-time{
+            color: #666666;
+            padding-left: 6px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>