$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" />
<link rel="stylesheet" type="text/css" href="{$atplPath}js/daterangepicker_x12/iconfont.css" />
<link rel="stylesheet" type="text/css" href="{$atplPath}js/daterangepicker_x12/daterangepicker.css" />
<style>
.imglist img { vertical-align:top; width:auto; height:50px; margin:5px; cursor:pointer;}
.ul-form li { padding:10px 0;}
.ul-form .txt { top:10px;}
</style>
<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['apiurl'] = '/api/LovePartner/GetPartnerBonusPagedList';
window['keyvalues'] = {
	'PartnerName':'',
	'FromTime':'',
	'ToTime':'',
	'search':'',
	'PageSize':'20',
	"pageid":window['pageid']
};
</script>
<div class="wrapper_house clearfix" id="app" style="display:none;">
	<div class="tab_01">
		<ul class="clearfix">
			<li class="">鍚堜紮浜猴紙绾㈠锛夊垎鎴愭槑缁?/li>
		</ul>
	</div>
	<div style="padding:15px 0 10px;">
		<ul class="form2_grid clearfix">
	
			<li>
				<input type="text" v-model="PartnerName" @keyup.enter="searchValue" placeholder="鍚堜紮浜烘樀绉?鍥㈤槦鍚嶇О">
				<button type="button" class="global2_btn_orange" @click="searchValue" style="line-height: 33px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;">鎼滅储</button>
			</li>

			<li>
				<div class="sel_box_small" @mouseenter="ThemeIdShow=true" @mouseleave="ThemeIdShow=false">{{ThemeIdName}}<i class="ico"></i>
					<div class="sel_po_small" v-show="!!ThemeIdShow">
						<item-select v-for="tag in ThemeIdList" :key="tag.Categoryid" :tag="tag" forid="ThemeId" fortxt="ThemeIdName" fotaction="ThemeIdShow" is2=""></item-select>
					</div>
				</div>
			</li>
			<li><input type="text" id="daterange-btn3" value=""></li>
		</ul>
	</div>
	<!-- 涓讳綋鍐呭 -->
	<page-list ref="mypagelist">
		<template slot="tHead"><tr><th v-for="item in tableHeadArr">{{item}}</th></tr></template>
		<template slot="tFoot" slot-scope="props">
			<div class="filter_bar2">
				<label class="open_close2" @click="childHandler('selectAll')" :class="isSelectAll?'on':''">鎵归噺銆€</label>
				<a href="javascript:void(0);" @click.prevent="piliang('0')" class="filter_bar_btn">鍒犻櫎璁板綍</a>
			</div>
		</template>
	</page-list>
</div>
<script type="text/x-template" id="page-template-item">
<tr align="center" onmouseover="c=this.style.backgroundColor;this.style.backgroundColor='#f5f7fa'" onmouseout="this.style.backgroundColor=c;" style=""> 
	<td><label class="open_close2" @click="selectOne(index)" :class="item.checked?'on':''">{{item.Id}}</label></td>
	<td>{{item.CreateTime}}</td>
	<td>{{item.PartnerName}}</td>
	<td>{{item.PopMatcherName}}</td>
	<td>{{item.Content}}</td>
	<td>{{item.Event}}</td>
	<td style="color:#f93;">{{item.Amount}}{{item.BalanceUnit}}</td>
	<td>
		<a href="#" @click.prevent="rootHandler('Del')" class="sys_btn_a"><i class="delete"></i>鍒犻櫎璁板綍</a>
	</td>
