askbot-dragon 1.6.22-beta → 1.6.23-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,167 @@
+<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>
+  </div>
+</template>
+
+<script>
+import { imageTypeObj } from "../assets/js/common";
+export default {
+  name: "welcomeKnowledgeFile",
+  props:{
+    msgContent:{
+      type:Object,
+      default(){
+        return {}
+      }
+    }
+  },
+  computed:{
+
+  },
+  methods:{
+    fileIcon(type){
+      return 'https://static.guoranbot.com/cdn-office-website/askbot_doc/' + imageTypeObj[type] + '.png'
+    },
+    clickFun(item){
+      this.$emit('knowledgeClickFun',item)
+    }
+  }
+};
+</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>

package/src/main.js

@@ -1,60 +1,60 @@
-import Vue from 'vue'
-import App from './App.vue'
-import VueResource from 'vue-resource'
-import ElementUI from 'element-ui';
-import { requestUrl } from './api/index';
-import { utils } from '../src/components/utils/index';
-// /*import 'element-ui/lib/theme-chalk/index.css';*/
-import './assets/theme/index.css'
-import 'video.js/dist/video-js.css'
-import Vant from 'vant';
-import 'vant/lib/index.css';
-
-import CKEditor from '@ckeditor/ckeditor5-vue2';
-Vue.use(CKEditor);
-
-/*import VConsole from 'vconsole'
-const vConsole = new VConsole();
-Vue.use(vConsole);*/
-import $ from 'jquery'
-Vue.prototype._$ = $;
-Vue.use(Vant);
-Date.prototype.Format = function (fmt) { //author: meizz
-  var o = {
-    "M+": this.getMonth() + 1, //月份
-    "d+": this.getDate(), //日
-    "h+": this.getHours(), //小时
-    "m+": this.getMinutes(), //分
-    "s+": this.getSeconds(), //秒
-    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-    "S": this.getMilliseconds() //毫秒
-  };
-  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-  for (var k in o)
-    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-  return fmt;
-}
-Vue.config.productionTip = false
-Vue.use(VueResource)
-Vue.use(ElementUI)
-//导入图片预览viewer组件以及css
-import Viewer from 'v-viewer'
-import 'viewerjs/dist/viewer.css'
-Vue.use(Viewer, {
-  defaultOptions: {
-    zIndex: 9999,//解决图片放大的层级问题
-  }
-});
-// setDeafaults配置
-Viewer.setDefaults({
-  Options: { "inline": true, "button": true, "navbar": true, "title": true, "toolbar": true, "tooltip": true, "movable": true, "zoomable": true, "rotatable": true, "scalable": true, "transition": true, "fullscreen": true, "keyboard": true, "url": "data-source" }
-})
-
-
-
-Vue.prototype.requestUrl = requestUrl;
-Vue.prototype.utils = utils;
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+import VueResource from 'vue-resource'
+import ElementUI from 'element-ui';
+import { requestUrl } from './api/index';
+import { utils } from '../src/components/utils/index';
+// /*import 'element-ui/lib/theme-chalk/index.css';*/
+import './assets/theme/index.css'
+import 'video.js/dist/video-js.css'
+import Vant from 'vant';
+import 'vant/lib/index.css';
+
+import CKEditor from '@ckeditor/ckeditor5-vue2';
+Vue.use(CKEditor);
+
+/*import VConsole from 'vconsole'
+const vConsole = new VConsole();
+Vue.use(vConsole);*/
+import $ from 'jquery'
+Vue.prototype._$ = $;
+Vue.use(Vant);
+Date.prototype.Format = function (fmt) { //author: meizz
+  var o = {
+    "M+": this.getMonth() + 1, //月份
+    "d+": this.getDate(), //日
+    "h+": this.getHours(), //小时
+    "m+": this.getMinutes(), //分
+    "s+": this.getSeconds(), //秒
+    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+    "S": this.getMilliseconds() //毫秒
+  };
+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  for (var k in o)
+    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+  return fmt;
+}
+Vue.config.productionTip = false
+Vue.use(VueResource)
+Vue.use(ElementUI)
+//导入图片预览viewer组件以及css
+import Viewer from 'v-viewer'
+import 'viewerjs/dist/viewer.css'
+Vue.use(Viewer, {
+  defaultOptions: {
+    zIndex: 9999,//解决图片放大的层级问题
+  }
+});
+// setDeafaults配置
+Viewer.setDefaults({
+  Options: { "inline": true, "button": true, "navbar": true, "title": true, "toolbar": true, "tooltip": true, "movable": true, "zoomable": true, "rotatable": true, "scalable": true, "transition": true, "fullscreen": true, "keyboard": true, "url": "data-source" }
+})
+
+
+
+Vue.prototype.requestUrl = requestUrl;
+Vue.prototype.utils = utils;
+
+new Vue({
+  render: h => h(App),
+}).$mount('#app')