|
|
@@ -39,21 +39,29 @@
|
|
39
|
39
|
<span v-if="chat.chat_type == 3">视频: </span>
|
|
40
|
40
|
</span>
|
|
41
|
41
|
<span class="text_spill" v-if="chat.chat_type == 5">
|
|
42
|
|
- <el-tooltip class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
|
42
|
+ <el-tooltip popper-class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
43
|
43
|
<span>{{chat.title?chat.title:'-'}}</span>
|
|
44
|
44
|
</el-tooltip>
|
|
45
|
45
|
</span>
|
|
46
|
46
|
|
|
47
|
47
|
<span class="text_spill" v-else-if="chat.chat_type == 1">
|
|
48
|
|
- <el-tooltip class="disinblock" :content="chat.content" :disabled="chat.content&&chat.content.length<20" placement="top">
|
|
|
48
|
+ <el-tooltip popper-class="disinblock" :content="chat.content" :disabled="chat.content&&chat.content.length<20" placement="top">
|
|
49
|
49
|
<span>{{chat.content?chat.content:'-'}}</span>
|
|
50
|
50
|
</el-tooltip>
|
|
51
|
51
|
</span>
|
|
52
|
52
|
|
|
53
|
53
|
<span class="text_spill" v-else>
|
|
54
|
|
- <el-tooltip class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
55
|
|
- <span>{{chat.name?chat.name:'-'}}</span>
|
|
56
|
|
- </el-tooltip>
|
|
|
54
|
+ <span v-if="chat.name">
|
|
|
55
|
+ <el-tooltip popper-class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
|
56
|
+ <span>{{chat.name}}</span>
|
|
|
57
|
+ </el-tooltip>
|
|
|
58
|
+ </span>
|
|
|
59
|
+ <span v-else-if="chat.title">
|
|
|
60
|
+ <el-tooltip popper-class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
|
61
|
+ <span>{{chat.title}}</span>
|
|
|
62
|
+ </el-tooltip>
|
|
|
63
|
+ </span>
|
|
|
64
|
+ <span v-else>-</span>
|
|
57
|
65
|
</span>
|
|
58
|
66
|
|
|
59
|
67
|
</div>
|
|
|
@@ -64,14 +72,14 @@
|
|
64
|
72
|
<!--tupian-->
|
|
65
|
73
|
<div class="flex-align-center tMar5" v-if="chat.chat_type == 2">
|
|
66
|
74
|
<img :src="chat.oss_url" alt="" style="width: 40px;margin-right: 8px">
|
|
67
|
|
- <el-tooltip class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
|
75
|
+ <el-tooltip popper-class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
68
|
76
|
<span class="text_spill">{{chat.name?chat.name:'-'}}</span>
|
|
69
|
77
|
</el-tooltip>
|
|
70
|
78
|
</div>
|
|
71
|
79
|
<!--shipin-->
|
|
72
|
80
|
<div class="flex-align-center tMar5" v-else-if="chat.chat_type == 3">
|
|
73
|
81
|
<video :src="chat.oss_url" controls="controls" style="width: 80px;height: 80px;margin-right: 8px"></video>
|
|
74
|
|
- <el-tooltip class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
|
82
|
+ <el-tooltip popper-class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
75
|
83
|
<span class="text_spill">{{chat.name?chat.name:'-'}}</span>
|
|
76
|
84
|
</el-tooltip>
|
|
77
|
85
|
</div>
|
|
|
@@ -79,29 +87,29 @@
|
|
79
|
87
|
<div class="flex-align-center tMar5" v-else-if="chat.chat_type == 5">
|
|
80
|
88
|
<img :src="chat.imgUrl" alt="" style="width: 40px;margin-right: 8px;flex-shrink: 0">
|
|
81
|
89
|
<div style="width: 100%">
|
|
82
|
|
- <el-tooltip class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
|
90
|
+ <el-tooltip popper-class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
83
|
91
|
<div class="text_spill">{{chat.title?chat.title:'-'}}</div>
|
|
84
|
92
|
</el-tooltip>
|
|
85
|
|
- <el-tooltip class="disinblock" :content="chat.desc" :disabled="chat.desc&&chat.desc.length<20" placement="top">
|
|
|
93
|
+ <el-tooltip popper-class="disinblock" :content="chat.desc" :disabled="chat.desc&&chat.desc.length<20" placement="top">
|
|
86
|
94
|
<div class="f12 c-999 tMar10 text_spill">{{chat.desc?chat.desc:'-'}}</div>
|
|
87
|
95
|
</el-tooltip>
|
|
88
|
96
|
</div>
|
|
89
|
97
|
</div>
|
|
90
|
98
|
<!--文字-->
|
|
91
|
99
|
<div class="flex-align-center tMar5" v-else-if="chat.chat_type == 1">
|
|
92
|
|
- <el-tooltip class="disinblock" :content="chat.content" :disabled="chat.content&&chat.content.length<20" placement="top">
|
|
|
100
|
+ <el-tooltip popper-class="disinblock" :content="chat.content" :disabled="chat.content&&chat.content.length<20" placement="top">
|
|
93
|
101
|
<span class="text_spill">{{chat.content?chat.content:'-'}}</span>
|
|
94
|
102
|
</el-tooltip>
|
|
95
|
103
|
</div>
|
|
96
|
104
|
<div class="flex-align-center tMar5 text_spill" v-else>
|
|
97
|
|
- 文件:
|
|
|
105
|
+ 内容:
|
|
98
|
106
|
<span v-if="chat.name">
|
|
99
|
|
- <el-tooltip class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
|
107
|
+ <el-tooltip popper-class="disinblock" :content="chat.name" :disabled="chat.name&&chat.name.length<20" placement="top">
|
|
100
|
108
|
<span>{{chat.name}}</span>
|
|
101
|
109
|
</el-tooltip>
|
|
102
|
110
|
</span>
|
|
103
|
111
|
<span v-else-if="chat.title">
|
|
104
|
|
- <el-tooltip class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
|
112
|
+ <el-tooltip popper-class="disinblock" :content="chat.title" :disabled="chat.title&&chat.title.length<20" placement="top">
|
|
105
|
113
|
<span>{{chat.title}}</span>
|
|
106
|
114
|
</el-tooltip>
|
|
107
|
115
|
</span>
|
|
|
@@ -287,6 +295,10 @@ export default {
|
|
287
|
295
|
margin-bottom:0
|
|
288
|
296
|
}
|
|
289
|
297
|
}
|
|
|
298
|
+ .el-tooltip__popper {
|
|
|
299
|
+ max-width: 500px;
|
|
|
300
|
+ }
|
|
|
301
|
+
|
|
290
|
302
|
</style>
|
|
291
|
303
|
<style lang="scss" scoped>
|
|
292
|
304
|
.span_title{
|
