<template>
	<view class="postList">
		<!-- 帖子列表循环模板 -->
		<view class="postListMb" @click="goPostDetails">
			<view class="zd" v-if="itemInfos.top >0">
				<text></text>
				<image :src="imgfixUrls+'merchant/zd.png'" />
			</view>
			<view class="postListMbPackage">
				<!-- 头部信息 -->
				<view class="postListMbTitle">
					<view class="postListMbTitleLeft">
						<view class="postListHead" @click.stop="goHome(itemInfos.mid)">
							<image :src="itemInfos.avatar" />
						</view>
						<text style="display: inline-block;width: 260upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ itemInfos.nickname }}</text>
						<view class="post-label">
							<image :src="imgfixUrls+'merchant/smrz.png'" v-if="!!itemInfos.attestation && itemInfos.attestation.attestation == 1" />
							<!-- <image :src="imgfixUrl+'merchant/qyrz.p'ng" /> -->
							<image :src="imgfixUrls+'merchant/gfrz.png'" v-if="!!itemInfos.attestation && itemInfos.attestation.bondflag == 1" />
						</view>
						<view class="hb" v-if="itemInfos.package > 0"><text>红包</text></view>
					</view>
					<view class="postListMbTitleRight">
						<text>{{ itemInfos.type==''?itemInfos.onetype:itemInfos.type }}</text>
					</view>
				</view>
				<!-- 头部信息 -->
				<!-- 标签 -->
				<view class="labelList">
					<!-- 标签循环模板 -->
					<view class="labelMb" :style="{ color: textTip_color[indexs % textTip_color.length].color,border:textTip_color[indexs % textTip_color.length].border }"
					 v-for="(items, indexs) in itemInfos.keyword" :key="indexs">
						<text>{{ items }}</text>
					</view>
					<!-- 标签循环模板 -->
				</view>
				<!-- 标签 -->

				<!-- 正文区域 -->
				<view class="postListText">
					<view :class="textList.indexOf(indexNumber) !== -1 ? 'fullText' : 'postListTextMain'">
						<text>{{ itemInfos.content }}</text>
						<!-- <view v-html="itemInfos.content"></view> -->
					</view>
					<text @click.stop="fullText(indexNumber)" v-if="itemInfos.content.length > 50">{{ textTips }}</text>
				</view>
				<!-- 正文区域 -->

				<!-- 图文区域 -->
				<view class="postListMbImg" >
					<!-- 图片循环模板 -->
					<view class="postListMbImgShow" v-for="(items, indexs) in itemInfos.img" @click.stop="imgPre(indexs,itemInfos.img)" :key="indexs">
						<image :src="items" mode="aspectFill" />
					</view>
					<!-- #ifdef H5 -->
					<!-- <video id="myvideo" :src="itemInfos.video_link"  class="postListMbImgShow" v-if="!!itemInfos.video_link&&itemInfos.img.length!=0"
					 :poster='itemInfos.video_img_link' @click.stop="" :controls="false" show-center-play-btn="false"></video> -->
					<!-- #endif -->
					
					<view  style="position: relative;">
						<video id="myvideo" :src="itemInfos.video_link"  class="postListMbImgShow" v-if="!!itemInfos.video_link&&itemInfos.img.length!=0"
						 :poster='poster' @click.stop=""  :show-center-play-btn="false"></video>
						 <view class="postListMbImgShow" 
						 @click.stop="playing(itemInfos.video_link)" 
						 style="font-size: 40upx;
						 position: absolute;
						 left:0;top: 0;
						 width: 200upx;
						 height: 200upx;
						 color: #FFFFFF;
						 text-align: center;
						 line-height: 200upx;" 
						 v-if="!!itemInfos.video_link&&itemInfos.img.length!=0">
						 </view>
					</view>
					
					
					
					<!-- 图片循环模板 -->
				</view>
				<!-- 图文区域 -->

				<view v-if="!!itemInfos.video_link&&itemInfos.img.length==0" style="position: relative;" class="videoNewBox">
					<!-- <view class="videoPlay" @click="playing" style="font-size: 28upx;">
						播放
					</view> -->
					<!-- #ifdef H5 -->
					<video id="myvideo" @click.stop="" :src="itemInfos.video_link" @fullscreenchange="videoControl" class="videoPlay" :poster='poster'></video>
					<!-- #endif -->
					<!-- #ifndef H5 -->
					<video id="myvideo" @click.stop="" :src="itemInfos.video_link"  class="videoPlay" :poster='poster' @loadedmetadata="changeSize"
							:style="{width:videoWidth, height: videoHeight}" @play="stopOther()"></video>
					<!-- <video id="myvideo" :src="itemInfos.video_link"  @fullscreenchange="videoControl" class="videoPlay" :poster='poster'></video> -->
					<!-- <view class="videoPlay" style="position: absolute;left: 0;top: 0;" @click.stop="playing(itemInfos.video_link)">
						
					</view> -->
					<!-- #endif -->
					
				</view>

				<!-- 帖子流量 -->
				<view class="postListMbFlow">
					<view class="postListMbFlowLeft">
						<text>
							阅读
							<text>{{ itemInfos.look }}</text>
						</text>
						<text>
							<!-- 分享
							<text>{{ itemInfos.share }}</text> -->
						</text>
						<text>{{ itemInfos.createtime }}发布</text>
					</view>
					<view class="postListMbFlowRight">
						<view class="postListMbFlowRightPackage" @click.stop="show1">
							<view class="dot"></view>
							<view class="dot"></view>
						</view>
						<view class="operationShow" :style="{width: itemInfos.phone?'440rpx':'300rpx',right:itemInfos.phone?'480rpx':'340rpx'}" v-if="indexShow == indexNumber">
							<view @click.stop="fabulous">
								<image :src="imgfixUrls+'merchant/xx.png'" v-if="itemInfos.is_fabulous == 0" />
								<image :src="imgfixUrls+'merchant/xin.png'" v-else />
								<span>赞</span>
							</view>
							<view @click.stop="replyShow">
								<image :src="imgfixUrls+'merchant/pl.png'" />
								<span>评论</span>
							</view>
							<view @click.stop="kfPhone" v-if="itemInfos.phone">
								<image :src="imgfixUrls+'merchant/dh.png'" />
								<span>电话</span>
							</view>
							<view class="operationView" :style="{marginLeft:itemInfos.phone?'0rpx':'0rpx'}"></view>
						</view>
					</view>
				</view>
				<!-- 帖子流量 -->

				<!-- 评论区域 -->
				<view class="postListMbComment" :key="itemInfos.fabulous_num" v-if="(itemInfos.fabulous_num !== 0) || (itemInfos.comment_list&&(!!itemInfos.comment_list.list && itemInfos.comment_list.list.length !== 0))">
					<!-- 点赞人数 -->
					<view class="sj">

					</view>
					<view class="postListMbCommentTitle" v-if="itemInfos.fabulous_num !== 0" :key="itemInfos.fabulous_num">
						<view class="postListMbCommentTitlePackage">
							<view class="col-9 dianzan-icon iconfont icon-zan1"></view>
							<text>{{ itemInfos.fabulous_num }}人</text>
							<!-- 点赞头像循环 -->
							<!-- #ifndef H5 -->
							<view class="zanHead" v-for="(item, index) in itemInfos.fabulous_avatar" :key="index">
								<image :src="item" />
							</view>
							<!-- #endif -->
							<!-- #ifdef H5 -->
							<view class="zanHead" v-for="(item, index) in itemInfos.fabulous_avatar" :key="index">
								<image :src="item?item:''" />
							</view>
							<!-- #endif -->

							<!-- 点赞头像循环 -->
							<!-- 点赞防抖动 -->
							<view class="zanHeadFd"></view>
							<!-- 点赞防抖动 -->
						</view>

					</view>
					<!-- 点赞人数 -->
					<view class="postListMbCommentBody" v-if="!!itemInfos.comment_list && (!!itemInfos.comment_list.list && itemInfos.comment_list.list.length !== 0)">
						<view class="postListMbCommentBodyPackage">
							<!-- 评论循环模板 -->
							<view v-for="(items, indexs) in comment_list.list" @click.stop="answerPop(items.id, items.mid, items, items.nickname)" :key="indexs"
							 class="marB5" v-if="comment_list.list">
								<text class="member">{{ items.nickname }}</text>
								<text class="maohao">:</text>
								<text class="memberMain">{{ items.content }}</text>
								<view class="menbottom" v-if="items.mid == myMid">
									<text class="f-24 iconfont icon-bianji" @click.stop="replyShow(items,indexs)" style="color: #80A9D6;padding-right: 20upx;font-size: 20upx;"></text>
									<text class="f-24 col-f4 iconfont icon-delete" style="font-size: 20upx;" @click.stop="deleteCommit(items,indexs)"></text>
								</view>
								<view v-for="(itemss, indexss) in items.list" @click.stop="answerPop(items.id, itemss.smid, itemss, itemss.reply_name)" :key="indexss"
								 class="marB5" v-if="items.list">
									<text class="member">{{ itemss.reply_name }}</text>
									<text class="hf">回复</text>
									<text class="member1">{{ itemss.name }}</text>
									<text class="maohao">:</text>
									<text class="memberMain">{{ itemss.content }}</text>
									<view class="menbottom" v-if="itemss.smid == myMid">
										<text class="f-24 iconfont icon-bianji" style="color: #80A9D6;padding-right: 20upx;font-size: 20upx;" @click.stop="answerPop(items.id, items.smid, itemss, itemss.reply_name,indexs,indexss)"></text>
										<text class="f-24 col-f4 iconfont icon-delete" style="font-size: 20upx;" @click.stop="deleteCommitIn(itemss,indexs,indexss)"></text>
									</view>
								</view>
							</view>
							<!-- 评论循环模板 -->
						</view>
					</view>
				</view>
				<!-- 评论区域 -->
			</view>
		</view>
		<!-- 帖子列表 -->

		<!-- 评论框 -->
		<PopManager :show="replyShow1" @clickmask="replyClose" :type="replyType">
			<view class="replyView" >
				<view class="replyViewPackage" >
					<view class="replyInput" ><textarea placeholder="评论" v-model="text" @blur="lose" v-if="replyShow1"></textarea></view>
					<view class="sendButton" @click="comment()" ><text>发送</text></view>
				</view>
			</view>
		</PopManager>
		<!-- 评论框 -->
		
		<!-- 视频 -->
		<PopManager :show="videoshow" @clickmask="videoshow = false" type="center">
			<view  v-if="videoshow" style="width: 100vw;height: 100vh;position: relative;">
				<video id="myvideo" :src="videolint" @fullscreenchange="videoControl"  style="width: 100%;height: 100%;"
				 :poster='poster' @click.stop="" :show-fullscreen-btn="false" autoplay ></video>
				 <view  style="position: absolute;left: 30upx;top: 30upx;color: #ffffff;padding: 10upx 20upx;border-radius: 60upx;background-color: rgba(255,255,255,0.3);" @click="videoshow = false">
				 	<text class="iconfont icon-roundleftfill" style="font-size: 36upx;"></text>
					<text class="f-36">返回</text>
				 </view>
			</view>
		</PopManager>
		
		<!-- 回复框 -->
		<PopManager :show="answerShow1" @clickmask="replyClose" :type="replyType">
			<view class="replyView" v-if="answerShow1">
				<view class="replyViewPackage" v-if="answerShow1">
					<view class="replyInput" v-if="answerShow1"><textarea placeholder="回复:" v-model="answerText" @blur="lose" v-if="answerShow1"></textarea></view>
					<view class="sendButton" @click="reply" v-if="answerShow1"><text>发送</text></view>
				</view>
			</view>
		</PopManager>
		<!-- 回复框 -->

		<!-- 遮罩层 -->
		<view class="coverView" v-if="coverShow == true" :style="{ height: phoneHight }" @click="coverClosePop"></view>
		<!-- 遮罩层 -->
		<PhoneMask :show1="popShow" @clickmask1="closePop"></PhoneMask>
		<getvxphone :show="vxshow" @showFalse="showFalse"></getvxphone>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';

	// #ifdef H5
	import wxApi from '@/common/js/wxApi.js';
	// #endif

	import PopManager from '@/components/template/PopManager';
	import PhoneMask from '@/components/template/PhoneMask';
	import getvxphone from '@/components/template/getVXphone.vue'

	export default {
		components: {
			PopManager,
			PhoneMask,
			getvxphone
		},
		props: {
			// 帖子信息
			itemInfo: {
				type: Object,
				default: {}
			},
			indexNumber: {// 当前帖子在列表中的索引
				type: Number,
				default: 0
			},
			indexShow: {
				type: Number,
				default: -1
			},
			currentPlay: {// 当前播放的视频在列表中的索引
				type: Number | String
			},
			stopVideo: {
				type: Number
			},
		},
		data() {
			return {
				itemInfos: {
					attestation: '',
					avatar: "",
					comment_list: [],
					content: "",
					createtime: "",
					fabulous_avatar: [],
					fabulous_num: null,
					id: "",
					img: [],
					is_fabulous: null,
					keyword: [],
					look: "",
					mid: "",
					nickname: "",
					onetype: "",
					package: "",
					phone: "",
					share: "",
					top: "",
					type: "",
				},
				videolint:'',
				popShow: false,
				vxshow:false,
				comment_list: [],
				show: false,
				replyShow1: false,
				answerShow1: false,
				coverShow: false,
				// 评论展示方向
				replyType: 'center',
				text: '',
				phoneHight: 0,
				cid: null,
				amid: null,
				answerText: '',
				items: null,
				answerName: '',
				videoshow:false,
				textList: [],
				textTips: '全文',
				videoContext:null,
				fabulous_num: null,
				fabulous_avatar: null,
				isComment: false,
				myMid:0,
				commitem:null,
				poster:'',
				textTip_color: [{
						color: '#2196F3',
						border: '0.5px solid #2196F3'
					},
					{
						color: '#25DC4C',
						border: '0.5px solid #25DC4C'
					},
					{
						color: '#F58F57',
						border: '0.5px solid #F58F57'
					},
					{
						color: '#A59DD1',
						border: '0.5px solid #A59DD1'
					},
					{
						color: '#DBB065',
						border: '0.5px solid #DBB065'
					}
				],
				videoWidth: '0px',
				videoHeight: '0px',
				listVideoHeight: '40vw',
				query: ''
			};
		},
		watch: {
			itemInfo: {
				handler(newValue, oldValue) {
					let _this = this;
					for (let key in newValue) {
						_this.itemInfos[key] = newValue[key]
					}
					//_this.init();
				},
				deep: true, //对象内部的属性监听，也叫深度监听
				immediate: true //immediate表示在watch中首次绑定的时候，是否执行handler，值为true则表示在watch中声明的时候，就立即执行handler方法，值为false，则和一般使用watch一样，在数据发生变化的时候才执行handler
			},
			stopVideo: {
				handler(newVal, oldVal){
					if(!!this.itemInfos.video_link){
						if(this.indexNumber!==this.currentPlay){
							// 正在播放其他视频
							this.videoContext.stop();
						}else{
							// 滚动页面
							this.query.select('.videoNewBox').boundingClientRect(data=>{
								if(data){
									if((data.top==160 || data.top<160) && this.indexNumber==this.currentPlay){//掌上信息
										console.log('视频暂停');
										this.videoContext.stop();
									}
								}
							}).exec();
						}
					}
				}
			}
		},
		mounted() {
			let _this = this;
			_this.poster = uni.getStorageSync('platformInfor').videoimg;
			_this.myMid = uni.getStorageSync('userinfo').mid;
			for (let key in _this.itemInfo) {
				_this.itemInfos[key] = _this.itemInfo[key]
			}
			_this.init();
		},
		onReady(){
			// 页面初次渲染！  createVideoContext uni video自带 上下文 如果不懂可以去百度
			this.videoContext = uni.createVideoContext('myvideo', this);
			this.videoContext.requestFullScreen();
			this.query = uni.createSelectorQuery().in(this);
		},
		onShow() {
			let _this = this;
			_this.isComment = false;
		},
		methods: {
			deleteCommitIn(item,index,i){
				let _this = this;
				let datas = {
					id:item.id,
					type:0
				}
				App.showError(
					`确认删除此条回复?`,
					data => {
						if (data.confirm) {
						App._post_form('&p=pocket&do=changeReply', datas, res => {
							_this.replyShow1 = false;
							_this.show = false;
							_this.answerShow1 = false;
							_this.coverShow = false;
							App.showSuccess('删除成功', () => {
								_this.isComment = false;
							})
							_this.comment_list.list.map((items,indexs)=>{
								if(index == indexs){
									items.list.map((itemss,indexss)=>{
										if(indexss == i){
											_this.comment_list.list[indexs].list.splice(indexss,1);
										}
									})
								}
							})
						},fail=>{
							_this.isComment = false;
								if (fail.data.message == '未绑定手机号') {
									//#ifdef H5
									_this.popShow = true;
									//#endif
									//#ifndef H5
									_this.vxshow = true;
									//#endif
									
								}
						});
							}
					},
					true
				);
			},
			deleteCommit(item,index){
				let _this = this;
				let datas = {
					id:item.id,
					type:0
				}
				App.showError(
					`确认删除此条评论?`,
					data => {
						if (data.confirm) {
						App._post_form('&p=pocket&do=changeComment', datas, res => {
							_this.replyShow1 = false;
							_this.show = false;
							_this.answerShow1 = false;
							_this.coverShow = false;
							App.showSuccess('删除成功', () => {
								_this.isComment = false;
							})
							_this.comment_list.list.map((item,indexs)=>{
								if(index == indexs){
									_this.comment_list.list.splice(indexs,1);
								}
							})
						},fail=>{
							_this.isComment = false;
								if (fail.data.message == '未绑定手机号') {
									//#ifdef H5
									_this.popShow = true;
									//#endif
									//#ifndef H5
									_this.vxshow = true;
									//#endif
									
								}
						});
							}
					},
					true
				);
				
			},
			videoControl(e){
				console.log(e)
				if(e.detail.fullScreen){  //e.detail.fullScreen是否为全屏
					this.videoContext.play();
				}else{
					//停止播放
					// this.videoContext.stop();   各位老板不要选择stop 选择了stop 缩小视频还会自动播放
					this.videoContext.pause();
				}
			},
			playing(lint) {
				this.videoshow = true;
				this.videolint = lint;
			        // 获取当前视频id
			        // let currentId = e.currentTarget.dataset.id
			        // uni.createVideoContext获取视频上下文对象
					this.videoContext.requestFullScreen({
						direction:0
					})
			         
			 },
			showFalse(){
				console.log('进了showfalse')
				this.vxshow = false;
			},
			closePop() {
				let _this = this
				_this.popShow = false
			},
			goHome(mid) {
				let _this = this;
				if (mid > 0) {
					App.navigationTo({
						url: 'pages/subPages/homepage/homepage/homepage?mid=' + mid + '&checkType=' + 1
					});
				}
			},
			imgPre(index, imgList) {
				this.$emit('lookimg');
				uni.previewImage({
					current: imgList[index],
					urls: imgList
				});
			},
			init() {
				let _this = this;
				uni.getSystemInfo({
					success(res) {
						_this.phoneHight = res.windowHeight + 'px';
					}
				});
				_this.itemInfos.comment_list = !!_this.itemInfo.comment_list ? _this.itemInfo.comment_list : "";
				_this.fabulous_avatar = _this.itemInfos.fabulous_avatar;
				_this.fabulous_num = _this.itemInfos.fabulous_num;
				_this.comment_list = !!_this.itemInfo.comment_list ? _this.itemInfo.comment_list : "";

			},

			goPostDetails() {
				let _this = this;
				App.navigationTo({
					url: 'pages/subPages/postDetails/postDetails?id=' + _this.itemInfos.id
				});
			},
			// 遮罩层关闭
			coverClosePop() {
				let _this = this;
				_this.$emit('operationShow', -1);
				_this.coverShow = false;
				_this.show = false;
				_this.replyShow1 = false;
				_this.answerShow1 = false;
			},
			lose() {
				// #ifdef H5
				// document.body.scrollTop = document.documentElement.scrollTop = 0;
				// #endif
			},
			// 帖子评论
			comment() {
				let _this = this,
					data = {
						text: _this.text,
						id: _this.itemInfos.id
					};
				if (_this.isComment) return
				_this.isComment = true;
				setTimeout(()=>{
					_this.isComment = false;
				},1000)
				// debugger
				if(_this.commitem != null && _this.commitem.index>= 0){
					if(_this.text == _this.commitem.item.content){
						uni.showToast({
							icon:'none',
							title:'请先进行修改'
						});
						return
					}
					// console.log(_this.item.)
					let datas = {
						id:_this.commitem.item.id,
						type:1,
						text:_this.text
					}
					App._post_form('&p=pocket&do=changeComment', datas, res => {
						_this.replyShow1 = false;
						_this.show = false;
						_this.answerShow1 = false;
						_this.coverShow = false;
						App.showSuccess('评论修改成功', () => {
							_this.isComment = false;
						})
						_this.comment_list.list.map((item,index)=>{
							if(index == _this.commitem.index){
								item.content = _this.text;
							}
						})
						_this.text = '';
					},fail=>{
						_this.isComment = false;
							if (fail.data.message == '未绑定手机号') {
								//#ifdef H5
								_this.popShow = true;
								//#endif
								//#ifndef H5
								_this.vxshow = true;
								//#endif
								
							}
					});
				}else{
					App._post_form('&p=pocket&do=comment', data, res => {
						_this.replyShow1 = false;
						_this.show = false;
						_this.answerShow1 = false;
						_this.coverShow = false;
					
						App.showSuccess('评论成功', () => {
							_this.isComment = false;
						})
						let plPush = {
							nickname: uni.getStorageSync('userinfo').nickname,
							mid:res.data.amid,
							smid:res.data.amid,
							id:res.data.cid,
							content: _this.text,
							list:[]
						};
						_this.comment_list.list.unshift(plPush);
					
						_this.text = '';
					},fail=>{
						_this.isComment = false;
							if (fail.data.message == '未绑定手机号') {
								//#ifdef H5
								_this.popShow = true;
								//#endif
								//#ifndef H5
								_this.vxshow = true;
								//#endif
								
							}
					});
				}
				
				
			},
			show1() {
				let _this = this;
				if (_this.indexShow === _this.indexNumber) {
					_this.$emit('operationShow', -1);
					_this.coverShow = false;
				} else {
					_this.$emit('operationShow', _this.indexNumber);
					_this.coverShow = true;
				}
			},
			// 展开全文
			fullText(index) {
				let _this = this;
				if (_this.textList.indexOf(index) == -1) {
					_this.textList.push(index);
					_this.textTips = '收起';
				} else {
					_this.textTips = '展开全文';
					for (let i = 0; i < _this.textList.length; i++) {
						if (_this.textList[i] == index) {
							_this.textList.splice(i, 1);
						}
					}
				}
			},
			// 拨打电话
			kfPhone() {
				let _this = this;
				_this.$emit('operationShow', -1);
				_this.replyShow1 = false;
				_this.answerShow1 = false;
				_this.show = false;
				_this.coverShow = false;
				uni.showModal({
					title: '联系客户',
					content: _this.itemInfos.phone,
					success: function(res) {
						if (res.confirm) {
							uni.makePhoneCall({
								phoneNumber: _this.itemInfos.phone //仅为示例
							});
						} else if (res.cancel) {}
					}
				});
			},
			// 回复弹窗
			answerPop(cid, amid, items, name,index,indexs) {
				let _this = this;
				// debugger
				_this.$emit('operationShow', -1);
				_this.answerShow1 = true;
				_this.cid = cid;
				_this.amid = amid;
				_this.items = items;
				_this.$set(_this.items,'index',index);
				_this.$set(_this.items,'indexs',indexs)
				if(index == 0 || index){
					_this.answerText = _this.items.content;
				}
				_this.answerName = name;
				console.info(_this.answerName);
			},
			// 关闭评论弹窗
			replyClose() {
				let _this = this;
				_this.replyShow1 = false;
				_this.answerShow1 = false;
				_this.show = false;
				_this.coverShow = false;
				_this.commitem = null;
				_this.items = {};
			},
			// 评论按钮
			replyShow(item,index) {
				let _this = this;
				console.log(item,index)
				if(!!item && item.type != 'click'){
					_this.commitem = {}
					_this.commitem.item = item;
					_this.text = item.content;
					console.log(_this.text)
					_this.commitem.index = index;
				}else{
					_this.commitem = null;
				}
				_this.$emit('operationShow', -1);
				this.replyShow1 = true;
			},
			// 回复评论
			reply() {
				let _this = this;
				let data = {
					id: _this.itemInfos.id,
					cid: _this.cid,
					amid: _this.amid,
					text: _this.answerText
				};
				
				if (_this.isComment) return
				_this.isComment = true;
				setTimeout(()=>{
					_this.isComment = false;
				},1000)
				if(_this.items.index == 0 || !!_this.items.index){
					if(_this.answerText == _this.items.content){
						uni.showToast({
							icon:'none',
							title:'请先进行修改'
						});
						return
					}
					let datas = {
						id:_this.items.id,
						type:1,
						text:_this.answerText
					}
					App._post_form('&p=pocket&do=changeReply', datas, res => {
						App.showSuccess('修改回复成功', () => {
							_this.isComment = false;
						})
						_this.comment_list.list.map((item,index)=>{
							if(index == _this.items.index){
								item.list.map((itemss,indexss)=>{
									if(indexss == _this.items.indexs){
										_this.$set(itemss,'content',_this.answerText)
									}
								})
							}
						})
						_this.answerText = '';
						_this.answerShow1 = false;
						_this.replyShow1 = false;
						console.log(res.data.message,'ahaha')
					})
				}else{
					App._post_form('&p=pocket&do=reply', data, res => {
						console.log(res)
						App.showSuccess('回复成功', () => {
							_this.isComment = false;
						})
						if (_this.items !== null) {
							let list = {
								id:res.data,
								smid: uni.getStorageSync('userinfo').mid,
								reply_name: uni.getStorageSync('userinfo').nickname,
								name: _this.answerName,
								content: _this.answerText
							};
							_this.comment_list.list.map((item,index)=>{
								if(item.id == _this.cid && item.mid == _this.amid){
									console.log(12212121212,item)
									item.list.push(list);
								}
							})
							// _this.items.list.push(list);
						}
						_this.answerText = '';
						_this.answerShow1 = false;
						_this.replyShow1 = false;
						console.log(res.data.message,'ahaha')
					})
				}
				// App._post_form('&p=pocket&do=reply', data, res => {
				// 	App.showSuccess('回复成功', () => {
				// 		_this.isComment = false;
				// 	})
				// 	if (_this.items !== null) {
				// 		let list = {
				// 			amid: uni.getStorageSync('userinfo').mid,
				// 			reply_name: uni.getStorageSync('userinfo').nickname,
				// 			name: _this.answerName,
				// 			content: _this.answerText
				// 		};
				// 		_this.items.list.push(list);
				// 	}
				// 	_this.answerText = '';
				// 	_this.answerShow1 = false;
				// 	console.log(res.data.message,'ahaha')
				// },fail=>{
				// 			if (fail.data.message == '未绑定手机号') {
				// 				//#ifdef H5
				// 				_this.popShow = true;
				// 				//#endif
				// 				//#ifndef H5
				// 				_this.vxshow = true;
				// 				//#endif
								
				// 			}
				// 	})
			},
			// 帖子点赞
			fabulous() {
				let _this = this;
				let data = {
					id: _this.itemInfos.id
				};
				App._post_form('&p=pocket&do=fabulous', data, res => {
					_this.$emit('operationShow', -1);
					_this.replyShow1 = false;
					_this.answerShow1 = false;
					_this.show = false;
					_this.coverShow = false;
					if (_this.itemInfos.is_fabulous == 1) {
						uni.showToast({
							icon: 'none',
							title: '取消点赞',
							duration: 2000
						});
						_this.$emit('getover',_this.itemInfos.id,false);
					} else {
							uni.showToast({
								icon: 'none',
								title: '点赞成功',
								duration: 2000
							});
							_this.$emit('getover',_this.itemInfos.id,true);
					}
				});
			},
			changeSize(e){
				console.log(e.detail.width, e.detail.height, e.detail.duration);
				if(e.detail.width > e.detail.height){
					this.videoWidth = '77vw';
					this.videoHeight = e.detail.height/e.detail.width*77+'vw';
				}else if(e.detail.width < e.detail.height){
					this.videoHeight = this.listVideoHeight;
					this.videoWidth = e.detail.width/e.detail.height*40+'vw';
				}
			},
			stopOther(){
				this.$emit('changePlay', this.indexNumber);
			}
		}
	};
