askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/imgView.vue

@@ -0,0 +1,32 @@
+<template>
+    <div>
+        <el-image-viewer :zIndex="999999" :on-close="closeViewer" :url-list="urlList" />
+    </div>
+</template>
+
+<script>
+import ElementUI from 'element-ui';
+// import ElImageViewer from ElementUI.Image.components.ImageViewer;
+
+export default {
+    name: "imgView",
+    components: {
+        ElImageViewer: ElementUI.Image.components.ImageViewer
+    },
+    data () {
+        return {};
+    },
+    props: ["urlList"],
+    methods: {
+        closeViewer () {
+            // 关闭组件后从父级dom销毁这个挂载
+            if (this.$el.parentNode) {
+                this.$el.parentNode.removeChild(this.$el);
+            }
+            this.$emit("closeViewer");
+        },
+    },
+};
+</script>
+
+<style scoped></style>

package/src/components/intelligentSummary.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="intelligentSummary" :class="tagIds.length != 0 ? 'float_intelligentSummary' : ''" id="intelligentSummary">
+    <div class="summaryHeader">
+      <div class="left">
+        <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
+        <span>{{ $t('dragonCommon.smartSummary') }}</span>
+      </div>
+      <div class="right">
+        <div class="regenerationBtn" @click="regeneration">
+          <template v-if="!isLoading">
+            {{ $t('dragonCommon.regenerate') }}
+          </template>
+          <template v-else>
+            <img
+              height="20px"
+              width="20px"
+              src="../assets/image/loading.gif"
+              alt
+              srcset
+              style="margin-right: 6px"
+            />
+            <span>{{ $t('dragonCommon.generating') }}</span>
+          </template>
+        </div>
+        <i class="iconfont guoran-tongyichicun-shouqi" @click="closeSummary"></i>
+      </div>
+    </div>
+    <div class="summaryContent">
+      <span>{{ typedContent }}</span>
+    </div>
+    <div class="intelligentBottom" v-if="recommendQuestions.length > 0">
+      <div class="intelligentQues"
+           v-for="(item, index) in recommendQuestions"
+           :key="index"
+           @click="recommendQues(item)"
+      >
+        {{ item }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "intelligentSummary",
+  data(){
+    return{
+      summary:"",
+      recommendQuestions:[],
+      isLoading:false,
+      typedContent:"",
+      typingSpeed:20
+    }
+  },
+  props:{
+    knowledgeId:{
+      type:String
+    },
+    tagIds:{
+      type:Array,
+        default() {
+          return []
+        }
+    }
+  },
+  methods:{
+    getKnowledgeSummary() {
+      let url = "/knowledge-api/knowledge/detail/" + this.knowledgeId;
+      this.typedContent = "";
+      this.summary = "";
+      this.$http.get(url).then(res => {
+        console.log('res',res)
+        if (res.data.data){
+          this.summary = res.data.data.summary;
+          this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions.splice(0,5) : [];
+          if (!this.summary){
+            this.regeneration();
+          } else {
+            this.typedContent = this.summary;
+          }
+        }
+        this.$nextTick(() => {
+          this.$emit('getSummarySuccess')
+        })
+      })
+    },
+    regeneration(){
+      let url = "/knowledge-api/knowledge/analyze/summary";
+      let obj = {
+        "mainId": sessionStorage.getItem('_mainId') || localStorage.getItem('_mainId'),
+        "userId": sessionStorage.getItem('_uid') || localStorage.getItem('_uid'),
+        "knowledgeId": this.knowledgeId,
+        "async": false
+      }
+      this.isLoading = true;
+      this.typedContent = "";
+      this.summary = "";
+      this.$http.post(url,obj).then(res => {
+        console.log('regeneration',res)
+        if (res.data.data){
+          this.summary = res.data.data.summary;
+          this.recommendQuestions = res.data.data.recommendQuestions ? res.data.data.recommendQuestions.splice(0,5) : [];
+          this.startTypingEffect();
+        } else {
+          this.$nextTick(() => {
+            this.$emit('getSummarySuccess')
+          })
+        }
+        this.isLoading = false;
+      })
+    },
+    closeSummary(){
+      this.$emit('closeSummary')
+    },
+    recommendQues(item){
+      this.$emit('recommendQues',item,this.knowledgeId)
+    },
+    startTypingEffect() {
+      let i = 0;
+      const interval = setInterval(() => {
+        if (i < this.summary.length) {
+          this.typedContent += this.summary.charAt(i);
+          i++;
+        } else {
+          clearInterval(interval);
+          setTimeout(() => {
+            this.$emit('getSummarySuccess')
+          },240)
+        }
+      }, this.typingSpeed);
+    },
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    this.getKnowledgeSummary();
+  }
+};
+</script>
+
+<style scoped lang="less">
+.intelligentSummary{
+  background-color: #ffffff;
+  border-radius: 20px;
+  border: 1px solid #366AFF;
+  margin-bottom: 20px;
+  .summaryHeader{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 16px;
+    font-size: 14px;
+    .left{
+      //display: flex;
+      //align-items: center;
+      color: #366aff;
+      i{
+        padding-right: 6px;
+      }
+    }
+    .right{
+      display: flex;
+      align-items: center;
+      color: #366aff;
+      .regenerationBtn{
+        height: 26px;
+        background: #E9EFFF;
+        border-radius: 12px;
+        color: #366AFF;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        padding: 0 10px;
+        margin-right: 10px;
+        font-size: 12px;
+      }
+      i{
+        cursor: pointer;
+        font-size: 14px;
+      }
+    }
+  }
+  .summaryContent{
+    line-height: 26px;
+    padding: 0 16px 16px 16px;
+    font-size: 14px;
+    text-align: left;
+  }
+  .intelligentBottom{
+    background: #F9FAFD;
+    padding: 0 20px;
+    border-bottom-left-radius: 20px;
+    border-bottom-right-radius: 20px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    .intelligentQues{
+      height: 26px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 8px;
+      background: #E5EBFF;
+      color: #366AFF;
+      border-radius: 10px;
+      margin-right: 5px;
+      margin-top: 5px;
+      margin-bottom: 5px;
+      font-size: 12px;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+  }
+  ::-webkit-scrollbar{
+    background-color: transparent;
+    height: 6px;
+  }
+}
+.float_intelligentSummary {
+  position: absolute;
+  z-index: 999;
+  top: 60px;
+  left: 16px;
+  width: calc(100% - 32px);
+  box-shadow: 0 0 10px rgba(0,0,0,.12);
+  .summaryContent {
+    max-height: 30vh;
+    overflow-y: auto;
+  }
+}
+</style>

package/src/components/markDownText.vue

@@ -0,0 +1,198 @@
+<template>
+    <div @click="lookImage">
+        <vue-markdown class="mark_down" :source="typedContent" :ref="'markdown' + msgId">
+        </vue-markdown>
+        <div v-if="showPreview">
+            <img-view :url-list="imgList" @closeViewer="closeViewer"></img-view>
+        </div>
+    </div>
+</template>
+
+<script>
+import VueMarkdown from "vue-markdown";
+import ImgView from "./imgView.vue";
+
+export default {
+    name: "markDownText",
+    data() {
+        return {
+            typedContent: "",
+            typingSpeed: 15,
+            showPreview: false,
+            imgList: [],
+        };
+    },
+    props: {
+        chainValues: {
+            type: String,
+            default: "",
+        },
+        msgId: {
+            type: String,
+            default: "",
+        },
+        isHistory: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    components: {
+        ImgView,
+        VueMarkdown,
+    },
+    mounted() {
+        this.$nextTick(() => {
+            // let ref = 'markdown' + this.msgId
+            // const el = this.$refs[ref].$el;
+            // if (this.isHistory){
+            //   el.innerHTML = this.chainValues;
+            // } else {
+            //   new Typed(el, {
+            //     strings: [this.chainValues],
+            //     typeSpeed: 30,
+            //     showCursor: false
+            //   })
+            // }
+            this.typedContent = this.chainValues;
+            // if (this.isHistory) {
+            //     this.typedContent = this.chainValues;
+            // } else {
+            //     this.startTypingEffect();
+            // }
+        });
+    },
+    methods: {
+        startTypingEffect() {
+            let i = 0;
+            const interval = setInterval(() => {
+                if (i < this.chainValues.length) {
+                    this.typedContent += this.chainValues.charAt(i);
+                    i++;
+                } else {
+                    clearInterval(interval);
+                }
+            }, this.typingSpeed);
+        },
+        lookImage(e) {
+            let previewImageUrl = "";
+            console.log("e.target", e.target);
+            if (e.target.localName == "img") {
+                previewImageUrl = e.target.currentSrc;
+                this.showPreview = true;
+            }
+            let richtext = JSON.parse(JSON.stringify(this.typedContent));
+            this.imgList = [];
+            richtext.replace(
+                /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
+                (match, capture) => {
+                    this.imgList.push(capture);
+                }
+            );
+            /*当前点击的图片作为第一个图片*/
+            let index = this.imgList.indexOf(previewImageUrl);
+            this.imgList.splice(index, 1);
+            this.imgList.unshift(previewImageUrl);
+        },
+        closeViewer() {
+            this.showPreview = false;
+        },
+    },
+};
+</script>
+
+<style scoped lang="less">
+.mark_down {
+    line-height: 24px;
+    overflow-x: auto;
+    /deep/p {
+        margin-bottom: 14px;
+        font-size: 16px;
+    }
+
+    /deep/p:only-child {
+        margin: 0 !important;
+    }
+
+    /deep/p:last-child {
+        margin-bottom: 0 !important;
+    }
+
+    /deep/ul {
+        margin-bottom: 16px;
+        list-style: disc;
+        padding-left: 16px;
+
+        li {
+            margin: 7px 0 !important;
+            font-size: 16px;
+            // padding-left: 40px;
+
+        }
+    }
+
+    /deep/ ol {
+        list-style: auto;
+        padding-left: 16px;
+
+        li {
+            margin: 7px 0 !important;
+            font-size: 16px;
+            // padding-left: 40px;
+        }
+    }
+
+    /deep/img {
+        max-width: 400px;
+    }
+
+    /deep/h3,
+    /deep/h2,
+    /deep/h1,
+    /deep/h4,
+    /deep/h5,
+    /deep/h6 {
+        color: #000000;
+        font-weight: 500;
+        line-height: 26px;
+    }
+
+    /deep/h3 {
+        font-size: 20px;
+    }
+
+    /deep/h2 {
+        font-size: 22px;
+    }
+
+    /deep/h1 {
+        font-size: 24px;
+    }
+
+    /deep/h3 {
+        font-size: 20px;
+    }
+
+    /deep/ table {
+        border-spacing: 0;
+        // border-radius: 8px;
+        // overflow: hidden;
+        border: solid 1px #e0e6f7;
+        min-width: 800px;
+        overflow-x: auto;
+    }
+    /deep/ th {
+        background: #EEF1FF;
+        border: solid 1px #e0e6f7;
+        padding: 8px;
+        height: 38px;
+        min-width: 100px;
+    }
+
+    /deep/ td {
+        border: solid 1px #e0e6f7;
+        padding: 8px;
+        height: 28px;
+        min-width: 100px;
+    }
+}
+</style>

package/src/components/myPopup.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="container">
     <div class="top-container">
-      <div class="close">取消</div>
-      <div class="sure">确定</div>
+      <div class="close" @click="handleClose">{{ $t('dragonCommon.cancel') }}</div>
+      <div class="sure" @click="handleConfirm">{{ $t('dragonCommon.confirm') }}</div>
     </div>
-    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" :offset="1" @load="onload" class="list-container">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      :finished-text="$t('dragonCommon.noMore')"
+      :offset="1"
+      @load="onLoad"
+      class="list-container"
+    >
       <van-cell v-for="item in list" :key="item.id" :title="item.name" />
-      <!-- <van-cell  title="123" />
-      <van-cell  title="asdasd" />
-      <van-cell  title="adszx" />
-      <van-cell  title="zxc zc" />
-      <van-cell  title="asdasd" />
-      <van-cell  title="wqeqweqwe" />
-      <van-cell  title="icvbncvbn" /> -->
     </van-list>
   </div>
 </template>
@@ -40,7 +40,10 @@ export default {
     onload() {
       this.$emit('onload')
     }
-  }
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+  },
 }
 </script>
 

