$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['sid']='';
if(!!url_obj['sid'] && url_obj['sid']!==''){
	if(!isNaN(url_obj['sid'])){
		window['sid'] = parseInt(url_obj['sid']);
	}
}
window['ispayed']='';
if(!!url_obj['ispayed'] && url_obj['ispayed']!==''){
	window['ispayed'] = url_obj['ispayed'];
}
window['cookieName'] = 'myJuBaoid';
window['apiurl'] = '/api/LoveGiftRecord/List';
window['keyvalues'] = {
    'GiftId':window['sid'],
    'IsPayed':window['ispayed'],
	"pageid":window['pageid'],
	'PageSize':'20',
	'search':''
};
</script>
<div class="tips-h1" style="margin: 0 0 15px;"><div class="tip">
    <p>娑堣€楃Н鍒嗭細鎸囩ぜ鐗╄禒閫佷汉璧犻€佺ぜ鐗╂椂鎵€鏀嚭鐨剓$jifenname}鎬绘暟锛涘鍔辩Н鍒嗭細鎸囩ぜ鐗╄幏璧犺€呰幏寰楃殑骞冲彴鎵€濂栧姳鐨勯噾棰濇暟</p>
</div></div>
<div class="wrapper">
	<div id="app" style="display:none;">
		<div style="margin: 0; font-size: 20px;">璧犻€佹槑缁?/div>
        <form style="display:block; padding:15px 0 10px;">
            <ul class="form2_grid clearfix">
                <li>
                    <span class="open_close2" :class="{on:IsPayed===''}" @click.prevent="filterClick({IsPayed:''});">鍏ㄩ儴</span>
                    <span class="open_close2" :class="{on:IsPayed==='true'}" @click.prevent="filterClick({IsPayed:'true'});">宸叉敮浠?/span>
                    <span class="open_close2" :class="{on:IsPayed==='false'}" @click.prevent="filterClick({IsPayed:'false'});">鏈敮浠?/span>
                </li>
                <li>
                <input type="hidden" v-model="searchForm.search" @blur="submitSearch()" placeholder="璇疯緭鍏ヨ禒閫佷汉鏄电О/缂栧彿" />
                </li>
                <li>
                    <input type="hidden" v-model="GiftId" />
                    <div class="sel_box_small" @mouseenter="GiftIdShow=true" @mouseleave="GiftIdShow=false">{{GiftIdName}}<i class="ico"></i>
                        <div class="sel_po_small" v-show="!!GiftIdShow">
                            <item-select v-for="tag in GiftIdList" :key="tag.Categoryid" :tag="tag" forid="GiftId" fortxt="GiftIdName" fotaction="GiftIdShow" is2=""></item-select>
                        </div>
                    </div>
                </li>
            </ul>
        </form>
		<table align="center" cellpadding="2" width="100%" cellspacing="0" class="toptable grid table_style table_style_2017" border="0">
			<tr>
                <th> </th>
                <th>璧犻€佺ぜ鐗?/th>
                <th>璧犻€佹暟閲?/th>
                <th>璧犻€佷汉</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="filter_bar2">
			<label class="open_close3" @click="selectAll()" :class="isSelectAll?'on':''">鍏ㄩ€夈€€</label><a href="javascript:void(0);" @click.prevent="piliang('1')" class="filter_bar_btn">鍒犻櫎</a>
		</div>
		<div class="pageNavigation" id="pageNavigation"></div>
	</div>
