From 9ca0e9dc50759f4c00498e68c0155bcc3db2be2f Mon Sep 17 00:00:00 2001 From: fangyuan <527392886@qq.com> Date: 星期二, 27 十二月 2022 15:20:02 +0800 Subject: [PATCH] 页面修改 --- src/views/cause/Group.vue | 43 +++++++++++++++++++++++++++++++------------ 1 files changed, 31 insertions(+), 12 deletions(-) diff --git a/src/views/cause/Group.vue b/src/views/cause/Group.vue index 8625e55..14fc15a 100644 --- a/src/views/cause/Group.vue +++ b/src/views/cause/Group.vue @@ -33,10 +33,12 @@ <ul v-infinite-scroll="load" style="overflow:auto"> <li v-for="messageOne in messageList" class="infinite-list-item"> <div class="msglist"> - <img v-if="messageOne.pic!=null&&messageOne.pic!=''" class="face" :src="'http://172.35.1.173:19001/img/'+messageOne.pic"> - <img v-if="messageOne.pic==null||messageOne.pic==''" class="face" src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png"> - <div class="name">{{messageOne.userName}} {{messageOne.ctime}}</div> - <div class="message">{{messageOne.text}}</div> + <img v-if="messageOne.pic != null && messageOne.pic != ''" class="face" + :src="messageOne.pic"> + <img v-if="messageOne.pic == null || messageOne.pic == ''" class="face" + src="../../icons/7bedbaa41b1744fbfe0c55b507fd9e28.png"> + <div class="name">{{ messageOne.userName }} {{ messageOne.ctime }}</div> + <div class="message">{{ messageOne.text }}</div> </div> </li> </ul> @@ -127,6 +129,7 @@ //saveSubject } from '@/api/group' import { Message } from 'element-ui'; +import { getImgUrl } from '@/api/common' export default { name: "Group", @@ -184,11 +187,11 @@ this.treeData[0].children = res; } ) - var params=window.location.href.split("id=") - if(params.length!=1){ - var param={id:params[1]} + var params = window.location.href.split("id=") + if (params.length != 1) { + var param = { id: params[1] } this.handleNodeClick(param) - + } }, filterNode(value, data) { @@ -201,7 +204,20 @@ handleNodeClick(data) { if (data.id != null) { this.groupName = data.groupName; - getAllMessage(data.id).then(res => this.messageList = res) + var _this = this; + getAllMessage(data.id).then((res) => { + + for (let item of res) { + if (item.pic === '' || item.pic === null) { + } else { + getImgUrl(item.pic).then(res => { + item.pic = res + }) + } + } + this.messageList = res + debugger + }) getAllNotice(data.id).then(res => this.groupAnList = res) getAllUser(data.id).then(res => this.tableData = res) this.groupId = data.id; @@ -290,9 +306,10 @@ margin-left: 2%; } -.msglist{ -margin-bottom: 3%; +.msglist { + margin-bottom: 3%; } + .face { float: left; width: 25px; @@ -306,9 +323,11 @@ color: #7F7F7F; font-size: 14px; } -.message{ + +.message { margin-top: 2%; } + .mian1 { margin-top: 20px; } -- Gitblit v1.8.0