<!DOCTYPE html>
<html>
<head>
<title>{{ctx.tname}} - {{ctx.web_name}}</title>
<meta name="referrer" content="no-referrer" />
<meta name="keywords" content="电影,电影大全,电影天堂,最新电影,好看的电影,电影排行榜" />
<meta name="description" content="为您提供更新电影、好看的电影排行榜及电影迅雷下载,免费在线观看伦理电影、动作片、喜剧片、爱情片、搞笑片等全新电影。" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" href="/static/img/favicon.svg" type="image/x-icon" />
<link rel="stylesheet" href="/web/cms/mxpro/css/iconfont.css" type="text/css" />
<link rel="stylesheet" href="/web/cms/mxpro/css/stui_default.css" type="text/css" />

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.min.js "></script>
<script type="text/javascript" src="/static/js/jquery.lazyload.min.js "></script>
<script type="text/javascript" src="/web/cms/mxpro/js/index.js"></script>
<script type="text/javascript" src="/web/cms/mxpro/js/home.js"></script>

<script src="/static/js/vue3.js"></script>
<script src="/static/js/axios.min.js"></script>
<script src="/static/js/eruda.js"></script>

<script src="/web/cms/mxpro/js/commonUI.js"></script>
<link rel="stylesheet" href="/web/cms/mxpro/css/commonUI.css" type="text/css"/>
<script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
<!--[if lt IE 9]>
<script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
<script src="/web/cms/mxpro/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
	<div class="container">
        <div class="row">
        	<div class="stui-pannel">
        		<div class="stui-pannel__hd">
        			<!--vue组件-头部导航-->
					<stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :tid="tid" :is_home="is_home"></stu-header>
        		</div>

        		<div class="stui-pannel__bd clearfix">
        			<div class="stui-screen">
						<div class="head clearfix">
							<a href="javascript:;" class="open-screen pull-right">展开 <i class="iconfont icon-moreunfold"></i></a>
							<span class="text">
								已选择:{{ctx.tname}}
							</span>
							<span class="all">,共检索到“{[sitems.total]}”条结果</span>
						</div>

						<stu-filter :items="items" :tid="tid" :ctx="ctx" :item="item"></stu-filter>

					</div>

        			<ul class="stui-vodlist clearfix">
						<li v-for="item in sitems.list">
							<div class="stui-vodlist__box">
								<a class="stui-vodlist__thumb lazyload" :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name+'&tid='+tid" :title="item.vod_name" :data-original="item.vod_pic">
									<span class="play hidden-xs"></span>
									<span class="pic-text1 text-right"><b>{[item.type_name]}</b></span>
									<span class="pic-text text-right"><b>{[item.vod_remarks]}</b></span>
								</a>
								<div class="stui-vodlist__detail">
									<h4 class="title text-overflow"><a :href="'{{ctx.path}}?vod_id='+item.vod_id+'&vod_name='+item.vod_name+'&tid='+tid" :title="item.vod_name">{[item.vod_name]}</a></h4>
									<p class="text text-overflow text-muted hidden-xs">{[item.vod_content]}</p>
								</div>
							</div>
						</li>
					</ul>
        		</div>

				<!--vue组件-底部分页-->
				<stu-pager :ctx="ctx" :pg="pg" :pagecount="sitems.pagecount"></stu-pager>

        	</div>

        </div>
    </div>

<!--    <div class="stui-page__all">-->
<!--	<a class="left" href="https://www.5imv.cc/vodtype/film-1/"><i class="iconfont icon-back"></i></a>-->
<!--	<a class="right" href="https://www.5imv.cc/vodtype/film-2/"><i class="iconfont icon-more"></i></a>-->
<!--	</div>-->

		<!--组件调用一定要右闭合,否则后面的代码无法正常运行-->
<!--vue组件-版权信息-->
	<copy-right path="{{ctx.path}}" web_name="{{ctx.web_name}}" ></copy-right>

<!--vue组件-底部按钮-->
	<foot-button></foot-button>

	<!--vue组件-弹窗信息-->
	<note-popup path="{{ctx.path}}" url="{{ctx.url}}"></note-popup>

 </div>
<!--vue结束-->

