$load("Page_Head.htm")
<link rel="stylesheet" type="text/css" href="{$atplPath}skin/admin2013_child.css" />
<link rel="stylesheet" type="text/css" href="{$atplPath}skin/house_pingtai.css" />
<style>
</style>
<script src="{$atplPath}js/jquery-1.10.2.min.js"></script>
<div class="wrapper">
	<div id="app" style="display:none;">
		<div style="margin: 0; font-size: 20px;" class="clearfix"><div class="right" style="padding: 0px;"><a href="create" class="global2_btn_blue global2_btn_add">鍒涘缓涓撻</a></div>浼氬憳涓撻</div>
		<div class="tips-h1" style="margin: 10px 0;"><div class="tip">
			<p>浼氬憳涓撻鍔熻兘鍙府鍔╂偍蹇€熷缓绔嬪悇绉嶄富棰樼殑浼氬憳鑱氬悎椤甸潰锛?灏嗕細鍛樻寜鐓х壒鎬ф爣绛捐繘琛屽垎绫婚泦涓睍绀猴紝鑳藉缁欎細鍛樺揩閫熺殑寮曞鍏ュ彛锛屽寮哄叧娉ㄥ害鍜屾祦閲忓鍏?/p>
		</div></div>
		<table align="center" cellpadding="2" width="100%" cellspacing="0" class="toptable grid table_style table_style_2017" border="0">
			<tr>
				<th>ID</th>
				<th width="500">涓撻鍚嶇О</th>
				<th>鍒涘缓鏃堕棿</th>
				<th>鐘舵€?/th>
				<th>鎺掑簭</th>
				<th>鏁版嵁</th>
				<th>棰勮</th>
				<th>棰勮</th>
				<th>鎿嶄綔</th>
			</tr>
			<tr is="item" v-for="(item,index) in displayedItems" :key="item.id" :item="item" :lengths="displayedItems.length" :index="index"></tr>
			<tbody>
		</tbody></table>
		<div class="agent_tips_window agent_tips_window2" v-show="agent_tips_window_open" style="display:block; width:806px; margin-left:-403px; height:758px; margin-top:-379px;">
			<div class="hd"><a href="#" class="close" @click.prevent="agent_tips_window_open=false">X</a><span>鍦ㄧ嚎棰勮</span></div>
			<div class="bd" style="padding:10px;">
				<div class="right">
					<ul class="form2_grid clearfix">
						<li style="float:none; margin-top:12px;"><p style=" margin-bottom:6px;">H5閾炬帴锛?/p><input type="text" :value="'{$SiteUrl}lovetheme/zhuanti_'+agent_tips_window_open_id+'?sid='+agent_tips_window_open_id" /></li>
						<li style="float:none; margin-top:12px;"><p style=" margin-bottom:6px;">H5浜岀淮鐮侊細</p>
							<div id="code" style="width:160px; height:160px;padding:6px;"></div>
						</li>
					</ul>
				</div>
				<div class="left" style="float:left; border:1px solid #000;">
					<img src="/AdminSkin/default/images/mobile_header_bg.png" style="vertical-align:top;display: block;" />
					<iframe :src="'/lovetheme/zhuanti_'+agent_tips_window_open_id+'?forcewap=1&sid='+agent_tips_window_open_id" id="myIframe" frameborder="0" width="400" height="606" scrolling="auto"></iframe>
				</div>
			</div>
		</div>
		<div class="mask" style="display:block;" v-if="agent_tips_window_open" @click.prevent="agent_tips_window_open=false"></div>
	</div>
