{$platform}-{$SiteName}

鍏?{{ videoItem && videoItem.CommentNums }} 鏉¤瘎璁?/div>

鍙戦€?/div>

浼樿川鍐呭锛屽€煎緱鎵撹祻

鍏?/div>

鎵撹祻Ta</div>
				<div class="tips">鎵撹祻鏄〃绀洪紦鍔辫€屽鍐呭鐨勬棤鍋胯禒涓?/div>
			</div>
		</div>
	</van-popup>
	<div class="poster" v-if="videoItem" id="html2canvas_node">


		<div class="card">
			<div class="info-img">
				<img class="share-poster" :src="videoItem.CoverFilePath" alt="">
				<img src="{$Default_tplPath}images/livebroadcost/icons/play-icon.png" alt="" class="play-icon">
			</div>
			<div class="card-info">
				<template  v-for="item in videoCategoryList">
					<span class="tag" style="color: #F84469" v-if="item.Id === videoItem.CategoryId">#{{ item.Chrcategory }}#</span>
				</template>
				{{ videoItem.VideoDesc }}
			</div>
		</div>
		<div class="code">
			<div class="qr-code">
				<img src="" alt="" class="code-img">
			</div>
			<img src="{$Default_tplPath}images/livebroadcost/get-code.png" alt="" class="get-code">
		</div>
	</div>
</section>
<div style="background: rgba(0, 0, 0, .8);" class="bdsharehd_isWeixin" id="bdsharehd_isWeixin2" style="display: none;"><div class="ico"></div><div class="btn"></div></div>
{$bottom$}
<div class="mask" id="mask" style="display:none;"></div>
<div id="inner_iframe" style="display:none"></div>
<div class="share_fd_po" id="bdsharebuttonbox" style="display:none;">
	{$Mh163k_wap_鏁寸珯閫氱敤_鍒嗕韩浠ｇ爜}
	<a href="#" class="close"></a>
</div>
<div id="share2015" style="position: fixed; right: 0.467rem; bottom: 2.4rem; z-index: -1" ></div>

<script type="text/x-template" id="slideComponent">
<div class="video-swiper swiper-container" ref="videoSwiper">
	<div class="swiper-wrapper">
		<div class="swiper-slide swiper-slide-prev">
			<video-item v-if="prevItem" :is-poster="true" :video-item="prevItem" :video-category-list="videoCategoryList"></video-item>
		</div>
		<div class="swiper-slide swiper-slide-active">
			<video-item
				v-if="currItem"
				ref="video"
				:autoplay="autoplay"
				:video-item="currItem"
				:video-category-list="videoCategoryList"
			></video-item>
		</div>
		<div class="swiper-slide swiper-slide-next">
			<video-item v-if="nextItem" :is-poster="true" :video-item="nextItem" :video-category-list="videoCategoryList"></video-item>
		</div>
	</div>
</div>
</script>

<script type="text/x-template" id="videoComponent">
<div class="content">
	<div class="top-linear"></div>
	<div class="bottom-linear"></div>
	<div class="video-bg" :style="{backgroundImage: 'url(' + videoItem.CoverFilePath + ')'}"></div>
	<red-packet-timer ref="timer" :video-item="videoItem" :is-play="isPlay" v-if="videoItem.IsRedPacket && !videoItem.showPacketIcon"></red-packet-timer>
	<div class="get-packet" v-if="videoItem.IsRedPacket && videoItem.showPacketIcon" @click="showPacket">
		<img class="icon" src="{$Default_tplPath}images/livebroadcost/linghongbao2.png" alt="">
		鐐规垜棰嗙孩鍖?
		<img src="{$Default_tplPath}images/livebroadcost/icons/arrow5.png" alt="" class="arrow">
	</div>
	<div class="left-info">
		<van-swipe v-if="(videoItem.RelationTitle || videoItem.MallCommodityId) && showInfoSwipe" class="my-swipe" :autoplay="3000" vertical :show-indicators="false" style="height: 90px;">
			<van-swipe-item v-if="videoItem.RelationTitle">
				<div class="house">
					<img v-if="videoItem.EntityFilePath" :src="videoItem.EntityFilePath" alt="" class="img">
					<div class="info">
						<div class="name text-overflow2">{{ videoItem.RelationTitle }}</div>
						<a :href="videoItem.EntityType === 0 ? videoItem.RelationUrl : '/' + videoItem.RelationUrl" class="btn">鏌ョ湅璇︽儏</a>
					</div>
				</div>
			</van-swipe-item>
			<van-swipe-item v-if="videoItem.MallCommodityId">
				<div class="house">
					<img :src="videoItem.MallCommodityFilePath" alt="" class="img">
					<div class="info">
						<div class="name text-overflow2">{{ videoItem.MallCommodityName }}</div>
						<a :href="'/mall/details_' + videoItem.MallCommodityId + '?uid=' + videoItem.UserId" class="btn">绔嬪嵆鎶㈣喘</a>
					</div>
				</div>
			</van-swipe-item>
		</van-swipe>
		<div class="user">
			<a :href="'/video/homepage_' + videoItem.UserId + '?userId=' + videoItem.UserId" class="username">@{{ videoItem.UserName }}</a>
			<span class="time" v-if="videoItem.IsShowCreateTime">路 {{ moment(videoItem.CreateTime).format('YYYY骞碝M鏈圖D') }}鏃?/span>
		</div>
		<div class="desc  text-overflow2">
			<a href="javascript:;" v-if="videoItem.CategoryId" class="tag">
				<template  v-for="item in videoCategoryList">
					<span v-if="item.Id === videoItem.CategoryId">#{{ item.Chrcategory }}#</span>
				</template>
			</a> {{ videoItem.VideoDesc }}
		</div>
		<div class="location">
			<span v-if="videoItem.areaName"><img class="icon" src="{$Default_tplPath}images/livebroadcost/icons/location-white.png" alt="">	{{ videoItem.areaName }}</span>
			<span style="margin-left:12px;">IP灞炲湴锛?font>{{videoItem.IpTxt}}</font></span>
		</div>
	</div>
	<video
		loop="loop"
		:autoplay="isPoster ? undefined : autoplay"
		ref="video"
		class="video"
		:class="videoItem.videoClass || videoClass"
		:src="videoItem.VideoFilePath || ''"
		:poster="videoItem.CoverFilePath"
		webkit-playsinline="true"
		x5-video-player-type="h5"
		x5-video-player-fullscreen="true"
		playsinline=""
		preload="none"
		layorpause="playOrPause"
		@click="togglePlay"
	>
		
			
			
		
	</video>
	
	<img v-show="!isPlay && !isPoster" @click="play" src="{$Default_tplPath}images/livebroadcost/icons/play-icon.png" alt="" class="play-icon">
	<div class="right">
		<div class="user-info">
			<a :href="'/video/homepage_' + videoItem.UserId + '?userId=' + videoItem.UserId">
				<img class="avatar" :src="videoItem.UserHeadPic || '{$Default_tplPath}images/user_small.png'" alt="">
			</a>
			<transition
				leave-active-class="animate__animated animate__zoomOut"
			>
				<img v-if="!videoItem.IsFocus" @click="focus" class="icon" src="{$Default_tplPath}images/livebroadcost/icons/follow-icon.png" alt="">
			</transition>
			
				
			
		</div>
		<div class="item">
			<div class="icon" style="position: relative;">
				<transition
					enter-active-class="animate__animated animate__bounceIn"
					leave-active-class="animate__animated animate__fadeOut"
					:duration="{enter: 300,leave: 300}"
				>
					<img style="position: absolute; left: 0; top: 0;" v-if="videoItem.IsCollect" class="icon" src="{$Default_tplPath}images/livebroadcost/icons/heart-icon-like.png" alt="" @click="collect">
				</transition>
				<img style="position: absolute; left: 0; top: 0;" v-if="!videoItem.IsCollect" class="icon" src="{$Default_tplPath}images/livebroadcost/icons/heart-icon.png" alt="" @click="collect">
			</div>
			<div class="value">{{ videoItem.VideoCollectNum }}</div>
		</div>
		<div v-if="videoItem.IsRevert" class="item" @click="showComment">
			<img class="icon" src="{$Default_tplPath}images/livebroadcost/icons/comment.png" alt="">
			<div class="value">{{ videoItem.CommentNums }}</div>
		</div>
		<div v-if="videoItem.IsReward" class="item" @click="showReward">
			<img class="icon" src="{$Default_tplPath}images/livebroadcost/icons/dashang.png" alt="">
		</div>
		
			
		
		<div class="item" @click="share">
			<img class="icon" src="{$Default_tplPath}images/livebroadcost/icons/share.png" alt="">
		</div>
	</div>
	<div class="progress-wrapper">
		<div v-if="!progressLoading" class="progress" :style="{width: progress + '%'}"></div>
		<div v-else="progressLoading" class="progress-loading"></div>
	</div>
