askbot-dragon 1.6.64-beta → 1.6.66-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.
|
@@ -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,159 @@
|
|
|
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
|
-
|
|
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"
|
|
164
|
+
:folderName="folderName" :folderUrl="folderUrl"
|
|
165
|
+
:sourceFileType="sourceFileType" officePreviewType="pdf" @previewToDialog="previewToDialog"
|
|
166
|
+
@recommendQues="recommendQues" @close="close" @open="open" :isHasChat="isHasChat"
|
|
167
|
+
:knowledgeId="previewKnowledgeId" :isLiBang="isLiBang" @previewClickFloder="previewClickFloder"></previewPdf>
|
|
111
168
|
</div>
|
|
112
169
|
</template>
|
|
113
170
|
|
|
@@ -203,13 +260,15 @@ export default {
|
|
|
203
260
|
},
|
|
204
261
|
allKnowledgeList: [],
|
|
205
262
|
loadMoreFlag: false,
|
|
206
|
-
title:'',
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
263
|
+
title: '',
|
|
264
|
+
folderName:'',
|
|
265
|
+
folderUrl:'',
|
|
266
|
+
previewKnowledgeId: "",
|
|
267
|
+
previewKnowledge: {},
|
|
268
|
+
previewOssPath: ""
|
|
210
269
|
}
|
|
211
270
|
},
|
|
212
|
-
props: ['msg', 'isAskLightning', 'isMessageRecord', "isApp","isHasChat","activeKnowledgeId"],
|
|
271
|
+
props: ['msg', 'isAskLightning', 'isMessageRecord', "isApp", "isHasChat", "activeKnowledgeId", "isLiBang"],
|
|
213
272
|
beforeMounted () {
|
|
214
273
|
},
|
|
215
274
|
watch: {
|
|
@@ -260,7 +319,7 @@ export default {
|
|
|
260
319
|
}
|
|
261
320
|
},
|
|
262
321
|
methods: {
|
|
263
|
-
getIconSrc(element) {
|
|
322
|
+
getIconSrc (element) {
|
|
264
323
|
if ((element.format === "txt" || element.format === "html") && element.source === "WECHAT") {
|
|
265
324
|
return 'https://static.guoranbot.com/cdn-office-website/askbot_doc/wechat.png'
|
|
266
325
|
} else {
|
|
@@ -268,8 +327,8 @@ export default {
|
|
|
268
327
|
}
|
|
269
328
|
},
|
|
270
329
|
//预览图片
|
|
271
|
-
lookAttach(url, item, event) {
|
|
272
|
-
|
|
330
|
+
lookAttach (url, item, event) {
|
|
331
|
+
// console.log(item.knowledgeId);
|
|
273
332
|
// this.$http.get("/knowledge-api/internal/knowledgeBaseStructure/" + "642ffbccde420e2772f7787b")
|
|
274
333
|
// debugger
|
|
275
334
|
event.preventDefault();
|
|
@@ -287,7 +346,9 @@ export default {
|
|
|
287
346
|
// this.$refs.previewPdf.drawer = false;
|
|
288
347
|
// }
|
|
289
348
|
this.title = item.from || item.name
|
|
290
|
-
this.
|
|
349
|
+
this.folderName = item.folderName
|
|
350
|
+
this.folderUrl = item.folderUrl
|
|
351
|
+
this.previewKnowledge = item;
|
|
291
352
|
this.previewKnowledgeId = item.knowledgeId
|
|
292
353
|
this.$refs.previewPdf.previewShowPopup = false;
|
|
293
354
|
this.$refs.previewPdf.drawer = false;
|
|
@@ -340,25 +401,25 @@ export default {
|
|
|
340
401
|
} else {
|
|
341
402
|
this.$refs.previewPdf.fileName = '';
|
|
342
403
|
}
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
404
|
+
if (item.tagIds && item.tagIds.length != 0) {
|
|
405
|
+
this.$refs.previewPdf.loading = false
|
|
406
|
+
return
|
|
407
|
+
}
|
|
408
|
+
this.$nextTick(() => {
|
|
409
|
+
if (item.source == 'CREATED_BY_ONESELF' || type === 'HTML') {
|
|
410
|
+
this.$refs.previewPdf.getBolb(item)
|
|
411
|
+
}
|
|
412
|
+
this.$refs.previewPdf.loadIframe(item)
|
|
413
|
+
this.$refs.previewPdf.showSummary = true;
|
|
414
|
+
})
|
|
415
|
+
}
|
|
353
416
|
})
|
|
354
|
-
|
|
355
|
-
})
|
|
356
|
-
}
|
|
417
|
+
}
|
|
357
418
|
},
|
|
358
|
-
open() {
|
|
419
|
+
open () {
|
|
359
420
|
this.$emit('openPreviewDialog')
|
|
360
421
|
},
|
|
361
|
-
close() {
|
|
422
|
+
close () {
|
|
362
423
|
this.$emit('closePreviewDialog')
|
|
363
424
|
},
|
|
364
425
|
fileType (url) {
|
|
@@ -413,19 +474,31 @@ export default {
|
|
|
413
474
|
return
|
|
414
475
|
}
|
|
415
476
|
},
|
|
416
|
-
previewToDialog(flag){
|
|
417
|
-
if (!flag){
|
|
477
|
+
previewToDialog (flag) {
|
|
478
|
+
if (!flag) {
|
|
418
479
|
this.$refs.previewPdf.previewKnowledgeId = ""
|
|
419
480
|
} else {
|
|
420
481
|
this.$refs.previewPdf.previewKnowledgeId = this.previewKnowledgeId
|
|
421
482
|
}
|
|
422
|
-
this.$emit('previewToDialog',flag,this.previewKnowledgeId,this.previewKnowledge)
|
|
483
|
+
this.$emit('previewToDialog', flag, this.previewKnowledgeId, this.previewKnowledge)
|
|
423
484
|
},
|
|
424
|
-
clearKnowledgeId(){
|
|
485
|
+
clearKnowledgeId () {
|
|
425
486
|
this.previewKnowledgeId = "";
|
|
426
487
|
},
|
|
427
|
-
recommendQues(item,knowledgeId){
|
|
428
|
-
this.$emit('recommendQues',item,knowledgeId)
|
|
488
|
+
recommendQues (item, knowledgeId) {
|
|
489
|
+
this.$emit('recommendQues', item, knowledgeId)
|
|
490
|
+
},
|
|
491
|
+
clickFloder(item) {
|
|
492
|
+
this.$emit('clickFloder', item)
|
|
493
|
+
},
|
|
494
|
+
previewClickFloder() {
|
|
495
|
+
let item = null
|
|
496
|
+
this.msg.content.list.forEach(element => {
|
|
497
|
+
if(element.knowledgeId == this.previewKnowledgeId) {
|
|
498
|
+
item = element
|
|
499
|
+
}
|
|
500
|
+
});
|
|
501
|
+
this.$emit('clickFloder', item)
|
|
429
502
|
}
|
|
430
503
|
}
|
|
431
504
|
}
|
|
@@ -435,6 +508,7 @@ export default {
|
|
|
435
508
|
.answer-docknowledge {
|
|
436
509
|
min-width: 100px;
|
|
437
510
|
background: #ffffff;
|
|
511
|
+
|
|
438
512
|
.answer-docknowledge-header {
|
|
439
513
|
.tips {
|
|
440
514
|
width: 154px;
|
|
@@ -447,6 +521,7 @@ export default {
|
|
|
447
521
|
font-size: 12px;
|
|
448
522
|
margin-bottom: 7px;
|
|
449
523
|
}
|
|
524
|
+
|
|
450
525
|
.answer-text {
|
|
451
526
|
// font-size: 13px;
|
|
452
527
|
text-align: left;
|
|
@@ -461,17 +536,20 @@ export default {
|
|
|
461
536
|
cursor: pointer;
|
|
462
537
|
}
|
|
463
538
|
}
|
|
539
|
+
|
|
464
540
|
&.bgc {
|
|
465
541
|
padding: 10px;
|
|
466
542
|
background: #eef1ff;
|
|
467
543
|
border-radius: 10px;
|
|
468
544
|
margin-bottom: 16px;
|
|
545
|
+
|
|
469
546
|
.answer-text {
|
|
470
547
|
padding: 0;
|
|
471
548
|
}
|
|
472
549
|
}
|
|
550
|
+
|
|
473
551
|
.answer-kn-image-box {
|
|
474
|
-
|
|
552
|
+
margin-bottom: 10px;
|
|
475
553
|
}
|
|
476
554
|
}
|
|
477
555
|
|
|
@@ -481,6 +559,13 @@ export default {
|
|
|
481
559
|
align-items: center;
|
|
482
560
|
flex-wrap: wrap;
|
|
483
561
|
}
|
|
562
|
+
|
|
563
|
+
.libang_list_recognition {
|
|
564
|
+
display: flex;
|
|
565
|
+
align-items: center;
|
|
566
|
+
flex-wrap: wrap;
|
|
567
|
+
}
|
|
568
|
+
|
|
484
569
|
.ad-list {
|
|
485
570
|
.ad-list-cell {
|
|
486
571
|
border-top: solid 1px #eeeeee;
|
|
@@ -499,23 +584,28 @@ export default {
|
|
|
499
584
|
justify-content: space-between;
|
|
500
585
|
// font-size: 12px;
|
|
501
586
|
width: 100%;
|
|
587
|
+
|
|
502
588
|
.alc-source-left {
|
|
503
589
|
display: flex;
|
|
504
590
|
align-items: center;
|
|
591
|
+
|
|
505
592
|
.source-form {
|
|
506
593
|
width: 34px;
|
|
507
594
|
flex: none;
|
|
508
595
|
color: #a9b3c6;
|
|
509
596
|
}
|
|
510
597
|
}
|
|
598
|
+
|
|
511
599
|
.alc-content-text {
|
|
512
600
|
width: 55px;
|
|
513
601
|
flex: none;
|
|
602
|
+
|
|
514
603
|
.aci-view {
|
|
515
604
|
color: #366aff;
|
|
516
605
|
cursor: pointer;
|
|
517
606
|
}
|
|
518
607
|
}
|
|
608
|
+
|
|
519
609
|
.alc-title-from {
|
|
520
610
|
line-height: 22px;
|
|
521
611
|
word-break: break-all !important;
|
|
@@ -525,6 +615,7 @@ export default {
|
|
|
525
615
|
justify-content: flex-start;
|
|
526
616
|
}
|
|
527
617
|
}
|
|
618
|
+
|
|
528
619
|
.alc-box-introduction {
|
|
529
620
|
overflow: hidden;
|
|
530
621
|
text-overflow: ellipsis;
|
|
@@ -536,6 +627,7 @@ export default {
|
|
|
536
627
|
// font-size: 12px;
|
|
537
628
|
line-height: 24px;
|
|
538
629
|
text-align: left;
|
|
630
|
+
|
|
539
631
|
img {
|
|
540
632
|
width: 50px;
|
|
541
633
|
height: 50px;
|
|
@@ -543,6 +635,7 @@ export default {
|
|
|
543
635
|
cursor: pointer;
|
|
544
636
|
}
|
|
545
637
|
}
|
|
638
|
+
|
|
546
639
|
.alc-box-introduction-previewImage {
|
|
547
640
|
width: 100%;
|
|
548
641
|
display: block;
|
|
@@ -564,6 +657,7 @@ export default {
|
|
|
564
657
|
cursor: pointer;
|
|
565
658
|
}
|
|
566
659
|
}
|
|
660
|
+
|
|
567
661
|
.alc-updateTime {
|
|
568
662
|
display: flex;
|
|
569
663
|
align-items: center;
|
|
@@ -571,6 +665,7 @@ export default {
|
|
|
571
665
|
font-size: 13px;
|
|
572
666
|
width: 100%;
|
|
573
667
|
margin-top: 10px;
|
|
668
|
+
|
|
574
669
|
.upload-source {
|
|
575
670
|
flex: none;
|
|
576
671
|
height: 18px;
|
|
@@ -584,15 +679,18 @@ export default {
|
|
|
584
679
|
padding: 0 8px;
|
|
585
680
|
color: #00c2bb;
|
|
586
681
|
}
|
|
682
|
+
|
|
587
683
|
.time {
|
|
588
684
|
color: #999999;
|
|
589
685
|
margin-left: 10px;
|
|
590
686
|
}
|
|
687
|
+
|
|
591
688
|
.alc-content-text {
|
|
592
689
|
color: #366aff;
|
|
593
690
|
cursor: pointer;
|
|
594
691
|
}
|
|
595
692
|
}
|
|
693
|
+
|
|
596
694
|
.alc-title-icon {
|
|
597
695
|
margin: 0 2px;
|
|
598
696
|
width: 18px;
|
|
@@ -620,6 +718,7 @@ export default {
|
|
|
620
718
|
margin-bottom: 6px;
|
|
621
719
|
width: 55px;
|
|
622
720
|
flex: none;
|
|
721
|
+
|
|
623
722
|
.aci-view {
|
|
624
723
|
display: inline-block;
|
|
625
724
|
margin-left: 30px;
|
|
@@ -649,6 +748,7 @@ export default {
|
|
|
649
748
|
}
|
|
650
749
|
}
|
|
651
750
|
}
|
|
751
|
+
|
|
652
752
|
.ad-list-cell-recognition {
|
|
653
753
|
.alc-source-name {
|
|
654
754
|
flex: none;
|
|
@@ -662,12 +762,14 @@ export default {
|
|
|
662
762
|
justify-content: space-between;
|
|
663
763
|
color: #a9b3c6;
|
|
664
764
|
cursor: pointer;
|
|
765
|
+
|
|
665
766
|
img {
|
|
666
767
|
vertical-align: middle;
|
|
667
768
|
// width: 16px;
|
|
668
769
|
// height: 16px;
|
|
669
770
|
margin: 0 3px 0 5px;
|
|
670
771
|
}
|
|
772
|
+
|
|
671
773
|
.alc-title-from {
|
|
672
774
|
// margin-right: 5px;
|
|
673
775
|
max-width: 240px;
|
|
@@ -675,9 +777,11 @@ export default {
|
|
|
675
777
|
text-overflow: ellipsis;
|
|
676
778
|
white-space: nowrap;
|
|
677
779
|
}
|
|
780
|
+
|
|
678
781
|
.upload-source {
|
|
679
|
-
|
|
782
|
+
margin-right: 5px;
|
|
680
783
|
}
|
|
784
|
+
|
|
681
785
|
i {
|
|
682
786
|
font-size: 12px;
|
|
683
787
|
}
|
|
@@ -697,5 +801,260 @@ export default {
|
|
|
697
801
|
cursor: pointer;
|
|
698
802
|
}
|
|
699
803
|
}
|
|
700
|
-
|
|
701
|
-
|
|
804
|
+
|
|
805
|
+
.libang_list {
|
|
806
|
+
.libang_list_cell {
|
|
807
|
+
border-top: solid 1px #eeeeee;
|
|
808
|
+
padding: 10px 0 10px;
|
|
809
|
+
|
|
810
|
+
.libang_title {
|
|
811
|
+
display: flex;
|
|
812
|
+
flex-wrap: wrap;
|
|
813
|
+
align-items: center;
|
|
814
|
+
justify-content: space-between;
|
|
815
|
+
line-height: 16px;
|
|
816
|
+
|
|
817
|
+
.libang_box {
|
|
818
|
+
display: flex;
|
|
819
|
+
align-items: center;
|
|
820
|
+
justify-content: space-between;
|
|
821
|
+
// font-size: 12px;
|
|
822
|
+
width: 100%;
|
|
823
|
+
|
|
824
|
+
.libang_source_left {
|
|
825
|
+
display: flex;
|
|
826
|
+
align-items: center;
|
|
827
|
+
|
|
828
|
+
.source-form {
|
|
829
|
+
width: 34px;
|
|
830
|
+
flex: none;
|
|
831
|
+
color: #a9b3c6;
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
.alc-content-text {
|
|
836
|
+
width: 55px;
|
|
837
|
+
flex: none;
|
|
838
|
+
|
|
839
|
+
.aci-view {
|
|
840
|
+
color: #366aff;
|
|
841
|
+
cursor: pointer;
|
|
842
|
+
}
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.libang_title_from {
|
|
846
|
+
line-height: 22px;
|
|
847
|
+
word-break: break-all !important;
|
|
848
|
+
text-align: left;
|
|
849
|
+
flex: auto;
|
|
850
|
+
display: flex;
|
|
851
|
+
justify-content: flex-start;
|
|
852
|
+
}
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
.libang_box_introduction {
|
|
856
|
+
overflow: hidden;
|
|
857
|
+
text-overflow: ellipsis;
|
|
858
|
+
display: -webkit-box;
|
|
859
|
+
-webkit-line-clamp: 3;
|
|
860
|
+
-webkit-box-orient: vertical;
|
|
861
|
+
margin-top: 10px;
|
|
862
|
+
color: #616161;
|
|
863
|
+
// font-size: 12px;
|
|
864
|
+
line-height: 24px;
|
|
865
|
+
text-align: left;
|
|
866
|
+
|
|
867
|
+
img {
|
|
868
|
+
width: 50px;
|
|
869
|
+
height: 50px;
|
|
870
|
+
margin: 10px;
|
|
871
|
+
cursor: pointer;
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
.libang_box_introduction_previewImage {
|
|
876
|
+
overflow: hidden;
|
|
877
|
+
text-overflow: ellipsis;
|
|
878
|
+
display: -webkit-box;
|
|
879
|
+
-webkit-line-clamp: 3;
|
|
880
|
+
-webkit-box-orient: vertical;
|
|
881
|
+
margin-top: 10px;
|
|
882
|
+
color: #616161;
|
|
883
|
+
// font-size: 12px;
|
|
884
|
+
line-height: 24px;
|
|
885
|
+
text-align: left;
|
|
886
|
+
|
|
887
|
+
img {
|
|
888
|
+
max-width: 300px;
|
|
889
|
+
width: 100%;
|
|
890
|
+
max-height: 150px;
|
|
891
|
+
margin: 10px;
|
|
892
|
+
cursor: pointer;
|
|
893
|
+
}
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
.libang_updateTime {
|
|
897
|
+
display: flex;
|
|
898
|
+
align-items: center;
|
|
899
|
+
justify-content: space-between;
|
|
900
|
+
font-size: 13px;
|
|
901
|
+
width: 100%;
|
|
902
|
+
margin-top: 10px;
|
|
903
|
+
.libang_updataTime_left {
|
|
904
|
+
width: calc(100% - 40px);
|
|
905
|
+
display: flex;
|
|
906
|
+
align-items: center;
|
|
907
|
+
.upload-source {
|
|
908
|
+
flex: none;
|
|
909
|
+
height: 18px;
|
|
910
|
+
line-height: 18px;
|
|
911
|
+
background: #e9f9f8;
|
|
912
|
+
border: 1px solid #aff2cd;
|
|
913
|
+
border-radius: 2px;
|
|
914
|
+
display: flex;
|
|
915
|
+
align-items: center;
|
|
916
|
+
justify-content: center;
|
|
917
|
+
padding: 0 8px;
|
|
918
|
+
color: #00c2bb;
|
|
919
|
+
}
|
|
920
|
+
.libang_floder {
|
|
921
|
+
width:calc(100% - 90px);
|
|
922
|
+
margin-left: 10px;
|
|
923
|
+
overflow: hidden;
|
|
924
|
+
text-overflow: ellipsis;
|
|
925
|
+
white-space: nowrap;
|
|
926
|
+
color: #366aff;
|
|
927
|
+
cursor: pointer;
|
|
928
|
+
}
|
|
929
|
+
}
|
|
930
|
+
.libang_content_text {
|
|
931
|
+
color: #366aff;
|
|
932
|
+
cursor: pointer;
|
|
933
|
+
}
|
|
934
|
+
.time {
|
|
935
|
+
color: #999999;
|
|
936
|
+
margin-left: 10px;
|
|
937
|
+
}
|
|
938
|
+
}
|
|
939
|
+
.alc-title-icon {
|
|
940
|
+
margin: 0 2px;
|
|
941
|
+
width: 18px;
|
|
942
|
+
height: 18px;
|
|
943
|
+
flex: none;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
.alc-title-updateTime {
|
|
947
|
+
text-align: right;
|
|
948
|
+
color: #999999;
|
|
949
|
+
// font-size: 13px;
|
|
950
|
+
}
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.alc-content {
|
|
954
|
+
.alc-title-updateTime {
|
|
955
|
+
margin-top: 6px;
|
|
956
|
+
display: block;
|
|
957
|
+
text-align: right;
|
|
958
|
+
color: #999999;
|
|
959
|
+
// font-size: 13px;
|
|
960
|
+
}
|
|
961
|
+
|
|
962
|
+
.alc-content-text {
|
|
963
|
+
margin-bottom: 6px;
|
|
964
|
+
width: 55px;
|
|
965
|
+
flex: none;
|
|
966
|
+
|
|
967
|
+
.aci-view {
|
|
968
|
+
display: inline-block;
|
|
969
|
+
margin-left: 30px;
|
|
970
|
+
color: #366aff;
|
|
971
|
+
cursor: pointer;
|
|
972
|
+
}
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
.alc-content-info {
|
|
976
|
+
display: flex;
|
|
977
|
+
flex-wrap: wrap;
|
|
978
|
+
justify-content: space-between;
|
|
979
|
+
|
|
980
|
+
.alcc-box {
|
|
981
|
+
display: flex;
|
|
982
|
+
flex-wrap: wrap;
|
|
983
|
+
color: #999999;
|
|
984
|
+
|
|
985
|
+
.aci-owner {
|
|
986
|
+
margin-right: 20px;
|
|
987
|
+
}
|
|
988
|
+
|
|
989
|
+
.aci-enterprise {
|
|
990
|
+
margin-right: 20px;
|
|
991
|
+
}
|
|
992
|
+
}
|
|
993
|
+
}
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
.libang_list_cell_recognition {
|
|
998
|
+
background: #f2f6ff;
|
|
999
|
+
display: flex;
|
|
1000
|
+
align-items: center;
|
|
1001
|
+
justify-content: space-between;
|
|
1002
|
+
padding: 3px;
|
|
1003
|
+
margin-right: 5px;
|
|
1004
|
+
margin-bottom: 5px;
|
|
1005
|
+
border-radius: 5px;
|
|
1006
|
+
cursor: pointer;
|
|
1007
|
+
font-size: 14px;
|
|
1008
|
+
|
|
1009
|
+
.libang_list_cell_left {
|
|
1010
|
+
margin-right: 5px;
|
|
1011
|
+
.libang_source_name {
|
|
1012
|
+
display: flex;
|
|
1013
|
+
align-items: center;
|
|
1014
|
+
color: #a9b3c6;
|
|
1015
|
+
height: 20px;
|
|
1016
|
+
margin-bottom: 2px;
|
|
1017
|
+
img {
|
|
1018
|
+
vertical-align: middle;
|
|
1019
|
+
// width: 16px;
|
|
1020
|
+
// height: 16px;
|
|
1021
|
+
margin: 0 3px;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.libang_title_from {
|
|
1025
|
+
max-width: 226px;
|
|
1026
|
+
overflow: hidden;
|
|
1027
|
+
text-overflow: ellipsis;
|
|
1028
|
+
white-space: nowrap;
|
|
1029
|
+
line-height: 20px;
|
|
1030
|
+
}
|
|
1031
|
+
}
|
|
1032
|
+
.libang_source_floder {
|
|
1033
|
+
max-width: calc(226px - 24px);
|
|
1034
|
+
margin-left: 24px;
|
|
1035
|
+
color: #366aff;
|
|
1036
|
+
overflow: hidden;
|
|
1037
|
+
text-overflow: ellipsis;
|
|
1038
|
+
white-space: nowrap;
|
|
1039
|
+
cursor: pointer;
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
i {
|
|
1043
|
+
font-size: 12px;
|
|
1044
|
+
}
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
.ad-loadmore {
|
|
1048
|
+
width: 100%;
|
|
1049
|
+
height: 40px;
|
|
1050
|
+
display: flex;
|
|
1051
|
+
align-items: center;
|
|
1052
|
+
justify-content: center;
|
|
1053
|
+
// background: #FFFFFF;
|
|
1054
|
+
color: #366aff;
|
|
1055
|
+
font-size: 14px;
|
|
1056
|
+
margin-top: 8px;
|
|
1057
|
+
cursor: pointer;
|
|
1058
|
+
}
|
|
1059
|
+
}
|
|
1060
|
+
}</style>
|