$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" />
<script src="{$Default_tplPath}js/jquery-1.10.2.min.js"></script>
<script src="{$Default_tplPath}js/purl.js"></script>
<script>
var url_obj = $.url(window.location.href).param();
window['pageid']='1';
if(!!url_obj['p'] && url_obj['p']!==''){
	if(!isNaN(url_obj['p'])){
		window['pageid'] = url_obj['p'];
	}
}
window['cookieName'] = 'myJuBaoid';
window['apiurl'] = '/api/LoveGift/AdminList';
window['keyvalues'] = {
	"pageid":window['pageid'],
	'PageSize':'20',
	'search':''
};
</script>
<div class="wrapper">
	<div id="app" style="display:none;">
		<div style="margin: 0; font-size: 20px;">绀肩墿绠＄悊</div>
		<div class="tips-h1" style="margin: 20px 0;"><div class="tip">
			<p>鈥滈€佺ぜ鐗┾€濆缁欑浉浜蹭細鍛樹箣闂村ぇ澶у鍔犱簰鍔ㄦ€с€佺粰骞冲彴澧炲姞鐩堝埄鏀跺叆銆佹彁楂樹細鍛樺骞冲彴鐨勭矘搴﹀拰鍥炲ご鐜囷紙淇冩椿锛夈€?/p>
            <p>绀肩墿璧犻€佹柟闇€瑕佸悜骞冲彴鏀粯瀵瑰簲鐨勭ぜ鐗╄垂鐢ㄨ繘琛岃禒閫侊紙鏀剁泭褰掑钩鍙版墍鏈夛紝瀹炵幇鐩堝埄锛?/p>
            <p>璧犻€佺ぜ鐗╁悗瀵规柟灏嗙珛鍗虫敹鍒扮煭淇℃彁绀猴紝鏋侀€熶紶杈捐禒閫佷汉鐨勭埍鎰忥紙淇冧娇鐢ㄦ埛鍥炶骞冲彴,瀹炵幇淇冩椿锛?/p>
            <p>绀肩墿鑾疯禒鏂瑰皢鑷姩鑾峰緱骞冲彴缁欎笌鐨勭Н鍒嗗鍔憋紝鍙互鐢ㄦ潵鍦ㄥ钩鍙板厬鎹㈢ぜ鍝?/p>
            <p>璇锋敞鎰忛厤缃細鐭俊-妯℃澘缂栧彿 0917</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>绀肩墿鍚嶇О</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="pageNavigation" id="pageNavigation"></div>
	</div>
</div>
<script type="text/x-template" id="page-template">
<tr :id="'item'+item.Id" align="center">
	<td>{{item.Id}}</td>
    <td>{{item.GiftName}}</td>
    <td>{{item.GiftUnit}}</td>
    <td><img :src="item.CoverUrl" style="width:80px; vertical-align:top;" /></td>
	<td>{{item.TotalQtys}}<a :href="'Record?ispayed=true&sid='+item.Id" class="sys_btn_a">鏌ョ湅</a></td>
	<td>{{item.BuyCreditAmount}}{$jifenname}</td>
    <td>{{item.SaleCreditAmount}}{$jifenname}</td>
    <td>
		<span class="sys_btn_a" @click="setSort(item.Id,false,index)" v-if="index!=0"><i class="prev"></i>涓婄Щ</span>
        <span class="sys_btn_a sys_btn_b" @click="setSort(item.Id,true,index)" v-if="index!=lengths-1"><i class="next"></i>涓嬬Щ</span>
	</td>
	<td>
		<a :href="'Add?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="{$Default_tplPath}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>
var Item = {
	props: ['item','index','lengths'],
	methods: {
		del:function(id_arr,index){
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎璇ョぜ鐗╁悧锛?)){return false;}
			var that = this,tp = that.{$"$parent"},url='/api/LoveGift/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);
				}
			});
		},
        setSort:function(sid,bool,index){
			var that = this,tp = that.{$"$parent"}.displayedItems;
            //true琛ㄧず椤哄簭璋冮珮锛宖alse琛ㄧず璋冧綆
            var obj = {IsFrontMove:bool,Id:sid};
            $.ajax({
				url:'/api/LoveGift/Sort',
				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;
					}
					if(bool===true){
						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: {
		ifLoadding:false,
		ifNoMore:false,
		displayedItems: [],
		CurrentPage:1,
		TotalPage: 0,
		TotalRecord:0
	},
	methods: {
		filterClick:function(obj){//鐘舵€佽繃婊?
			var that = this,key;
			window['keyvalues'] = $.extend(window['keyvalues'],obj,{"PageID":"1"});
			for(key in obj){
				that[key] = obj[key];
			}
			that.getNewData();
		},
		setPageList:function(){
			var that = this;
			var result =  makePageListMenu(that.TotalPage,that.CurrentPage);
			$('#pageNavigation').html(result);
		},
		getNext:function(){
			var that = this;
			window['keyvalues'].pageid = parseInt(window['keyvalues'].pageid)+1
			that.CurrentPage = parseInt(window['keyvalues'].pageid);
			that.getData();
		},
		getNewData:function(){
			var that = this;
			that.displayedItems = [];
			that.ifNoMore = false;
			that.getData();
		},
		getData: function () {
			var that = this;
			that.CurrentPage = parseInt(window['keyvalues'].pageid);
			that.ifLoadding = true;
			axios.get(window['apiurl'],{params:window['keyvalues']}).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					that.ifNoMore = true;
					that.ifLoadding = false;
					return;
				}
				var Data = res.data.Data;
				that.TotalPage = parseInt(res.data.TotalPage)
				that.TotalRecord = parseInt(res.data.TotalRecord);
				that.setPageList();
				history.pushState(null, '', '?p='+that.CurrentPage);
				if(that.TotalPage===0){
					return false;
				}
				for(var i=0;i<Data.length;i++){
					Data[i].CreateTime = formatTime(new Date(Data[i].CreateTime));
					if(Data[i].ExpireTime){
						Data[i].ExpireTime = formatTime(new Date(Data[i].ExpireTime));
					}
				}
				Data.length>0 ?(that.displayedItems = that.displayedItems.concat(Data)):'';
				that.ifLoadding = false;
				(that.TotalPage===0) && (that.ifNoMore = true);
				(that.TotalPage===that.CurrentPage || that.TotalPage<that.CurrentPage) && (that.ifNoMore = true,that.CurrentPage=that.TotalPage);
			}).catch(function(err){console.log(err);});
		}
	},
	created: function () {
		$('#app').show();
		var that = this;
		that.getData();
	}
});
</script>
$load("Page_Foot.htm")