|
|
@@ -4,12 +4,11 @@
|
|
|
<p>消息提示</p>
|
|
|
<p @click="panelIsShow = false">忽略</p>
|
|
|
</div>
|
|
|
- <p class="message-item" v-for="item in list" :key="item.index">
|
|
|
- <el-tooltip class="item" effect="dark" :content="item.type+'消息 ' + item.title" placement="top">
|
|
|
- <p>[{{item.type}}消息] {{item.title}}</p>
|
|
|
- </el-tooltip>
|
|
|
+ <div class="message-item" v-for="item in list" :key="item.index">
|
|
|
+ <p class="text" style="margin-bottom:10px;font-weight: 400;">[{{item.type}}消息] {{item.title}}</p>
|
|
|
+ <div style="height:170px;overflow-y: scroll;">{{ item.text }}</div>
|
|
|
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
<p class="unread-panel">共有{{total}}条未读消息</p>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -20,6 +19,7 @@
|
|
|
data () {
|
|
|
return {
|
|
|
id:'',
|
|
|
+ // path:"ws://61.164.207.46:8000//yos/webSocket/",
|
|
|
path:"wss://oms.idcgroup.com.cn:8079/yos/webSocket/",
|
|
|
panelIsShow:false,
|
|
|
list:[],
|
|
|
@@ -123,6 +123,12 @@
|
|
|
<style>
|
|
|
</style>
|
|
|
<style scoped>
|
|
|
+*{
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+::-webkit-scrollbar{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
.messageBox{
|
|
|
position: fixed;
|
|
|
right:10px;
|
|
|
@@ -150,9 +156,14 @@
|
|
|
padding: 10px;
|
|
|
font-size: 14px;
|
|
|
width: 100%;
|
|
|
+ /* overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis; */
|
|
|
+}
|
|
|
+.text {
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
- text-overflow: ellipsis
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
.unread-panel{
|
|
|
position: absolute;
|