hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-14 13:26:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

留言实现交叉回复

Browse Source
This commit is contained in:
daihh
2022-11-09 17:24:44 +08:00
parent 2e1ac818ac
commit 32a8795832
1 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/homepage/leavingMessage.vue
View File

@@ -40,10 +40,15 @@
<p>{{rep.content}}</p> <p>{{rep.content}}</p>
</div> </div>
<div class="li-right"> <div class="li-right">
<div class="replys-icon" @click="showReplyInput(rep, idx)"><svg-icon style="margin-right: 4px;font-size: 14px;" icon-class="comment"></svg-icon>回复</div>
<!-- <interactBar :type="7" :data="rep" :comments="false" :shares="false" :views="false" :favorites="false"></interactBar> --> <!-- <interactBar :type="7" :data="rep" :comments="false" :shares="false" :views="false" :favorites="false"></interactBar> -->
<div class="replys-icon" style="margin-right:0px;margin-left:10px" v-if="userInfo.aid == item.sysCreateAid" @click="delReplySon(item,index)"><svg-icon icon-class="notedel" style="margin-right: 4px;font-size: 14px;"></svg-icon>删除</div> <div class="replys-icon" style="margin-right:0px;margin-left:10px" v-if="userInfo.aid == item.sysCreateAid" @click="delReplySon(item,index)"><svg-icon icon-class="notedel" style="margin-right: 4px;font-size: 14px;"></svg-icon>删除</div>
</div> </div>
</div> </div>
<div class="replys-input" style="padding-left: 60px;margin:10px 0" v-if="rep.isReplys">
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="replysContent" maxlength="200" show-word-limit></el-input>
<el-button class="lea-btn" type="primary" @click="addReplys(item,rep)">回复</el-button>
</div>
</div> </div>
</li> </li>
@@ -137,7 +142,25 @@
}); });
}, },
showReplyInput(item,idx) { showReplyInput(item,idx) {
//关闭其它的
this.leavingList.forEach(top=>{
if(top.id!=item.id){
top.isReplys=false;
}
top.replyList.forEach(reply=>{
if(reply.id!=item.id){
reply.isReplys=false;
}
})
})
if(item.isReplys){
item.isReplys =false;
}else{
item.isReplys =true; item.isReplys =true;
}
this.replysData.id = item.id; this.replysData.id = item.id;
//this.replysData.reply = item.replyList; //this.replysData.reply = item.replyList;
}, },
@@ -159,7 +182,7 @@
this.$message.success('回复留言成功'); this.$message.success('回复留言成功');
p.isReplys = false; p.isReplys = false;
res.result.authorInfo=$this.userInfo; res.result.authorInfo=$this.userInfo;
p.replyList.push(res.result); top.replyList.push(res.result);
//直接追加到列表后面 //直接追加到列表后面
// this.leavingList.forEach(item=>{ // this.leavingList.forEach(item=>{
// item.isReplys = false; // item.isReplys = false;
@@ -271,6 +294,7 @@
position: relative; position: relative;
.lea-btn { .lea-btn {
float: right; float: right;
cursor: pointer;
margin-top: 26px; margin-top: 26px;
width: 80px; width: 80px;
height: 30px; height: 30px;
@@ -326,6 +350,7 @@
margin-top: 40px; margin-top: 40px;
.replys-icon{ .replys-icon{
width: 50px; width: 50px;
cursor: pointer;
color: #6E7B84; color: #6E7B84;
font-size: 12px; font-size: 12px;
margin-right: 22px; margin-right: 22px;