</div>
<script type="text/x-template" id="page-template">
<tr :id="'item'+item.Id" align="center">
	<td>{{item.Id}}</td>
	<td>{{item.ThemeName}}</td>
	<td>{{item.CreateTime}}</td>
	<td><span class="switch_wrap">涓婄嚎 <span class="open_close" :class="item.IsShelf?'on':''" @click="setIsShelf(item,index)"></span></span></td>
	<td>
		<span class="sys_btn_a" @click="setSort(item.Id,0,index)" v-if="index!=0"><i class="prev"></i>涓婄Щ</span><span class="sys_btn_a sys_btn_b" @click="setSort(item.Id,1,index)" v-if="index!=lengths-1"><i class="next"></i>涓嬬Щ</span>
	</td>
	<td><span v-if="item.ThemeType===1">鑷姩绛涢€夋潯浠?/span><span v-else>鎸囧畾浼氬憳</span></td>
	<td><a href="#" @click.prevent="openWap(item,index)" class="sys_btn_a">鏌ョ湅</a></td>
	<td>
		<a :href="'ThemeSearch?sid='+item.Id" v-if="item.ThemeType===1" class="sys_btn_a">閰嶇疆鏉′欢</a>
		<a :href="'ThemeSelectUser?sid='+item.Id" v-else class="sys_btn_a">浼氬憳绠＄悊</a>
		<a :href="'create?sid='+item.Id" class="sys_btn_a"><i class="edit"></i>缂栬緫</a>
		<a href="#" @click.prevent="del([item.Id],index)" class="sys_btn_a"><i class="del"></i>鍒犻櫎</a>
	</td>
</tr>
</script>
<script src="{$atplPath}js/jquery.cookie.js"></script>
<script src="{$atplPath}js/vue/axios.min.js"></script>
<script src="{$atplPath}js/vue/es6-promise.auto.min.js"></script>
<script src="{$atplPath}js/vue/vue.min.js"></script>
<script src="{$atplPath}js/house_admin_2018.js"></script>
<script src="{$atplPath}js/MSGwindowShow.js"></script>
<script src="{$atplPath}js/jquery.qrcode.min.js"></script>
<script>
var Item = {
	props: ['item','index','lengths'],
	methods: {
		setIsShelf:function(tag,index){
			var that = this,tp = that.{$"$parent"},url='/api/LoveTheme/UpdateShelf';
			var val = !tag.IsShelf;
			var obj = {Ids:[tag.Id],IsShelf:val};
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify(obj),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					Sys_showToast({title:'鎻愪氦鎴愬姛浜嗭紒',type:'success'});
					Vue.set(tp.displayedItems[index],'IsShelf',val);
				}
			});
		},
		openWap:function(tag,index){
			var that = this,tp = that.{$"$parent"};
			tp.agent_tips_window_open = true;
			tp.agent_tips_window_open_id = tag.Id;
			var str = window['SiteUrl']+'lovetheme/zhuanti_'+tag.Id+'?sid='+tag.Id;
			$("#code").empty().qrcode({
				width: 160,
				height:160,
				text: str
			});
		},
		del:function(id_arr,index){
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎璇ヤ笓棰樺悧锛?)){return false;}
			var that = this,tp = that.{$"$parent"},url='/api/LoveTheme/Delete';
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify(id_arr),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					tp.displayedItems.splice(index,1);
					Sys_showToast({title:'鍒犻櫎鎴愬姛浜嗭紒',type:'success'});
				}
			});
		},
		setSort:function(sid,bool,index){
			var that = this,tp = that.{$"$parent"}.displayedItems;
			$.ajax({
				url:'/api/LoveTheme/UpdateMove?themeId='+sid+'&move='+bool,
				type:"POST",
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					if(bool===1){
						Vue.set(tp, index , tp.splice(index + 1, 1, tp[index])[0]);
					}else{
						Vue.set(tp, index - 1, tp.splice(index, 1, tp[index - 1])[0]);
					}
					Sys_showToast({title:'鎻愪氦鎴愬姛浜嗭紒',type:'success'});
				}
			});
		}
	},
	template: '#page-template'
};
var mylist = new Vue({
	el: '#app',
	components: {
		'item': Item
	},
	data: {
		agent_tips_window_open:false,
		agent_tips_window_open_id:'',
		ifLoadding:false,
		displayedItems: []
	},
	methods: {
		getNewData:function(){
			var that = this;
			that.displayedItems = [];
			that.getData();
		},
		getData: function () {
			var that = this;
			that.ifLoadding = true;
			axios.get('/api/LoveTheme/GetListThemeInfo').then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					that.ifLoadding = false;
					return;
				}
				var Data = res.data;
				for(var i=0;i<Data.length;i++){
					if(Data[i].CreateTime){
						Data[i].CreateTime = formatTime(new Date(Data[i].CreateTime));
					}
				}
				that.displayedItems = that.displayedItems.concat(Data)
			}).catch(function(err){console.log(err);});
		}
	},
	created: function () {
		$('#app').show();
		var that = this;
		that.getData();
	}
});
</script>
$load("Page_Foot.htm")