<template>
	<view>
		<view class="body">
			<view class="pd16_15" style="box-shadow: 0px 0px 20upx 0px rgba(0,0,0,0.2);  border-radius: 20upx;">
				<view>
					<view class="flex alcenter space top-show">
						<view class="flex alcenter">
							<text class="ft16 ftw600 cl-main">最近观看</text>
						</view>
						
						<navigator url="/pages/client/tuan/zjgk">
							<view class="ft14 cl-notice" v-show="historyList.length >  3" >更多</view>
							<!-- <view class="ft14 cl-notice" >更多</view> -->
						</navigator>
						</view>
					</view>
					<view class="mt16 history-box ">
						<block v-for="(value,key) in historyList" :key="key" v-if="key<3">
							<view class="history-item-box" @click="detail(value.video_id,value.video_series_sequence)">
								<image class="history-item-image" :src="value.cover_image"></image>
								<label class="history-item-title">{{value.name}}</label>
							</view>
						</block>
						<view class="box pb10 history-item-box  history-add-box" @click="goToJuYuan">
							<image class="add-icon" src="/static/img/zhuiju/add.png"></image>
						</view>

					</view>
				</view>
				<view class="mt24 pd16_15">
					<view class="flex alcenter space">
						<view class="flex alcenter">
							<text class="ft16 ftw600 cl-main">我的追剧</text>
						</view>
					</view>
					<view class="mt16 zuiju-box">
						<block v-if="zhuijuList.length >  0" v-for="(value,key) in zhuijuList" :key="key">
							<view class="box pd16_15  mb16 zuiju-box-item">
								<image  @click="detail(value.video_id,value.atch_episode_num)" class="zuiju-box-item-cover" :src="value.cover_image"></image>
								<view class="zuiju-box-item-info"  @click="detail(value.video_id,value.watch_episode_num)">
									<label class="zuiju-box-item-info-title">{{value.name}}</label>
									<label class="zuiju-box-item-info-juji">看到<span class="guankan">{{value.watch_episode_num}}集</span></label>
									<label class="zuiju-box-item-info-gx">更新至<span class="update-ji">{{value.updated_episode_num}}集</span></label>
								</view>
								<view class="zuiju-box-item-del-box"  @click="delzj(value.video_id)">
									<image class="del-icon" src="../../static/img/zhuiju/delete.png"></image>
								</view>
							</view>
							
						</block>
					</view>
					<view v-if="is_show" class="mt16 zuiju-box-kong">
						<image src="../../static/img/zhuiju/kong.png"></image>
						<text class="ft14">暂无追剧</text>
						<label class="ft16" @click="goToJuYuan()">去追剧</label>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	import {
		watchRecord,
		shelfList,
		delShelf
	} from "@/common/apis/zju.js";
	export default {
		data() {
			return {
				more_text: "查看全部",
				qdjl: 0,
				tdsy: 0,
				navLock: false,
				datasa: [],
				showdyxx: true,
				dataconfig: [],
				banners: [],
				datainfo: [],
				dataindex: [],
				newsa: [],
				record: [],
				historyList: [],
				zhuijuList: [],
				mbgColor: this.$mbgColor,
				is_show_more: false,
				is_show:false
			}
		},
		computed: {

		},
		onPageScroll(e) {

		},
		onShareAppMessage(e) {

		},
		onShareTimeline(e) {

		},
		onLoad(e) {},
		onShow() {
			this.getList();
		},
		methods: {
			changeList() {
				if (this.is_show_more) {
					this.more_text = "查看全部";
				} else {
					this.more_text = "收起"
				}
				this.is_show_more = !this.is_show_more;
			},
			async getList() {
				this.historyList = await watchRecord();
				this.zhuijuList = await shelfList();
				if(this.zhuijuList.length <  1){
					this.is_show = 0;
				}
			},
			saoma() {
				//#ifdef APP-PLUS  
				uni.scanCode({
					success: function(res) {
						if (res.result.indexOf("uid") != -1) {
							var obj = JSON.parse(res.result);
							if (obj.uid) {
								uni.navigateTo({
									url: '/pages/login/reg?uid=' + obj.uid
								})
							}
						} else {
							uni.showToast({
								title: res.result,
								icon: "none"
							});
						}
					}
				});
				//#endif

			},
			detail(vid, mid) {
				var fxpid = 1
				if (uni.getStorageSync("userinfo")) {
					fxpid = uni.getStorageSync("userinfo").id
				}
				uni.navigateTo({
					url: '/pages/client/tuan/detail?vid=' + vid + '&mid=' + mid + '&fxpid=' + fxpid
				})
			},
			linkTo(e) {
				if (this.isLogin == false) {
					this.showLogin = true;
				} else {
					let link = e.currentTarget.dataset.link;
					uni.navigateTo({
						url: link
					})
				}
			},async delzj(id){
				let res =  await delShelf(id);
				uni.showToast({ title: "删除成功",icon:"none" });	
				// 更新最近列表数据
				this.zhuijuList = await shelfList();
				console.log(res);
			},
			exchange(e) {
				if (this.isLogin == false) {
					this.showLogin = true;
				} else {
					let id = e.currentTarget.dataset.id;
					uni.navigateTo({
						url: '/pages/client/integral/exchange?id=' + id
					})
				}
			},
			goToJuYuan(){
				uni.switchTab({
					url: '/pages/client/index'
				})
			}
		},
	}
</script>

<style>
	@import url("style/zui.css");
</style>