| | |
| | | <view class="pl-wu" v-if="commentList.length === 0"> |
| | | <image src="/static/images/default_nocomment@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <view class="pl-item" v-for="(item, index) in commentList" :key="item.id" v-else @click="openTwo(item.id, item)"> |
| | | <view class="pl-item" v-for="(item, index) in commentList" :key="item.id" v-else> |
| | | <view class="pl-item-tx"> |
| | | <image :src="item.memberImgUrl" mode="widthFix"></image> |
| | | </view> |
| | |
| | | <view style="width: 132rpx; height: 0;"></view> |
| | | </view> |
| | | <view class="pl-item-info-data"> |
| | | <view class="pl-item-info-data-time">{{$u.timeFormat(new Date(item.createDate).getTime())}}</view> |
| | | <view class="pl-item-info-data-time">{{item.createDate }}</view> |
| | | <view class="pl-item-info-data-list"> |
| | | <view class="pl-item-info-data-list-item" @click="sendChild(item.id, index)"> |
| | | <view class="pl-item-info-data-list-item" @click="openTwo(item.id, item)"> |
| | | <image src="/static/icon/ic_reply2@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <view class="pl-item-info-data-list-item" @click.stop="dianzanpl(item)"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="pl-item" style="border: none;" v-for="(child, a) in item.childern" :key="child.id" @click="openTwo(item.id, child)"> |
| | | <view class="pl-item" style="border: none;" v-for="(child, a) in item.childern" :key="child.id" > |
| | | <view class="pl-item-tx"> |
| | | <image :src="child.memberImgUrl" mode="widthFix"></image> |
| | | </view> |
| | |
| | | <view class="pl-item-info-data"> |
| | | <view class="pl-item-info-data-time">{{child.createDate}}</view> |
| | | <view class="pl-item-info-data-list"> |
| | | <view class="pl-item-info-data-list-item"> |
| | | <view class="pl-item-info-data-list-item" @click="openTwo(item.id, child)"> |
| | | <image src="/static/icon/ic_reply2@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | <view class="pl-item-info-data-list-item" @click.stop="dianzanpl(child)"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="pl-more" v-if="item.childern.length < item.replyCount" @click.stop="more(index)">展开{{item.replyCount - item.childern.length}}条回复</view> |
| | | <view class="pl-more" v-if="item.childern&&item.childern.length < item.replyCount" @click.stop="moreReply(index)">展开{{item.replyCount - item.childern.length}}条回复</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | this.show1 = false |
| | | }, |
| | | // 展开评论 |
| | | more(index) { |
| | | moreReply(index) { |
| | | this.$u.api.findActivityReplyCommentDTOPage({ |
| | | capacity: 10, |
| | | page: this.commentList[index].page, |
| | |
| | | if (this.commentId) { |
| | | this.commentList.forEach(item => { |
| | | if (item.id === this.commentId) { |
| | | item.childern = item.childern||[] |
| | | item.childern.unshift(res.data) |
| | | } |
| | | }) |
| | | } else { |
| | | this.commentList = this.commentList||[] |
| | | this.commentList.unshift(res.data) |
| | | } |
| | | this.multifileList = [] |
| | | this.value = '' |
| | | this.show1 = false |
| | | this.closePush() |
| | | } |
| | | }) |
| | | }, |
| | |
| | | if (res.code === 200) { |
| | | this.total = res.data.total |
| | | res.data.records.forEach(item => { |
| | | item.createDate = dateConversion(item.createDate) |
| | | // item.createDate = dateConversion(item.createDate) |
| | | item.page = 1 |
| | | item.childern = [] |
| | | if (item.activityReplyCommentDTO) { |
| | |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | word-break: break-word; |
| | | margin-top: 16rpx; |
| | | } |
| | | .pl-item-info-list { |