askbot-dragon 1.6.63-beta → 1.6.65-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 +2 -2
- package/public/index.html +7 -7
- package/src/components/AnswerDocknowledge.vue +469 -114
- package/src/components/ConversationContainer.vue +1 -1
- package/src/components/intelligentSummary.vue +1 -0
- package/src/components/pdfPosition.vue +3 -7
- package/src/components/previewPdf.vue +448 -308
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
isLiBang 字段判断 是否为立邦主体
|
|
3
|
+
立邦有自己单独的组件分支，但考虑到后期结构改动如果较大改动会不方便，所以还是在推荐知识消息中 在此判断是否是立邦主体。方便后期维护
|
|
4
|
+
-->
|
|
1
5
|
<template>
|
|
2
6
|
<div class="answer-docknowledge">
|
|
3
|
-
<div :class="['answer-docknowledge-header',msg.content.isKnowledgeSummary ? 'bgc' : '']">
|
|
7
|
+
<div :class="['answer-docknowledge-header', msg.content.isKnowledgeSummary ? 'bgc' : '']">
|
|
4
8
|
<div v-if="msg.content.isKnowledgeSummary" class="tips">AI为您总结生成了以下摘要</div>
|
|
5
9
|
<!-- <div v-if="msg.content.type == 0" class="answer-text">
|
|
6
10
|
<template v-if="msg.content.renderType == 1">
|
|
@@ -8,106 +12,158 @@
|
|
|
8
12
|
</template>
|
|
9
13
|
<template v-else>{{ msg.content.text }}</template>
|
|
10
14
|
</div> -->
|
|
11
|
-
<div
|
|
15
|
+
<div class="answer-text">
|
|
12
16
|
<template v-if="msg.content.renderType == 1">
|
|
13
17
|
<p v-html="msg.content.text"></p>
|
|
14
18
|
</template>
|
|
15
19
|
<template v-else>{{ msg.content.text }}</template>
|
|
16
20
|
</div>
|
|
17
21
|
<div v-if="msg.content.images && msg.content.images.length != 0" class="answer-kn-image-box">
|
|
18
|
-
<img
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
:src="imageItem.url"
|
|
22
|
-
:key="imageItemIndex"
|
|
23
|
-
alt
|
|
24
|
-
@click="lookAttach(imageItem.url, imageItem, $event)"
|
|
25
|
-
/>
|
|
22
|
+
<img v-for="(imageItem, imageItemIndex) in msg.content.images"
|
|
23
|
+
style="max-width: 230px;border-radius: 25px;margin-bottom: 15px" :src="imageItem.url"
|
|
24
|
+
:key="imageItemIndex" alt @click="lookAttach(imageItem.url, imageItem, $event)" />
|
|
26
25
|
</div>
|
|
27
26
|
</div>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
27
|
+
<template v-if="!isLiBang">
|
|
28
|
+
<div class="ad-list" :class="msg.content.type == 0 ? 'ad-list-recognition' : ''">
|
|
29
|
+
<template v-if="msg.content.type == 1">
|
|
30
|
+
<div v-for="(item, itemIndex) in msg.content.list" :key="itemIndex" class="ad-list-cell">
|
|
31
|
+
<div class="alc-title">
|
|
32
|
+
<div class="alc-box">
|
|
33
|
+
<div class="alc-source-left">
|
|
34
|
+
<span class="source-form">出自</span>
|
|
35
|
+
<img class="alc-title-icon" height="24px" width="24px" :src="getIconSrc(item)" alt=""
|
|
36
|
+
srcset="">
|
|
37
|
+
<span class="alc-title-from">{{ item.from }}</span>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
<div v-html="item.introduction" v-if="!srcContentTypeIMG(item)" class="alc-box-introduction">
|
|
41
|
+
</div>
|
|
42
|
+
<div v-else class="alc-box-introduction">
|
|
43
|
+
<img :src="item.expiredUrl" alt="" @click="lookAttach(item.url, item, $event)">
|
|
44
|
+
</div>
|
|
45
|
+
<div v-if="item.previewImage" class="alc-box-introduction-previewImage">
|
|
46
|
+
<img :src="item.previewImage" alt=""
|
|
47
|
+
@click="lookAttach(item.previewImage, { url: item.previewImage }, $event)">
|
|
48
|
+
</div>
|
|
49
|
+
<div class="alc-updateTime">
|
|
50
|
+
<div v-show="docSource[item.source]" class="upload-source">
|
|
51
|
+
{{ docSource[item.source] }}
|
|
52
|
+
</div>
|
|
53
|
+
<div v-show="item.url" class="alc-content-text">
|
|
54
|
+
<span @click="lookAttach(item.url, item, $event)" class="aci-view">查看 ></span>
|
|
55
|
+
</div>
|
|
43
56
|
</div>
|
|
44
57
|
</div>
|
|
45
|
-
<div
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
</div>
|
|
50
|
-
<div v-if="item.previewImage" class="alc-box-introduction-previewImage">
|
|
51
|
-
<img :src="item.previewImage" alt="" @click="lookAttach(item.previewImage, {url: item.previewImage}, $event)">
|
|
52
|
-
</div>
|
|
53
|
-
<div class="alc-updateTime">
|
|
54
|
-
<div v-show="docSource[item.source]" class="upload-source">
|
|
55
|
-
{{docSource[item.source]}}
|
|
58
|
+
<div class="alc-content" v-if="false">
|
|
59
|
+
<div v-if="msg.content.type == 1" class="alc-content-text">
|
|
60
|
+
{{ item.introduction }}
|
|
61
|
+
<span @click="lookAttach(item.url, item, $event)" class="aci-view">查看原文 ></span>
|
|
56
62
|
</div>
|
|
57
|
-
<
|
|
58
|
-
|
|
63
|
+
<span v-if="!isPC" class="alc-title-updateTime">最后更新时间: {{ item.updateTime }}</span>
|
|
64
|
+
<div v-if="false" class="alc-content-info">
|
|
65
|
+
<div class="alcc-box">
|
|
66
|
+
<span class="aci-owner">所有者: {{ item.owner }}</span>
|
|
67
|
+
<span class="aci-enterprise">所属企业: {{ item.enterprise }}</span>
|
|
68
|
+
<span class="aci-source">文件来源: {{ item.source }}</span>
|
|
69
|
+
</div>
|
|
59
70
|
</div>
|
|
60
71
|
</div>
|
|
61
72
|
</div>
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
73
|
+
</template>
|
|
74
|
+
<template v-if="msg.content.type == 0">
|
|
75
|
+
<div v-for="(item, itemIndex) in msg.content.list" :key="itemIndex" class="ad-list-cell-recognition">
|
|
76
|
+
<div class="alc-source-name" @click="lookAttach(item.url, item, $event)">
|
|
77
|
+
<img class="alc-title-icon" height="18px" width="18px" :src="getIconSrc(item)" alt srcset />
|
|
78
|
+
<span class="alc-title-from">{{ item.from }}</span> -
|
|
79
|
+
<div v-show="docSource[item.source]" class="upload-source">
|
|
80
|
+
{{ docSource[item.source] }}
|
|
81
|
+
</div>
|
|
82
|
+
<i class="iconfont guoran-right"></i>
|
|
69
83
|
</div>
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
</div>
|
|
85
|
+
</template>
|
|
86
|
+
<div class="ad-loadmore" v-if="loadMoreFlag" @click="lazyLoadKnowledegList">查看更多</div>
|
|
87
|
+
</div>
|
|
88
|
+
</template>
|
|
89
|
+
<template v-if="isLiBang">
|
|
90
|
+
<div class="libang_list" :class="msg.content.type == 0 ? 'libang_list_recognition' : ''">
|
|
91
|
+
<template v-if="msg.content.type == 1">
|
|
92
|
+
<div v-for="(item, itemIndex) in msg.content.list" :key="itemIndex" class="libang_list_cell">
|
|
93
|
+
<div class="libang_title">
|
|
94
|
+
<div class="libang_box">
|
|
95
|
+
<div class="libang_source_left">
|
|
96
|
+
<span class="source-form">出自</span>
|
|
97
|
+
<img class="libang_title_icon" height="24px" width="24px" :src="getIconSrc(item)" alt=""
|
|
98
|
+
srcset="">
|
|
99
|
+
<span class="libang_title_from">{{ item.from }}</span>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
<div v-html="item.introduction" v-if="!srcContentTypeIMG(item)" class="libang_box_introduction">
|
|
103
|
+
</div>
|
|
104
|
+
<div v-else class="libang_box_introduction">
|
|
105
|
+
<img :src="item.expiredUrl" alt="" @click="lookAttach(item.url, item, $event)">
|
|
106
|
+
</div>
|
|
107
|
+
<div v-if="item.previewImage" class="libang_box_introduction_previewImage">
|
|
108
|
+
<img :src="item.previewImage" alt=""
|
|
109
|
+
@click="lookAttach(item.previewImage, { url: item.previewImage }, $event)">
|
|
110
|
+
</div>
|
|
111
|
+
<div class="libang_updateTime">
|
|
112
|
+
<div class="libang_updataTime_left">
|
|
113
|
+
<div v-show="docSource[item.source]" class="upload-source">
|
|
114
|
+
{{ docSource[item.source] }}
|
|
115
|
+
</div>
|
|
116
|
+
<div class="libang_floder" @click.stop="clickFloder(item)">
|
|
117
|
+
{{ item.folderName }}测试父级目录名称测试父级目录名称
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div v-show="item.url" class="libang_content_text">
|
|
121
|
+
<span @click="lookAttach(item.url, item, $event)" class="aci-view">查看 ></span>
|
|
122
|
+
</div>
|
|
76
123
|
</div>
|
|
77
124
|
</div>
|
|
125
|
+
<!-- <div class="alc-content" v-if="false">
|
|
126
|
+
<div v-if="msg.content.type == 1" class="alc-content-text">
|
|
127
|
+
{{ item.introduction }}
|
|
128
|
+
<span @click="lookAttach(item.url, item, $event)" class="aci-view">查看原文 ></span>
|
|
129
|
+
</div>
|
|
130
|
+
<span v-if="!isPC" class="alc-title-updateTime">最后更新时间: {{ item.updateTime }}</span>
|
|
131
|
+
<div v-if="false" class="alc-content-info">
|
|
132
|
+
<div class="alcc-box">
|
|
133
|
+
<span class="aci-owner">所有者: {{ item.owner }}</span>
|
|
134
|
+
<span class="aci-enterprise">所属企业: {{ item.enterprise }}</span>
|
|
135
|
+
<span class="aci-source">文件来源: {{ item.source }}</span>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div> -->
|
|
78
139
|
</div>
|
|
79
|
-
</
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
140
|
+
</template>
|
|
141
|
+
<template v-if="msg.content.type == 0">
|
|
142
|
+
<div v-for="(item, itemIndex) in msg.content.list" :key="itemIndex"
|
|
143
|
+
class="libang_list_cell_recognition">
|
|
144
|
+
<div class="libang_list_cell_left">
|
|
145
|
+
<div class="libang_source_name" @click="lookAttach(item.url, item, $event)">
|
|
146
|
+
<img class="libang_title_icon" height="18px" width="18px" :src="getIconSrc(item)" alt srcset />
|
|
147
|
+
<span class="libang_title_from">{{ item.from }}</span> -
|
|
148
|
+
<div v-show="docSource[item.source]" class="upload_source">
|
|
149
|
+
{{ docSource[item.source] }}
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="libang_source_floder" @click.stop="clickFloder(item)">
|
|
153
|
+
{{ item.folderName }}测试父级目录名称测试父级目录名称
|
|
154
|
+
</div>
|
|
92
155
|
</div>
|
|
93
156
|
<i class="iconfont guoran-right"></i>
|
|
94
157
|
</div>
|
|
95
|
-
</
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
</
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
@previewToDialog="previewToDialog"
|
|
105
|
-
@recommendQues="recommendQues"
|
|
106
|
-
@close="close"
|
|
107
|
-
@open="open"
|
|
108
|
-
:isHasChat="isHasChat"
|
|
109
|
-
:knowledgeId="previewKnowledgeId"
|
|
110
|
-
></previewPdf>
|
|
158
|
+
</template>
|
|
159
|
+
<div class="ad-loadmore" v-if="loadMoreFlag" @click="lazyLoadKnowledegList">查看更多</div>
|
|
160
|
+
</div>
|
|
161
|
+
</template>
|
|
162
|
+
|
|
163
|
+
<previewPdf ref="previewPdf" :url="previewHref" :previewOssPath="previewOssPath" :title="title" :folderName="folderName"
|
|
164
|
+
:sourceFileType="sourceFileType" officePreviewType="pdf" @previewToDialog="previewToDialog"
|
|
165
|
+
@recommendQues="recommendQues" @close="close" @open="open" :isHasChat="isHasChat"
|
|
166
|
+
:knowledgeId="previewKnowledgeId" :isLiBang="isLiBang" @previewClickFloder="previewClickFloder"></previewPdf>
|
|
111
167
|
</div>
|
|
112
168
|
</template>
|
|
113
169
|
|
|
@@ -203,13 +259,14 @@ export default {
|
|
|
203
259
|
},
|
|
204
260
|
allKnowledgeList: [],
|
|
205
261
|
loadMoreFlag: false,
|
|
206
|
-
title:'',
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
262
|
+
title: '',
|
|
263
|
+
folderName:'',
|
|
264
|
+
previewKnowledgeId: "",
|
|
265
|
+
previewKnowledge: {},
|
|
266
|
+
previewOssPath: ""
|
|
210
267
|
}
|
|
211
268
|
},
|
|
212
|
-
props: ['msg', 'isAskLightning', 'isMessageRecord', "isApp","isHasChat","activeKnowledgeId"],
|
|
269
|
+
props: ['msg', 'isAskLightning', 'isMessageRecord', "isApp", "isHasChat", "activeKnowledgeId", "isLiBang"],
|
|
213
270
|
beforeMounted () {
|
|
214
271
|
},
|
|
215
272
|
watch: {
|
|
@@ -260,7 +317,7 @@ export default {
|
|
|
260
317
|
}
|
|
261
318
|
},
|
|
262
319
|
methods: {
|
|
263
|
-
getIconSrc(element) {
|
|
320
|
+
getIconSrc (element) {
|
|
264
321
|
if ((element.format === "txt" || element.format === "html") && element.source === "WECHAT") {
|
|
265
322
|
return 'https://static.guoranbot.com/cdn-office-website/askbot_doc/wechat.png'
|
|
266
323
|
} else {
|
|
@@ -268,8 +325,8 @@ export default {
|
|
|
268
325
|
}
|
|
269
326
|
},
|
|
270
327
|
//预览图片
|
|
271
|
-
lookAttach(url, item, event) {
|
|
272
|
-
|
|
328
|
+
lookAttach (url, item, event) {
|
|
329
|
+
// console.log(item.knowledgeId);
|
|
273
330
|
// this.$http.get("/knowledge-api/internal/knowledgeBaseStructure/" + "642ffbccde420e2772f7787b")
|
|
274
331
|
// debugger
|
|
275
332
|
event.preventDefault();
|
|
@@ -287,7 +344,7 @@ export default {
|
|
|
287
344
|
// this.$refs.previewPdf.drawer = false;
|
|
288
345
|
// }
|
|
289
346
|
this.title = item.from || item.name
|
|
290
|
-
this.previewKnowledge = item;
|
|
347
|
+
this.folderName = item.folderNamethis.previewKnowledge = item;
|
|
291
348
|
this.previewKnowledgeId = item.knowledgeId
|
|
292
349
|
this.$refs.previewPdf.previewShowPopup = false;
|
|
293
350
|
this.$refs.previewPdf.drawer = false;
|
|
@@ -340,25 +397,25 @@ export default {
|
|
|
340
397
|
} else {
|
|
341
398
|
this.$refs.previewPdf.fileName = '';
|
|
342
399
|
}
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
400
|
+
if (item.tagIds && item.tagIds.length != 0) {
|
|
401
|
+
this.$refs.previewPdf.loading = false
|
|
402
|
+
return
|
|
403
|
+
}
|
|
404
|
+
this.$nextTick(() => {
|
|
405
|
+
if (item.source == 'CREATED_BY_ONESELF' || type === 'HTML') {
|
|
406
|
+
this.$refs.previewPdf.getBolb(item)
|
|
407
|
+
}
|
|
408
|
+
this.$refs.previewPdf.loadIframe(item)
|
|
409
|
+
this.$refs.previewPdf.showSummary = true;
|
|
410
|
+
})
|
|
411
|
+
}
|
|
353
412
|
})
|
|
354
|
-
|
|
355
|
-
})
|
|
356
|
-
}
|
|
413
|
+
}
|
|
357
414
|
},
|
|
358
|
-
open() {
|
|
415
|
+
open () {
|
|
359
416
|
this.$emit('openPreviewDialog')
|
|
360
417
|
},
|
|
361
|
-
close() {
|
|
418
|
+
close () {
|
|
362
419
|
this.$emit('closePreviewDialog')
|
|
363
420
|
},
|
|
364
421
|
fileType (url) {
|
|
@@ -413,19 +470,31 @@ export default {
|
|
|
413
470
|
return
|
|
414
471
|
}
|
|
415
472
|
},
|
|
416
|
-
previewToDialog(flag){
|
|
417
|
-
if (!flag){
|
|
473
|
+
previewToDialog (flag) {
|
|
474
|
+
if (!flag) {
|
|
418
475
|
this.$refs.previewPdf.previewKnowledgeId = ""
|
|
419
476
|
} else {
|
|
420
477
|
this.$refs.previewPdf.previewKnowledgeId = this.previewKnowledgeId
|
|
421
478
|
}
|
|
422
|
-
this.$emit('previewToDialog',flag,this.previewKnowledgeId,this.previewKnowledge)
|
|
479
|
+
this.$emit('previewToDialog', flag, this.previewKnowledgeId, this.previewKnowledge)
|
|
423
480
|
},
|
|
424
|
-
clearKnowledgeId(){
|
|
481
|
+
clearKnowledgeId () {
|
|
425
482
|
this.previewKnowledgeId = "";
|
|
426
483
|
},
|
|
427
|
-
recommendQues(item,knowledgeId){
|
|
428
|
-
this.$emit('recommendQues',item,knowledgeId)
|
|
484
|
+
recommendQues (item, knowledgeId) {
|
|
485
|
+
this.$emit('recommendQues', item, knowledgeId)
|
|
486
|
+
},
|
|
487
|
+
clickFloder(item) {
|
|
488
|
+
this.$emit('clickFloder', item)
|
|
489
|
+
},
|
|
490
|
+
previewClickFloder() {
|
|
491
|
+
let item = null
|
|
492
|
+
this.msg.content.list.forEach(element => {
|
|
493
|
+
if(element.knowledgeId == this.previewKnowledgeId) {
|
|
494
|
+
item = element
|
|
495
|
+
}
|
|
496
|
+
});
|
|
497
|
+
this.$emit('clickFloder', item)
|
|
429
498
|
}
|
|
430
499
|
}
|
|
431
500
|
}
|
|
@@ -435,6 +504,7 @@ export default {
|
|
|
435
504
|
.answer-docknowledge {
|
|
436
505
|
min-width: 100px;
|
|
437
506
|
background: #ffffff;
|
|
507
|
+
|
|
438
508
|
.answer-docknowledge-header {
|
|
439
509
|
.tips {
|
|
440
510
|
width: 154px;
|
|
@@ -447,6 +517,7 @@ export default {
|
|
|
447
517
|
font-size: 12px;
|
|
448
518
|
margin-bottom: 7px;
|
|
449
519
|
}
|
|
520
|
+
|
|
450
521
|
.answer-text {
|
|
451
522
|
// font-size: 13px;
|
|
452
523
|
text-align: left;
|
|
@@ -461,17 +532,20 @@ export default {
|
|
|
461
532
|
cursor: pointer;
|
|
462
533
|
}
|
|
463
534
|
}
|
|
535
|
+
|
|
464
536
|
&.bgc {
|
|
465
537
|
padding: 10px;
|
|
466
538
|
background: #eef1ff;
|
|
467
539
|
border-radius: 10px;
|
|
468
540
|
margin-bottom: 16px;
|
|
541
|
+
|
|
469
542
|
.answer-text {
|
|
470
543
|
padding: 0;
|
|
471
544
|
}
|
|
472
545
|
}
|
|
546
|
+
|
|
473
547
|
.answer-kn-image-box {
|
|
474
|
-
|
|
548
|
+
margin-bottom: 10px;
|
|
475
549
|
}
|
|
476
550
|
}
|
|
477
551
|
|
|
@@ -481,6 +555,13 @@ export default {
|
|
|
481
555
|
align-items: center;
|
|
482
556
|
flex-wrap: wrap;
|
|
483
557
|
}
|
|
558
|
+
|
|
559
|
+
.libang_list_recognition {
|
|
560
|
+
display: flex;
|
|
561
|
+
align-items: center;
|
|
562
|
+
flex-wrap: wrap;
|
|
563
|
+
}
|
|
564
|
+
|
|
484
565
|
.ad-list {
|
|
485
566
|
.ad-list-cell {
|
|
486
567
|
border-top: solid 1px #eeeeee;
|
|
@@ -499,23 +580,28 @@ export default {
|
|
|
499
580
|
justify-content: space-between;
|
|
500
581
|
// font-size: 12px;
|
|
501
582
|
width: 100%;
|
|
583
|
+
|
|
502
584
|
.alc-source-left {
|
|
503
585
|
display: flex;
|
|
504
586
|
align-items: center;
|
|
587
|
+
|
|
505
588
|
.source-form {
|
|
506
589
|
width: 34px;
|
|
507
590
|
flex: none;
|
|
508
591
|
color: #a9b3c6;
|
|
509
592
|
}
|
|
510
593
|
}
|
|
594
|
+
|
|
511
595
|
.alc-content-text {
|
|
512
596
|
width: 55px;
|
|
513
597
|
flex: none;
|
|
598
|
+
|
|
514
599
|
.aci-view {
|
|
515
600
|
color: #366aff;
|
|
516
601
|
cursor: pointer;
|
|
517
602
|
}
|
|
518
603
|
}
|
|
604
|
+
|
|
519
605
|
.alc-title-from {
|
|
520
606
|
line-height: 22px;
|
|
521
607
|
word-break: break-all !important;
|
|
@@ -525,6 +611,7 @@ export default {
|
|
|
525
611
|
justify-content: flex-start;
|
|
526
612
|
}
|
|
527
613
|
}
|
|
614
|
+
|
|
528
615
|
.alc-box-introduction {
|
|
529
616
|
overflow: hidden;
|
|
530
617
|
text-overflow: ellipsis;
|
|
@@ -536,6 +623,7 @@ export default {
|
|
|
536
623
|
// font-size: 12px;
|
|
537
624
|
line-height: 24px;
|
|
538
625
|
text-align: left;
|
|
626
|
+
|
|
539
627
|
img {
|
|
540
628
|
width: 50px;
|
|
541
629
|
height: 50px;
|
|
@@ -543,6 +631,7 @@ export default {
|
|
|
543
631
|
cursor: pointer;
|
|
544
632
|
}
|
|
545
633
|
}
|
|
634
|
+
|
|
546
635
|
.alc-box-introduction-previewImage {
|
|
547
636
|
width: 100%;
|
|
548
637
|
display: block;
|
|
@@ -564,6 +653,7 @@ export default {
|
|
|
564
653
|
cursor: pointer;
|
|
565
654
|
}
|
|
566
655
|
}
|
|
656
|
+
|
|
567
657
|
.alc-updateTime {
|
|
568
658
|
display: flex;
|
|
569
659
|
align-items: center;
|
|
@@ -571,6 +661,7 @@ export default {
|
|
|
571
661
|
font-size: 13px;
|
|
572
662
|
width: 100%;
|
|
573
663
|
margin-top: 10px;
|
|
664
|
+
|
|
574
665
|
.upload-source {
|
|
575
666
|
flex: none;
|
|
576
667
|
height: 18px;
|
|
@@ -584,15 +675,18 @@ export default {
|
|
|
584
675
|
padding: 0 8px;
|
|
585
676
|
color: #00c2bb;
|
|
586
677
|
}
|
|
678
|
+
|
|
587
679
|
.time {
|
|
588
680
|
color: #999999;
|
|
589
681
|
margin-left: 10px;
|
|
590
682
|
}
|
|
683
|
+
|
|
591
684
|
.alc-content-text {
|
|
592
685
|
color: #366aff;
|
|
593
686
|
cursor: pointer;
|
|
594
687
|
}
|
|
595
688
|
}
|
|
689
|
+
|
|
596
690
|
.alc-title-icon {
|
|
597
691
|
margin: 0 2px;
|
|
598
692
|
width: 18px;
|
|
@@ -620,6 +714,7 @@ export default {
|
|
|
620
714
|
margin-bottom: 6px;
|
|
621
715
|
width: 55px;
|
|
622
716
|
flex: none;
|
|
717
|
+
|
|
623
718
|
.aci-view {
|
|
624
719
|
display: inline-block;
|
|
625
720
|
margin-left: 30px;
|
|
@@ -649,6 +744,7 @@ export default {
|
|
|
649
744
|
}
|
|
650
745
|
}
|
|
651
746
|
}
|
|
747
|
+
|
|
652
748
|
.ad-list-cell-recognition {
|
|
653
749
|
.alc-source-name {
|
|
654
750
|
flex: none;
|
|
@@ -662,12 +758,14 @@ export default {
|
|
|
662
758
|
justify-content: space-between;
|
|
663
759
|
color: #a9b3c6;
|
|
664
760
|
cursor: pointer;
|
|
761
|
+
|
|
665
762
|
img {
|
|
666
763
|
vertical-align: middle;
|
|
667
764
|
// width: 16px;
|
|
668
765
|
// height: 16px;
|
|
669
766
|
margin: 0 3px 0 5px;
|
|
670
767
|
}
|
|
768
|
+
|
|
671
769
|
.alc-title-from {
|
|
672
770
|
// margin-right: 5px;
|
|
673
771
|
max-width: 240px;
|
|
@@ -675,9 +773,11 @@ export default {
|
|
|
675
773
|
text-overflow: ellipsis;
|
|
676
774
|
white-space: nowrap;
|
|
677
775
|
}
|
|
776
|
+
|
|
678
777
|
.upload-source {
|
|
679
|
-
|
|
778
|
+
margin-right: 5px;
|
|
680
779
|
}
|
|
780
|
+
|
|
681
781
|
i {
|
|
682
782
|
font-size: 12px;
|
|
683
783
|
}
|
|
@@ -697,5 +797,260 @@ export default {
|
|
|
697
797
|
cursor: pointer;
|
|
698
798
|
}
|
|
699
799
|
}
|
|
700
|
-
|
|
701
|
-
|
|
800
|
+
|
|
801
|
+
.libang_list {
|
|
802
|
+
.libang_list_cell {
|
|
803
|
+
border-top: solid 1px #eeeeee;
|
|
804
|
+
padding: 10px 0 10px;
|
|
805
|
+
|
|
806
|
+
.libang_title {
|
|
807
|
+
display: flex;
|
|
808
|
+
flex-wrap: wrap;
|
|
809
|
+
align-items: center;
|
|
810
|
+
justify-content: space-between;
|
|
811
|
+
line-height: 16px;
|
|
812
|
+
|
|
813
|
+
.libang_box {
|
|
814
|
+
display: flex;
|
|
815
|
+
align-items: center;
|
|
816
|
+
justify-content: space-between;
|
|
817
|
+
// font-size: 12px;
|
|
818
|
+
width: 100%;
|
|
819
|
+
|
|
820
|
+
.libang_source_left {
|
|
821
|
+
display: flex;
|
|
822
|
+
align-items: center;
|
|
823
|
+
|
|
824
|
+
.source-form {
|
|
825
|
+
width: 34px;
|
|
826
|
+
flex: none;
|
|
827
|
+
color: #a9b3c6;
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.alc-content-text {
|
|
832
|
+
width: 55px;
|
|
833
|
+
flex: none;
|
|
834
|
+
|
|
835
|
+
.aci-view {
|
|
836
|
+
color: #366aff;
|
|
837
|
+
cursor: pointer;
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
|
|
841
|
+
.libang_title_from {
|
|
842
|
+
line-height: 22px;
|
|
843
|
+
word-break: break-all !important;
|
|
844
|
+
text-align: left;
|
|
845
|
+
flex: auto;
|
|
846
|
+
display: flex;
|
|
847
|
+
justify-content: flex-start;
|
|
848
|
+
}
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
.libang_box_introduction {
|
|
852
|
+
overflow: hidden;
|
|
853
|
+
text-overflow: ellipsis;
|
|
854
|
+
display: -webkit-box;
|
|
855
|
+
-webkit-line-clamp: 3;
|
|
856
|
+
-webkit-box-orient: vertical;
|
|
857
|
+
margin-top: 10px;
|
|
858
|
+
color: #616161;
|
|
859
|
+
// font-size: 12px;
|
|
860
|
+
line-height: 24px;
|
|
861
|
+
text-align: left;
|
|
862
|
+
|
|
863
|
+
img {
|
|
864
|
+
width: 50px;
|
|
865
|
+
height: 50px;
|
|
866
|
+
margin: 10px;
|
|
867
|
+
cursor: pointer;
|
|
868
|
+
}
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
.libang_box_introduction_previewImage {
|
|
872
|
+
overflow: hidden;
|
|
873
|
+
text-overflow: ellipsis;
|
|
874
|
+
display: -webkit-box;
|
|
875
|
+
-webkit-line-clamp: 3;
|
|
876
|
+
-webkit-box-orient: vertical;
|
|
877
|
+
margin-top: 10px;
|
|
878
|
+
color: #616161;
|
|
879
|
+
// font-size: 12px;
|
|
880
|
+
line-height: 24px;
|
|
881
|
+
text-align: left;
|
|
882
|
+
|
|
883
|
+
img {
|
|
884
|
+
max-width: 300px;
|
|
885
|
+
width: 100%;
|
|
886
|
+
max-height: 150px;
|
|
887
|
+
margin: 10px;
|
|
888
|
+
cursor: pointer;
|
|
889
|
+
}
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
.libang_updateTime {
|
|
893
|
+
display: flex;
|
|
894
|
+
align-items: center;
|
|
895
|
+
justify-content: space-between;
|
|
896
|
+
font-size: 13px;
|
|
897
|
+
width: 100%;
|
|
898
|
+
margin-top: 10px;
|
|
899
|
+
.libang_updataTime_left {
|
|
900
|
+
width: calc(100% - 40px);
|
|
901
|
+
display: flex;
|
|
902
|
+
align-items: center;
|
|
903
|
+
.upload-source {
|
|
904
|
+
flex: none;
|
|
905
|
+
height: 18px;
|
|
906
|
+
line-height: 18px;
|
|
907
|
+
background: #e9f9f8;
|
|
908
|
+
border: 1px solid #aff2cd;
|
|
909
|
+
border-radius: 2px;
|
|
910
|
+
display: flex;
|
|
911
|
+
align-items: center;
|
|
912
|
+
justify-content: center;
|
|
913
|
+
padding: 0 8px;
|
|
914
|
+
color: #00c2bb;
|
|
915
|
+
}
|
|
916
|
+
.libang_floder {
|
|
917
|
+
width:calc(100% - 90px);
|
|
918
|
+
margin-left: 10px;
|
|
919
|
+
overflow: hidden;
|
|
920
|
+
text-overflow: ellipsis;
|
|
921
|
+
white-space: nowrap;
|
|
922
|
+
color: #366aff;
|
|
923
|
+
cursor: pointer;
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
.libang_content_text {
|
|
927
|
+
color: #366aff;
|
|
928
|
+
cursor: pointer;
|
|
929
|
+
}
|
|
930
|
+
.time {
|
|
931
|
+
color: #999999;
|
|
932
|
+
margin-left: 10px;
|
|
933
|
+
}
|
|
934
|
+
}
|
|
935
|
+
.alc-title-icon {
|
|
936
|
+
margin: 0 2px;
|
|
937
|
+
width: 18px;
|
|
938
|
+
height: 18px;
|
|
939
|
+
flex: none;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.alc-title-updateTime {
|
|
943
|
+
text-align: right;
|
|
944
|
+
color: #999999;
|
|
945
|
+
// font-size: 13px;
|
|
946
|
+
}
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.alc-content {
|
|
950
|
+
.alc-title-updateTime {
|
|
951
|
+
margin-top: 6px;
|
|
952
|
+
display: block;
|
|
953
|
+
text-align: right;
|
|
954
|
+
color: #999999;
|
|
955
|
+
// font-size: 13px;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
.alc-content-text {
|
|
959
|
+
margin-bottom: 6px;
|
|
960
|
+
width: 55px;
|
|
961
|
+
flex: none;
|
|
962
|
+
|
|
963
|
+
.aci-view {
|
|
964
|
+
display: inline-block;
|
|
965
|
+
margin-left: 30px;
|
|
966
|
+
color: #366aff;
|
|
967
|
+
cursor: pointer;
|
|
968
|
+
}
|
|
969
|
+
}
|
|
970
|
+
|
|
971
|
+
.alc-content-info {
|
|
972
|
+
display: flex;
|
|
973
|
+
flex-wrap: wrap;
|
|
974
|
+
justify-content: space-between;
|
|
975
|
+
|
|
976
|
+
.alcc-box {
|
|
977
|
+
display: flex;
|
|
978
|
+
flex-wrap: wrap;
|
|
979
|
+
color: #999999;
|
|
980
|
+
|
|
981
|
+
.aci-owner {
|
|
982
|
+
margin-right: 20px;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.aci-enterprise {
|
|
986
|
+
margin-right: 20px;
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
}
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
.libang_list_cell_recognition {
|
|
994
|
+
background: #f2f6ff;
|
|
995
|
+
display: flex;
|
|
996
|
+
align-items: center;
|
|
997
|
+
justify-content: space-between;
|
|
998
|
+
padding: 3px;
|
|
999
|
+
margin-right: 5px;
|
|
1000
|
+
margin-bottom: 5px;
|
|
1001
|
+
border-radius: 5px;
|
|
1002
|
+
cursor: pointer;
|
|
1003
|
+
font-size: 14px;
|
|
1004
|
+
|
|
1005
|
+
.libang_list_cell_left {
|
|
1006
|
+
margin-right: 5px;
|
|
1007
|
+
.libang_source_name {
|
|
1008
|
+
display: flex;
|
|
1009
|
+
align-items: center;
|
|
1010
|
+
color: #a9b3c6;
|
|
1011
|
+
height: 20px;
|
|
1012
|
+
margin-bottom: 2px;
|
|
1013
|
+
img {
|
|
1014
|
+
vertical-align: middle;
|
|
1015
|
+
// width: 16px;
|
|
1016
|
+
// height: 16px;
|
|
1017
|
+
margin: 0 3px;
|
|
1018
|
+
}
|
|
1019
|
+
|
|
1020
|
+
.libang_title_from {
|
|
1021
|
+
max-width: 226px;
|
|
1022
|
+
overflow: hidden;
|
|
1023
|
+
text-overflow: ellipsis;
|
|
1024
|
+
white-space: nowrap;
|
|
1025
|
+
line-height: 20px;
|
|
1026
|
+
}
|
|
1027
|
+
}
|
|
1028
|
+
.libang_source_floder {
|
|
1029
|
+
max-width: calc(226px - 24px);
|
|
1030
|
+
margin-left: 24px;
|
|
1031
|
+
color: #366aff;
|
|
1032
|
+
overflow: hidden;
|
|
1033
|
+
text-overflow: ellipsis;
|
|
1034
|
+
white-space: nowrap;
|
|
1035
|
+
cursor: pointer;
|
|
1036
|
+
}
|
|
1037
|
+
}
|
|
1038
|
+
i {
|
|
1039
|
+
font-size: 12px;
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
.ad-loadmore {
|
|
1044
|
+
width: 100%;
|
|
1045
|
+
height: 40px;
|
|
1046
|
+
display: flex;
|
|
1047
|
+
align-items: center;
|
|
1048
|
+
justify-content: center;
|
|
1049
|
+
// background: #FFFFFF;
|
|
1050
|
+
color: #366aff;
|
|
1051
|
+
font-size: 14px;
|
|
1052
|
+
margin-top: 8px;
|
|
1053
|
+
cursor: pointer;
|
|
1054
|
+
}
|
|
1055
|
+
}
|
|
1056
|
+
}</style>
|