Skip to content

E
ElectricitySheep
Commit 2178873f authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 16e194c8
Hide whitespace changes
Inline Side-by-side
Showing with 96 additions and 48 deletions
src/components/blindDate/activityInfo.vue
View file @ 2178873f
......@@ -30,6 +30,7 @@
display: flex;
padding: 20px;
border-bottom: 1px solid #E1E4E6;
position: relative;
}
.aImg {
......@@ -99,10 +100,24 @@
cursor: pointer;
}
.activeDel img {
.compentDel {
width: 25px;
position: absolute;
right: 7px;
top: 4px;
display: none;
cursor: pointer;
}
.activeDel img,
.compentDel img {
width: 100%;
}
.activityFlex:hover .compentDel {
display: block;
}
.activeComList:hover .activeDel {
display: block;
}
......@@ -113,6 +128,15 @@
top: 0;
}
.showMoreCompent {
width: 100%;
text-align: right;
color: #333;
font-size: 13px;
margin-top: 15px;
color: #2d64b3;
}
</style>
<template>
<div class="activityInfo">
......@@ -140,7 +164,8 @@
<div class="active_NameLeft">
<div class="aImg">
<img style="width:100%;height:100%;" :src="subItem.Photo" />
<img src="../../assets/img/userman/louzhu.png" v-if="subItem.UserId==dataList.UserId" class="activeLouzhu" alt="" />
<img src="../../assets/img/userman/louzhu.png" v-if="subItem.UserId==dataList.UserId" class="activeLouzhu"
alt="" />
</div>
<div class="aUserName">{{subItem.UserName}}</div>
</div>
......@@ -164,54 +189,71 @@
<span class="commonDate">{{cItem.CreateDate}}</span>
</div>
</div>
<div class="activeDel" @click="delCompent(cItem)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
</div>
<div>
<div class="showMoreCompent" v-if="subItem.ReplyNum>4">
<span style="cursor:pointer;" @click="getCompentItem(subItem)">查看更多{{subItem.ReplyNum}}条评论</span>
</div>
</div>
</div>
<div class="compentDel" @click="delCompent(subItem)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
</div>
<!-- <div class="activeComment">
<div class="activeComList" v-for="(item,cindex) in compentList" :key="cindex">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="item.Photo" alt="" />
</div>
<div class="compentRight">
<div>
<span class="compentName">{{item.UserName}}：</span>{{item.Content}}
</div>
<div style="text-align:right;">
<span class="commonDate">{{item.CreateDate}}</span>
</div>
</div>
<div class="activeDel" @click="delCompent(item)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
<el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="comMsg.pageSize"
layout="prev, pager, next" :total="pageCount">
</el-pagination>
</div>
</div>
<el-dialog title="查看评论" :visible.sync="showCompoent" width="800px">
<div class="activityFlex" style="max-height:500px;overflow:scroll;">
<div class="active_NameLeft">
<div class="aImg">
<img style="width:100%;height:100%;" :src="replyObj.Photo" />
<img src="../../assets/img/userman/louzhu.png" v-if="replyObj.UserId==dataList.UserId" class="activeLouzhu"
alt="" />
</div>
<div class="activeComList" v-for="(subItem,subIndex) in replayList" :key="subIndex+100">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="subItem.Photo" alt="" />
</div>
<div class="compentRight">
<div>
<span class="compentName">{{subItem.UserName}}：</span><span>回复</span><span
style="margin-left:5px;color:#2d64b3">{{subItem.ReplyUserName}}</span>：{{subItem.Content}}
<div class="aUserName">{{replyObj.UserName}}</div>
</div>
<div style="width:100%;">
<div class="activityContent" style="margin-top:0;">
{{replyObj.Content}}
</div>
<div class="activeImgContent" v-if="replyObj.ImageList.length>0" v-for="(Iitem,Iindex) in replyObj.ImageList" :key="Iindex">
<img :src="Iitem" alt="" />
</div>
<div class="activeComment">
<div class="activeComList" v-for="(rItem,rIndex) in replayList" :key="rIndex">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="rItem.Photo" alt="" />
</div>
<div style="text-align:right;">
<span class="commonDate">{{subItem.CreateDate}}</span>
<div class="compentRight">
<div>
<span class="compentName">{{rItem.UserName}}：</span>
{{rItem.Content}}
</div>
<div style="text-align:right;">
<span class="commonDate">{{rItem.CreateDate}}</span>
</div>
</div>
<div class="activeDel" @click="delCompent(rItem)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
</div>
<div class="activeDel" @click="delCompent(subItem)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
<el-pagination style="text-align:center;padding:0;margin-top:15px;" background @current-change="handleCurrentReplay" :page-size="replayMsg.pageSize"
layout="prev, pager, next" :total="replayCount">
</el-pagination>
</div>
<el-pagination style="text-align:right" background v-if="pageCount>0" @current-change="handleCurrentChange"
:page-size="comMsg.pageSize" layout="prev, pager, next" :current-page.sync="comMsg.pageIndex"
:total="pageCount">
</el-pagination>
</div> -->
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" size="small" @click="showCompoent = false">确定</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -235,7 +277,10 @@
dataList: {},
compentList: [],
pageCount: 0,
replayList: []
replayCount:0,
replayList: [],
showCompoent: false, //显示评论弹窗
replyObj:{}
}
},
created() {},
......@@ -243,18 +288,15 @@
if (this.$route.query.Id) {
this.msg.ActivityId = this.$route.query.Id;
this.comMsg.ActivityId = this.$route.query.Id;
this.replayMsg.ParentId = this.$route.query.Id;
}
this.getList();
this.getCommentList();
this.getSecondReply();
},
methods: {
//获取帖子头部数据
getList() {
this.apipost("/api/Miai/GetActivityInfo", this.msg, res => {
if (res.data.resultCode == 1) {
console.log(res, '数据');
this.dataList = res.data.data;
} else {
this.Error(res.data.message);
......@@ -265,7 +307,6 @@
getCommentList() {
this.apipost("/api/Miai/GetActivityDiscussPageList", this.comMsg, res => {
if (res.data.resultCode == 1) {
console.log(res, '评论数据');
this.pageCount = res.data.data.pageCount;
this.compentList = res.data.data.pageData;
} else {
......@@ -277,7 +318,9 @@
handleCurrentChange(val) {
this.comMsg.pageIndex = val;
this.getCommentList();
},
//回复翻页
handleCurrentReplay(val){
this.replayMsg.pageIndex = val;
this.getSecondReply();
},
......@@ -285,9 +328,7 @@
getSecondReply() {
this.apipost("/api/Miai/GetActivityReplyPageList", this.replayMsg, res => {
if (res.data.resultCode == 1) {
console.log(res, '回复数据');
// this.pageCount = res.data.data.pageCount;
// this.compentList = res.data.data.pageData;
this.replayCount = res.data.data.pageCount;
this.replayList = res.data.data.pageData;
} else {
this.Error(res.data.message);
......@@ -316,6 +357,13 @@
}).catch(() => {
});
},
//点击更多评论
getCompentItem(item){
this.showCompoent=true;
this.replyObj = item;
this.replayMsg.ParentId = item.Id;
this.getSecondReply();
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment