askbot-dragon 1.4.35 → 1.4.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.4.35",
+  "version": "1.4.37",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/AnswerDocknowledge.vue

@@ -131,7 +131,7 @@ export default {
             }
         }
     },
-    props: ['msg','isAskLightning', 'isMessageRecord'],
+    props: ['msg','isAskLightning', 'isMessageRecord',"isApp"],
     beforeMounted() {
 
     },
@@ -175,7 +175,7 @@ export default {
         //预览图片
         lookAttach(url, item, event) {
           event.preventDefault();
-          if (this.isAskLightning == 1){
+          if (this.isAskLightning == 1 && !this.isApp){
             window.parent.postMessage({
               data: "bot_preview",
               item: JSON.stringify(item),

package/src/components/ConversationContainer.vue

@@ -169,7 +169,7 @@ export default {
         "content":{
             "actionType":"answer_doc_knowledge",
             "text":"中国的省份名称有湖北省、广西壮族自治区等。",
-            "list":[{"tagIds":[],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-14 20:15:50","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/14/19/54/31/acc2421dcfd04db39eba0c37e7d3b580.html","knowledgeId":"643940bb6cbe816b83ebbaaf","knowledgePartId":"lPexf4cBYkmDoUE2eSUt","from":"2.3 科室","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"},{"tagIds":[],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-13 23:19:48","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/13/22/20/40/0e48cc7b15b34d2f84fe49fd1a89d606.html","knowledgeId":"643817509ab4545bef50db64","knowledgePartId":"NeYze4cBh77-s6lwjWOl","from":"2.12 重要异常科室对照","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"},{"tagIds":[],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-13 23:19:02","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/13/22/20/18/5cdf1295ec1649f6ab73948aa82ea810.html","knowledgeId":"643817509ab4545bef50db58","knowledgePartId":"Hvcye4cBYkmDoUE21h6V","from":"2.3 科室","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"}],
+            "list":[{"tagIds":[],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-14 20:15:50","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/14/19/54/31/acc2421dcfd04db39eba0c37e7d3b580.html","knowledgeId":"643940bb6cbe816b83ebbaaf","knowledgePartId":"lPexf4cBYkmDoUE2eSUt","from":"2.3 科室","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"},{"tagIds":[],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-13 23:19:48","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/13/22/20/40/0e48cc7b15b34d2f84fe49fd1a89d606.html","knowledgeId":"643817509ab4545bef50db64","knowledgePartId":"NeYze4cBh77-s6lwjWOl","from":"2.12 重要异常科室对照","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"},{"tagIds":['12312313123'],"format":"yqhtml","srcContentId":"8ee0fa9bb5a89ea01f588843589bf931","updateTime":"2023-04-13 23:19:02","source":"YUQUE","srcContent":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/yuque/7faaefde11374c7992c377731ea4dddc/dinga77cc098b0b5e113ee0f45d8e4f7c288/2023/4/13/22/20/18/5cdf1295ec1649f6ab73948aa82ea810.html","knowledgeId":"643817509ab4545bef50db58","knowledgePartId":"Hvcye4cBYkmDoUE21h6V","from":"2.3 科室","introduction":"功能概述分院科室的建立。分院科室医生关联。分院科室建立时，科室编码需要与集团提供的科室编码保持一致。科室维护进入扁鹊基础配置模块，如图进入科室维护界面进行科室新增输入科室信息进行科室增加。"},{"tagId":"6475eab868110215ab821a7c","tagIds":["6475eab868110215ab821a7c"],"format":"xlsx","srcContentId":"0bf639060655ff3ec217484a2fc7827d","updateTime":"2023-05-30 20:28:21","source":"CORP_LOCAL_FILE","srcContent":"产品:外观,解释:VX50有两种套餐可下单： 套餐一：只购买VX50终端设备，不包含摄像头、麦克风 套餐二：除购买VX50终端设备外，可选购SC701云台摄像头及MC30/MC31麦克风","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/5ecf2fcd704541149201ab9c1c31162d/2023/05/30/20/11/85b7b2a5f61e2b060387656e88c02d50/VX30与VX50对比表.xlsx","knowledgeId":"6475e7eac724c54c46cbfa2d","knowledgePartId":"T_uhbIgB3v-0X8BLeDAh","from":"VX30与VX50对比表","introduction":"产品:外观,解释:VX50有两种套餐可下单： 套餐一：只购买VX50终端设备，不包含摄像头、麦克风 套餐二：除购买VX50终端设备外，可选购SC701云台摄像头及MC30/MC31麦克风"}],
             "renderType":0,
             "type":0
         },

package/src/components/pdfPosition.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="pdf_view" ref="pdfView" @scroll="pdfScroll">
-        <div class="btn_footer" v-if="tagIds.length > 1">
+        <div class="btn_footer" v-if="tagIds.length > 1 &&  !isPC">
             <div class="prev" @click="prev">上一段</div>
-            <div class="next" @click="next">下一段</div> 
+            <div class="next" @click="next">下一段</div>
+        </div>
+        <div id="pagination" v-if=" tagIds.length > 1 && isPC">
+            <el-pagination :current-page="currentPage + 1" @current-change="currentChange" @prev-click="prev"
+                @next-click="next" layout="slot, prev, pager, next" :page-size="1" :total="tagIds.length">
+                <span class="total-class">答案由{{ tagIds.length }}段内容生成</span>
+            </el-pagination>
         </div>
   </div>
 </template>
@@ -28,8 +34,6 @@ export default {
     data() {
         return {
             url: '',
-            // pdfjsLib: window['pdfjs-dist/build/pdf'],
-            // pdfjsLib: pdfjsLib,
             pages: [],
             pageLoadStatus: {
                 WAIT: 0,
@@ -73,6 +77,7 @@ export default {
             },
             isTouchMoved: false,
             transformSalce: null,
+            isPC: false,
         }
     },
     methods: {
@@ -294,9 +299,20 @@ export default {
                             pageoffsetHeight = (this.pageSize.height + this.PAGE_INTVERVAL)
                         }
                         if (this.$refs.pdfView.clientHeight - pageoffsetHeight > 0) {
-                            let loadNum = Math.ceil(this.$refs.pdfView.clientHeight / pageoffsetHeight)
-                            for (let n = 0; n < loadNum; n++) {
-                                this.loadPdfData(pageNo + n)
+                            const height = this.$refs.pdfView.clientHeight;
+                            let startNum = 0 
+                            let endNum = 0
+                            if(this.transformSalce !== null) {
+                                startNum = Math.ceil(this.$refs.pdfView.scrollTop / ((this.pageSize.height + this.PAGE_INTVERVAL) * this.transformSalce))
+                                endNum =  startNum +  Math.ceil(height / ((this.pageSize.height + this.PAGE_INTVERVAL)  * this.transformSalce)) 
+                            } else {
+                                startNum = Math.ceil(this.$refs.pdfView.scrollTop / (this.pageSize.height + this.PAGE_INTVERVAL))
+                                endNum =  startNum +  Math.ceil(height / (this.pageSize.height + this.PAGE_INTVERVAL))
+                            }
+                            for (let pageIndex = startNum; pageIndex <= endNum; pageIndex++) {
+                                if(pageIndex > 0 && pageIndex <= this.pages.length) {
+                                    this.loadPdfData(pageIndex)
+                                }
                             }
                         }
                         if (this.$refs.pdfView.scrollTop == Math.floor((pageNo - 1) * pageoffsetHeight)) {
@@ -305,33 +321,6 @@ export default {
                             this.$refs.pdfView.scrollTop = `${((pageNo - 1) * pageoffsetHeight)}`
                             this.fisrtLoad = false
                         }
-                        // if(this.transformSalce !== null) {
-                        //     if (this.$refs.pdfView.clientHeight - (this.pageSize.height + this.PAGE_INTVERVAL) > 0 ) {
-                        //         let loadNum = Math.ceil(this.$refs.pdfView.clientHeight / (this.pageSize.height + this.PAGE_INTVERVAL))
-                        //         for (let n = 0; n < loadNum; n++) {
-                        //             this.loadPdfData(pageNo + n)
-                        //         }
-                        //     }
-                        //     if (this.$refs.pdfView.scrollTop == Math.floor((pageNo - 1) * (this.pageSize.height + this.PAGE_INTVERVAL)) * this.transformSalce ) {
-                        //         this.fisrtLoad = false
-                        //     } else {
-                        //         this.$refs.pdfView.scrollTop = `${((pageNo - 1) * (this.pageSize.height + this.PAGE_INTVERVAL) * this.transformSalce)}`
-                        //         this.fisrtLoad = false
-                        //     }
-                        // } else {
-                        //     if (this.$refs.pdfView.clientHeight - (this.pageSize.height + this.PAGE_INTVERVAL) > 0 ) {
-                        //         let loadNum = Math.ceil(this.$refs.pdfView.clientHeight / (this.pageSize.height + this.PAGE_INTVERVAL))
-                        //         for (let n = 0; n < loadNum; n++) {
-                        //             this.loadPdfData(pageNo + n)
-                        //         }
-                        //     }
-                        //     if (this.$refs.pdfView.scrollTop == Math.floor((pageNo - 1) * (this.pageSize.height + this.PAGE_INTVERVAL))) {
-                        //         this.fisrtLoad = false
-                        //     } else {
-                        //         this.$refs.pdfView.scrollTop = `${((pageNo - 1) * (this.pageSize.height + this.PAGE_INTVERVAL))}`
-                        //         this.fisrtLoad = false
-                        //     }
-                        // }
                         this.renderHighlights()
                         // zoomElement(this.contentView)
                     }, 100)
@@ -347,14 +336,8 @@ export default {
             }
             const scrollTop = e.target.scrollTop;
             const height = e.target.clientHeight;
-            // 根据内容可视区域中心点计算页码, 没有滚动时，指向第一页
-            // const pageIndex = scrollTop > 0 ?
-            //     Math.ceil((scrollTop + (height / 2)) / (that.pageSize.height + that.PAGE_INTVERVAL)) :
-            //     1;
-            let  startNum = 0 
-            let  endNum = 0
-            
-            // console.log(pageIndex);
+            let startNum = 0 
+            let endNum = 0
             if(this.transformSalce !== null) {
                 startNum = Math.ceil(scrollTop / ((that.pageSize.height + that.PAGE_INTVERVAL) * this.transformSalce))
                 endNum =  startNum +  Math.ceil(height / ((that.pageSize.height + that.PAGE_INTVERVAL)  * this.transformSalce)) 
@@ -368,9 +351,6 @@ export default {
                     that.loadPdfData(pageIndex)
                 }
             }
-            // pageIndex - 1 != 0 && that.loadPdfData(pageIndex - 1)
-            // that.loadPdfData(pageIndex)
-            // pageIndex + 1 < that.totalPageCount.length && that.loadPdfData(pageIndex + 1)
         }, 200),
         directScrolling (e, that) {
             if (this.fisrtLoad) {
@@ -394,21 +374,9 @@ export default {
         // 分片每次只做一次处理，所以不考虑多片情况
         loadBefore (pageIndex) {
             this.loadPdfData(pageIndex)
-            // const start = (Math.floor(pageIndex / this.SLICE_COUNT) * this.SLICE_COUNT) - (this.SLICE_COUNT - 1);
-            // if (start > 0) {
-            //     // const prevPage = this.pages[start - 1] || {};
-            //     this.loadPdfData(start)
-            //     // prevPage.loadStatus === this.pageLoadStatus.WAIT && this.loadPdfData(start);
-            // }
         },
         loadAfter (pageIndex) {
             this.loadPdfData(pageIndex)
-            // const start = (Math.floor(pageIndex / this.SLICE_COUNT) * this.SLICE_COUNT) + 1;
-            // if (start <= this.pages.length) {
-            //     // const nextPage = this.pages[start - 1] || {};
-            //     this.loadPdfData(start)
-            //     // nextPage.loadStatus === this.pageLoadStatus.WAIT && this.loadPdfData(start);
-            // }
         },
         // 首先我们获取到需要渲染的范围
         // 根据当前的可视范围内的页码，我们前后只保留 8 页
@@ -476,8 +444,14 @@ export default {
         prev () {
             this.currentPage--
             if (this.currentPage < 0) {
-                // this.currentPage = this.tagIds.length - 1
                 this.currentPage = 0
+                if(!this.isPC) {
+                    this.$toast({
+                        message:'当前已经是第一段了',
+                        duration:2000,
+                    })
+                    return
+                }
             }
             if(this.preViewType == 'pdf') {
                 this.scrollToUplaodePage(this.currentPage)
@@ -490,6 +464,13 @@ export default {
             this.currentPage++
             if (this.currentPage >= this.tagIds.length) {
                 this.currentPage = this.tagIds.length - 1
+                if(!this.isPC) {
+                    this.$toast({
+                        message:'当前已经是最后一段了',
+                        duration:2000,
+                    })
+                    return
+                }
             }
             if(this.preViewType == 'pdf') {
                 this.scrollToUplaodePage(this.currentPage)
@@ -534,13 +515,23 @@ export default {
                 if(index == currentPage) {
                     Array.from(this.allTr[index].children).forEach(item =>{
                         item.style.background = 'rgba(255, 136, 0, 0.6)'
+                        item.classList.add('animation')
+                        setTimeout(() =>{
+                            item.classList.remove('animation')
+                        }, 4000)
                     })
-                    // this.$refs.pdfView.scrollTop = this.allTr[index].offsetTop
-                    this.$refs.pdfView.scrollTop = this.allTr[index].getBoundingClientRect().top
-                    
+                    // getBoundingClientRect().top 当前元素距离屏幕顶部的高度 + 弹窗header 高度
+                    if(!this.isPC) {
+                        let top =  this.allTr[index].getBoundingClientRect().top - this.$refs.pdfView.getBoundingClientRect().top
+                        this.$refs.pdfView.scrollTop = top
+                    } else {
+                        let top = this.allTr[index].getBoundingClientRect().top
+                        this.$refs.pdfView.scrollTop = top - 50
+                    }
                 } else {
                     Array.from(this.allTr[index].children).forEach(item =>{
                         item.style.background = 'rgba(54, 106, 255, 0.6)'
+                        item.classList.remove('animation')
                     })
                 }
             }
@@ -554,8 +545,13 @@ export default {
                     for (let i = 0; i < d.children.length; i++) {
                         if (d.getAttribute('react-count') == this.currentPage) {
                             d.children[i].style.backgroundColor = 'rgba(255, 136, 0, 0.3)'
+                            d.children[i].classList.add('animation')
+                            setTimeout(() =>{
+                                d.children[i].classList.remove('animation')
+                            }, 4000)
                         } else {
                             d.children[i].style.backgroundColor = 'rgba(54, 106, 255, 0.3)'
+                            d.children[i].classList.remove('animation')
                         }
                     }
                 })
@@ -734,10 +730,16 @@ export default {
                     // 在 pdf_view 下创建 所有canvs的容器
                     this.contentView = document.createElement('div')
                     this.contentView.style.transformOrigin = '0px 0px 0px'
+                   
                     this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + value.join(',')).then(res =>{
                         // res.data = {"data":[{"id":"64591b7d8bb8ab1b91c65f24","knowledgeId":"64591a9c8da27649473f3b4b","mainId":"fb348d095c0b4fd7bbd37826563dac7d","page":3,"total":18,"pageHeight":540.0,"pageWidth":960.00946,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/fb348d095c0b4fd7bbd37826563dac7d/2023/05/08/11/55/18/64591b638bb8ab1b91c65eed/3.pdf","extractInfo":{"location":[280.488,161.32,398.71573,61.99298],"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距北京市区65公里，是以奇而著称，融山川、碧水、古长城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","lines":[{"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距","location":[280.488,161.32,398.71573,15.9869995]},{"content":"北京市区65公里，是以奇而著称，融山川、碧水、古长","location":[283.691,184.30899,392.3055,15.9869995]},{"content":"城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","location":[282.699,207.32599,394.3033,15.9869995]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
                         // res.data = {"data":[{"id":"64590ce1eb1320043401cc90","knowledgeId":"64590cd5017b461d67e282e1","mainId":"fb348d095c0b4fd7bbd37826563dac7d","page":2,"total":5,"pageHeight":841.8898,"pageWidth":595.30396,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/fb348d095c0b4fd7bbd37826563dac7d/2023/05/08/10/53/20/64590ce0eb1320043401cc7b/2.pdf","extractInfo":{"location":[89.32981,638.1907,415.15512,98.63251],"content":":北京地铁 13\r号线 :藤黄\r色 :西直门站—\r东直门站 :17 :41.\r5 :6\r准\rB :2002年\r09月\r28日 ","lines":[{"content":":北京地铁 13\r号线 ","location":[89.32981,638.1907,99.44599,98.63251]},{"content":":藤黄\r色 ","location":[188.7758,638.1907,46.79959,98.63251]},{"content":":西直门站—\r东直门站 ","location":[235.5754,638.1907,86.09996,98.63251]},{"content":":17 ","location":[321.67535,638.1907,36.200012,98.63251]},{"content":":41.\r5 ","location":[357.87537,638.1907,39.400696,98.63251]},{"content":":6\r准\rB ","location":[397.27606,638.1907,41.099,98.63251]},{"content":":2002年\r09月\r28日 ","location":[438.37506,638.1907,66.10986,98.63251]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
                         // res.data = {"data":[{"id":"64591b7d8bb8ab1b91c65f24","knowledgeId":"64591a9c8da27649473f3b4b","mainId":"fb348d095c0b4fd7bbd37826563dac7d","page":3,"total":18,"pageHeight":540.0,"pageWidth":960.00946,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/fb348d095c0b4fd7bbd37826563dac7d/2023/05/08/11/55/18/64591b638bb8ab1b91c65eed/3.pdf","extractInfo":{"location":[280.488,161.32,398.71573,61.99298],"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距北京市区65公里，是以奇而著称，融山川、碧水、古长城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","lines":[{"content":"黄花城水长城旅游区位于北京市怀柔区九渡河镇境内，距","location":[280.488,161.32,398.71573,15.9869995]},{"content":"北京市区65公里，是以奇而著称，融山川、碧水、古长","location":[283.691,184.30899,392.3055,15.9869995]},{"content":"城为一体的旅游休闲胜地。而这里的“三绝景”更是引人入","location":[282.699,207.32599,394.3033,15.9869995]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
+                        // res.data = {"data":[{"id":"6475eab868110215ab821a80","knowledgeId":"6475e7eac724c54c46cbfa2d","mainId":"5ecf2fcd704541149201ab9c1c31162d","page":0,"total":1,"pageHeight":0.0,"pageWidth":0.0,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/5ecf2fcd704541149201ab9c1c31162d/2023/05/30/08/23/20/6475eab63339db423f26b196/0.html","extractInfo":{"location":null,"content":"产品:系统配置,产品型号:存储,VX30:4G+16G,VX50:16G+256G","lines":null,"tagId":"6475eab868110215ab821a80"}}],"code":"0","msg":null,"traceId":null}
+                        // res.data = {"data":[{"id":"6475e9393339db423f26af01","knowledgeId":"6475e44fc724c54c46cbfa21","mainId":"5ecf2fcd704541149201ab9c1c31162d","page":2,"total":2,"pageHeight":510.25,"pageWidth":1559.05,"publicPageFileUrl":"https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/5ecf2fcd704541149201ab9c1c31162d/2023/05/30/08/00/29/6475e55d3339db423f26a9b8/2.pdf","extractInfo":{"location":[327.70532,288.0498,414.9734,12.241608],"content":"三、指示灯状态说明1.白色常亮：开机/开机中2.红色常亮：待机3.白色呼吸：息屏4.红色闪烁：升级1.LAN:通过网线连接到主机的Camera端口2.电源开关:电源切换开关","lines":[{"content":"三、指示灯状态说明","location":[634.3203,288.0498,108.3584,12.0]},{"content":"1.白色常亮：开机/开机中","location":[634.3203,320.08978,108.23407,9.0]},{"content":"2.红色常亮：待机","location":[634.3204,341.3298,78.597046,9.0]},{"content":"3.白色呼吸：息屏","location":[634.32043,362.45282,78.597046,9.0]},{"content":"4.红色闪烁：升级","location":[634.3205,383.6928,78.597046,9.0]},{"content":"1.LAN:通过网线连接到主机的","location":[327.70535,291.2914,144.35995,9.0]},{"content":"Camera端口","location":[327.70532,306.88843,55.322998,9.0]},{"content":"2.电源开关:电源切换开关","location":[482.74832,291.2914,105.36301,9.0]}],"tagId":null}}],"code":"0","msg":null,"traceId":null}
+                        if(value.length === 1) {
+                            this.$refs.pdfView.style.height = 'calc(100% - 51px)' 
+                        }
                         if (res.data.code == 0) {
                             // tagIds 会按照gpt识别的生成有序的数组，前端直接按照下标的顺序取就可以了
                             // 缓存拿到的所有数据
@@ -800,6 +802,11 @@ export default {
         }
     },
     mounted () {
+        if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
+            this.isPC = false
+        } else {
+            this.isPC = true
+        }
     }
 }
 </script>
@@ -807,10 +814,10 @@ export default {
 <style lang="less" scoped>
 .pdf_view {
     width: 100%;
-    height: calc(100% - 51px);
+    height: calc(100% - 101px);
     overflow: auto;
     background-color: #f5f7fb;
-    padding-bottom: 60px;
+    margin-bottom: 60px;
     box-sizing: border-box;
     // position: relative;
     // > div {
@@ -865,5 +872,122 @@ export default {
             color: #ffffff;
         }
     }
+    #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;
+        z-index: 1000;
+
+        /deep/.el-pagination {
+            margin-right: 110px;
+        }
+
+        /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;
+        }
+    }
+
+}
+
+</style>
+<style lang="less">
+.animation {
+    animation-name: highlight;
+    animation-duration: 4s;
+}
+@keyframes highlight {
+    0% {
+        background:rgba(255, 136, 0, 0.3);
+    }   
+    25% {
+        background:rgba(255, 136, 0, 0.6);
+    }
+    50% {
+        background:rgba(255, 136, 0, 0.3);
+    }
+    75% {
+        background:rgba(255, 136, 0, 0.6);
+    }
+    100% {
+        background:rgba(255, 136, 0, 0.3);
+    }
 }
 </style>