askbot-dragon 1.6.25-beta → 1.6.26-beta

package/src/components/welcomeKnowledgeFile.vue

@@ -1,230 +1,264 @@
-<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;
-    }
-  }
-}
+<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>
+            <!-- v-if="msgContent.totalCount > msgContent.knowledgeFileInfos.length" -->
+
+            <div class="load_moreKnowledge" @click="loadMore">
+                <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 {}
+            }
+        },
+        mainId: {
+            type: String,
+            default: ''
+        },
+        corpId: {
+            type: String,
+            default: ''
+        },
+        userId: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            previewHref: "",
+            sourceFileType: '',
+            page: 0
+        }
+    },
+    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'
+            }
+        },
+        loadMore () {
+            this.page = this.page + 1
+            let params = {
+                mainId: this.mainId,
+                corpId: this.corpId,
+                userId: this.userId,
+                page: this.page,
+                lastDays: this.msgContent.lastDays,
+                pageSize: this.msgContent.pageSize,
+                limitCount: this.msgContent.limitCount
+            }
+            this.$http.post('/knowledge-api/knowledge/search/page', params).then(res => {
+                if (res.data.code == '0') {
+                  this.msgContent.knowledgeFileInfos = this.msgContent.knowledgeFileInfos.concat(res.data.data.list)
+                }
+            })
+        }
+    }
+};
+</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 {
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            // background: #FFFFFF;
+            color: #366aff;
+            font-size: 14px;
+            margin-top: 8px;
+            cursor: pointer;
+        }
+    }
+}
 </style>