askbot-dragon 1.4.47 → 1.4.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -169,12 +169,12 @@ export default {
|
|
|
169
169
|
// {"content":{"knowledgeId":"64915d6e098ec248701da267","actionType":"answer_doc_knowledge","text":"跳舞不仅要有实力，还要有好的穿搭，本文针对街舞爱好者提供了穿搭指南，给你带来灵感和帮助！","list":[{"tagIds":[],"format":"html","updateTime":"2023-06-20 16:03:58","source":"WECHAT","url":"https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/137993c6d830416696bbd771fc61d423/1937/2023/06/20/16/03/微信同步/52720/501775e41a724d7da06e66b3b4686407.html","knowledgeId":"64915d6e098ec248701da267","from":"跳舞要有范儿，穿搭占一半！快来get你的街舞穿搭指南~"}],"renderType":0,"type":0,"isKnowledgeSummary":true},"type":"answer_doc_knowledge","sessionId":1687251699065,"keyId":"1a079f48-ace3-4064-89b4-8a292c6a8a93_________","isKnowledgeSummary":true},
|
|
170
170
|
|
|
171
171
|
{
|
|
172
|
-
"content":{
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
172
|
+
"content": {
|
|
173
|
+
"actionType": "answer_doc_knowledge",
|
|
174
|
+
"text": "中国的省份名称有湖北省、广西壮族自治区等。",
|
|
175
|
+
"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": "feishuhtml", "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麦克风" }],
|
|
176
|
+
"renderType": 0,
|
|
177
|
+
"type": 0
|
|
178
178
|
},
|
|
179
179
|
"type":"answer_doc_knowledge"
|
|
180
180
|
},
|
|
@@ -1861,7 +1861,7 @@ export default {
|
|
|
1861
1861
|
this.dateValue[item.fieldId] = this.formatDate(date);
|
|
1862
1862
|
item.value = date;
|
|
1863
1863
|
this.showCalendar = false;
|
|
1864
|
-
|
|
1864
|
+
/* for (let i = 0; i < this.formShow.form.formFieldRelation.length; i++) {
|
|
1865
1865
|
if (this.formShow.form.formFieldRelation[i].fieldId === id) {
|
|
1866
1866
|
this.dateValue[id] = this.formatDate(date)
|
|
1867
1867
|
this.formShow.form.formFieldRelation[i].value = date
|
|
@@ -1,16 +1,39 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
2
|
+
<div
|
|
3
|
+
class="pdf_view"
|
|
4
|
+
ref="pdfView"
|
|
5
|
+
@scroll="pdfScroll"
|
|
6
|
+
:style="{
|
|
7
|
+
marginTop: isPC ? '50px' : ''
|
|
8
|
+
}">
|
|
9
|
+
<div class="change_scale" v-if="isPC">
|
|
10
|
+
<section @click="changeScale('reduce')">
|
|
11
|
+
<i class="el-icon-minus"></i>
|
|
12
|
+
</section>
|
|
13
|
+
<el-divider direction="vertical"></el-divider>
|
|
14
|
+
<section @click="changeScale('zoom')">
|
|
15
|
+
<i class="el-icon-plus"></i>
|
|
16
|
+
</section>
|
|
17
|
+
<el-select size="small" v-model="handScale" @change="changeScale" placeholder="请选择">
|
|
18
|
+
<el-option
|
|
19
|
+
v-for="item in scaleList"
|
|
20
|
+
:key="item.value"
|
|
21
|
+
:label="item.label"
|
|
22
|
+
:value="item.value">
|
|
23
|
+
</el-option>
|
|
24
|
+
</el-select>
|
|
25
|
+
</div>
|
|
3
26
|
<div class="btn_footer" v-if="tagIds.length > 1 && !isPC">
|
|
4
27
|
<div class="prev" @click="prev">上一段</div>
|
|
5
28
|
<div class="next" @click="next">下一段</div>
|
|
6
29
|
</div>
|
|
7
|
-
<div id="pagination" v-if="
|
|
30
|
+
<div id="pagination" v-if="tagIds.length > 1 && isPC">
|
|
8
31
|
<el-pagination :current-page="currentPage + 1" @current-change="currentChange" @prev-click="prev"
|
|
9
32
|
@next-click="next" layout="slot, prev, pager, next" :page-size="1" :total="tagIds.length">
|
|
10
33
|
<span class="total-class">答案由{{ tagIds.length }}段内容生成</span>
|
|
11
34
|
</el-pagination>
|
|
12
35
|
</div>
|
|
13
|
-
|
|
36
|
+
</div>
|
|
14
37
|
</template>
|
|
15
38
|
|
|
16
39
|
<script>
|
|
@@ -68,16 +91,50 @@ export default {
|
|
|
68
91
|
allTr:[],
|
|
69
92
|
preViewType: 'pdf',
|
|
70
93
|
displacement:{
|
|
71
|
-
pageX:0,
|
|
72
|
-
pageY:0,
|
|
73
|
-
moveable:false,
|
|
74
|
-
pageX2:0,
|
|
75
|
-
pageY2:0,
|
|
76
|
-
originScale:1,
|
|
94
|
+
pageX: 0,
|
|
95
|
+
pageY: 0,
|
|
96
|
+
moveable: false,
|
|
97
|
+
pageX2: 0,
|
|
98
|
+
pageY2: 0,
|
|
99
|
+
originScale: 1,
|
|
77
100
|
},
|
|
78
101
|
isTouchMoved: false,
|
|
79
102
|
transformSalce: null,
|
|
80
103
|
isPC: false,
|
|
104
|
+
handScale: 'auto',
|
|
105
|
+
scaleList:[
|
|
106
|
+
{
|
|
107
|
+
label:'自动缩放',
|
|
108
|
+
value:'auto'
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
label:'实际比例',
|
|
112
|
+
value:'reality'
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
label:'100%',
|
|
116
|
+
value: 1
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
label:'120%',
|
|
120
|
+
value: 1.2
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
label:'150%',
|
|
124
|
+
value: 1.5
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
label:'170%',
|
|
128
|
+
value: 1.7
|
|
129
|
+
}
|
|
130
|
+
,
|
|
131
|
+
{
|
|
132
|
+
label:'200%',
|
|
133
|
+
value: 2
|
|
134
|
+
}
|
|
135
|
+
],
|
|
136
|
+
scrollTop:0,
|
|
137
|
+
scrollLeft:0
|
|
81
138
|
}
|
|
82
139
|
},
|
|
83
140
|
methods: {
|
|
@@ -88,7 +145,7 @@ export default {
|
|
|
88
145
|
if(this.isMessageRecord) {
|
|
89
146
|
this.scale = Math.round(this.$refs.pdfView.clientWidth / pdfResloute.pageWidth * 100) / 100
|
|
90
147
|
} else {
|
|
91
|
-
this.scale =
|
|
148
|
+
this.scale = 2
|
|
92
149
|
}
|
|
93
150
|
// 从后端获取到当前分片后所有的pdf页码，初始化数组，数组下{} 对应每页pdf文件
|
|
94
151
|
this.pdfUrl = pdfResloute.publicPageFileUrl.substring(0, pdfResloute.publicPageFileUrl.lastIndexOf('/') + 1)
|
|
@@ -153,7 +210,7 @@ export default {
|
|
|
153
210
|
}).then(async res => {
|
|
154
211
|
if(res.bodyText) {
|
|
155
212
|
// 最后返回一个 包含这4个参数的对象
|
|
156
|
-
|
|
213
|
+
obj = await {
|
|
157
214
|
"startPage": pageIndex, // 分片的开始页码
|
|
158
215
|
"endPage": pageIndex + 5, // 分片结束页码
|
|
159
216
|
"totalPage": this.totalPageCount, // pdf 总页数
|
|
@@ -350,7 +407,7 @@ export default {
|
|
|
350
407
|
}
|
|
351
408
|
for (let pageIndex = startNum; pageIndex <= endNum; pageIndex++) {
|
|
352
409
|
console.log(pageIndex,pageIndex >= 0 && pageIndex <= that.pages.length, 'pageIndexpageIndexpageIndex');
|
|
353
|
-
if(pageIndex
|
|
410
|
+
if(pageIndex > 0 && pageIndex <= that.pages.length) {
|
|
354
411
|
that.loadPdfData(pageIndex)
|
|
355
412
|
}
|
|
356
413
|
}
|
|
@@ -373,7 +430,13 @@ export default {
|
|
|
373
430
|
if(this.preViewType !== 'pdf' || this.isTouchMoved) {
|
|
374
431
|
return
|
|
375
432
|
}
|
|
376
|
-
this.
|
|
433
|
+
if(this.scrollLeft != e.target.scrollLeft) {
|
|
434
|
+
this.scrollLeft = e.target.scrollLeft
|
|
435
|
+
}
|
|
436
|
+
if(this.scrollTop != e.target.scrollTop) {
|
|
437
|
+
this.scrollTop = e.target.scrollTop
|
|
438
|
+
this.debounceScrollPdf(e, this)
|
|
439
|
+
}
|
|
377
440
|
},
|
|
378
441
|
// 分片每次只做一次处理，所以不考虑多片情况
|
|
379
442
|
loadBefore (pageIndex) {
|
|
@@ -721,6 +784,27 @@ export default {
|
|
|
721
784
|
ctx?.scale(dpr, dpr );
|
|
722
785
|
return ctx;
|
|
723
786
|
},
|
|
787
|
+
changeScale(value) {
|
|
788
|
+
if(value == 'zoom') {
|
|
789
|
+
this.handScale = 'auto'
|
|
790
|
+
this.transformSalce = (this.transformSalce + 0.2).toFixed(1)
|
|
791
|
+
} else if(value == 'reduce') {
|
|
792
|
+
if((this.transformSalce - 0.2).toFixed(1) <= 0) {
|
|
793
|
+
return
|
|
794
|
+
}
|
|
795
|
+
this.handScale = 'auto'
|
|
796
|
+
this.transformSalce = (this.transformSalce - 0.2).toFixed(1)
|
|
797
|
+
} else if(value == 'auto') {
|
|
798
|
+
this.transformSalce = this.$refs.pdfView.clientWidth / this.pageSize.width
|
|
799
|
+
} else if(value == 'reality') {
|
|
800
|
+
this.transformSalce = 0.5
|
|
801
|
+
} else {
|
|
802
|
+
this.transformSalce = (value / 2).toFixed(1)
|
|
803
|
+
}
|
|
804
|
+
this.transformSalce = Number(this.transformSalce)
|
|
805
|
+
this.contentView.style.transform = 'scale(' + this.transformSalce + ')';
|
|
806
|
+
// this.getpdfResloutePage(this.cachePdf[0])
|
|
807
|
+
},
|
|
724
808
|
},
|
|
725
809
|
computed:{
|
|
726
810
|
perviewUrl() {
|
|
@@ -734,16 +818,16 @@ export default {
|
|
|
734
818
|
// 在 pdf_view 下创建 所有canvs的容器
|
|
735
819
|
this.contentView = document.createElement('div')
|
|
736
820
|
this.contentView.style.transformOrigin = '0px 0px 0px'
|
|
737
|
-
|
|
821
|
+
|
|
738
822
|
this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + value.join(',')).then(res =>{
|
|
739
823
|
// 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}
|
|
740
824
|
// 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}
|
|
741
825
|
// 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}
|
|
742
826
|
// 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}
|
|
743
|
-
|
|
744
|
-
if(value.length === 1) {
|
|
745
|
-
|
|
746
|
-
}
|
|
827
|
+
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}
|
|
828
|
+
// if(value.length === 1) {
|
|
829
|
+
// this.$refs.pdfView.style.height = 'calc(100% - 50px)'
|
|
830
|
+
// }
|
|
747
831
|
if (res.data.code == 0) {
|
|
748
832
|
// tagIds 会按照gpt识别的生成有序的数组，前端直接按照下标的顺序取就可以了
|
|
749
833
|
// 缓存拿到的所有数据
|
|
@@ -781,7 +865,7 @@ export default {
|
|
|
781
865
|
this.allTr = []
|
|
782
866
|
for (let index = 0; index < allTr.length; index++) {
|
|
783
867
|
if(value.includes(allTr[index].getAttribute('tag-id'))) {
|
|
784
|
-
|
|
868
|
+
this.allTr.push(allTr[index])
|
|
785
869
|
}
|
|
786
870
|
}
|
|
787
871
|
this.currentChange(1)
|
|
@@ -791,7 +875,6 @@ export default {
|
|
|
791
875
|
xhr.send();
|
|
792
876
|
})
|
|
793
877
|
}
|
|
794
|
-
|
|
795
878
|
} else {
|
|
796
879
|
let div = document.createElement('div')
|
|
797
880
|
div.innerText = '文件加载异常'
|
|
@@ -818,7 +901,7 @@ export default {
|
|
|
818
901
|
<style lang="less" scoped>
|
|
819
902
|
.pdf_view {
|
|
820
903
|
width: 100%;
|
|
821
|
-
height: calc(100% -
|
|
904
|
+
height: calc(100% - 110px);
|
|
822
905
|
overflow: auto;
|
|
823
906
|
background-color: #f5f7fb;
|
|
824
907
|
margin-bottom: 60px;
|
|
@@ -968,7 +1051,34 @@ export default {
|
|
|
968
1051
|
background: #366AFF;
|
|
969
1052
|
}
|
|
970
1053
|
}
|
|
971
|
-
|
|
1054
|
+
.change_scale {
|
|
1055
|
+
width: 100%;
|
|
1056
|
+
height: 50px;
|
|
1057
|
+
position: absolute;
|
|
1058
|
+
top: 50px;
|
|
1059
|
+
left: 0;
|
|
1060
|
+
background: #ffffff;
|
|
1061
|
+
display: flex;
|
|
1062
|
+
align-items: center;
|
|
1063
|
+
padding: 0 10px;
|
|
1064
|
+
box-sizing: border-box;
|
|
1065
|
+
section {
|
|
1066
|
+
cursor: pointer;
|
|
1067
|
+
width: 30px;
|
|
1068
|
+
height: 30px;
|
|
1069
|
+
margin-right: 5px;
|
|
1070
|
+
border-radius: 5px;
|
|
1071
|
+
display: flex;
|
|
1072
|
+
align-items: center;
|
|
1073
|
+
justify-content: center;
|
|
1074
|
+
i {
|
|
1075
|
+
font-weight: 900;
|
|
1076
|
+
}
|
|
1077
|
+
}
|
|
1078
|
+
section:hover {
|
|
1079
|
+
background: rgba(221, 222, 223, 1);
|
|
1080
|
+
}
|
|
1081
|
+
}
|
|
972
1082
|
}
|
|
973
1083
|
|
|
974
1084
|
</style>
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
<pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord"></pdfPosition>
|
|
57
57
|
</template>
|
|
58
58
|
<template v-else>
|
|
59
|
-
<div v-if="fileType == 'VIDEO'" style="width: 100%;
|
|
59
|
+
<div v-if="fileType == 'VIDEO'" style="width: 100%;">
|
|
60
60
|
<video :src="url" controls width="100%;" height="98%"></video>
|
|
61
61
|
</div>
|
|
62
|
-
<div v-else-if="fileType == 'HTML'" style="width: 100%;
|
|
62
|
+
<div v-else-if="fileType == 'HTML'" style="width: 100%;">
|
|
63
63
|
<div class="preview_iframe_html" style="text-algin:left" v-html="fileText"></div>
|
|
64
64
|
</div>
|
|
65
65
|
<template v-else-if="url.includes('https://www') || url.includes('http://www')">
|
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
border="0"></iframe>
|
|
73
73
|
</template>
|
|
74
74
|
<template v-else>
|
|
75
|
-
|
|
76
75
|
<iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
|
|
77
76
|
</template>
|
|
78
77
|
</template>
|
|
@@ -265,12 +264,27 @@ export default {
|
|
|
265
264
|
padding: 0 20px;
|
|
266
265
|
border-bottom: 1px solid #cccccc;
|
|
267
266
|
}
|
|
268
|
-
|
|
269
|
-
|
|
267
|
+
@media screen and (max-width: 767px) {
|
|
268
|
+
/* 这里是针对移动设备的css样式设置 */
|
|
269
|
+
/deep/.el-drawer__body{
|
|
270
|
+
height: 100%;
|
|
271
|
+
}
|
|
272
|
+
#drawer_content_pre {
|
|
273
|
+
overflow: auto;
|
|
274
|
+
height: 100%;
|
|
275
|
+
background: #FFF;
|
|
276
|
+
}
|
|
270
277
|
}
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
278
|
+
@media screen and (min-width: 768px) {
|
|
279
|
+
/* 这里是针对移动设备的css样式设置 */
|
|
280
|
+
/deep/.el-drawer__body{
|
|
281
|
+
height: 100%;
|
|
282
|
+
}
|
|
283
|
+
#drawer_content_pre {
|
|
284
|
+
overflow: auto;
|
|
285
|
+
height: calc(100% - 50px);
|
|
286
|
+
background: #FFF;
|
|
287
|
+
}
|
|
275
288
|
}
|
|
289
|
+
|
|
276
290
|
</style>
|