<script>
const { createApp,reactive, toRefs, ref,getCurrentInstance,onBeforeMount, onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount, onUnmounted, watch,computed } = Vue;
const app = createApp({
	delimiters: ['{[', ']}'],//delimiters:改变默认的插值符号
	props: {},
	setup(props, context) {
		onMounted(()=> {
			console.log('---onMounted---');
			axios.get(`/vod?pwd=${pwd}&rule=${web_name}&t=${tid}&pg=${pg}&ac=videolist&f=${fl}`).then((resp) => {
            	console.log(resp.data);
            	sitems.value = resp.data;
				// 存浏览器session里,然后其它页面好获取出来
				// sessionStorage.setItem('details',JSON.stringify(resp.data));
				// console.log(typeof(stui.images.lazyload));
				setTimeout(function (){
					stui.images.lazyload();
					stui.images.carousel();
				},300);
        	});
		});
		onBeforeUnmount(()=>{
        //销毁页面组件前, 即关闭
        console.log("*******onBeforeUnmount******")
    	});
		onUnmounted(()=>{
			//销毁后
			console.log("*******onUnmounted******")
		});

		console.log('---setup---');
		//获取当前实例
		// const {self, proxy} = getCurrentInstance();
		const web_name = '{{ctx.web_name}}';
		const pwd = '{{ctx.pwd}}';
		const tid = '{{ctx.tid}}';
		const tname = '{{ctx.tname}}';
		const item = ref({
			type_id:tid,
			type_name:tname,
		});
		const pg = '{{ctx.pg}}';
		const vod_id = '{{ctx.vod_id}}';
		const vod_name = '{{ctx.vod_name}}';
		const fl = '{{ctx.fl}}';
		// console.log(web_name);

		const ctx_str = "ctxObj={{ctx|safe}}";
		eval(ctx_str);
		// console.log(ctxObj)
		const ctx = ref(ctxObj);
		// 图片不加载问题???
		const items = ref({
			class:[],
			list:[],
		});

		const sitems = ref({
			list:[],
		});

		const hotsuggs = ref({
			data:[]
		});

		const is_home = ref(false);

		try {
		items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
		hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value;
		}catch (e) {}

		return {
			ctx,
			items,
			item,
			hotsuggs,
			web_name,
			sitems,
			tid,
			tname,
			pg,
			vod_id,
			vod_name,
			is_home,
		}
	},
});
// 默认请求的基础url(如果axios请求的地址不带域名,自动添加baseURL)(默认请求域名,/当前域名)
axios.defaults.baseURL = "/";
// 设置post请求头的content-Type值
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.post['Content-Type'] = 'application/json';
// 请求超时5000毫秒
axios.defaults.timeout = 5000;
app.config.globalProperties.$http = axios;
console.log('---这里最先执行---');
app.component('copy-right',  copyRightComponent);
app.component('foot-button', footButtonComponent);
app.component('note-popup',  notePopup);
app.component('stu-header', stuHeaderComponent);
app.component('stu-filter', stuFilterComponent);
app.component('stu-pager', StuPagerComponent);
app.mount('#app');
eruda.init();

</script>

<!--<script src='https://pc.stgowan.com/pc/rich-tf.js' id="richid" data='s=7214'></script>-->
<!--<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>-->
<!--<script>LA.init({id:"JYQUFCtAOBTUMsNQ",ck:"JYQUFCtAOBTUMsNQ"})</script>-->

<script type="text/javascript" src="/web/cms/mxpro/js/stui_default.js "></script>
<!--弹窗样式和自动弹窗方法-->
<link rel="stylesheet" href="/web/cms/mxpro/css/notice.css" type="text/css">
<script type="text/javascript" src="/web/cms/mxpro/js/mxhtml.js"></script>

<script type="text/javascript">
$(".open-screen").click(function(){
    		var display = $('#screenbox').css('display');
	  		if(display == 'block'){
	  			$("#screenbox").slideUp("slow");
	  			$(this).html('展开 <i class="iconfont icon-moreunfold"></i>')
			}else{
				$("#screenbox").slideDown("slow");
				$(this).html('收起 <i class="iconfont icon-less"></i>')
			}
});
$(".stui_header__user li a").click(function(){
		$(this).parent().find(".dropdown").toggle();
	});
	function notnull() {
	if (window.document.search.wd.value=="") {
	alert("您未输入任何信息!");
	return false;
	}else {
	return true;
	}
}
$(function(){
	$(window).scroll(function() {
		if($(window).scrollTop() >= 100){
			$('.ant-back-top').fadeIn(300);
		}else{
			$('.ant-back-top').fadeOut(300);
		}
	});
	$('.ant-back-top').click(function(){
	$('html,body').animate({scrollTop: '0px'}, 800);});
});
</script>
</body>
</html>