From 73b03e19aaed8221245bbdd72d1f61e6f889546b Mon Sep 17 00:00:00 2001
From: 安瑾然 <m17681517455@outlook.com>
Date: 星期二, 21 二月 2023 14:11:15 +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