askbot-dragon 1.5.78-beta → 1.5.78

package/src/components/chatContent.vue

@@ -9,7 +9,7 @@
                 <view class="user-detail">
                     <Msgloading  v-if="msg.speaker != 'user' && msg.type == 'msg_loading'"></Msgloading>
                     <!-- 小程序富文本组件 -->
-                    <view v-if="msg.type == 'answer_rich_text'" class="media-body">
+                    <view v-if="(msg.type == 'answer_rich_text' || msg.type == 'answer_rich_text_pro')" class="media-body">
                         <!--<mp-html
                         lazy-load
                         scroll-table

package/src/components/formTemplate.vue

@@ -63,13 +63,20 @@
                     v-if="item.formField.type==='TEXTAREA'&& item.fieldId!=='workorder_description'"
           ></el-input>
           <div v-else-if="item.fieldId === 'workorder_description'">
-            <ckeditor
+            <!-- <ckeditor
               :editor="ckeditor.editor"
               v-model="item.value"
               :config="{...ckeditor.editorConfig,placeholder:item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'}"
               @ready="(editor)=>currentEditor=editor"
               @focus="(zh,editor)=>currentEditor=editor"
-            ></ckeditor>
+            ></ckeditor> -->
+            <MyEditor 
+              v-model="item.value" 
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
+              @fileUploadCallback="desUploadImageAndFile"
+              :havToolbar="mainId !== '8b9bd566e3e64156ab764b19defc9d48' && mainId !== '0b73521f96e4486aaf6be42932bd7b07'">
+            </MyEditor>
+            <!-- @input="(value) =>{item.value = value}" -->
             <file-list-view  :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
           </div>
           <el-date-picker
@@ -345,13 +352,20 @@
                 <i class="el-icon-warning-outline"></i>
               </span>
             </div>
-            <ckeditor
+            <!-- <ckeditor
                 :editor="ckeditor.editor"
                 v-model="item.value"
                 @ready="(editor)=>currentEditor=editor"
                 @focus="(zh,editor)=>currentEditor=editor"
                 :config="{...ckeditor.editorConfig,placeholder:item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'}"
-            ></ckeditor>
+            ></ckeditor> -->
+            <MyEditor 
+              v-model="item.value" 
+              :placeholder="item.formField.extInfo && item.formField.extInfo.placeholder?item.formField.extInfo.placeholder:'请输入'"
+              @fileUploadCallback="desUploadImageAndFile"
+              :havToolbar="mainId !== '8b9bd566e3e64156ab764b19defc9d48' && mainId !== '0b73521f96e4486aaf6be42932bd7b07' "
+              >
+            </MyEditor>
             <file-list-view :attachmentList="attachmentList" @attachDeleteAttch="attachDeleteAttch"></file-list-view>
           </div>
         </div>
@@ -847,14 +861,9 @@
 <script>
 /* eslint-disable */
 import { forMatTime } from "./utils/format_date";
-
 let that
 import {multipartUpload,ossFileUrl} from "./utils/AliyunIssUtil";
-import {MyCustomUploadAdapterPlugin} from "./utils/ckeditor";
-// import MyimageUpload from './utils/ckeditorImageUpload/plugin-image'
-import MyFileUpload from './utils/ckeditorfileUpload/plugin_file'
-import CKEDITOR from 'ckeditor'
-
+import MyEditor from './MyEditor'
 import myPopup from "./myPopup.vue";
 import Tree from '../components/tree'
 import selectPopup from '../components/popup'
@@ -944,21 +953,6 @@ export default {
       },
       hideUploadEdit:false,
       limitNum:1,
-      ckeditor: {
-        editor: CKEDITOR.ClassicEditor,
-        editorConfig: {
-          extraPlugins: [MyFileUpload,MyCustomUploadAdapterPlugin],
-          toolbar: [
-            'MyFileUpload'
-          ],
-          askPluginListener:[
-            {
-              event: 'UPLOAD',
-              process: this.desUploadImageAndFile,
-            }
-          ]
-        },
-      },
       refShowPicker:false,
       refTemplateList:{},
       refList:{},