</div>
</script>
<script src="{$Default_tplPath}/js/flexible.js"></script>
<script src="{$Default_tplPath}js/vue/es6-promise.auto.min.js"></script>
<script src="{$Default_tplPath}js/vue/axios.min.js"></script>
<script src="{$Default_tplPath}/js/vue/vue.min.js"></script>
<script src="{$Default_tplPath}/js/vue/vant.min.js"></script>
<script src="{$Default_tplPath}/js/swiper.min.js"></script>
<script src="{$Default_tplPath}js/moment.js"></script>
<script src="{$Default_tplPath}js/purl.js"></script>

<script src="{$Default_tplPath}images/emotion/emotData_v2.js"></script>
<script src="{$Default_tplPath}js/html2canvas.js"></script>
<script src="{$Default_tplPath}js/jquery.qrcode.min.js"></script>
<script src="{$Default_tplPath}js/moment-with-locales.js"></script>
<script>
window['siteUrl'] = '{$SiteUrl}';
var shareTitle = '{$platform}';
var shareContent = '';
var shareLink = window.location.href;
var shareconfig = {
	url:shareLink,
	title:shareTitle,
	desc:shareContent,
	img: '',
	img_title:shareTitle,
	from:'{$SiteName}'
};
function getCoverFilePath(url) {
	return (url || '').replace(/\/offset\/1([\w\W]*)/, '/offset/1/w/400')
}
$(function () {
	$('#bdsharehd_isWeixin2').click(function () {
		$(this).fadeOut()
	})
	TransparentHeader()
	Vue.use(vant.Popup)
	Vue.use(vant.Toast)
	moment.locale('zh-cn')
	var eventBus = new Vue()
	var isLoading = false
	var isLogin = $('#LoginUserInfo').val() !== ''
// 绾㈠寘鍊掕鏃?
	var RedPacketTimer = {
		props: ['videoItem', 'isPlay'],
		data: function () {
			return {
				timer: null,
				seconds: 5
			}
		},
		template: '\n' +
			'\t<div class="get-packet">\n' +
			'\t\t<img class="icon" src="{$Default_tplPath}images/livebroadcost/linghongbao2.png" alt="">\n' +
			'\t\t<span class="seconds">{{ seconds }}</span>\n' +
			'\t\t绉掑悗鍙互棰嗙孩鍖匼n' +
			'\t</div>',
		mounted: function () {
			var LimitTime = this.$root.RedPackageDrawLimitTime
			this.$watch('videoItem', function () {
				if (this.videoItem && this.videoItem.IsRedPacket) {
					if(LimitTime!==0&&(Math.ceil(this.videoItem.VideoDuration)>LimitTime)){this.seconds = LimitTime}else{this.seconds = Math.ceil(this.videoItem.VideoDuration)}
					if (this.timer) {
						clearInterval(this.timer)
						this.timer = null
					}
					this.isPlay && !this.progressLoading && this.startTimer()
				}
			}, {immediate: true})
		},
		methods: {
			startTimer: function () {
				var _this = this
				if (this.timer) return
				this.timer = setInterval(function () {
					_this.seconds--
					if (_this.seconds <= 0) {
						_this.$set(_this.videoItem, 'showPacketIcon', true)
						clearInterval(_this.timer)
					}
				}, 1000)
			},
			stopTimer: function () {
				clearInterval(this.timer)
				this.timer = null
			},
			resetTimer: function () {
				clearInterval(this.timer)
				this.seconds = 5
			}
		}
	}
// video 鎾斁缁勪欢
	var VideoItem = {
		props: ['videoItem', 'isPoster', 'videoCategoryList', 'autoplay'],
		components: {RedPacketTimer},
		template: '#videoComponent',
		data: function () {
			return {
				timer: null,
				progress: 0,
				videoClass: 'video-cover',
				showInfoSwipe: true,
				progressLoading: false,
				isPlay: false
			}
		},
		watch: {
			videoItem: function () {
				var _this = this
				_this.showInfoSwipe = false
				setTimeout(function () {
					_this.showInfoSwipe = true
				})
				var timer = this.$refs.timer
				if (timer && timer.seconds > 0) {
					timer.resetTimer()
				}
			},
			progressLoading(loading) {
				if (loading) {
					this.$refs.timer && this.$refs.timer.stopTimer()
				} else {
					this.$refs.timer && this.$refs.timer.startTimer()
				}
			}
		},
		mounted: function () {
			if (!this.isPoster) this.initVideoEvents()
		},
		methods: {
			moment: moment,
			collect: function () {
				eventBus.$emit('collect', this.videoItem)
			},
			focus: function () {
				eventBus.$emit('focus', this.videoItem)
			},
			showPacket: function () {
				eventBus.$emit('showPacket', this.videoItem)
			},
			showComment: function () {
				if (!this.videoItem.IsRevert) return this.$toast('璇ヨ棰戜笉鍏佽璇勮鍝︼紒')
				eventBus.$emit('showComment', this.videoItem)
			},
			showReward: function () {
				if (!this.videoItem.IsReward) return this.$toast('璇ヨ棰戜笉鍏佽鎵撹祻鍝︼紒')
				eventBus.$emit('showReward', this.videoItem)
			},
			share: function () {
				eventBus.$emit('share', this.videoItem, true)
			},
			initVideoEvents: function () {
				var video = this.$refs.video
				var _this = this
				function onBridgeReady(){
					// WeixinJSBridge.call('hideToolbar')
					// WeixinJSBridge.call('hideOptionMenu');
					WeixinJSBridge.invoke('getNetworkType', {}, function () {
						if (_this.autoplay) video.play()
					});
				}
				if (typeof WeixinJSBridge === 'undefined'){
					document.addEventListener('WeixinJSBridgeReady', onBridgeReady , false);
				}else{
					onBridgeReady();
				}
				video.onplay = function () {
					_this.isPlay = true
					_this.progressLoading = false
					_this.$refs.timer && _this.$refs.timer.startTimer()
					_this.startProgress()
				}
				video.oncanplay = function () {
					_this.progressLoading = false
					if (!_this.videoItem.videoClass) {
						_this.videoClass = video.videoHeight / video.videoWidth > 1.5 ? 'video-cover' : 'video-contain'
					}
				}
				video.onpause = function () {
					_this.isPlay = false
					_this.progressLoading = false
					_this.$refs.timer && _this.$refs.timer.stopTimer()
					_this.stopProgress()
				}
				video.onwaiting = function () {
					_this.progressLoading = true
				}
				// video.ontimeupdate = function () {
				// 	_this.progressLoading = false
				// }
			},
			initVideo: function () {
				var video = this.$refs.video
				video.currentTime = 0
				this.progress = 0
				this.progressLoading = false
				video.play()
			},
			startProgress: function () {
				var _this = this
				var video = this.$refs.video
				// _this.progressLoading = false
				_this.progress = Math.ceil(video.currentTime / video.duration * 100)
				this.timer = setInterval(function () {
					_this.progress = Math.ceil(video.currentTime / video.duration * 100)
				}, 60)
			},
			stopProgress: function () {
				clearInterval(this.timer)
			},
			togglePlay: function () {
				var video = this.$refs.video
				if (video.paused) video.play()
				else video.pause()
				this.isPlay = !video.paused
			},
			play: function () {
				// this.isPlay = true
				this.$refs.video && this.$refs.video.play()
			},
			pause: function () {
				// this.isPlay = true
				this.$refs.video && this.$refs.video.pause()
			},
		}
	}
// slide缁勪欢
	var SlideItem = {
		props: {
			autoplay: {
				type: String,
				default: undefined
			},
			data: {
				type: Array,
				default: function () {
					return []
				}
			},
			currTab: {
				type: Number,
				required: true
			},
			videoCategoryList: {
				type: Array,
				default: function () {
					return []
				}
			}
		},
		template: '#slideComponent',
		components: {VideoItem: VideoItem},
		data: function () {
			return {
				swiper: null,
				activeIndex: 0,
				lastTranslate: 0,
				isPlay: false,
				isDone: false,
				currItem: null
			}
		},
		computed: {
			prevItem: function () {
				return this.data[this.activeIndex - 1] || {}
			},
			nextItem: function () {
				return this.data[this.activeIndex + 1] || {}
			}
		},
		watch: {
			currItem: function (val) {
				// console.log  (this.currTab)
				// var id = this.currItem.Id
				// if (id) {
				// }
			}
		},
		mounted: function () {
			var _this = this
			this.$watch('data', function (data) {
				if (data.length > 0 && !_this.currItem) _this.currItem = _this.data[0]
			}, {immediate: true})
			this.initVideoSwiper()
		},
		methods: {
			initVideoSwiper() {
				var _this = this
				var videoSwiper = new Swiper({
					el: this.$refs.videoSwiper,
					initialSlide: 1,
					allowSlidePrev: false,
					noSwipingClass : 'van-swipe',
					direction: 'vertical'
				})
				this.lastTranslate = videoSwiper.translate
				videoSwiper.on('sliderMove', function () {
					if (isLoading) return _this.$toast.loading({duration: 0, message: '鍔犺浇涓?, forbidClick: true})
					var translate = videoSwiper.translate
					if (translate - _this.lastTranslate < 0) {
						if (_this.activeIndex === _this.data.length - 1) {
							videoSwiper.allowTouchMove = false //绂佹瑙︽懜
							videoSwiper.params.virtualTranslate = true//瀹氫綇涓嶇粰鍥炲脊
							videoSwiper.allowSlideNext = false
							eventBus.$emit('getNext', _this.currItem, videoSwiper)
						}
					} else if (translate - _this.lastTranslate > 0) {
						// console.log('涓嬫媺')
					}
					_this.lastTranslate = translate
				})
				videoSwiper.on('transitionEnd', function () {
					_this.lastTranslate = videoSwiper.translate
					videoSwiper.allowTouchMove = true
					
				})
				videoSwiper.on('transitionStart', function () {
					videoSwiper.allowTouchMove = false
				})
				videoSwiper.on('slideNextTransitionEnd', function () {
					if (_this.activeIndex === _this.data.length - 1) return
					_this.activeIndex ++
					if (!videoSwiper.allowSlidePrev) {
						videoSwiper.allowSlidePrev = true
					}
					if (videoSwiper.activeIndex === 2) {
						videoSwiper.slideTo(1, 0, false)
					}
					_this.currItem = _this.data[_this.activeIndex]
					var id = _this.currItem.Id
					history.replaceState(null, '', '/video/videoinfo_' + id + '?id=' + id + '&currTab=' + _this.currTab)
					eventBus.$emit('share', _this.currItem)
					updateHotHits(_this.currItem.Id)
					CheckIsFocusUser(_this.currItem.UserId,function(res){
						Vue.set(_this.currItem,'IsFocus',res);
					})
					GetUserIp(_this.currItem.UserId,function(res){
						Vue.set(_this.currItem,'IpTxt',res);
					})
					if (_this.activeIndex === _this.data.length - 6) eventBus.$emit('getNext', _this.currItem)
					_this.initVideo()
				})
				videoSwiper.on('slidePrevTransitionEnd', function () {
					_this.activeIndex--
					if (videoSwiper.activeIndex === 0) {
						videoSwiper.slideTo(1, 0, false)
					}
					if (_this.activeIndex === 0) {
						videoSwiper.allowSlidePrev = false
					}
					_this.currItem = _this.data[_this.activeIndex]
					var id = _this.currItem.Id
					history.replaceState(null, '', '/video/videoinfo_' + id + '?id=' + id + '&currTab=' + _this.currTab)
					eventBus.$emit('share', _this.currItem)
					updateHotHits(_this.currItem.Id)
					CheckIsFocusUser(_this.currItem.UserId,function(res){
						Vue.set(_this.currItem,'IsFocus',res);
					})
					GetUserIp(_this.currItem.UserId,function(res){
						Vue.set(_this.currItem,'IpTxt',res);
					})
					_this.initVideo()
				})
			},
			initVideo: function () {
				this.$refs.video.initVideo()
			},
			play: function () {
				this.$refs.video.play()
			},
			pause: function () {
				this.$refs.video.pause()
			},
		}
	}
	window.app = new Vue({
		el: '.wrapper',
		components: {
			SlideItem: SlideItem
		},
		data: function () {
			return {
				RedPackageDrawLimitTime:0,
				eventBus: eventBus,
				height: '100vh',
				currTab: 0,
				pageId0: 1,
				pageId1: 1,
				pageId2: 1,
				total0: 0,
				total1: 0,
				total2: 0,
				currReward: 5,
				money: 0,
				packetClass: '',
				btnClass: '',
				doneClass: '',
				rewardMoney: '',
				rewardMsg: '',
				redPacketId: 0,
				pageId: 1,
				pageSize: 20,
				total: 0,
				errMsg: '',
				commentParentId: 0,
				commentUserName: '',
				commentText: '',
				swiper: null,
				isDone: false,
				showPoster: false,
				packetLoading: false,
				commentLoading: false,
				recommendRestart: false,
				newRestart: false,
				focusRestart: false,
				shareConfig: {},
				userData: {},
				currComment: null,
				showPacket: false,
				showCommentModal: false,
				showRewardModal: false,
				videoItem: null,
				isLogin: isLogin,
				rewardList: [5, 8, 15, 50, 99],
				videoCategoryList: [],
				recommendData: [],
				newData: [],
				focusData: [],
				commentList: [],
				commentMS:false
			}
		},
		watch: {
			showPacket: function (val) {
				if (!val) {
					this.packetClass = ''
					this.btnClass = ''
					this.doneClass = ''
				}
			}
		},
		mounted: function () {
			var _this = this
			var urlObj = $.url(window.location.href).param()
			if (urlObj.id) {
				this.id = urlObj.id
			} else {
				this.id = location.href.split('videoinfo_')[1]
			}
			if (urlObj.currTab) {
				var currTab = parseInt(urlObj.currTab)
				this.currTab = isNaN(currTab) ? 0 : currTab
			}
			this.height = window.innerHeight + 'px'
			$(window).unbind('scroll')
			//$('#header_back').off('click').on('click', function () {
				//location.replace('/video')
			//})
			this.swiper = new Swiper({
				el: '.tab-swiper',
				noSwipingClass : 'van-swipe',
				on: {
					transitionEnd: function () {
						_this.tabChange(this.activeIndex)
					}
				}
			})
			this.swiper.slideTo(this.currTab, 0)
			axios.get('/api/LiveBroadcostConfig/GetConfig').then(function (res) {
				var data = res.data
				_this.rewardList = randomArray(data.RewardGoldFrom, data.RewardGoldTo, 5)
				_this.currReward = _this.rewardList[0]
				_this.RedPackageDrawLimitTime = data.RedPackageDrawLimitTime
				_this.getData()
			})
			if (isLogin) {
				this.getUserInfo()
				this.getCommentMS();
			}
			this.getCategory()
			this.initEvents()
			
			// $('#html2canvas_btn').showHtml2canvas();
		},
		methods: {
			getCommentMS: function () {
				var _this = this
				axios.get('/api/LiveBroadcostHomePage/CheckUserCommentPower').then(function (res) {
					var Data = res.data
					_this.commentMS = Data;
				});
			},
			initEvents: function () {
				var _this = this
				eventBus.$on('collect', function (videoItem) {
					_this.videoItem = videoItem
					if (!_this.checkLogin('鎮ㄥ繀椤荤櫥褰曞悗鎵嶅彲浠ョ偣璧炲摝锛?)) return
					axios.post('/api/LiveBroadcostVideo/AddorCancelVideoCollect', {
						VideoId: _this.videoItem.Id,
					}).then(function () {
						_this.videoItem.IsCollect = !_this.videoItem.IsCollect
						if (_this.videoItem.IsCollect) _this.videoItem.VideoCollectNum++
						else _this.videoItem.VideoCollectNum--
					})
				})
				eventBus.$on('share', function (videoItem, isClick) {
					_this.videoItem = videoItem
					var id = _this.videoItem.Id
					shareconfig.url = location.origin + '/video/videoinfo_' + id + '?id=' + id + '&currTab=' + _this.currTab
					shareconfig.title = _this.videoItem.VideoDesc.substring(0, 40)
					shareconfig.img = _this.videoItem.CoverFilePath
					var config = {
						title: shareconfig.title,
						desc: shareconfig.desc, // 鍒嗕韩鎻忚堪
						link: shareconfig.url, // 鍒嗕韩閾炬帴锛岃閾炬帴鍩熷悕鎴栬矾寰勫繀椤讳笌褰撳墠椤甸潰瀵瑰簲鐨勫叕浼楀彿JS瀹夊叏鍩熷悕涓€鑷?
						imgUrl: shareconfig.img, // 鍒嗕韩鍥炬爣
					}
					wx.updateAppMessageShareData(config);
					wx.updateTimelineShareData(config)
					isClick && $('#share2015').trigger('click')
				})
				eventBus.$on('focus', function (videoItem) {
					videoItem && (_this.videoItem = videoItem)
					if (!_this.checkLogin('鎮ㄥ繀椤荤櫥褰曞悗鎵嶅彲浠ュ叧娉ㄥ摝锛?)) return
					axios.post('/api/LiveBroadcostFocusUser/FocusUser' + '?focusUserId=' + _this.videoItem.UserId).then(function (res) {
						if(res.data === 401){
							return MSGwindowShow('house','0','娌℃湁缁戝畾鎵嬫満鍙凤紝鏃犳硶鍏虫敞锛?,'','');
						}
						_this.videoItem.IsFocus = true
						_this.$set(_this.videoItem, 'IsFocus', true)
						_this.$toast('鍏虫敞鎴愬姛')
					}).catch(function (err) {
						console.log(err)
						return MSGwindowShow('house','0','娌℃湁缁戝畾鎵嬫満鍙凤紝鏃犳硶鍏虫敞锛?,'','');
					})
				})
				eventBus.$on('showPacket', function (videoItem) {
					_this.videoItem = videoItem
					var id = videoItem.RedPacketId
					_this.redPacketId = id
					if (!_this.checkLogin('鎮ㄥ繀椤荤櫥褰曞悗鎵嶅彲浠ラ绾㈠寘鍝︼紒', 'isRedPacket')) return
					if (!_this.videoItem.IsFocus) return MSGwindowShow('house','6', '鎮ㄥ繀椤诲厛鍏虫敞涓嬫垜锛屽啀鏉ラ绾㈠寘鍝︼紒', '','',{icotype:'waring',btntype:'',btntxt:'鍏虫敞',bd2txt:'',isCloseBtn:true});
					if (_this.videoItem.IsRedPacket && _this.videoItem.IsOver) {
						_this.errMsg = '鏉ユ櫄浜嗭紝绾㈠寘鎶㈠畬浜嗭紒</br>蹇幓鐪嬬湅鍒殑瑙嗛鍚?
						_this.isDone = true
						_this.showPacket = true
						_this.doneClass = 'animate__fadeInUp'
						return
					}
					axios.get('/api/LiveBroadcostRedPacket/CheckRedPacketStatus?id=' + id).then(function (res) {
						var data = res.data
						if (data === 0){
							_this.errMsg = '鎮ㄥ凡棰嗚繃璇ョ孩鍖呬簡鍝︼紒'
							_this.isDone = true
							_this.showPacket = true
							_this.doneClass = 'animate__fadeInUp'
						} else if (data === 1) {
							_this.errMsg = '鏉ユ櫄浜嗭紝绾㈠寘鎶㈠畬浜嗭紒</br>蹇幓鐪嬬湅鍒殑瑙嗛鍚?
							_this.isDone = true
							_this.showPacket = true
							_this.videoItem.IsOver = true
							_this.doneClass = 'animate__fadeInUp'
						} else {
							axios.get('/api/LiveBroadcostRedPacket/GetRedPacketInfo?id=' + id).then(function (res) {
								var data = res.data
								if (data.iserror) return _this.$toast('鍔犺浇澶辫触锛岃閲嶈瘯')
								_this.money = data.AmountOfMoney
								_this.showPacket = true
								_this.packetClass = 'animate__zoomInDown'
							})
						}
					})
				})
				eventBus.$on('showComment', function (videoItem) {
					_this.videoItem = videoItem
					if (!_this.checkLogin('鎮ㄥ繀椤荤櫥褰曟墠鍙互娴忚鍜屽弬涓庤瘎璁哄摝锛?)) return
					_this.showCommentModal = true
					_this.getCommentList()
				})
				eventBus.$on('showReward', function (videoItem) {
					_this.videoItem = videoItem
					if (!_this.checkLogin('鎮ㄥ繀椤荤櫥褰曞悗鎵嶅彲浠ユ墦璧忓摝锛?)) return
					_this.showRewardModal = true
				})
				eventBus.$on('getNext', _this.getNextData)
			},
			getData: function () {
				var _this = this
				updateHotHits(this.id)
				axios.get('/api/LiveBroadcostVideo/GetFrontVideoInfo?id=' + this.id).then(function (res) {
					res.data.CoverFilePath = getCoverFilePath(res.data.CoverFilePath)
					if (res.data.IsOver) res.data.showPacketIcon = true
					getVideoClass(res.data)
					var isViewedId = localStorage.getItem('_needNotViewVideoId')
					if (isViewedId && res.data.Id == isViewedId) {
						res.data.showPacketIcon = true
						localStorage.setItem('_needNotViewVideoId', '')
					}

_this.currItem = res.data
					GetUserIp(_this.currItem.UserId,function(res){
						Vue.set(_this.currItem,'IpTxt',res);
					})
					// 鍒嗕韩璁剧疆
					getFashareData('livebroadcost_video', function(res){
						// shareconfig = res
						//history.replaceState(null, '', '?uid={$LoginUserInfo_userid}');
						// if(!isIOS()){shareLink = window.location.href;}
						if(!!res.ImagePath&&res.ImagePath!==''){
							shareImg = window['siteUrl'] + res.ImagePath.replace('../', '');
							shareconfig.img = window['siteUrl'] + res.ImagePath.replace('../', '');
						}
						if(!!res.Summary){
							shareContent = res.Summary;
							shareconfig.desc = res.Summary;
						}
						if(!!res.Title){
							shareTitle = shareTitle+'-'+res.Title;
							shareconfig.title = shareTitle;
						}
						$('#share2015').share2015()
						$('#bdsharehd_haibao').on('click', function () {
							app.getPoster()
						})
						setTimeout(function () {
							eventBus.$emit('share', _this.currItem)
						}, 1000)
					})
					// 鍒嗕韩end
					if (_this.currItem.X && _this.currItem.Y) {
						getAddress(_this.currItem)
					}
					var currTab = _this.currTab
					var currDataList = currTab === 0 ? _this.recommendData : currTab === 1 ? _this.newData : _this.focusData
					currDataList.push(_this.currItem)
					_this.getOtherData('isRecommend')
					_this.getOtherData('isNew')
					_this.getOtherData('isFocus')
				})
			},
			getOtherData: function (type) {
				var _this = this
				var isNew = type === 'isNew'
				var isFocus = type === 'isFocus'
				var isRecommend = type === 'isRecommend'
				var pageSize = 10
				if (isNew && _this.currTab === 1) pageSize--
				if (isFocus && _this.currTab === 2) pageSize--
				if (isRecommend && _this.currTab === 0) pageSize--
				axios.get('/api/LiveBroadcostVideo/GetNearVideoByNewid', {
					params: {
						id: this.id,
						UserId: isFocus ? _this.userData.UserId || '' : '',
						pageSize: pageSize,
						pageId: 1,
						type: isNew ? 1 : isFocus ? 2 : 0
					}
				}).then(function (res) {
					var data = res.data.Data
					// var total = res.data.TotalRecord
					data.forEach(function (item) {
						item.IsFocus = false
						item.IpTxt=''
						if (item.X && item.Y) {
							getAddress(item)
						}
						getVideoClass(item)
						item.showPacketIcon = item.IsOver
						item.CoverFilePath = getCoverFilePath(item.CoverFilePath)
					})
					if (data.length === 0) {
						_this[(isNew ? 'new' : isFocus ? 'focus' : 'recommend') + 'Restart'] = true
						_this['pageId' + currTab] = 0

}
					if (type === 'isNew') {
						_this.newData = _this.newData.concat(data)
					} else if (type === 'isFocus') {
						_this.focusData = _this.focusData.concat(data)
					} else {
						_this.recommendData = _this.recommendData.concat(data)
					}
				}).catch(function () {
					_this.ifLoadding = false
				})
			},
			getNextData: function (data, swiper) {
				if (data) this.videoItem = data
				if (isLoading) return
				isLoading = true
				var currTab = this.currTab
				var type = currTab === 0 ? 'recommend' : currTab === 1 ? 'new' : 'focus'
				var _this = this
				_this['pageId' + currTab]++
				axios.get('/api/LiveBroadcostVideo/GetNearVideoByNewid', {
					params: {
						id: this.id,
						UserId: _this.userData.UserId || '',
						pageSize: 10,
						isrestart: _this[type + 'Restart'],
						pageId: _this['pageId' + currTab],
						type: currTab
					}
				}).then(function (res) {
					var data = res.data
					isLoading = false
					if (data.Data.length > 0) {
						data.Data.forEach(function (item) {
							item.IsFocus = false
							item.IpTxt=''
							if (item.X && item.Y) {
								getAddress(item)
							}
							getVideoClass(item)
							item.showPacketIcon = item.IsOver
							item.CoverFilePath = getCoverFilePath(item.CoverFilePath)
						})
						_this[type + 'Data'] = _this[type + 'Data'].concat(data.Data)
						_this.$toast.clear()
						if (swiper) {
							swiper.params.virtualTranslate = false
							swiper.allowTouchMove = true
							swiper.allowSlideNext = true
							swiper.slideNext()
						}
					} else {
						_this['pageId' + currTab] = 0
						isLoading = false
						_this.$toast.clear()
						// _this[type + 'Data'].push(_this[type + 'Data'][0])
						if (swiper) {
							swiper.params.virtualTranslate=false;
							swiper.allowTouchMove = true;
							swiper.allowSlideNext = false
							setTimeout(function () {
								swiper.allowSlideNext = true
								swiper.setTranslate(swiper.translate)
							}, 2000)
							// _this.$toast('娌℃湁鏇村浜嗭紒')
						}
						if (_this[type + 'Restart'] && data.Data.length === 0) {
							return MSGwindowShow('house','0','娌℃湁鏇村瑙嗛浜嗭紒','','');
						}
						_this[type + 'Restart'] = true
					}
					// if ()
					// currDataList.push()
				}).catch(function (err) {
					if (swiper) {
						swiper.params.virtualTranslate=false;
						swiper.allowTouchMove= true;
						_this.$toast.clear()
						setTimeout(function () {
							swiper.allowSlideNext = true
						}, 2000)
					}
				})
			},
			getUserInfo: function () {
				var _this = this
				$.ajax({
					url: '/api/LiveBroadcostHomePage/GetMemberHomePageInfo',
					async: false,
					success: function (data) {
						_this.userData = data
						// if (_this.userData.UserId !== 0) _this.getOtherData('isFocus')
					}
				})
			},
			// 鍒ゆ柇鏄惁鐧诲綍锛?涓旀垚涓轰細鍛?
			checkLogin: function (text, actionType) {
				if (!isLogin) {
					var id = this.videoItem.Id
					var url = '/member/login.html?from='
					MSGwindowShow('house','1', text, url + encodeURIComponent('/video/videoinfo_' + id + '?id=' + id + '&currTab=' + this.currTab),'',{icotype:'waring',btntype:'',btntxt:'鎴戣鍘荤櫥褰?,bd2txt:'',isCloseBtn:true});
					if (actionType === 'isRedPacket') {
						$('#sys_tips_submit').on('click', function () {
							localStorage.setItem('_needNotViewVideoId', id)
						})
					}
					return false
				}
				return true
			},
			// 鎵撹祻
			reward: function () {
				var _this = this
				var AmountOfMoney = this.currReward === 'other' ? this.rewardMoney : this.currReward
				if (!AmountOfMoney || AmountOfMoney <= 0 || isNaN(parseFloat(AmountOfMoney))) return this.$toast('璇疯緭鍏ユ纭殑鎵撹祻閲戦')
				axios.post('/api/LiveBroadcostTip/AddVideoTip', {
					VideoId: this.videoItem.Id,
					TipMessage: this.rewardMsg.trim() || '鎮ㄧ殑浣滃搧澶浜嗭紒鎵撹祻濂栧姳锛?
				}).then(function (res) {
					var data = res.data
					axios.get('/api/Finance/GetFinanceItems?types=50').then(function (res) {
						var FinItemId = res.data[0].Id
						var obj = {
							Amount: AmountOfMoney * 100,
							FinItemId: FinItemId,
							EntityType: '27',
							EntityId: data.data,
							PayType: 1
						}
						axios.post('/api/Finance/CreateOrder', obj).then(function (res) {
							var data = res.data
							if(typeof data.iserror !== 'undefined' && data.iserror === 1){
								MSGwindowShow('house','0','鎿嶄綔澶辫触浜嗭紒','','');
								return;
							}
							_this.showRewardModal = false
							make_pay_iframe('/pay/payorder?order='+data.data.PayOrderId + '&paySuccess=paySuccess');
							var frameWindow = $('#inner_iframe iframe').prop('contentWindow')
							$(frameWindow).load(function () {
								$(frameWindow.document).find('body').append('<link rel="stylesheet" href="{$Default_tplPath}skin/livebroadcost/pay.css">')
							})
						}).catch(function (err) {
							MSGwindowShow('house','0','鎿嶄綔澶辫触浜嗭紒','','');
						})
					})
				})
			},
			// 璇勮
			comment: function () {
				var _this = this
				if (!this.videoItem.IsRevert) {
					this.commentText = ''
					return this.$toast('璇ヨ棰戜笉鍏佽璇勮鍝︼紒')
				}
				var commentText = this.commentText.trim()
				if (!commentText) return this.$toast('璇疯緭鍏ヨ瘎璁哄唴瀹?)
				var isKill = -1
				if(_this.commentMS){isKill = 1}
				axios.post('/api/Comment/CreateComment', {
					ThirdId: this.videoItem.Id,
					ThirdTitle: this.videoItem.VideoDesc,
					ParentId: this.commentParentId || 0,
					Content: commentText,
					Secene: 18,
					isKill: isKill
				}).then(function (res) {
					var data = res.data
					if (data.iserror) return _this.$toast(data.data)
					_this.commentParentId = 0
					_this.commentText = ''
					_this.currComment = null
					if(_this.commentMS){
						_this.$toast('璇勮鎴愬姛锛?)
						_this.pageId=1
						_this.getCommentList()
					}else{
						_this.$toast('璇勮鎴愬姛锛屽悗鍙板鏍镐腑锛?)
					}
				})
			},
			// 璇勮鐐硅禐
			like: function (item) {
				if (!this.checkLogin('鎮ㄥ繀椤荤櫥褰曞悗鎵嶅彲浠ョ偣璧炲摝锛?)) return
				if (item.isLike) return this.$toast('鎮ㄥ凡缁忕偣杩囪禐鍟︼紒')
				axios.post('/api/Comment/UpdateCommentLikes?id=' + item.Id).then(function () {
					item.Likes++
					item.isLike = true
				})
			},
			paySuccess: function () {
				LoginHide()
				this.$toast('鎵撹祻鎴愬姛锛?)
				this.rewardMoney = ''
				this.currReward = 5
			},
			getCommentList: function () {
				var _this = this
				_this.commentList = []
				_this.total = 0
				if (this.commentLoading) return
				this.commentLoading = true
				axios.get('/api/Comment/GetFrontCommentPages', {
					params: {
						ThirdId: this.videoItem.Id,
						CommentType: 18,
						pageId: _this.pageId,
						pageSize: _this.pageSize
					}
				}).then(function (res) {
					_this.commentLoading = false
					var data = res.data
					if (!data) return
					data.Data.forEach(function (item) {
						item.isLike = false
						item.isExpand = false
						item.SecondCommentDtos.forEach(function (subItem) {
							subItem.isLike = false
						})
					})
					if (_this.pageNo === 1) _this.commentList = data.Data
					else _this.commentList = _this.commentList.concat(data.Data)
					_this.total = data.TotalRecord
				}).catch(function (err) {
					_this.commentLoading = false
				})
			},
			goLogin: function () {
				var id = this.videoItem.Id
				location.href = '/member/login.html?from='+encodeURIComponent('/video/videoinfo_' + id + '?id=' + id + '&currTab=' + this.currTab)
			},
			goAddVideo: function () {
				location.href = '/memberlivebroadcost/addvideo?from='+encodeURIComponent('/video/videoinfo_' + id + '?id=' + id + '&currTab=' + this.currTab)
			},
			getPacket: function () {
				if (this.packetLoading) return
				this.packetLoading = true
				var id = this.videoItem.RedPacketId
				var _this = this
				this.redPacketId = id
				_this.packetClass = 'animate__tada'
				setTimeout(function () {
					_this.btnClass = 'rotateY'
					axios.get('/api/LiveBroadcostRedPacket/CheckRedPacketStatus?id=' + id).then(function (res) {
						var data = res.data
						if (data === -1) {
							axios.post('/api/LiveBroadcostRedPacket/DrawRedPacket?id=' + id).then(function (res) {
								var data = res.data
								if (data.iserror) {
									_this.errMsg = data.data
									_this.isDone = true
									_this.packetLoading = false
									_this.doneClass = 'animate__fadeInUp'
								} else {
									setTimeout(function () {
										_this.packetLoading = false
										_this.btnClass = ''
										_this.showPacket = false
										location.href = '/video/redpacketinfo_' + id + '?money=' + data.data + '&id=' + id
									}, 2000)
								}
							})
						} else {
							_this.packetLoading = false
							_this.isDone = true
							_this.doneClass = 'animate__fadeInUp'
						}
					}).catch(function () {
						_this.packetLoading = false
					})
				}, 1000)
			},
			getCategory: function(){
				var that = this
				var sid = 3901
				var url = '/api/Category/SearchCategory';
				this.videoCategoryList = []
				$.ajax({'url':url, async: true, dataType:'json',data:{'isopen':'','styleids':sid,'timer':Math.random()},success:function(data){
						var i = 0,len=data[sid].length
						var Data = data[sid];
						for(;i<len;i++){
							that.videoCategoryList.push(Data[i]);
						}
						if (Data.length > 0 && !that.Id) {
							that.categoryId = Data[0].Id
						}
					}});
			},
			getPoster: function () {
				var _this = this
				// _this.$refs['slide' + this.currTab].pause()
				$('video').trigger('pause')
				var html = '<div class="html2canvas_fixed" id="html2canvas_fixed"><div class="inner">'+
					'<div class="hd">闀挎寜淇濆瓨鍥剧墖锛屽垎浜粰鏈嬪弸锛?/div>'+
					'<img src="" id="html2canvas_fixed_img" />'+
					'<div class="closes"></div>'+
					'<div class="btn">鎴戠煡閬撲簡</div>'+
					'</div></div>';
				$('body').eq(0).append(html);
				if (!window.PosterCodeWidth) {
					window.PosterCodeWidth = $('.qr-code .code-img').width()
				}
				if (!!is_weixn()) {
					var apiurl = '/api/Poster/GetPoster?wxACodeScene=31'
					$.ajax({
						url:apiurl,
						success: function(res){
							var apiurl2 = '/api/WeChatPublic/WxPublicACode'
							apiurl2 += '?scene=31&bizId='+ _this.videoItem.Id +'&link='+encodeURIComponent(location.href);
							$.ajax({
								url: apiurl2,
								success:function(res2){
									makeQRCode(res2.url)
									_this.makePoster()
								}
							});
						}
					});
				} else {
					makeQRCode(location.href)
					this.makePoster()
				}
			},
			makePoster() {
				var _this = this
				this.$toast.loading({duration: 0, message: '鐢熸垚涓?..'})
				getCanvasBase64(this.videoItem.CoverFilePath)
				.then(function (base64) {
					$('.share-poster').attr('src', base64)
					var node = $('#html2canvas_node')
					var scrollHeight = node.prop("scrollHeight");
					node.scrollTop(scrollHeight);
					node.css('height',scrollHeight);
					var height = node.height();
					var w = node.width();
					var h = scrollHeight;
					html2canvas(node[0], {
						width: w / 1,
						height: h / 1,
						scale: 2,
						useCORS:true,//锛堝浘鐗囪法鍩熺浉鍏筹級
						allowTaint:false,//鍏佽璺ㄥ煙
						scrollY: 0,
						scrollX: 0,
						y:height-scrollHeight
					}).then(function(canvas) {
						var dataURL = canvas.toDataURL('image/jpeg', 0.9);//img
						var html2canvas_fixed = $('#html2canvas_fixed'),html2canvas_fixed_img = $('#html2canvas_fixed_img'),sys_gif_loader = $('#sys_gif_loader');
						html2canvas_fixed_img.attr('src',dataURL);
						html2canvas_fixed.fadeIn();
						html2canvas_fixed.on('click','.btn,.closes',function(e){
							e.preventDefault();
							_this.$refs['slide' + _this.currTab].play()
							html2canvas_fixed.fadeOut();
							setTimeout(function () {
								html2canvas_fixed.remove()
							}, 2000)
						});
						_this.$toast.clear()
					});
					// html2canvas(document.querySelector("#html2canvas_node"), {scale:2}).then(function(canvas){
					//
					// });
				})
			},
			back: function () {
				history.back()
			},
			changeTab: function (tab) {
				this.tabChange(tab, true)
			},
			tabChange: function (tab, needSlide) {
				var that = this
				this.$refs['slide' + this.currTab] && this.$refs['slide' + this.currTab].pause()
				this.currTab = tab
				var type = tab === 0 ? 'recommend' : tab === 1 ? 'new' : 'focus'
				needSlide && this.swiper.slideTo(tab)
				if (this.$refs['slide' + tab]) {
					this.$refs['slide' + tab].play()
					updateHotHits(this.$refs['slide' + tab].currItem.Id)
					CheckIsFocusUser(this.$refs['slide' + tab].currItem.UserId,function(res){
						Vue.set(that.$refs['slide' + tab].currItem,'IsFocus',res);
					})
					GetUserIp(this.$refs['slide' + tab].currItem.UserId,function(res){
						Vue.set(that.$refs['slide' + tab].currItem,'IpTxt',res);
					})
					eventBus.$emit('share', this.$refs['slide' + tab].currItem)
				} else {
					this[type + 'Restart'] && MSGwindowShow('house','0','娌℃湁鏇村瑙嗛浜嗭紒','','');
				}
			}
		}
	})
})
function makeQRCode(url) {
	$('.qr-code').empty().qrcode({
		width: window.PosterCodeWidth,
		height: window.PosterCodeWidth,
		text: url
	}).attr('data-url', url);
}
function updateHotHits(id) {
	axios.post('/api/LiveBroadcostVideo/UpdateVideoHits?id=' + id)
}
function CheckIsFocusUser(id,callback) {
	axios.get('/api/LiveBroadcostFocusUser/CheckIsFocusUser?focusUserId=' + id).then(function(res){
		callback && callback.call(this,res.data)
	});
}

function GetUserIp(id,callback) {
	axios.get('/api/user/GetUserRegIpRegion?userid=' + id).then(function(res){
		var txt = ''
		if(res.data.iserror===1){txt = '鏈煡'}else{
			txt = res.data
		}
		callback && callback.call(this,txt)
	});
}