askbot-dragon 1.6.84-beta → 1.6.85-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 +1 -1
- package/public/index.html +8 -8
- package/src/assets/js/hammer.js +13 -2
- package/src/assets/less/converSationContainer/common.less +7 -0
- package/src/components/ActionAlertIframe.vue +24 -1
- package/src/components/AiGuide.vue +4 -6
- package/src/components/AnswerDocknowledge.vue +2 -0
- package/src/components/ConversationContainer.vue +9 -201
- package/src/components/MyEditor.vue +1 -0
- package/src/components/answerRadio.vue +16 -7
- package/src/components/askVideo.vue +24 -1
- package/src/components/associationIntention.vue +7 -1
- package/src/components/intelligentSummary.vue +5 -1
- package/src/components/message/swiper/ticketSwiper.vue +1 -1
- package/src/components/newPdfPosition.vue +878 -0
- package/src/components/pdfPosition.vue +205 -31
- package/src/components/previewPdf.vue +151 -126
package/package.json
CHANGED
package/public/index.html
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
const o = {};
|
|
16
16
|
Object.keys(entries).forEach((key) => {
|
|
17
17
|
const [k, v] = entries[key];
|
|
18
|
-
|
|
18
|
+
|
|
19
19
|
o[k] = v;
|
|
20
20
|
});
|
|
21
21
|
return o;
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
</script>
|
|
26
26
|
<!-- 项目图标 -->
|
|
27
27
|
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_2913049_ee8dx548hg.css"/>
|
|
28
|
-
<!--
|
|
29
|
-
<link rel="stylesheet" href="//at.alicdn.com/t/c/
|
|
28
|
+
<!-- iconfont图标 -->
|
|
29
|
+
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_2913049_mfmhkqumc7i.css"/>
|
|
30
30
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
|
|
31
|
-
|
|
31
|
+
|
|
32
32
|
<!-- vue -->
|
|
33
33
|
<!-- <script src="https://static.guoranbot.com/vue/2.6.11/dist/vue.min.js"></script>
|
|
34
34
|
<script src="https://static.guoranbot.com/vue-router/3.3.2/dist/vue-router.min.js"></script> -->
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
<!-- vant -->
|
|
41
41
|
<!-- <script src="https://static.guoranbot.com/vant/2.12/lib/vant.min.js"></script>
|
|
42
42
|
<link rel="stylesheet" href="https://static.guoranbot.com/vant/2.12/lib/index.css" /> -->
|
|
43
|
-
|
|
43
|
+
|
|
44
44
|
<!-- pdf.js -->
|
|
45
45
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf.min.js" integrity="sha512-BagCUdQjQ2Ncd42n5GGuXQn1qwkHL2jCSkxN5+ot9076d5wAI8bcciSooQaI3OG3YLj6L97dKAFaRvhSXVO0/Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
46
46
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf.worker.min.js" integrity="sha512-6UHd2tcWIvg5hIYHXb3lnNO61tWfriGen6KddwGYTSUUazWGYESTHDDxJFEQkCy1cSL//yXKc1gcL+51/DTLFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
47
47
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf_viewer.min.js" integrity="sha512-tYEGuMBQkCfSlBKJ3dNgS06wbb/MNE6nO2poZ1Y5brix8NajGcDcfEvuL38wJDOTkq0j5ojASNmrzv/8/wgGHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
48
48
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf_viewer.min.css" integrity="sha512-Jf9DLkegLgARLR151csVkPvcVt4cOUhslrSZwiTAe9mqFL/BbYRDmxCOioCtbHifEgjsBFbrVhOMQ3mYPDLrqQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
|
|
50
|
+
|
|
51
51
|
<script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf.min.js" referrerpolicy="no-referrer"></script>
|
|
52
52
|
<script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf.worker.min.js" referrerpolicy="no-referrer"></script>
|
|
53
53
|
<script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf_viewer.js" referrerpolicy="no-referrer"></script>
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
<div id="app"></div>
|
|
69
69
|
<!-- built files will be auto injected -->
|
|
70
70
|
</body>
|
|
71
|
-
|
|
71
|
+
|
|
72
72
|
</html>
|
package/src/assets/js/hammer.js
CHANGED
|
@@ -3,6 +3,15 @@ export function zoomElement (el) {
|
|
|
3
3
|
let store = {
|
|
4
4
|
scale: 1
|
|
5
5
|
};
|
|
6
|
+
if (!el){
|
|
7
|
+
return
|
|
8
|
+
}
|
|
9
|
+
let scale = 1;
|
|
10
|
+
if (el.style.transform){
|
|
11
|
+
let transForm = el.style.transform;
|
|
12
|
+
var values = transForm.split('(')[1].split(')')[0].split(',');
|
|
13
|
+
scale = values[0] ? values[0] : 1
|
|
14
|
+
}
|
|
6
15
|
// 缩放事件的处理
|
|
7
16
|
el.addEventListener('touchstart', function (event) {
|
|
8
17
|
let touches = event.touches;
|
|
@@ -67,13 +76,15 @@ export function zoomElement (el) {
|
|
|
67
76
|
newScale = 3;
|
|
68
77
|
}
|
|
69
78
|
// 最小缩放比例限制
|
|
70
|
-
if(newScale <
|
|
71
|
-
newScale =
|
|
79
|
+
if(newScale < scale) {
|
|
80
|
+
newScale = scale;
|
|
72
81
|
}
|
|
73
82
|
// 记住使用的缩放值
|
|
74
83
|
store.scale = newScale;
|
|
75
84
|
// 图像应用缩放效果
|
|
76
85
|
el.style.transform = 'scale(' + newScale + ')';
|
|
86
|
+
el.style.transformOrigin = 'top left'
|
|
87
|
+
|
|
77
88
|
}
|
|
78
89
|
});
|
|
79
90
|
document.addEventListener('touchend', function () {
|
|
@@ -35,6 +35,13 @@
|
|
|
35
35
|
border-radius: 6px;
|
|
36
36
|
background-color: #bfceec !important;
|
|
37
37
|
}
|
|
38
|
+
@media screen and (max-width: 767px){
|
|
39
|
+
::-webkit-scrollbar {
|
|
40
|
+
width: 0;
|
|
41
|
+
height: 0;
|
|
42
|
+
background-color:@system_bordercolor_4;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
38
45
|
|
|
39
46
|
// 弹窗body
|
|
40
47
|
.el-dialog__body{
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
class="grzh-iframe"
|
|
27
27
|
:src="actionAlertIframe.template"
|
|
28
28
|
width="100%"
|
|
29
|
-
height="
|
|
29
|
+
height="90%"
|
|
30
30
|
:scrolling="actionAlertIframe.scrolling"
|
|
31
31
|
frameborder="no"
|
|
32
32
|
border="0"
|
|
@@ -87,6 +87,29 @@ export default {
|
|
|
87
87
|
this.actionAlertIframe.template = this.actionAlertIframe.template + "&iframeId=" + this.tampId
|
|
88
88
|
}
|
|
89
89
|
this.actionAlertIframe.template = this.actionAlertIframe.template.split("&").join("&")
|
|
90
|
+
|
|
91
|
+
// 监听回退事件
|
|
92
|
+
let _that = this;
|
|
93
|
+
|
|
94
|
+
(function () {
|
|
95
|
+
console.log(95, 'addEventListener window.onpopstate');
|
|
96
|
+
if (window.history && window.history.pushState) {
|
|
97
|
+
console.log(97, 'window.history && window.history.pushState');
|
|
98
|
+
window.onpopstate = function (e) {
|
|
99
|
+
console.log(9999, 'window.onpopstate innner', e);
|
|
100
|
+
if (_that.showAskFullScreen) {
|
|
101
|
+
window.history.go(1);
|
|
102
|
+
}
|
|
103
|
+
// window.history.pushState('forward', null, '');
|
|
104
|
+
// window.history.forward(1);
|
|
105
|
+
_that.showAskFullScreen = false;
|
|
106
|
+
if ( e && e.stopPropagation ) {
|
|
107
|
+
console.log(105, 'e.stopPropagation');
|
|
108
|
+
e.stopPropagation();
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
})();
|
|
90
113
|
},
|
|
91
114
|
};
|
|
92
115
|
</script>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<span v-html="aiGuide.content.description"></span>
|
|
17
17
|
</div>
|
|
18
18
|
<!-- 一级分类 -->
|
|
19
|
-
<div v-show="aiGuide.content.typesVisible" class="ig-types-f">
|
|
19
|
+
<div v-show="aiGuide.content.typesVisible && aiGuide.content.options && aiGuide.content.options.length > 0" class="ig-types-f">
|
|
20
20
|
<span
|
|
21
21
|
v-for="(fType, fTypeIndex) in aiGuide.content.options"
|
|
22
22
|
:key="`f_${fTypeIndex}`"
|
|
@@ -31,9 +31,7 @@
|
|
|
31
31
|
>
|
|
32
32
|
</div>
|
|
33
33
|
<!-- 二级分类 -->
|
|
34
|
-
|
|
35
|
-
activeFirstTypeIndex
|
|
36
|
-
].types.length !== 0" class="ig-types-s">
|
|
34
|
+
<div v-if="aiGuide.content.typesVisible && aiGuide.content.options[activeFirstTypeIndex] && aiGuide.content.options[activeFirstTypeIndex].types && aiGuide.content.options[activeFirstTypeIndex].types.length !== 0" class="ig-types-s">
|
|
37
35
|
<span
|
|
38
36
|
v-for="(sType, sTypeIndex) in aiGuide.content.options[
|
|
39
37
|
activeFirstTypeIndex
|
|
@@ -234,11 +232,11 @@ export default {
|
|
|
234
232
|
beforeMount() {},
|
|
235
233
|
mounted() {
|
|
236
234
|
this.isMobile();
|
|
237
|
-
if (this.aiGuide.content.options[0].types.length === 0) {
|
|
235
|
+
if (this.aiGuide.content.options[0] && this.aiGuide.content.options[0] && this.aiGuide.content.options[0].types && this.aiGuide.content.options[0].types.length === 0) {
|
|
238
236
|
this.activeOtherObj = this.aiGuide.content.options[0];
|
|
239
237
|
} else {
|
|
240
238
|
this.activeSecondTypeIndex = 0;
|
|
241
|
-
this.activeOtherObj = this.aiGuide.content.options[0].types[0];
|
|
239
|
+
this.activeOtherObj = this.aiGuide.content.options[0] && this.aiGuide.content.options[0].types && this.aiGuide.content.options[0].types[0] ? this.aiGuide.content.options[0].types[0] : [];
|
|
242
240
|
}
|
|
243
241
|
},
|
|
244
242
|
methods: {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
<!-- 消息记录容器 -->
|
|
2
2
|
<template>
|
|
3
3
|
<div id="conversation">
|
|
4
|
-
<div v-for="(item,index) in processAction" :key="index">
|
|
4
|
+
<!-- <div v-for="(item,index) in processAction" :key="index">
|
|
5
5
|
<association-intention :msg="item" :msgType="item.type" :isOpen="isOpen"></association-intention>
|
|
6
|
-
</div>
|
|
6
|
+
</div> -->
|
|
7
7
|
<!-- <answer-radio :msg="answerRadiosPri"></answer-radio> -->
|
|
8
|
+
<answer-radio :msg="answerRadiosPri"></answer-radio>
|
|
8
9
|
<!-- <msg-loading v-if="inLoading"></msg-loading>
|
|
9
10
|
<div style="position: relative" class="img_div">
|
|
10
11
|
<img
|
|
@@ -47,8 +48,8 @@
|
|
|
47
48
|
<!-- 点选 -->
|
|
48
49
|
<!-- <div v-html="htmlContainer"></div> -->
|
|
49
50
|
<answer-radio :msg="answerRadios"></answer-radio>
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
<ticket-message :content="updateTicetmessageObj"></ticket-message>
|
|
52
|
+
<ticket-message :content="contents"></ticket-message>
|
|
52
53
|
<!--
|
|
53
54
|
<action-send-to-bot :msg="answerRadios"></action-send-to-bot>
|
|
54
55
|
<text-message :text="text" @submitClick="submitClick"></text-message>
|
|
@@ -258,7 +259,7 @@ export default {
|
|
|
258
259
|
"knowledgeId": "658a93de63d378228271913a",
|
|
259
260
|
"knowledgePartId": "ypZaqYwBD3jzLtPbz5K8",
|
|
260
261
|
"from": "ppt_preview",
|
|
261
|
-
"introduction": "Spark是什么Spark 是一个开源的大数据处理引擎,它提供了一整套开发 API
|
|
262
|
+
"introduction": "Spark是什么Spark 是一个开源的大数据处理引擎,它提供了一整套开发 API,。",
|
|
262
263
|
"previewImage": "https://askbot-pdf-all.oss-cn-zhangjiakou.aliyuncs.com/31623ccfe9dd4957bbd59c5823878bbe/2023/12/27/03/39/08/658b9c477cf604285f7cb81d/pdf-image-1913302477976388839.png"
|
|
263
264
|
},
|
|
264
265
|
{
|
|
@@ -578,202 +579,6 @@ export default {
|
|
|
578
579
|
]
|
|
579
580
|
}
|
|
580
581
|
},
|
|
581
|
-
{
|
|
582
|
-
version: 1,
|
|
583
|
-
content: {
|
|
584
|
-
htmlList: [
|
|
585
|
-
{
|
|
586
|
-
"src": null,
|
|
587
|
-
"dynamic": null,
|
|
588
|
-
"style": [
|
|
589
|
-
{
|
|
590
|
-
"col": 1,
|
|
591
|
-
"colums": 3
|
|
592
|
-
},
|
|
593
|
-
{
|
|
594
|
-
"col": 2,
|
|
595
|
-
"colums": 3
|
|
596
|
-
}
|
|
597
|
-
],
|
|
598
|
-
"markdownList": null,
|
|
599
|
-
"list": [
|
|
600
|
-
"<p>1</p>",
|
|
601
|
-
"<p>2</p>"
|
|
602
|
-
],
|
|
603
|
-
"type": "DOUBLE"
|
|
604
|
-
},
|
|
605
|
-
{
|
|
606
|
-
"src": null,
|
|
607
|
-
"dynamic": null,
|
|
608
|
-
"style": [
|
|
609
|
-
{
|
|
610
|
-
"col": 1,
|
|
611
|
-
"colums": 4
|
|
612
|
-
},
|
|
613
|
-
{
|
|
614
|
-
"col": 1,
|
|
615
|
-
"colums": 4
|
|
616
|
-
},
|
|
617
|
-
{
|
|
618
|
-
"col": 1,
|
|
619
|
-
"colums": 4
|
|
620
|
-
},
|
|
621
|
-
{
|
|
622
|
-
"col": 1,
|
|
623
|
-
"colums": 4
|
|
624
|
-
}
|
|
625
|
-
],
|
|
626
|
-
"markdownList": null,
|
|
627
|
-
"list": [
|
|
628
|
-
"<p>1</p>",
|
|
629
|
-
"<p>2</p>",
|
|
630
|
-
"<p>3</p>",
|
|
631
|
-
"<p>4</p>"
|
|
632
|
-
],
|
|
633
|
-
"type": "QUADRUPLE"
|
|
634
|
-
},
|
|
635
|
-
{
|
|
636
|
-
"src": null,
|
|
637
|
-
"dynamic": null,
|
|
638
|
-
"style": [
|
|
639
|
-
{
|
|
640
|
-
"col": 1,
|
|
641
|
-
"colums": 4
|
|
642
|
-
},
|
|
643
|
-
{
|
|
644
|
-
"col": 3,
|
|
645
|
-
"colums": 4
|
|
646
|
-
}
|
|
647
|
-
],
|
|
648
|
-
"markdownList": null,
|
|
649
|
-
"list": [
|
|
650
|
-
"<p>1</p>",
|
|
651
|
-
"<p>3</p>"
|
|
652
|
-
],
|
|
653
|
-
"type": "DOUBLE"
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"src": null,
|
|
657
|
-
"dynamic": null,
|
|
658
|
-
"style": [
|
|
659
|
-
{
|
|
660
|
-
"col": 2,
|
|
661
|
-
"colums": 3
|
|
662
|
-
},
|
|
663
|
-
{
|
|
664
|
-
"col": 1,
|
|
665
|
-
"colums": 3
|
|
666
|
-
}
|
|
667
|
-
],
|
|
668
|
-
"markdownList": null,
|
|
669
|
-
"list": [
|
|
670
|
-
"<p>2</p>",
|
|
671
|
-
"<p>1</p>"
|
|
672
|
-
],
|
|
673
|
-
"type": "DOUBLE"
|
|
674
|
-
}
|
|
675
|
-
],
|
|
676
|
-
buttonList: [{ name: '我是标签1', scope: '', test: '' }]
|
|
677
|
-
}
|
|
678
|
-
},
|
|
679
|
-
{
|
|
680
|
-
version: 1,
|
|
681
|
-
content: {
|
|
682
|
-
htmlList: [
|
|
683
|
-
{
|
|
684
|
-
"src": null,
|
|
685
|
-
"dynamic": null,
|
|
686
|
-
"style": [
|
|
687
|
-
{
|
|
688
|
-
"col": 1,
|
|
689
|
-
"colums": 3
|
|
690
|
-
},
|
|
691
|
-
{
|
|
692
|
-
"col": 2,
|
|
693
|
-
"colums": 3
|
|
694
|
-
}
|
|
695
|
-
],
|
|
696
|
-
"markdownList": null,
|
|
697
|
-
"list": [
|
|
698
|
-
"<p>1</p>",
|
|
699
|
-
"<p>2</p>"
|
|
700
|
-
],
|
|
701
|
-
"type": "DOUBLE"
|
|
702
|
-
},
|
|
703
|
-
{
|
|
704
|
-
"src": null,
|
|
705
|
-
"dynamic": null,
|
|
706
|
-
"style": [
|
|
707
|
-
{
|
|
708
|
-
"col": 1,
|
|
709
|
-
"colums": 4
|
|
710
|
-
},
|
|
711
|
-
{
|
|
712
|
-
"col": 1,
|
|
713
|
-
"colums": 4
|
|
714
|
-
},
|
|
715
|
-
{
|
|
716
|
-
"col": 1,
|
|
717
|
-
"colums": 4
|
|
718
|
-
},
|
|
719
|
-
{
|
|
720
|
-
"col": 1,
|
|
721
|
-
"colums": 4
|
|
722
|
-
}
|
|
723
|
-
],
|
|
724
|
-
"markdownList": null,
|
|
725
|
-
"list": [
|
|
726
|
-
"<p>1</p>",
|
|
727
|
-
"<p>2</p>",
|
|
728
|
-
"<p>3</p>",
|
|
729
|
-
"<p>4</p>"
|
|
730
|
-
],
|
|
731
|
-
"type": "QUADRUPLE"
|
|
732
|
-
},
|
|
733
|
-
{
|
|
734
|
-
"src": null,
|
|
735
|
-
"dynamic": null,
|
|
736
|
-
"style": [
|
|
737
|
-
{
|
|
738
|
-
"col": 1,
|
|
739
|
-
"colums": 4
|
|
740
|
-
},
|
|
741
|
-
{
|
|
742
|
-
"col": 3,
|
|
743
|
-
"colums": 4
|
|
744
|
-
}
|
|
745
|
-
],
|
|
746
|
-
"markdownList": null,
|
|
747
|
-
"list": [
|
|
748
|
-
"<p>1</p>",
|
|
749
|
-
"<p>3</p>"
|
|
750
|
-
],
|
|
751
|
-
"type": "DOUBLE"
|
|
752
|
-
},
|
|
753
|
-
{
|
|
754
|
-
"src": null,
|
|
755
|
-
"dynamic": null,
|
|
756
|
-
"style": [
|
|
757
|
-
{
|
|
758
|
-
"col": 2,
|
|
759
|
-
"colums": 3
|
|
760
|
-
},
|
|
761
|
-
{
|
|
762
|
-
"col": 1,
|
|
763
|
-
"colums": 3
|
|
764
|
-
}
|
|
765
|
-
],
|
|
766
|
-
"markdownList": null,
|
|
767
|
-
"list": [
|
|
768
|
-
"<p>2</p>",
|
|
769
|
-
"<p>1</p>"
|
|
770
|
-
],
|
|
771
|
-
"type": "DOUBLE"
|
|
772
|
-
}
|
|
773
|
-
],
|
|
774
|
-
buttonList: [{ name: '我是标签1' }]
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
582
|
],
|
|
778
583
|
apiKey: '123456789'
|
|
779
584
|
},
|
|
@@ -4760,6 +4565,7 @@ export default {
|
|
|
4760
4565
|
url:
|
|
4761
4566
|
'https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/2021/08/24/07/35/41221223-c180-4f3f-bdc8-94875b693965/WeChat_20210719215122.mp4',
|
|
4762
4567
|
videoFlag: false,
|
|
4568
|
+
nodownload: false,
|
|
4763
4569
|
videoUploadPercent: 0,
|
|
4764
4570
|
isShowUploadVideo: true,
|
|
4765
4571
|
recommend: {
|
|
@@ -4867,6 +4673,8 @@ export default {
|
|
|
4867
4673
|
"version": null,
|
|
4868
4674
|
"content": {
|
|
4869
4675
|
"lastOptionName": "以上都不是",
|
|
4676
|
+
groupVisible: true, // 是否分组展示
|
|
4677
|
+
groupNumber: 3, // 每组展示数量
|
|
4870
4678
|
"options": [
|
|
4871
4679
|
{
|
|
4872
4680
|
"answerId": null,
|
|
@@ -80,6 +80,7 @@ export default {
|
|
|
80
80
|
inputObj.setAttribute('id', '_ef');
|
|
81
81
|
inputObj.setAttribute('type', 'file');
|
|
82
82
|
inputObj.setAttribute('accept', '*')
|
|
83
|
+
inputObj.setAttribute('capture', 'camcorder')
|
|
83
84
|
inputObj.setAttribute('multiple', true)
|
|
84
85
|
inputObj.setAttribute("style", 'visibility:hidden');
|
|
85
86
|
document.body.appendChild(inputObj);
|
|
@@ -5,19 +5,16 @@
|
|
|
5
5
|
<div class="bottom-link" v-if="msg.content.description && !msg.content.isKnowledgeSummary"></div>
|
|
6
6
|
<div :class="['options-list', msg.content.isKnowledgeSummary ? 'isKnowledgeSummary' : '']">
|
|
7
7
|
<div v-if="msg.content.isKnowledgeSummary" class="tips">AI为您推荐了以下内容</div>
|
|
8
|
-
<div v-for="(option, index) in
|
|
8
|
+
<div v-for="(option, index) in showOptions" class="options-item"
|
|
9
9
|
:class="index !== msg.content.options.length - 1 ? 'recommend-item' : 'last-item'" :key="msg.nodeId + '_' + index"
|
|
10
10
|
@click="radioClick(msg, option, index)">
|
|
11
|
-
|
|
12
|
-
<!-- <el-tooltip class="item" effect="dark" :content="option.name" placement="bottom-start" v-if="!isMobile">
|
|
13
|
-
<span > {{ option.name }}</span>
|
|
14
|
-
</el-tooltip> -->
|
|
15
11
|
<span> {{ option.name }}</span>
|
|
16
12
|
<i class="arsenal_icon arsenalangle-right-solid"></i>
|
|
17
13
|
</div>
|
|
18
14
|
</div>
|
|
19
15
|
<div v-if="showPage" class="switch-page">
|
|
20
|
-
<span @click="changeActivePage" class="switch-page-btn">换一批</span>
|
|
16
|
+
<!-- <span @click="changeActivePage" class="switch-page-btn">换一批</span> -->
|
|
17
|
+
<span @click="showMore" class="switch-page-btn">查看更多</span>
|
|
21
18
|
</div>
|
|
22
19
|
</div>
|
|
23
20
|
</template>
|
|
@@ -32,13 +29,15 @@ export default {
|
|
|
32
29
|
activeIndex: 0,
|
|
33
30
|
pageSize: 5,
|
|
34
31
|
showPage: false,
|
|
32
|
+
showOptions: [],
|
|
35
33
|
}
|
|
36
34
|
},
|
|
37
35
|
props: ['msg'],
|
|
38
36
|
mounted() {
|
|
39
37
|
console.log(this.msg, 'msg');
|
|
40
38
|
// 关键词推荐 前端分页
|
|
41
|
-
if (this.msg.id == "recdNodeId" && this.msg.content.options.length > this.pageSize) {
|
|
39
|
+
if ((this.msg.id == "recdNodeId" && this.msg.content.options.length > this.pageSize) || this.msg.content.groupVisible) {
|
|
40
|
+
this.pageSize = this.msg.content.groupNumber || 5;
|
|
42
41
|
this.formatOptions = this.chunkArray(this.msg.content.options, this.pageSize);
|
|
43
42
|
this.activeIndex = 0;
|
|
44
43
|
this.showPage = true;
|
|
@@ -46,9 +45,19 @@ export default {
|
|
|
46
45
|
this.formatOptions = [this.msg.content.options];
|
|
47
46
|
this.activeIndex = 0;
|
|
48
47
|
}
|
|
48
|
+
this.showOptions = this.formatOptions[0];
|
|
49
49
|
this.judgeIsMobile();
|
|
50
50
|
},
|
|
51
51
|
methods: {
|
|
52
|
+
showMore(){
|
|
53
|
+
if (this.activeIndex == this.formatOptions.length - 2) {
|
|
54
|
+
this.activeIndex++;
|
|
55
|
+
this.showPage = false;
|
|
56
|
+
} else {
|
|
57
|
+
this.activeIndex++;
|
|
58
|
+
}
|
|
59
|
+
this.showOptions = [...this.showOptions.concat(this.formatOptions[this.activeIndex])]
|
|
60
|
+
},
|
|
52
61
|
changeActivePage(){
|
|
53
62
|
if (this.activeIndex >= this.formatOptions.length - 1) {
|
|
54
63
|
this.activeIndex = 0;
|
|
@@ -15,13 +15,16 @@
|
|
|
15
15
|
:controlslist="nodownload&&'nodownload'"
|
|
16
16
|
:raw-controls="true"
|
|
17
17
|
x5-video-player-type="h5-page"
|
|
18
|
-
style="object-fit: contain;width: calc(100vw -
|
|
18
|
+
style="object-fit: contain;width: calc(100vw - 169px);height: 160px;background-color: black;border-radius: 25px;max-width: 200px;padding-left: 10px"
|
|
19
19
|
preload
|
|
20
20
|
:poster="videoSrc+'?spm=qipa250&x-oss-process=video/snapshot,t_1000,f_jpg,w_0,h_0,m_fast'"
|
|
21
21
|
class="video-player vjs-custom-skin"
|
|
22
22
|
:id="msg.id+'key'">
|
|
23
23
|
<source :src="videoSrc"/>
|
|
24
24
|
</video>
|
|
25
|
+
<div v-show="!nodownload" class="dragon-video-download">
|
|
26
|
+
<a :href="msg.content.url" download><span class="el-icon-download"></span></a>
|
|
27
|
+
</div>
|
|
25
28
|
<div id="output"></div>
|
|
26
29
|
</div>
|
|
27
30
|
</template>
|
|
@@ -123,6 +126,8 @@
|
|
|
123
126
|
video::-webkit-media-controls-mute-button { display: none !important;}
|
|
124
127
|
#dragon-video{
|
|
125
128
|
position: relative;
|
|
129
|
+
width: calc(100vw - 109px);
|
|
130
|
+
max-width: 260px;
|
|
126
131
|
#outputVideo{
|
|
127
132
|
position: absolute;
|
|
128
133
|
top: 0px;
|
|
@@ -134,6 +139,24 @@ video::-webkit-media-controls-mute-button { display: none !important;}
|
|
|
134
139
|
}
|
|
135
140
|
|
|
136
141
|
}
|
|
142
|
+
.dragon-video-download{
|
|
143
|
+
position: absolute;
|
|
144
|
+
width: 40px;
|
|
145
|
+
height: 26px;
|
|
146
|
+
background-color: rgba(54, 106, 255, 0.5);
|
|
147
|
+
border-radius: 13px;
|
|
148
|
+
text-align: center;
|
|
149
|
+
bottom: 2px;
|
|
150
|
+
right: 6px;
|
|
151
|
+
a {
|
|
152
|
+
span {
|
|
153
|
+
height: 26px;
|
|
154
|
+
line-height: 26px;
|
|
155
|
+
display: block;
|
|
156
|
+
color: white;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
137
160
|
}
|
|
138
161
|
|
|
139
162
|
</style>
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
this.$emit("onRadioClick", id, name, apikey,optionApiKey);
|
|
238
238
|
},
|
|
239
239
|
onImageClick(url){
|
|
240
|
-
this.$emit('onImageClick',url)
|
|
240
|
+
this.$emit('onImageClick', encodeURI(url))
|
|
241
241
|
},
|
|
242
242
|
msgContent(content){
|
|
243
243
|
console.debug('215',content)
|
|
@@ -368,6 +368,12 @@
|
|
|
368
368
|
display: block;
|
|
369
369
|
}
|
|
370
370
|
}
|
|
371
|
+
/deep/ img {
|
|
372
|
+
height: auto;
|
|
373
|
+
width: calc(100vw - 137px);
|
|
374
|
+
border-radius: 25px;
|
|
375
|
+
max-width: 230px;
|
|
376
|
+
}
|
|
371
377
|
}
|
|
372
378
|
/deep/.el-drawer__body{
|
|
373
379
|
height: 100%;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<div class="summaryContent">
|
|
27
27
|
<span>{{ typedContent }}</span>
|
|
28
28
|
</div>
|
|
29
|
-
<div class="intelligentBottom" v-if="recommendQuestions.length > 0">
|
|
29
|
+
<div class="intelligentBottom" v-if="recommendQuestions.length > 0 && !formKnowledgeManagement">
|
|
30
30
|
<div class="intelligentQues"
|
|
31
31
|
v-for="(item,index) in recommendQuestions"
|
|
32
32
|
:key="index"
|
|
@@ -59,6 +59,10 @@ export default {
|
|
|
59
59
|
default() {
|
|
60
60
|
return []
|
|
61
61
|
}
|
|
62
|
+
},
|
|
63
|
+
formKnowledgeManagement:{
|
|
64
|
+
type: Boolean,
|
|
65
|
+
default: false
|
|
62
66
|
}
|
|
63
67
|
},
|
|
64
68
|
methods:{
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
>
|
|
10
10
|
<slot></slot>
|
|
11
11
|
</div>
|
|
12
|
-
<div v-if="device==='PC'&&content.multiple===true" class="clickBtn">
|
|
12
|
+
<div v-if="device==='PC'&&content.multiple===true && content.cards && content.cards.length > 1" class="clickBtn">
|
|
13
13
|
<div class="preBtn" @click="preClick" style="display: flex">
|
|
14
14
|
<i class="el-icon-arrow-left" style="font-size: 18px;font-weight:800;align-self: center;margin: auto"></i>
|
|
15
15
|
</div>
|