@@ -1200,7 +1194,8 @@ export default {
     myPopup,
     Tree,
     selectPopup,
-    fileListView
+    fileListView,
+    MyEditor
   },
   mounted() {
     
@@ -1219,9 +1214,10 @@ export default {
     //       }
     //     })
     // }
-    if (this.mainId == '8b9bd566e3e64156ab764b19defc9d48' || this.mainId == '0b73521f96e4486aaf6be42932bd7b07'){
-      this.ckeditor.editorConfig.toolbar = []
-    }
+    // if (this.mainId == '8b9bd566e3e64156ab764b19defc9d48' || this.mainId == '0b73521f96e4486aaf6be42932bd7b07'){
+    //   this.ckeditor.editorConfig.toolbar = []
+
+    // }
     if (this.mainId == '90df4764122240de939331d372546c28'){
       this.isBaiLi = true;
     }
@@ -1863,14 +1859,19 @@ export default {
           }
         }
         if (type === 'DATE_PICKER') {
-          if(this.formList.form.formFieldRelation[i].value!==null && this.formList.form.formFieldRelation[i].value!=='' ) {
+          if(this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value!==null && this.formList.form.formFieldRelation[i].value!=='' ) {
             this.dateValue[this.formList.form.formFieldRelation[i].fieldId]=this.formatDate(this.formList.form.formFieldRelation[i].value)
           }
         }
         if (type === 'TIME_PICKER') {
-          if(this.formList.form.formFieldRelation[i].value!==''&& this.formList.form.formFieldRelation[i].value!==null)
+          if(this.formList.form.formFieldRelation[i].value && this.formList.form.formFieldRelation[i].value!==''&& this.formList.form.formFieldRelation[i].value!==null)
           {
-            const dateTime = new Date(this.formList.form.formFieldRelation[i].value)
+            // 判断是否是时间戳 时间戳为字符串转换为Number
+            var regex = /^\d{13}$/;
+            if (regex.test(this.formList.form.formFieldRelation[i].value)){
+              this.formList.form.formFieldRelation[i].value = Number(this.formList.form.formFieldRelation[i].value)
+            }
+            const dateTime = new Date(this.formList.form.formFieldRelation[i].value);
             if (!this.formList.form.formFieldRelation[i].formField.extInfo.mold ||
                 this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'TIME' ||
                 this.getMoldTime(this.formList.form.formFieldRelation[i].formField.formField) == 'TIME'){
@@ -1883,10 +1884,18 @@ export default {
                   this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value;
                   this.formList.form.formFieldRelation[i].value = new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate() + " " + this.formList.form.formFieldRelation[i].value;
                 } else {
-                  this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
+                  if (regex.test(this.formList.form.formFieldRelation[i].value)){
+                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime
+                  } else {
+                    this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
+                  }
                 }
               } else {
-                this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
+                if (regex.test(this.formList.form.formFieldRelation[i].value)){
+                  this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = dateTime.Format('hh:mm')
+                } else {
+                  this.extInfoFieldValue[this.formList.form.formFieldRelation[i].fieldId] = this.formList.form.formFieldRelation[i].value
+                }
               }
             }
             else if (this.formList.form.formFieldRelation[i].formField.extInfo.mold == 'DATA_TIME' ||
@@ -2002,7 +2011,7 @@ export default {
       else if (type == 'TIME'){
         this.timePicker = false;
         this.extInfoFieldValue[this.timeDetailData.fieldId] = value;
-        this.timeDetailData.value = forMatTime(value)
+        this.timeDetailData.value = value;
       }
       else if (type == 'DATE_TIME'){
         this.dateTimePicker = false;
@@ -2080,8 +2089,10 @@ export default {
       let textFlag = true
       let imageFlag = true
       let attachmentFlag = true
+      let imageOrAttachment = true
       let errorText = ''
       let checkDescription = {
+        checkImageOrAttachment:this.workOrderDestail.checkImageOrAttachment ? this.workOrderDestail.checkImageOrAttachment : false,
         checkText:this.workOrderDestail.checkText ? this.workOrderDestail.checkText : false,
         checkImage:this.workOrderDestail.checkImage ? this.workOrderDestail.checkImage : false,
         checkAttachment:this.workOrderDestail.checkAttachment ? this.workOrderDestail.checkAttachment : false,
@@ -2099,16 +2110,24 @@ export default {
           d = null
         }
       }
+      if(checkDescription.checkImageOrAttachment) {
+        if(!this.workOrderDestail.value.includes('img') && this.attachmentList.length == 0) {
+          imageOrAttachment = false
+        }
+      }
       if (checkDescription.checkImage && !this.workOrderDestail.value.includes('img')) {
         imageFlag = false
       }
-      if (checkDescription.checkAttachment && this.attachments.length == 0) {
+      if (checkDescription.checkAttachment && this.attachmentList.length == 0) {
         attachmentFlag = false
       }
       let text = this.isBaiLi ? '反馈描述' : '问题描述'
       if (!textFlag) {
         errorText = text + '必须要有文字'
       }
+      if(!imageOrAttachment) {
+        errorText = text + '必须要有图片或附件'
+      }
       if (!imageFlag) {
         errorText = text + '必须要有图片'
       }
@@ -2130,7 +2149,7 @@ export default {
       } else {
         let d = document.createElement('div')
         d.innerHTML = this.workOrderDestail.value
-        if (checkDescription.required && !d.innerText && !this.workOrderDestail.value.includes('img') && this.attachments.length == 0) {
+        if (checkDescription.required && !d.innerText && !this.workOrderDestail.value.includes('img') && this.attachmentList.length == 0) {
           let errorText = this.isBaiLi ? '反馈描述是必填的' : '问题描述是必填的'
           this.$message.error(errorText);
           return false
@@ -2230,8 +2249,8 @@ export default {
       }
       let extInfo = {
         extInfoFieldValue:this.extInfoFieldValue,
-        attachments:this.attachments,
-        attachmentList:this.attachmentList
+        attachmentList:this.attachmentList,
+        attachments: this.attachmentList.map(item =>{ return item.url})
       }
       this.$set(this.formShow,'extInfo',extInfo)
       let newForm = JSON.parse(JSON.stringify(this.formShow));
@@ -2250,7 +2269,7 @@ export default {
           newForm.form.formFieldRelation[i].value = new Date(newForm.form.formFieldRelation[i].value).Format('hh:mm')
         }
       }
-      console.debug('formShow',this.formShow,this.formShow.form,newForm.form)
+        console.error('formShow',newForm)
         this.$emit('submitClick',newForm)
         this.disableds = true
         this.submitValue = '已提交'
@@ -2275,6 +2294,9 @@ export default {
       if (this.disableds){
         return
       }
+      if (item.value === undefined || item.value === null){
+        this.$set(item,'value',"")
+      }
       this.timeDetailData = item
       if (type == 'DATE'){
         this.datePicker = true
@@ -2288,10 +2310,12 @@ export default {
     },
     //下拉的点击事件
     selectClick(id,type,item) {
-      console.debug('111',item)
       if (this.disableds){
         return
       }
+      if (item.value === undefined || item.value === null){
+        this.$set(item,'value',"")
+      }
       this.selectDetail = item;
       this.defaultValue = []
       if(type == 'client') {
@@ -2967,76 +2991,8 @@ export default {
       }
       return flag
     },
-    getAttach (newVal) {
-      let d = document.createElement('div')
-      d.innerHTML = newVal
-      let uploadList = d.getElementsByClassName('ask-component-placeholder-container')
-      if (uploadList) {
-        for (let index = 0; index < uploadList.length; index++) {
-          if(!uploadList[index].childNodes[0] || !uploadList[index].childNodes[0].getAttribute) {
-            break
-          }
-          if (uploadList[index].childNodes[0].getAttribute('type') == 'upload' || uploadList[index].childNodes[0].getAttribute('type') == 'undefined') {
-            this.uploadImgQueue = true
-            let text = uploadList[index].innerText.replace('正在上传...', '')
-            let i = uploadList[index].childNodes[0].getAttribute('data')
-            if (newVal.includes(text + i)) {
-              uploadList[index].setAttribute('type', 'upload')
-              let ht = '<span class="ask-component-placeholder-container">' + uploadList[index].innerHTML + '</span>'
-              newVal = newVal.replace(ht, '')
-              this.uploadImgQueue = false
-              let time = setTimeout(() => {
-                this.currentEditor.model.change(writer => {
-                  writer.setSelection(writer.createPositionAt(this.currentEditor.model.document.getRoot(), 'end'));
-                })
-                this.currentEditor.editing.view.focus();
-                clearTimeout(time)
-              }, 500)
-            }
-          }
-          if (uploadList[index].childNodes[0].getAttribute('type') == 'MyFile' || uploadList[index].childNodes[0].getAttribute('type') == 'FileUpload') {
-            let span = uploadList[index].getElementsByClassName('ask-component-placeholder-span')[0]
-            const text = span.innerText
-            let value = ''
-            let id = ''
-            if (typeof span.getAttribute('data') == 'string' && !span.getAttribute('data').includes('default')) {
-              id = span.getAttribute('data')
-              this.attachmentList.push({
-                name: text,
-                id: id,
-                url: '',
-              })
-            } else {
-              value = JSON.parse(span.getAttribute('data')).default
-              id = JSON.parse(span.getAttribute('data')).id
-              this.attachments.push(value)
-              this.attachmentList = this.attachmentList.filter(attach => {
-                return attach.id != id
-              })
-              this.attachmentList.push({
-                name: text,
-                url: value,
-              })
-              let time = setTimeout(() => {
-                this.currentEditor.model.change(writer => {
-                  writer.setSelection(writer.createPositionAt(this.currentEditor.model.document.getRoot(), 'end'));
-                })
-                this.currentEditor.editing.view.focus();
-                clearTimeout(time)
-              }, 500)
-            }
-            uploadList[index].setAttribute('type', 'MyFile')
-            let ht = '<span class="ask-component-placeholder-container">' + uploadList[index].innerHTML + '</span>'
-            newVal = newVal.replace(ht, '')
-            span = null
-          }
-        }
-      }
-      d = null
-      return newVal
-    },
     attachDeleteAttch (index) {
-      this.attachments.splice(index, 1)
+      // this.attachments.splice(index, 1)
       this.attachmentList.splice(index, 1)
     },
     attachDeleteFile(index,fieldId){
@@ -3070,7 +3026,6 @@ export default {
       handler(val){
         let newVal = ''
         newVal = val.replace(/ style=".*?"/g, '');
-        // newVal = this.getAttach(newVal)
         if (this.currentEditor){
           if (this.workOrderDestail){
             this.$nextTick(() =>{
@@ -3158,6 +3113,17 @@ export default {
     border-color:#E0E6F7;
     border-top-left-radius: 9px!important;
     border-top-right-radius: 9px!important;
+    .ck-toolbar__items {
+      .ck-button {
+        color: #366AFF;
+        svg {
+          fill: #366AFF;
+          width: 12px !important;
+          height: 12px !important; 
+          margin-bottom: 2px;
+        }
+      }
+    }
   }
   /deep/.ck.ck-editor__editable_inline{
     border-color:#E0E6F7;

package/src/components/intelligentSummary.vue

@@ -0,0 +1,228 @@
+<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>智能摘要</span>
+      </div>
+      <div class="right">
+        <div class="regenerationBtn" @click="regeneration">
+          <template v-if="!isLoading">重新生成</template>
+          <template v-else>
+            <img
+                height="20px"
+                width="20px"
+                src="../assets/image/loading.gif"
+                alt
+                srcset
+                style="margin-right: 6px"
+            />
+            <span>生成中</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.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>