</tr>
</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/components/pagelist.js"></script>
<script src="{$atplPath}js/jquery.form.js"></script>
<script src="{$atplPath}js/vue/form_2018.js"></script>
<script src="{$atplPath}js/daterangepicker_x12/moment.js"></script>
<script src="{$atplPath}js/daterangepicker_x12/daterangepicker.js"></script>
<script src="{$atplPath}js/MSGwindowShow.js"></script>
<script type="text/javascript">
window['OnreadyNoGetData'] = true;
var timeId;
var mylist = new Vue({
	el: '#app',
	data: {
		IsSuperGroup:false,
		BalanceUnit:'',
		tableHeadArr:[' ','鏃堕棿', '鍚堜紮浜?, '鍥㈤槦鎺ㄥ箍绾㈠', '鍒嗘垚绫诲瀷', '鍒嗘垚浜嬩欢','鍒嗘垚閲戦','鎿嶄綔'],
		'FromTime':'',
		'ToTime':'',
		'search':'',
		'PartnerName':'',
		displayedItems : [],
		isSelectAll:false,
		ThemeIdShow : false,
		ThemeId : '',
		ThemeIdName :'鍏ㄩ儴浜嬩欢',
		ThemeIdList :[
			{Categoryid:'',Chrcategory:'鍏ㄩ儴浜嬩欢'},
			{Categoryid:25,Chrcategory:'璧勬枡瀹℃牳璐?},
			{Categoryid:27,Chrcategory:'灞曠ず鏀惰垂'},
			{Categoryid:28,Chrcategory:'璧勬枡缃《'},
			{Categoryid:31,Chrcategory:'鐗电嚎濂楅'},
			{Categoryid:29,Chrcategory:'鐗电嚎鍗曟'},
			{Categoryid:30,Chrcategory:'鐖嗙伅鏀惰垂'},
			{Categoryid:26,Chrcategory:'VIP浼氬憳'},
			{Categoryid:55,Chrcategory:'浼氬憳娉ㄥ唽濂栧姳'}
		]
	},
	components: {
		'item-select':Item_select,
		'page-list':PageList
	},
	methods: {
		piliang:function(action){
			var that = this;
			var Data = that.{$"$refs"}.mypagelist['displayedItems'];
			var arr = [],i=0,len = Data.length;
			for(;i<len;i++){
				if(!!Data[i].checked){
					arr.push(Data[i].Id);
				}
			}
			if(arr.length ===0){
				Sys_showToast({title:"鎮ㄤ粈涔堥兘娌℃湁閫夋嫨鍝︼紒"});
				return false;
			}
			if(action==='0'){
				that.batchDelete(arr);
			}
		},
		batchDelete:function( arr ){
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎閫変腑鐨勫垎鎴愯褰曞悧锛?)){return false;}
			console.log( arr );
			return ;
			var that = this,url = '/api/LoveUser/AdminDeleteLoveUser';
			var obj = arr;
			axios.post(url).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					Sys_showToast({title:res.data.data});
					return;
				}
				that.isSelectAll=false;
				that.childHandler('getNewData');//鍒锋柊鍒楄〃
			}).catch(function(err){console.log(err);});
		},
		Del:function(ev){
			console.log( ev );
			console.log( '鍒犻櫎璁板綍' );
			var sData = that.{$"$refs"}.mypagelist['displayedItems'];
			return false;
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎璇ュ垎鎴愯褰曞悧锛?)){return false;}
			//var that = this,url = '/api/LoveDistributionRecord/DeleteAll';
			axios.post(url).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					Sys_showToast({title:res.data.data});
					return;
				}
				// delete sData[]
				Vue.set(that.{$"$refs"}.mypagelist,'displayedItems', sData );
			}).catch(function(err){console.log(err);});
		},
		submitSearch:function(){
			var that = this;
			that.filterClick({'FromTime':that.FromTime,'ToTime':that.ToTime,});
			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.childHandler('getNewData');
		},
		setTheme:function(){
			this.filterClick({FinItemType:this.ThemeId});
		},
		setTypeId:function(){
			this.filterClick({'MatchMakerId':this.TypeId});
		},
		childHandler:function(eventName){
			this.{$"$refs"}.mypagelist[eventName]();
		},
		mapCurrentData:function(Data){
			//	BonusType   1娉ㄥ唽濂栧姳 2娑堣垂鎻愭垚
			/*Data = [
				{ "Id": 19,"PartnerId": 1 , "PartnerName": 123,  "PartnerMemberId": "666", "PopMatcherName": "寰井",  "UserName": "kuding1", "BonusType": 1,  "Amount": 2100,"CreateTime": "2021/12/16 12:14:47", "Event": "閲戝崱","Benefit": 0, },
				{ "Id": 18,"PartnerId": 1 , "PartnerName": 123,  "PartnerMemberId": "666", "PopMatcherName": "寰井",  "UserName": "kuding1", "BonusType": 1,  "Amount": 2200,"CreateTime": "2021/12/16 12:11:41", "Event": "閽荤煶","Benefit": 0, },
				{ "Id": 17,"PartnerId": 1 , "PartnerName": 123,  "PartnerMemberId": "666", "PopMatcherName": "寰井",  "UserName": "kuding1", "BonusType": 1,  "Amount": 2300,"CreateTime": "2021/12/16 12:08:18", "Event": "閲戝崱","Benefit": 0, },
				{ "Id": 16,"PartnerId": 1 , "PartnerName": 123,  "PartnerMemberId": "666", "PopMatcherName": "寰井",  "UserName": "kuding1", "BonusType": 1,  "Amount": 2400,"CreateTime": "2021/12/16 12:05:00", "Event": "閾跺崱","Benefit": 0, },
				{ "Id": 15,"PartnerId": 1 , "PartnerName": 123,  "PartnerMemberId": "666", "PopMatcherName": "寰井",  "UserName": "kuding1", "BonusType": 1,  "Amount": 2500,"CreateTime": "2021/12/16 11:51:31", "Event": "閾跺崱","Benefit": 0, },
			];*/

			

			for(var i=0;i<Data.length;i++){
				Data[i].checked = false;
				Data[i].key     = Data[i].Id;
				Data[i].BalanceUnit = this.BalanceUnit;
				Data[i].Amount = Data[i].Amount / 100;
				Data[i].CreateTime = moment(Data[i].CreateTime).format('YYYY-MM-DD HH:mm:ss');
			}
			return Data;
		},
		searchValue:function(Data){
			var that = this;/// PartnerName
			that.filterClick({ 'PartnerName':that.PartnerName });
			return false;
		}
	},
	watch:{
		ThemeId:function(){
			this.setTheme();
		},
		TypeId:function(){
			this.setTypeId();
		}
	},
	mounted: function(){
		var that = this;
		var daterangeObj = {
			ranges: {
				'浠婂ぉ': [moment(), moment()],
				'鏈€杩戜竴鍛?: [moment().subtract(6, 'days'),moment()],
				'鏈€杩?0澶?: [moment().subtract(30, 'days'),moment()],
				'鏈€杩?0澶?: [moment().subtract(90, 'days'),moment()],
				'鏈€杩戝崐骞?: [moment().subtract(183, 'days'),moment()],
				'鏈€杩戜竴骞?: [moment().subtract(365, 'days'),moment()]
			},
			minDate: moment().subtract(1825, 'days'),
			maxDate: moment(),
			FromTime: moment().subtract(1, 'years'),
			ToTime: moment(),
			autoApply:false
		};
		jQuery('#daterange-btn3').daterangepicker(daterangeObj,function(start, end,label) {
			Vue.set(that,'FromTime', moment(start).format('YYYY-MM-DD HH:mm:ss'));
			Vue.set(that,'ToTime',   moment(end).format('YYYY-MM-DD HH:mm:ss'));
			that.submitSearch();
		});
	},
	created: function () {
		var that = this;
		jQuery('#app').show();
		GetSiteBaseConfig(this,function(){
			that.{$"$refs"}.mypagelist.getData();
		});
	}
});
</script>
$load("Page_Foot.htm")