askbot-dragon 1.6.20-beta → 1.6.22-beta
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 +3 -2
- package/public/index.html +7 -7
- package/src/assets/js/hammer.js +2 -13
- package/src/assets/js/obsBrowser.js +63 -0
- package/src/assets/less/converSationContainer/common.less +0 -7
- package/src/components/ActionAlertIframe.vue +1 -24
- package/src/components/AiGuide.vue +6 -4
- package/src/components/AnswerDocknowledge.vue +58 -58
- package/src/components/ConversationContainer.vue +1 -2
- package/src/components/askVideo.vue +6 -26
- package/src/components/associationIntention.vue +1 -7
- package/src/components/formTemplate.vue +24 -19
- package/src/components/pdfPosition.vue +21 -201
- package/src/components/previewPdf.vue +8 -21
- package/src/components/utils/ckeditor.js +10 -7
- package/src/components/utils/ckeditorImageUpload/command.js +9 -7
- package/src/components/utils/ckeditorfileUpload/common.js +10 -17
- package/src/components/newPdfPosition.vue +0 -878
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="pdf_view"
|
|
2
|
+
<div class="pdf_view" ref="pdfView" @scroll="pdfScroll" :style="{
|
|
3
3
|
marginTop: isPC ? '50px' : '',
|
|
4
4
|
marginBottom: tagIds.length > 1 ? '60px' : '0px',
|
|
5
5
|
height: setHeight
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
</el-option>
|
|
18
18
|
</el-select>
|
|
19
19
|
</div>
|
|
20
|
-
<div class="pdf_container_view" id="pdf_container_view" @scroll="pdfScroll" ref="pdfView"></div>
|
|
21
20
|
<div class="btn_footer" v-if="tagIds.length > 1 && !isPC">
|
|
22
21
|
<div class="prev" @click="prev">上一段</div>
|
|
23
22
|
<div class="next" @click="next">下一段</div>
|
|
@@ -45,11 +44,10 @@ if (pdfjsLib) {
|
|
|
45
44
|
// 'pdfjs-dist/build/pdf.worker';
|
|
46
45
|
}
|
|
47
46
|
const { TextLayerBuilder } = window['pdfjs-dist/web/pdf_viewer']
|
|
48
|
-
const CSS_UNITS = 96.0 / 72.0
|
|
49
47
|
// import { zoomElement } from '../assets/js/hammer'
|
|
50
48
|
export default {
|
|
51
49
|
name: 'pdfView',
|
|
52
|
-
props: ['tagIds', 'isMessageRecord'
|
|
50
|
+
props: ['tagIds', 'isMessageRecord'],
|
|
53
51
|
data () {
|
|
54
52
|
return {
|
|
55
53
|
url: '',
|
|
@@ -96,7 +94,6 @@ export default {
|
|
|
96
94
|
},
|
|
97
95
|
isTouchMoved: false,
|
|
98
96
|
transformSalce: null,
|
|
99
|
-
defaultTransform:0.8,
|
|
100
97
|
isPC: false,
|
|
101
98
|
handScale: 'auto',
|
|
102
99
|
scaleList: [
|
|
@@ -261,9 +258,6 @@ export default {
|
|
|
261
258
|
this.contentView.style.paddingBottom = '60px'
|
|
262
259
|
// contentView.style.overflowY = 'auto'
|
|
263
260
|
this.$refs.pdfView.appendChild(this.contentView);
|
|
264
|
-
if (this.knowledgeItem && (this.knowledgeItem.source === 'CORP_LOCAL_FILE' || this.knowledgeItem.source === 'YUQUE' || this.knowledgeItem.source === 'FEISHU') && (this.knowledgeItem.visitorWatermarkValue || this.knowledgeItem.textWatermarkValue)){
|
|
265
|
-
this.watermark()
|
|
266
|
-
}
|
|
267
261
|
}
|
|
268
262
|
this.renderPages(pageIndex)
|
|
269
263
|
},
|
|
@@ -287,12 +281,12 @@ export default {
|
|
|
287
281
|
const { pdfPage, pageNo, dom } = page;
|
|
288
282
|
// dom 元素已存在,无须重新渲染,直接返回
|
|
289
283
|
if ((dom && dom.children.length != 0) || page.loading) {
|
|
290
|
-
|
|
284
|
+
return;
|
|
291
285
|
}
|
|
292
286
|
page.loading = true
|
|
293
287
|
const viewport = pdfPage.getViewport({
|
|
294
|
-
|
|
295
|
-
|
|
288
|
+
scale: this.scale,
|
|
289
|
+
rotation: this.rotation,
|
|
296
290
|
});
|
|
297
291
|
// 创建新的canvas
|
|
298
292
|
const canvas = document.createElement('canvas');
|
|
@@ -383,10 +377,6 @@ export default {
|
|
|
383
377
|
page.dom = await pageDom;
|
|
384
378
|
page.loading = false
|
|
385
379
|
this.contentView.appendChild(pageDom);
|
|
386
|
-
let pdf_view = document.getElementsByClassName('pdf_view');
|
|
387
|
-
if (pdf_view && pdf_view[0]){
|
|
388
|
-
pdf_view[0].style.backgroundImage = 'none'
|
|
389
|
-
}
|
|
390
380
|
if (this.transformSalce !== null) {
|
|
391
381
|
this.contentView.style.transform = `scale(${this.transformSalce}, ${this.transformSalce})`
|
|
392
382
|
}
|
|
@@ -453,8 +443,8 @@ export default {
|
|
|
453
443
|
startNum = Math.ceil(scrollTop / (that.pageSize.height + that.PAGE_INTVERVAL))
|
|
454
444
|
endNum = startNum + Math.ceil(height / (that.pageSize.height + that.PAGE_INTVERVAL))
|
|
455
445
|
}
|
|
456
|
-
for (let pageIndex = startNum; pageIndex
|
|
457
|
-
if (pageIndex > 0 && pageIndex
|
|
446
|
+
for (let pageIndex = startNum; pageIndex < endNum; pageIndex++) {
|
|
447
|
+
if (pageIndex > 0 && pageIndex < that.pages.length) {
|
|
458
448
|
that.loadPdfData(pageIndex)
|
|
459
449
|
}
|
|
460
450
|
}
|
|
@@ -697,15 +687,21 @@ export default {
|
|
|
697
687
|
// this.currentPageAllLine[i].allLines.lines.push(item.extractInfo.lines)
|
|
698
688
|
this.currentPageAllLine[i].allLines.push({
|
|
699
689
|
pageCount: index,
|
|
700
|
-
lines: item.extractInfo.lines
|
|
690
|
+
lines: item.extractInfo.lines ? item.extractInfo.lines : [{
|
|
691
|
+
content:"测试内容填充,不必理会",
|
|
692
|
+
location:item.extractInfo.location
|
|
693
|
+
}]
|
|
701
694
|
})
|
|
702
695
|
} else {
|
|
703
696
|
this.currentPageAllLine.push({
|
|
704
697
|
page: item.page,
|
|
705
698
|
allLines: [{
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
699
|
+
pageCount: index,
|
|
700
|
+
lines: item.extractInfo.lines ? item.extractInfo.lines : [{
|
|
701
|
+
content:"测试内容填充,不必理会",
|
|
702
|
+
location:item.extractInfo.location
|
|
703
|
+
}]
|
|
704
|
+
}]
|
|
709
705
|
})
|
|
710
706
|
}
|
|
711
707
|
})
|
|
@@ -846,164 +842,6 @@ export default {
|
|
|
846
842
|
this.contentView.style.transform = 'scale(' + this.transformSalce + ')';
|
|
847
843
|
// this.getpdfResloutePage(this.cachePdf[0])
|
|
848
844
|
},
|
|
849
|
-
//添加水印
|
|
850
|
-
watermark() {
|
|
851
|
-
//默认设置
|
|
852
|
-
var defaultSettings = {
|
|
853
|
-
watermark_txt:"",
|
|
854
|
-
watermark_x: 0,//水印起始位置x轴坐标
|
|
855
|
-
watermark_y: 0,//水印起始位置Y轴坐标
|
|
856
|
-
watermark_rows: 0,//水印行数
|
|
857
|
-
watermark_cols: 0,//水印列数
|
|
858
|
-
watermark_x_space: 40,//水印x轴间隔
|
|
859
|
-
watermark_y_space: 60,//水印y轴间隔
|
|
860
|
-
watermark_color: 'black',//水印字体颜色
|
|
861
|
-
watermark_alpha: .3,//水印透明度
|
|
862
|
-
watermark_fontsize: 12,//水印字体大小
|
|
863
|
-
watermark_font: '微软雅黑',//水印字体
|
|
864
|
-
watermark_width: 100,//水印宽度
|
|
865
|
-
watermark_height: 80,//水印长度
|
|
866
|
-
watermark_angle: 20,//水印倾斜度数***
|
|
867
|
-
visitorWatermark_txt:""
|
|
868
|
-
};
|
|
869
|
-
if(this.knowledgeItem.textWatermarkValue){
|
|
870
|
-
defaultSettings.watermark_txt = this.knowledgeItem.textWatermarkValue;
|
|
871
|
-
}
|
|
872
|
-
if (this.knowledgeItem.visitorWatermarkValue){
|
|
873
|
-
defaultSettings.visitorWatermark_txt = this.knowledgeItem.visitorWatermarkValue
|
|
874
|
-
}
|
|
875
|
-
//采用配置项替换默认值,作用类似jquery.extend
|
|
876
|
-
if (arguments.length === 1 && typeof arguments[0] === "object") {
|
|
877
|
-
console.log("arguments = " + JSON.stringify(arguments[0]));
|
|
878
|
-
// 获取参数配置
|
|
879
|
-
var src = arguments[0];
|
|
880
|
-
for (let key in src) {
|
|
881
|
-
if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
|
|
882
|
-
continue;
|
|
883
|
-
else if (src[key])
|
|
884
|
-
defaultSettings[key] = src[key];
|
|
885
|
-
}
|
|
886
|
-
}
|
|
887
|
-
var oTemp = document.createDocumentFragment();
|
|
888
|
-
//获取页面最大宽度
|
|
889
|
-
console.debug('pdf_view',document.getElementById('pdf_view'))
|
|
890
|
-
let scrollWidth = document.getElementById('pdf_view').scrollWidth;
|
|
891
|
-
let clientWidth = document.getElementById('pdf_view').clientWidth;
|
|
892
|
-
var page_width = Math.max(scrollWidth, clientWidth);
|
|
893
|
-
|
|
894
|
-
var cutWidth = page_width * 0.0150;
|
|
895
|
-
|
|
896
|
-
page_width = page_width - cutWidth;
|
|
897
|
-
|
|
898
|
-
//获取页面最大高度
|
|
899
|
-
let height = parseInt(this.totalPageCount * this.pageSize.height)
|
|
900
|
-
var page_height = Math.max(document.getElementById('pdf_container_view').scrollHeight,height);
|
|
901
|
-
|
|
902
|
-
console.debug('page_height',page_height,this.totalPageCount * this.pageSize.height);
|
|
903
|
-
|
|
904
|
-
// var page_height = document.body.scrollHeight+document.body.scrollTop;
|
|
905
|
-
|
|
906
|
-
//如果将水印列数设置为0,或水印列数设置过大,超过页面最大宽度,则重新计算水印列数和水印x轴间隔
|
|
907
|
-
|
|
908
|
-
if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x + defaultSettings
|
|
909
|
-
.watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space *
|
|
910
|
-
(defaultSettings.watermark_cols - 1)) > page_width)) {
|
|
911
|
-
defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x + defaultSettings
|
|
912
|
-
.watermark_x_space) / (defaultSettings.watermark_width + defaultSettings
|
|
913
|
-
.watermark_x_space));
|
|
914
|
-
defaultSettings.watermark_x_space = parseInt((page_width - defaultSettings.watermark_x -
|
|
915
|
-
defaultSettings
|
|
916
|
-
.watermark_width * defaultSettings.watermark_cols) / (defaultSettings.watermark_cols - 1));
|
|
917
|
-
}
|
|
918
|
-
|
|
919
|
-
//如果将水印行数设置为0,或水印行数设置过大,超过页面最大长度,则重新计算水印行数和水印y轴间隔
|
|
920
|
-
|
|
921
|
-
if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y + defaultSettings
|
|
922
|
-
|
|
923
|
-
.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (
|
|
924
|
-
|
|
925
|
-
defaultSettings.watermark_rows - 1)) > page_height)) {
|
|
926
|
-
|
|
927
|
-
defaultSettings.watermark_rows = parseInt((defaultSettings.watermark_y_space + page_height -
|
|
928
|
-
|
|
929
|
-
defaultSettings
|
|
930
|
-
|
|
931
|
-
.watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
|
|
932
|
-
|
|
933
|
-
defaultSettings.watermark_y_space = parseInt(((page_height - defaultSettings.watermark_y) -
|
|
934
|
-
|
|
935
|
-
defaultSettings
|
|
936
|
-
|
|
937
|
-
.watermark_height * defaultSettings.watermark_rows) / (defaultSettings.watermark_rows - 1));
|
|
938
|
-
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
var x;
|
|
942
|
-
|
|
943
|
-
var y;
|
|
944
|
-
|
|
945
|
-
for (var i = 0; i < defaultSettings.watermark_rows; i++) {
|
|
946
|
-
y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
|
|
947
|
-
for (var j = 0; j < defaultSettings.watermark_cols; j++) {
|
|
948
|
-
x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
|
|
949
|
-
|
|
950
|
-
var mask_div = document.createElement('div');
|
|
951
|
-
mask_div.id = 'mask_div' + i + j;
|
|
952
|
-
mask_div.className = 'mask_div';
|
|
953
|
-
|
|
954
|
-
//注意看这里加了图片水印
|
|
955
|
-
mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
|
|
956
|
-
mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
|
|
957
|
-
mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
|
|
958
|
-
mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
|
|
959
|
-
mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
|
|
960
|
-
mask_div.style.visibility = "";
|
|
961
|
-
mask_div.style.position = "absolute";
|
|
962
|
-
//奇偶行错开,这样水印就不对齐,显的不呆板
|
|
963
|
-
console.debug('x',x)
|
|
964
|
-
if (i % 2 != 0) {
|
|
965
|
-
mask_div.style.left = x + 'px';
|
|
966
|
-
if (j % 2 != 0 && this.knowledgeItem.visitorWatermarkValue){
|
|
967
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.visitorWatermark_txt));
|
|
968
|
-
} else {
|
|
969
|
-
if (!this.knowledgeItem.textWatermarkValue){
|
|
970
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.visitorWatermark_txt));
|
|
971
|
-
} else {
|
|
972
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
|
|
973
|
-
}
|
|
974
|
-
}
|
|
975
|
-
} else {
|
|
976
|
-
mask_div.style.left = x + 'px';
|
|
977
|
-
if (j % 2 != 0 && this.knowledgeItem.textWatermarkValue){
|
|
978
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
|
|
979
|
-
} else {
|
|
980
|
-
if (!this.knowledgeItem.visitorWatermarkValue){
|
|
981
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
|
|
982
|
-
} else {
|
|
983
|
-
mask_div.appendChild(document.createTextNode(defaultSettings.visitorWatermark_txt));
|
|
984
|
-
}
|
|
985
|
-
}
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
mask_div.style.top = y + 'px';
|
|
989
|
-
mask_div.style.overflow = "hidden";
|
|
990
|
-
mask_div.style.zIndex = "9999";
|
|
991
|
-
mask_div.style.pointerEvents = 'none'; //让水印不遮挡页面的点击事件
|
|
992
|
-
mask_div.style.opacity = defaultSettings.watermark_alpha;
|
|
993
|
-
mask_div.style.fontSize = defaultSettings.watermark_fontsize;
|
|
994
|
-
mask_div.style.fontFamily = defaultSettings.watermark_font;
|
|
995
|
-
mask_div.style.color = defaultSettings.watermark_color;
|
|
996
|
-
mask_div.style.textAlign = "center";
|
|
997
|
-
mask_div.style.width = defaultSettings.watermark_width + 'px';
|
|
998
|
-
mask_div.style.height = defaultSettings.watermark_height + 'px';
|
|
999
|
-
mask_div.style.display = "block";
|
|
1000
|
-
oTemp.appendChild(mask_div);
|
|
1001
|
-
}
|
|
1002
|
-
}
|
|
1003
|
-
let pageDom = document.getElementById('pdf_container_view')
|
|
1004
|
-
pageDom.appendChild(oTemp);
|
|
1005
|
-
|
|
1006
|
-
},
|
|
1007
845
|
},
|
|
1008
846
|
computed: {
|
|
1009
847
|
perviewUrl () {
|
|
@@ -1031,11 +869,8 @@ export default {
|
|
|
1031
869
|
if (value && value.length) {
|
|
1032
870
|
// 在 pdf_view 下创建 所有canvs的容器
|
|
1033
871
|
this.contentView = document.createElement('div')
|
|
1034
|
-
this.contentView.setAttribute('id','contentView')
|
|
1035
872
|
this.contentView.style.transformOrigin = '0px 0px 0px'
|
|
1036
|
-
this.
|
|
1037
|
-
|
|
1038
|
-
this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + value.join(',')).then(res => {
|
|
873
|
+
this.$http.get('/knowledge-api/knowledge/knowledge-part-location-info/list?ids=' + value.join(',')).then(res => {
|
|
1039
874
|
// 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}
|
|
1040
875
|
// 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}
|
|
1041
876
|
// 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}
|
|
@@ -1201,9 +1036,9 @@ export default {
|
|
|
1201
1036
|
// tagIds 会按照gpt识别的生成有序的数组,前端直接按照下标的顺序取就可以了
|
|
1202
1037
|
// 缓存拿到的所有数据
|
|
1203
1038
|
this.cachePdf = res.data.data
|
|
1204
|
-
let publicPageFileUrl = res.data.data
|
|
1039
|
+
let publicPageFileUrl = res.data.data[0].publicPageFileUrl
|
|
1205
1040
|
this.currentPage = 0
|
|
1206
|
-
if (publicPageFileUrl
|
|
1041
|
+
if (publicPageFileUrl.substring(publicPageFileUrl.lastIndexOf('.')) === '.pdf') {
|
|
1207
1042
|
this.preViewType = 'pdf'
|
|
1208
1043
|
this.setPageAllLine(this.cachePdf)
|
|
1209
1044
|
this.getpdfResloutePage(res.data.data[0])
|
|
@@ -1224,16 +1059,11 @@ export default {
|
|
|
1224
1059
|
xhr.onload = ({ currentTarget }) => {
|
|
1225
1060
|
// 请求完成
|
|
1226
1061
|
if (currentTarget.status === 200) { // 返回200
|
|
1227
|
-
let pdf_view = document.getElementsByClassName('pdf_view');
|
|
1228
|
-
if (pdf_view && pdf_view[0]){
|
|
1229
|
-
pdf_view[0].style.backgroundImage = 'none'
|
|
1230
|
-
}
|
|
1231
1062
|
this.contentView.innerHTML = currentTarget.response
|
|
1232
1063
|
this.contentView.style.padding = '10px'
|
|
1233
1064
|
// this.contentView.style.position = 'relative'
|
|
1234
1065
|
this.$refs.pdfView.style.backgroundColor = '#FFFFFF'
|
|
1235
1066
|
this.$refs.pdfView.appendChild(this.contentView)
|
|
1236
|
-
|
|
1237
1067
|
let allTr = Array.from(this.$refs.pdfView.getElementsByTagName('tr'))
|
|
1238
1068
|
this.allTr = []
|
|
1239
1069
|
for (let index = 0; index < allTr.length; index++) {
|
|
@@ -1276,14 +1106,10 @@ export default {
|
|
|
1276
1106
|
width: 100%;
|
|
1277
1107
|
height: calc(100% - 110px);
|
|
1278
1108
|
overflow: auto;
|
|
1279
|
-
//overflow-y: scroll;
|
|
1280
1109
|
background-color: #f5f7fb;
|
|
1281
1110
|
// margin-bottom: 60px;
|
|
1282
1111
|
box-sizing: border-box;
|
|
1283
|
-
|
|
1284
|
-
background-position: center;
|
|
1285
|
-
background-size: 50px;
|
|
1286
|
-
background-repeat: no-repeat;
|
|
1112
|
+
|
|
1287
1113
|
// position: relative;
|
|
1288
1114
|
// > div {
|
|
1289
1115
|
// width: 100%;
|
|
@@ -1472,12 +1298,6 @@ export default {
|
|
|
1472
1298
|
background: rgba(221, 222, 223, 1);
|
|
1473
1299
|
}
|
|
1474
1300
|
}
|
|
1475
|
-
.pdf_container_view{
|
|
1476
|
-
height: 100%;
|
|
1477
|
-
width: 100%;
|
|
1478
|
-
position: relative;
|
|
1479
|
-
overflow: auto;
|
|
1480
|
-
}
|
|
1481
1301
|
}
|
|
1482
1302
|
</style>
|
|
1483
1303
|
<style lang="less">
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
</div>
|
|
55
55
|
<div id="drawer_content_pre">
|
|
56
56
|
<template v-if="tagIds && tagIds.length != 0 && drawer">
|
|
57
|
-
<pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord"
|
|
57
|
+
<pdfPosition :tagIds="tagIds" :isMessageRecord="isMessageRecord"></pdfPosition>
|
|
58
58
|
</template>
|
|
59
59
|
<template v-else>
|
|
60
60
|
<div v-if="fileType == 'VIDEO'" style="width: 100%;">
|
|
@@ -97,7 +97,6 @@ export default {
|
|
|
97
97
|
tagIds: [],
|
|
98
98
|
// '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
|
|
99
99
|
loading:true,
|
|
100
|
-
fileName:''
|
|
101
100
|
}
|
|
102
101
|
},
|
|
103
102
|
mounted() {
|
|
@@ -118,9 +117,6 @@ export default {
|
|
|
118
117
|
sourceFileType:{
|
|
119
118
|
type: String,
|
|
120
119
|
default: '',
|
|
121
|
-
},
|
|
122
|
-
watermark:{
|
|
123
|
-
type: Object
|
|
124
120
|
}
|
|
125
121
|
},
|
|
126
122
|
components:{
|
|
@@ -130,20 +126,9 @@ export default {
|
|
|
130
126
|
drawer(value) {
|
|
131
127
|
if(value) {
|
|
132
128
|
this.$nextTick(() =>{
|
|
133
|
-
|
|
134
|
-
zoomElement(document.getElementById('pdf_container_view'))
|
|
135
|
-
}
|
|
129
|
+
zoomElement(document.getElementById('drawer_content_pre'))
|
|
136
130
|
})
|
|
137
131
|
}
|
|
138
|
-
setTimeout(() => {
|
|
139
|
-
let previewIframe = document.getElementsByClassName('preview_iframe')
|
|
140
|
-
Array.from(previewIframe).forEach(item =>{
|
|
141
|
-
item.onload = () =>{
|
|
142
|
-
console.debug('previewIframe 106',previewIframe,this.drawer)
|
|
143
|
-
item.style.backgroundImage = 'none'
|
|
144
|
-
}
|
|
145
|
-
})
|
|
146
|
-
})
|
|
147
132
|
}
|
|
148
133
|
},
|
|
149
134
|
computed:{
|
|
@@ -158,10 +143,8 @@ export default {
|
|
|
158
143
|
// }
|
|
159
144
|
// }
|
|
160
145
|
url = url + this.url
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
url = this.watermark.textWatermarkValue ? (url += '&textWatermarkValue=' + this.watermark.textWatermarkValue) : url
|
|
164
|
-
url = this.watermark.visitorWatermarkValue ? (url += '&visitorWatermarkValue=' + this.watermark.visitorWatermarkValue) : url
|
|
146
|
+
if(this.sourceFileType == '.ppt' || this.sourceFileType == '.pptx') {
|
|
147
|
+
url += '&officePreviewType=pdf'
|
|
165
148
|
}
|
|
166
149
|
return url
|
|
167
150
|
},
|
|
@@ -299,6 +282,10 @@ export default {
|
|
|
299
282
|
overflow: auto;
|
|
300
283
|
height: calc(100% - 50px);
|
|
301
284
|
background: #FFF;
|
|
285
|
+
background-image: url('https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif');
|
|
286
|
+
background-position: center;
|
|
287
|
+
background-size: 50px;
|
|
288
|
+
background-repeat: no-repeat;
|
|
302
289
|
}
|
|
303
290
|
}
|
|
304
291
|
@media screen and (min-width: 768px) {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import {multipartUpload, ossFileUrl} from "./AliyunIssUtil";
|
|
3
3
|
import { v4 as uuidv4 } from "uuid";
|
|
4
|
+
import { putObject } from "../../assets/js/obsBrowser";
|
|
4
5
|
const ossConfig = {
|
|
5
6
|
region: "oss-cn-zhangjiakou",
|
|
6
7
|
//云账号AccessKey有所有API访问权限,建议遵循阿里云安全最佳实践,创建并使用STS方式来进行API访问
|
|
@@ -55,14 +56,16 @@ class MyUploadAdapter {
|
|
|
55
56
|
let imgInfo = {
|
|
56
57
|
url:'',
|
|
57
58
|
}
|
|
58
|
-
let res = multipartUpload(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
);
|
|
59
|
+
// let res = multipartUpload(
|
|
60
|
+
// ossConfig,
|
|
61
|
+
// file,
|
|
62
|
+
// null,
|
|
63
|
+
// imgInfo
|
|
64
|
+
// );
|
|
65
|
+
let res = putObject(file);
|
|
64
66
|
res.then(resp=>{
|
|
65
|
-
imgInfo.url = ossFileUrl(ossConfig, resp.name)
|
|
67
|
+
// imgInfo.url = ossFileUrl(ossConfig, resp.name)
|
|
68
|
+
imgInfo.url = resp.url;
|
|
66
69
|
let root = this.editor.model.document.getRoot()
|
|
67
70
|
let children = root.getChildren()
|
|
68
71
|
for(let child of children){
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import Command from "@ckeditor/ckeditor5-core/src/command";
|
|
2
2
|
import { multipartUpload, ossFileUrl } from "../AliyunIssUtil";
|
|
3
|
+
import { putObject } from "../../../assets/js/obsBrowser";
|
|
3
4
|
const ossConfig = {
|
|
4
5
|
region: "oss-cn-zhangjiakou",
|
|
5
6
|
//云账号AccessKey有所有API访问权限,建议遵循阿里云安全最佳实践,创建并使用STS方式来进行API访问
|
|
@@ -91,15 +92,16 @@ export default class ImageCommand extends Command {
|
|
|
91
92
|
let imgInfo = {
|
|
92
93
|
url: '',
|
|
93
94
|
}
|
|
94
|
-
let res = multipartUpload(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
);
|
|
95
|
+
// let res = multipartUpload(
|
|
96
|
+
// ossConfig,
|
|
97
|
+
// file,
|
|
98
|
+
// null,
|
|
99
|
+
// imgInfo
|
|
100
|
+
// );
|
|
101
|
+
let res = putObject(file)
|
|
100
102
|
console.log(res,'resprespresp');
|
|
101
103
|
res.then(resp => {
|
|
102
|
-
imgInfo.url =
|
|
104
|
+
imgInfo.url = resp.url;
|
|
103
105
|
console.log(resp,'resprespresp');
|
|
104
106
|
console.log(imgInfo)
|
|
105
107
|
resolve({
|
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
import Command from "@ckeditor/ckeditor5-core/src/command";
|
|
2
|
-
import { multipartUpload, ossFileUrl } from "../AliyunIssUtil";
|
|
3
2
|
import { v4 as uuidv4 } from "uuid";
|
|
4
|
-
|
|
5
|
-
const ossConfig = {
|
|
6
|
-
region: "oss-cn-zhangjiakou",
|
|
7
|
-
//云账号AccessKey有所有API访问权限,建议遵循阿里云安全最佳实践,创建并使用STS方式来进行API访问
|
|
8
|
-
accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
|
|
9
|
-
accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
|
|
10
|
-
// stsToken: '<Your securityToken(STS)>',
|
|
11
|
-
bucket: "guoranopen-zjk",
|
|
12
|
-
}
|
|
3
|
+
import { putObject } from "../../../assets/js/obsBrowser";
|
|
13
4
|
|
|
14
5
|
function findListener(askPluginListeners, type) {
|
|
15
6
|
for (let i = 0, len = askPluginListeners.length; i < len; i++) {
|
|
@@ -165,14 +156,16 @@ export default class FileCommand extends Command {
|
|
|
165
156
|
let imgInfo = {
|
|
166
157
|
url: '',
|
|
167
158
|
}
|
|
168
|
-
let res = multipartUpload(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
);
|
|
159
|
+
// let res = multipartUpload(
|
|
160
|
+
// ossConfig,
|
|
161
|
+
// file,
|
|
162
|
+
// null,
|
|
163
|
+
// imgInfo
|
|
164
|
+
// );
|
|
165
|
+
let res = putObject(file);
|
|
174
166
|
res.then(resp => {
|
|
175
|
-
imgInfo.url = ossFileUrl(ossConfig, resp.name)
|
|
167
|
+
// imgInfo.url = ossFileUrl(ossConfig, resp.name)
|
|
168
|
+
imgInfo.url = resp.url;
|
|
176
169
|
resolve({
|
|
177
170
|
name: resp.name,
|
|
178
171
|
default: imgInfo.url
|