package/src/components/pagination.vue

@@ -0,0 +1,129 @@
+<template>
+    <div id="pagination">
+        <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="currentChange"
+                :current-page.sync="currentPages"
+                :page-size="pageSize"
+                layout="slot, prev, pager, next"
+                :total="total">
+            <span class="total-class">共 {{total}} 条数据</span>
+        </el-pagination>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "paginationPage",
+        data(){
+            return{
+                currentPages:1
+            }
+        },
+        props:['pageSize','currentPage','total',"isReportForm"],
+        watch:{
+            currentPage: {
+                handler(val){
+                    this.currentPages = val
+                },
+            },
+
+        },
+        mounted() {
+            this.currentPages = this.currentPage
+        },
+        methods:{
+            handleSizeChange(value){
+                this.$emit('handleSizeChange',value)
+            },
+            currentChange(value){
+                this.$emit('currentChange',value)
+            },
+        }
+    }
+</script>
+
+<style scoped lang="less">
+#pagination{
+    .total-class{
+        margin-right: 13px;
+        font-weight: 400;
+    }
+    position: absolute;
+    bottom: 0px;
+    right: 0;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 50px;
+    background-color: white;
+    box-shadow: 0px 0px 18px 0px rgba(29, 55, 129, 0.07);
+    border-radius: 5px;
+    /deep/.el-pager{
+        background: #EDF0F6;
+        border-radius: 15px;
+    }
+    /deep/.el-pagination.is-background .btn-next{
+         width: 30px;
+         height: 30px;
+         background: #EDF0F6;
+         border-radius: 50%;
+     }
+    /deep/.el-pagination .btn-next{
+        width: 30px;
+        height: 30px;
+        background: #EDF0F6;
+        border-radius: 50%;
+        padding-left: 0;
+        margin-left:5px ;
+    }
+    /deep/.el-pagination .btn-prev{
+        width: 30px;
+        height: 30px;
+        background: #EDF0F6;
+        border-radius: 50%;
+        padding-right: 0;
+        margin-right:5px ;
+    }
+    /deep/.el-pagination button{
+        padding: 0;
+        min-width: 30px;
+    }
+    /deep/.el-pager li{
+        background: #EDF0F6;
+        height: 30px;
+        min-width: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        color: #717b90;
+    }
+    /deep/.el-pager li:first-child{
+        border-bottom-left-radius: 15px!important;
+        border-top-left-radius: 15px!important;
+    }
+    /deep/.el-pager li:last-child{
+        border-top-right-radius: 15px!important;
+        border-bottom-right-radius: 15px!important;
+    }
+    /deep/.el-pager li.active{
+        width: 30px;
+        height: 30px;
+        min-width: 30px;
+        background: #366AFF;
+        border: 3px solid #A1B9FF;
+        border-radius: 50%;
+        line-height: 24px;
+        color: white;
+    }
+    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active{
+        background: #366AFF;
+
+    }
+    /deep/.el-pagination button:disabled{
+      i{
+        cursor: no-drop;
+      }
+    }
+}
+</style>