</script>

<style lang="less" scoped>
	.replyViewPackage {
		padding: 30upx;
	}

	.coverView {
		z-index: 2;
		position: fixed;
		top: 84upx;
		background: rgba(0, 0, 0, 0);
		width: 750upx;
	}

	.replyInput {
		background: rgba(248, 248, 248, 1);
		width: 500upx;
		height: 200upx;
		vertical-align: middle;
		margin: 20upx auto 0 auto;
		background: white;
		font-size: 24upx;
		font-family: Source Han Sans CN;

		color: rgba(51, 51, 51, 1);

		>textarea {
			background: rgba(248, 248, 248, 1);
			width: 500upx !important;
			height: 200upx !important;
		}
	}

	.sendButton {
		text-align: center;
		margin: 20upx auto 0 auto;
		width: 292upx;
		height: 74upx;
		background: #3388ff;
		border-radius: 37upx;

		>text {
			line-height: 74upx;
			font-size: 24upx;


			color: #ffffff;
		}
	}

	.replyView {
		border: 1upx solid rgba(0, 0, 0, 0);
		width: 600upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 20upx;
		background: #f8f8f8;
	}

	.operationView {
		transform: rotate(45deg);
		display: inline-block;
		position: relative;
		bottom: 3upx;
		left: 15upx;
		width: 38upx;
		height: 38upx;
		background: rgba(51, 51, 51, 1);
		border: 1upx solid rgba(51, 51, 51, 1);
	}

	.sj {
		left: 17upx;
		position: absolute;
		top: -12upx;
		transform: rotate(45deg);
		display: inline-block;
		width: 30upx !important;
		height: 30upx !important;
		background: rgba(248, 248, 248, 1);
	}

	.operationShow {
		z-index: 3;
		position: relative;
		right: 480upx;
		bottom: 64upx;
		width: 440upx;
		height: 80upx;
		background: rgba(51, 51, 51, 1);
		border-radius: 10upx;

		>view:nth-child(1) {
			margin-left: 42upx;

			>image {
				width: 50upx;
				height: 50upx;
			}
		}

		>view:nth-child(2) {
			margin-left: 40upx;

			>image {
				width: 50upx;
				height: 50upx;
			}
		}

		>view:nth-child(3) {
			margin-left: 40upx;

			>image {
				width: 50upx;
				height: 50upx;
			}
		}

		>view {
			vertical-align: middle;
			display: inline-block;

			>image {
				vertical-align: middle;
			}

			>span {
				line-height: 80upx;
				vertical-align: middle;
				font-size: 24upx;


				color: rgba(255, 255, 255, 1);
			}
		}
	}

	.postList {

		font-size: 0;
	}

	.zd {
		display: flex;
		justify-content: space-between;
		float: right;

		>image {
			position: relative;
			right: 630upx;
			width: 58upx;
			height: 58upx;
		}
	}
	
	.menbottom{
		display: inline-block;
		float: right;
	}
	
	.memberMain {
		padding-left: 10upx;
		vertical-align: middle;
		display: inline-block;
		width: 250upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 24upx;


		color: #999999;
	}

	.member {
		vertical-align: middle;
		font-size: 24upx;


		color: rgba(66, 128, 197, 1);
	}

	.maohao {
		vertical-align: middle;
		font-size: 24upx;


		color: rgba(66, 128, 197, 1);
	}

	.member1 {
		vertical-align: middle;
		margin-left: 10upx;
		font-size: 24upx;


		color: rgba(66, 128, 197, 1);
	}

	.hf {
		vertical-align: middle;
		margin-left: 10upx;
		font-size: 24upx;


		color: #333333;
	}

	.postListMbCommentBodyPackage {
		padding: 15upx 20upx 20upx 20upx;
	}

	.zan {
		width: 26upx;
		height: 27upx;
	}

	.zanHead {
		vertical-align: middle;
		width: 38upx;
		height: 39upx;
		border-radius: 50%;
		overflow: hidden;
		display: inline-block;

		>image {
			width: 38upx;
			height: 39upx;
		}
	}

	.zanHeadFd {
		vertical-align: middle;
		width: 38upx;
		height: 39upx;
		border-radius: 50%;
		overflow: hidden;
		display: inline-block;
	}

	.postListMbCommentTitle {}

	.postListMbCommentTitlePackage {
		padding: 30upx 20upx;
		border-bottom: 1upx solid rgba(238, 238, 238, 1);

		>text {
			margin-right: 10upx;
			vertical-align: middle;
			margin-left: 15upx;
			font-size: 24upx;


			color: rgba(153, 153, 153, 1);
		}
	}

	.postListMbComment {
		position: relative;
		margin: 40upx 0 0 0;
		width: 630upx;
		background: rgba(248, 248, 248, 1);
		border-radius: 4upx;
	}

	.dot {
		margin: 20upx 0 0 0;
		display: inline-block;
		width: 8upx;
		height: 8upx;
		background: rgba(66, 128, 197, 1);
		border-radius: 50%;
	}

	.postListMbFlowRightPackage {
		display: flex;
		justify-content: space-around;
		width: 100%;
		height: 100%;
	}

	.postListMbFlowRight {
		display: ;
		width: 80upx;
		height: 50upx;
		background: rgba(248, 248, 248, 1);
		border-radius: 6upx;
	}

	.postListMbFlowLeft {
		line-height: 50upx;
		>text {
			margin-right: 20upx;
			font-size: 24upx;


			color: rgba(153, 153, 153, 1);

			>text {
				margin-left: 10upx;
			}
		}
	}

	.postListMbFlow {
		margin-top: 20upx;
		display: flex;
		justify-content: space-between;

		>view {
			vertical-align: middle;
			display: inline-block;
		}
	}

	.postListMbImgShow {
		vertical-align: middle;
		margin-right: 10upx;
		margin-top: 10upx;
		width: 200upx;
		height: 200upx;
		border-radius: 10upx;
		overflow: hidden;
		display: inline-block;

		>image {
			width: 202upx;
			height: 202upx;
		}
	}

	.videoPlay {
		width: 630upx;
		height: 450upx;
	}

	.postListMbImg {
		flex-wrap: wrap;
		margin-top: 20upx;

		>view {
			display: inline-block;
			vertical-align: middle;
		}
	}

	.postListTextMain {
		font-size: 32upx;
		color: rgba(51, 51, 51, 1);
		text-overflow: -o-ellipsis-lastline;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  -webkit-line-clamp: 3;
		  line-clamp: 3;
		  -webkit-box-orient: vertical;
	}

	.postListText {
		margin-top: 30upx;

		>text {
			display: inline-block;
			margin-top: 30upx;
			font-size: 28upx;
			color: rgba(66, 128, 197, 1);
		}
	}

	.labelList {
		margin-top: 20upx;
	}

	.labelMb {
		margin: 0 10upx 0upx 0;
		display: inline-block;
		height: 34upx;
		border-radius: 4upx;
		line-height: 30upx;

		>text {
			padding: 0 10upx;
			font-size: 20upx;
		}
	}

	.postListMbTitleRight {
		text-align: right;
		min-width: 100upx;

		>text {
			line-height: 53upx;
			font-size: 24upx;


			color: rgba(66, 128, 197, 1);
		}
	}

	.hb {
		display: inline-block;
		vertical-align: middle;
		width: 63upx;
		height: 34upx;
		line-height: 30upx;
		background: rgba(255, 68, 68, 1);
		border-radius: 4upx;
		text-align: center;
		margin-left: 10upx;

		>text {
			font-size: 24upx;
			font-family: Source Han Sans CN;

			color: rgba(255, 255, 255, 1);
		}
	}

	.fullText {
		word-wrap: break-word;

		>text {
			font-size: 30upx;


			color: rgba(51, 51, 51, 1);
		}
	}

	.postListMbTitleLeft {
		>text {
			margin-left: 20upx;
			vertical-align: middle;
			font-size: 28upx;


			color: rgba(51, 51, 51, 1);
		}

		.post-label {
			display: inline-block;
			margin: 0 0 0 20upx;
			vertical-align: middle;
			height: 40upx;
			line-height: 48upx;

			>image {
				margin-left: 10upx;
				vertical-align: middle;
				width: 40upx;
				height: 40upx;
			}
		}
	}

	.postListHead {
		display: inline-block;
		vertical-align: middle;
		width: 54upx;
		height: 53upx;
		border-radius: 50%;
		overflow: hidden;

		>image {
			width: 54upx;
			height: 53upx;
		}
	}

	.postListMbTitle {
		display: flex;
		justify-content: space-between;

		>view {
			display: inline-block;
			vertical-align: middle;
		}
	}

	.full {
		height: 80upx;
		text-align: center;

		>text {
			line-height: 80upx;
			font-size: 28upx;


			color: black;
		}
	}

	.postListMbPackage {
		padding: 30upx;
	}

	.postListMb {
		margin: 20upx auto 0 auto;
		width: 690upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10upx;
	}

	.dianzan-icon {
		display: inline-block;
		font-size: 32upx;
		vertical-align: middle;
	}

	.marB5 {
		margin-top: 5upx;
	}
</style>