</div>
<script type="text/x-template" id="page-template">
<tr :id="'item'+item.Id" align="center">
	<td><label class="open_close3" @click="selectOne(index)" :class="item.checked?'on':''"></label></td>	
    <td>{{item.GiftName}}</td>
    <td>{{item.Qtys}}{{item.GiftUnit}}</td>
    <td>{{item.FromUserName}}(缂栧彿锛歿{item.FromUserNo}})</td>
    <td><span v-if="item.IsPayed">{{item.ActualBuyCreditAmount}}{$jifenname}</span><span v-else>-</span></td>
    <td style="color:#f93;">
		<span v-if="item.ActualPayAmount!=0">{{item.ActualPayAmount}}鍏儃{item.PayOrderNo!=''?'(鐜伴噾)':'(浣欓)'}}</span>
		<span v-else>-</span>
	</td>
	<td>
		<span v-if="item.IsPayed">{{item.SaleCreditAmountPerQty*item.Qtys}}{$jifenname}</span>
		<span v-else>-</span>
	</td>
    <td>{{item.ToUserName}}(缂栧彿锛歿{item.ToUserNo}})</td>
    <td><span class="status-1" v-if="item.IsPayed">宸叉敮浠?/span><span class="status-0" v-else>鏈敮浠?/span></td>
    <td>{{item.PayOrderNo}}</td>
    <td>{{item.CreateTime}}</td>
	<td>
		<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/vue/form_2018.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: {
		selectOne:function(index){
			var that = this.{$"$parent"};
			Vue.set(that.displayedItems[index],'checked',!that.displayedItems[index].checked);
		},
		del:function(id_arr,index){
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎璇ヨ禒閫佹槑缁嗗悧锛?)){return false;}
			var that = this,tp = that.{$"$parent"},url='/api/LoveGiftRecord/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);
				}
			});
		}
	},
	template: '#page-template'
};
var mylist = new Vue({
	el: '#app',
	components: {
		'item': Item,
		'item-select':Item_select
	},
	watch:{
		GiftId:function(){
			this.filterClick({GiftId:this.GiftId});
		}
	},
	data: {
        IsPayed:window['ispayed'],
        searchForm:{'search':''},
        GiftIdShow:false,
		GiftId:window['sid'],
		GiftIdName:'鍏ㄩ儴绀肩墿',
		GiftIdList:[{Categoryid: '',Chrcategory: "鍏ㄩ儴绀肩墿"}],

		ifLoadding:false,
		ifNoMore:false,
		displayedItems: [],
		CurrentPage:1,
		TotalPage: 0,
		TotalRecord:0,
		isSelectAll:false
	},
	methods: {
		Del:function(id_arr,callback){
			var that = this,url = '/api/LoveGiftRecord/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;
					}
					Sys_showToast({title:'鍒犻櫎鎴愬姛锛?,type:'success'});
					callback&&callback.call(that);
				}
			});
		},
		piliang:function(val){
			var that = this,arr = [],i=0,len = that.displayedItems.length;
			for(;i<len;i++){
				if(!that.displayedItems[i].checked){continue;}
				arr.push(that.displayedItems[i].Id);
			}
			if(arr.length ===0){
				Sys_showToast({title:'鎮ㄤ粈涔堥兘娌℃湁閫夋嫨鍝︼紒'});
				return;
			}
			if(!window.confirm('鎮ㄧ‘瀹氭墽琛岃鎿嶄綔鍚楋紵')){return false;}
			that.Del(arr,function(){that.isSelectAll = false;that.getNewData();});
		},
		selectAll:function(){
			var that = this,i=0,len = that.displayedItems.length;
			that.isSelectAll = !that.isSelectAll;
			for(;i<len;i++){
				Vue.set(that.displayedItems[i],'checked',that.isSelectAll);
			}
		},
		submitSearch:function(){
			var that = this;
			that.filterClick(that.searchForm);
			return false;
		},
        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].checked = false;
					if(Data[i].CreateTime){
						Data[i].CreateTime = formatTime(new Date(Data[i].CreateTime));
					}
				}
				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);});
		},
        getLoveGift: function () {
			var that = this;
			axios.get('/api/LoveGift/List?PageSize=3000&search=&PageID=1').then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					return;
				}
				var Data = res.data.Data;
                for(var i=0;i<Data.length;i++){
                    var obj = {Categoryid: Data[i].Id,Chrcategory: Data[i].GiftName};
					if(that.GiftId!==''){
						if(that.GiftId === Data[i].Id){
							that.GiftIdName=Data[i].GiftName
						}
					}
                    that.GiftIdList.push(obj);
                }
			}).catch(function(err){console.log(err);});
		},

	},
	created: function () {
		$('#app').show();
		var that = this;
		that.getData();
        that.getLoveGift();
	}
});
</script>
$load("Page_Foot.htm")