$load("Page_Head.htm")
<link rel="stylesheet" type="text/css" href="{$atplPath}skin/g2013.css" />
<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>
.imglist img { vertical-align:top; width:auto; height:50px; margin:5px; cursor:pointer;}
UL.ul-form { padding: 0;margin: 0;list-style: none;}
.ul-form li { padding:10px 0;}
.ul-form .txt { top:10px;}
.inp7{width:64px;}
.tip span{font-size:16px;font-weight:700}
</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';
window['search'] = '';
window['id']     = '';
window['keywords'] = '';
if(!!url_obj['p'] && url_obj['p']!==''){
	if(!isNaN(url_obj['p'])){
		window['pageid'] = url_obj['p'];
	}
}
if(!!url_obj['id'] && url_obj['id']!==''){
	if(!isNaN(url_obj['id'])){
		window['id'] = url_obj['id'];
	}
}
if(!!url_obj['search'] && url_obj['search']!==''){
	window['search'] = url_obj['search'];
}
if(!!url_obj['keywords'] && url_obj['keywords']!==''){
	window['keywords'] = url_obj['keywords'];
}


window['cookieName'] = 'myChuzhuid';
window['apiurl'] = '/api/LovePartner/GetTeamMemberPagedList';
window['keyvalues'] = {'search': window['search'] ,'keywords': window['keywords'] ,'PageSize':'20',"pageid":window['pageid']};
</script>
<div class="wrapper_house clearfix">
<div class="inner_sub_box" id="app" style="display:none;">
<!-- 涓讳綋鍐呭 -->
<div style="margin:0 0 15px; font-size:20px;">鍚堜紮浜哄洟闃熷叧绯?/div>

<div class="tips-h1" style="margin: 0px 0px 15px 0px ;">
<div class="tip">
<p><span>鎺ㄥ箍绾㈠鏈?绉嶆柟寮忓姞鍏ュ悎浼欎汉鍥㈤槦锛屼粠鑰屽缓绔嬪洟闃熷叧绯伙細</span></p>
<p>1.閫氳繃鎵弿鍚堜紮浜虹殑閭€璇蜂簩缁寸爜锛屾壂鐮佸悗鍒欑珛鍗冲姞鍏ュ埌鍚堜紮浜哄洟闃?/p>
<p>2.鍦ㄦ帹骞跨孩濞樹腑蹇冪偣鍑诲姞鍏ュ洟闃燂紝鍦ㄥ脊鍑哄垪琛ㄤ腑閫夋嫨瑕佸姞鍏ョ殑鍥㈤槦锛岄€夋嫨鍚庡垯绔嬪嵆鍔犲叆鍒板悎浼欎汉鍥㈤槦涓?/p>
<p>3.骞冲彴绠＄悊鍛樺湪鍚庡彴浜哄伐鎿嶄綔锛屽彲灏嗘帹骞跨孩濞樺姞鍏ョ煡閬撴寚瀹氱殑鍚堜紮浜哄洟闃熶腑鍘?/p>
<p>4.濡傛灉鍚堜紮浜烘湰韬凡缁忔槸鎺ㄥ箍绾㈠涓旀湭鍔犲叆鍏朵粬浠讳綍鍥㈤槦锛屾垨鍦ㄦ垚涓哄悎浼欎汉涔嬪悗鎴愪负鎺ㄥ箍绾㈠锛屽垯鑷姩鍔犲叆鍒拌嚜宸辩殑鍥㈤槦涓?/p>
<p><span>姣忎釜鎺ㄥ箍绾㈠鍙彲浠ュ姞鍏?涓悎浼欎汉鍥㈤槦锛岃嫢宸茬粡瀛樺湪鍥㈤槦锛屽垯涓嶅厑璁稿姞鍏ユ柊鐨勫洟闃燂紝鑻ラ渶瑕佸彉鏇存垨鑰呰В闄ゅ洟闃熷叧绯伙紝闇€鑱旂郴骞冲彴绠＄悊鍛樺湪鍚庡彴鎿嶄綔</span></p>
<p>鍙湁鍥㈤槦鍏崇郴鐘舵€佷负鈥滄甯糕€濇墠浼氳涓哄洟闃熸垚鍛樸€傚綋鍥㈤槦鍏崇郴鐘舵€佸彉鎴愪簡绉诲嚭鎴栧彉鏇村悗锛屽湪鍘熸潵鐨勫洟闃熺殑璁板綍涓洟闃熷叧绯?鏍囨敞涓虹Щ鍑烘垨鍙樻洿锛屽苟璁板綍鏈夋椂闂达紝浠庢鏃堕棿寮€濮嬭鎴愬憳涓嶄负鍘熷洟闃熸垚鍛?/p>
</div>
</div>
	
	<ul class="form2_grid clearfix" style="padding: 15px 0px 0px 0px;">
		<li>
			<input type="text" v-model="search" @keyup.enter="submitSearch( )" placeholder="鎺ㄥ箍绾㈠/闅跺睘鍚堜紮浜?>
			<button type="button" class="global2_btn_orange" @click="submitSearch( )" style="line-height: 33px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;">鎼滅储</button>
		</li>
		<li style="display:none">
			<input type="text" v-model="search" @keyup.enter="submitSearch(2)" placeholder="鎺ㄥ箍绾㈠鏄电О">
			<button type="button" class="global2_btn_orange" @click="submitSearch(2)" style="line-height: 33px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;">鎼滅储</button>
		</li>
		<li>
			<a href="#"  @click="bindTeam()" class="global2_btn_blue global2_btn_add">浜哄伐缁戝畾鍥㈤槦鍏崇郴</a>
		</li>
	</ul>
	<div style="margin-top: 0px;">


	<!-- 涓讳綋鍐呭 -->
	<page-list ref="mypagelist">
		<template slot="tHead"><tr><th v-for="item in tableHeadArr">{{item}}</th></tr></template>
	</page-list>

	</div>

	<div class="agent_tips_window agent_tips_window2" style="display:block; width:600px; margin-left:-300px; height:300px; margin-top:-150px;" v-show="agent_tips_window1">
		<div class="hd">
			<a href="#" @click.prevent="agent_tips_window1=false" class="close">X</a>
			<span>浜哄伐缁戝畾鍥㈤槦鍏崇郴</span>
		</div>
		<div class="bd">
				<span class="zhu1 zhu2">鑻ユ帹骞跨孩濞樺凡缁忛毝灞炰簬鍏朵粬鍚堜紮鍥㈤槦锛屾湰鎿嶄綔浼氬皢鍏朵粠鍘熸湁鍥㈤槦涓Щ闄ゅ苟缁戝畾鍒版偍鏂扮殑鎸囧畾鍥㈤槦涓?/span>
			<div class="mysuper">
			<ul class="ul-form super">
				<li class="clearfix">
					<span class="txt">鐢ㄦ埛璐﹀彿锛?/span>
					<div class="con">
						<div class="zoom">
							<input type="text" placeholder="杈撳叆鎺ㄥ箍绾㈠鐨勭敤鎴锋樀绉? v-model="bindPopMatcherId" class="int inp-form-sz inp5" />
							<span style="">缁戝畾鍒帮細</span>
							<input type="hidden" v-model="PartnerId" />
							<span class="sel_box_small" @mouseenter="PartnerIdShow=true" @mouseleave="PartnerIdShow=false">{{PartnerIdName}}<i class="ico"></i>
								<span class="sel_po_small" v-show="!!PartnerIdShow">
								<item-select v-for="tag in PartnerIdList" :key="tag.id" :tag="tag" forid="PartnerId" fortxt="PartnerIdName" fotaction="PartnerIdShow" is2=""></item-select>
								</span>
							</span>
						</div>
						<span class="zhu1 zhu2">蹇呴』鏄綉绔欏凡娉ㄥ唽鐢ㄦ埛涓旂粦瀹氫簡寰俊锛屼笖闈炴湇鍔＄孩濞橈紒</span>
					
					</div>
				
				</li>
			</ul>
			<input type="button" @click="submitTeam()" value="纭鎻愪氦" class="btn-form ani ml130 ">
			</div>
		</div>
	</div>
	<div class="agent_tips_window agent_tips_window2" style="display:block; width:400px; margin-left:-200px; height:280px; margin-top:-140px;" v-show="agent_tips_window2">
		<div class="hd">
			<a href="#" @click.prevent="agent_tips_window2=false" class="close">X</a>
			<span>鍙樻洿鍥㈤槦</span>
		</div>
		<div class="bd">
				<span class="zhu1 zhu2">鏈搷浣滀細灏嗗叾浠庡師鏈夊洟闃熶腑绉婚櫎骞剁粦瀹氬埌鎮ㄦ柊鐨勬寚瀹氬洟闃熶腑</span>
			<div class="mysuper">
			<ul class="ul-form super">
				<li class="clearfix">
					<span class="txt" style="width:200px;text-align:left">鍙樻洿鍒版柊鐨勫悎浼欏洟闃燂細</span>
					<div class="con" style="margin-left: 140px;">
						<input type="hidden" v-model="PartnerId" />
						<div class="sel_box_small" @mouseenter="PartnerIdShow=true" @mouseleave="PartnerIdShow=false">{{PartnerIdName}}<i class="ico"></i>
							<div class="sel_po_small" v-show="!!PartnerIdShow">
							<item-select v-for="tag in PartnerIdList" :key="tag.id" :tag="tag" forid="PartnerId" fortxt="PartnerIdName" fotaction="PartnerIdShow" is2=""></item-select>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<input type="button" @click="changeTeam()" value="纭鎻愪氦" class="btn-form ani ml130 ">
			</div>
		</div>
	</div>
</div>
</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>{{item.PopMatcherName}}</td>
	<td>{{item.PartnerName}}</td>
	<td>{{item.CreateTime}}</td>
	<td>{{item.Total}}</td>
	<td>{{item.TotalPerformance}}</td>
	<td>
		<div v-if="item.IsQuit">
			<span class="red" v-if="item.LeavePartnerType==1">銆愮Щ鍑恒€?{{item.EndTime}}</span>
			<span class="red" v-else-if="item.LeavePartnerType==2">銆愬彉鏇淬€?{{item.EndTime}}</span>
		</div>
		<span v-else>姝ｅ父</span>
	</td>
	<td>
		<span v-if="!item.IsQuit">
			<a href="#" @click.prevent="rootHandler('Remove')" class="sys_btn_a"><i class="edit"></i>绉诲嚭鍥㈤槦</a>
			<a href="#" @click.prevent="rootHandler('Edit')" class="sys_btn_a"><i class="edit"></i>鍙樻洿鍥㈤槦</a>
		</span>
	</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/MSGwindowShow.js"></script>
<script src="{$atplPath}js/daterangepicker_x12/moment.js"></script>
<script type="text/javascript">
window['OnreadyNoGetData'] = true;
var timeId;
var mylist = new Vue({
	el: '#app',
	data: {
		tableHeadArr:['鎺ㄥ箍绾㈠','闅跺睘鍚堜紮浜猴紙鍥㈤槦锛?,'鍔犲叆鍥㈤槦鏃堕棿','鍙戝睍浼氬憳鏁伴噺','鍥㈤槦涓氱哗璐＄尞','鍥㈤槦鍏崇郴鐘舵€?,'鎿嶄綔'],
		search:'',
		searchHongniang:'',
		agent_tips_window1:false,
		agent_tips_window2:false,
		displayedItems: [],
		partList:{},
		editobj:{},
		PartnerIdShow:false,
		PartnerId:'',
		PartnerIdName:'閫夋嫨鍚堜紮浜哄洟闃?,
		PartnerIdList:[],
		bindPopMatcherId  : '' ,
		superData:{
			PopMatcherId  : '' ,
			PartnerId  : '' ,
		},
		cropper_for_name:''
	},
	components: {
		'item': Item,
		'item-select':Item_select,
		'page-list':PageList
	},
	methods: {
		resetBox:function( ){
			var that = this;
			that.PartnerId = '';
			///that.PopMatcherId = '';
			that.bindPopMatcherId = '';
			that.PartnerIdName = '閫夋嫨鍚堜紮浜哄洟闃? ;
			Vue.set(that.{$"$refs"}.mypagelist,'displayedItems', [] );
		},
		submitSearch:function( ){
			var that = this;
			console.log( that.search ) ;
			that.filterClick({'search':that.search});
			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');
			///that.getNewData( );
		},
		//浜哄伐缁戝畾鍥㈤槦鍏崇郴
		submitTeam:function(){
			var that = this,url = '/api/LovePartner/BindPartnerMemeber';
			var myParam = {
				username : that.bindPopMatcherId,
				PartnerId : that.PartnerId 
			} ;
			if( myParam.PopMatcherId===''){
				Sys_showToast({title:"璇疯緭鍏ョ敤鎴锋樀绉帮紒"});
				return false;
			}
			if( myParam.PartnerId===''){
				Sys_showToast({title:"璇烽€夋嫨鍚堜紮浜哄洟闃燂紒"});
				return false;
			}
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify( myParam ),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					Sys_showToast({title:'娣诲姞鎴愬姛锛?,type:'success'});
					that.resetBox();
					that.agent_tips_window1 = false;
					that.childHandler('getNewData');
				}
			});
		},
		changeTeam:function(){
			var that = this,url = '/api/LovePartner/BindPartnerMemeber';
			var superData = that.superData;
			var myParam = {
				PopMatcherId : superData.PopMatcherId,
				PartnerId : that.PartnerId 
			} ;
			if( myParam.PopMatcherId===''){
				Sys_showToast({title:"璇疯緭鍏ョ粦瀹氱殑鐢ㄦ埛ID锛?});
				return false;
			}
			if( myParam.PartnerId===''){
				Sys_showToast({title:"璇烽€夋嫨鍚堜紮浜哄洟闃燂紒"});
				return false;
			}
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify( myParam ),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					Sys_showToast({title:'淇敼鎴愬姛锛?,type:'success'});
					that.agent_tips_window2 = false;
					that.resetBox();
					that.childHandler('getNewData');
				}
			});
		},
		bindTeam:function(){
			var that = this;
			that.agent_tips_window1 = true;
		},
		//绉诲嚭鍥㈤槦
		Remove:function(tag,index){
			var that = this;
			if(!window.confirm('鎮ㄧ‘瀹氬皢璇ユ帹骞跨孩濞樹粠鏈悎浼欏洟闃熶腑绉诲嚭鍚楋紵')){return false;}
			// var myUrl = '/api/LovePartner/QuitMemeber?memberId='+ tag.Id;
			var myUrl = '/api/LovePartner/QuitMemeber?memberId='+ tag.Id;
			axios.post( myUrl , { params: {} }).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					return;
				}
				MSGwindowShow('house','0','绉诲嚭鍥㈤槦鎴愬姛浜嗭紒','','');
				that.resetBox();
				that.childHandler('getNewData');
			}).catch(function(err){that.ifLoadding = false;MSGwindowShow('house','0','鍔犺浇澶辫触浜嗭紒','','');console.log(err);});
		},
		//鍙樻洿
		Edit:function(tag,index){
			var that = this;
			that.IsEdit = true;
			that.PartnerId = '';
			that.superData = tag;
			that.agent_tips_window2=true;
		},
		// 鍔犺浇鍥㈤槦鍒楄〃
		getPartList:function( ){
			var that = this , myUrl = '/api/lovepartner/getpagedlist';
			var myParam = {pagesize : 20,search : '',pageid : 1 }
			axios.get( myUrl ,{ params: myParam }).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					return;
				}
				var Data = res.data , sData = Data.Data , PartnerList = [] ;
				if( Data.Data.length>0 ){
					for(var i=0;i< sData.length;i++){
						PartnerList.push( { Categoryid: sData[i].Id  ,Chrcategory: sData[i].Name } ) ;
					}
					//console.log( PartnerList ) ;
					that.PartnerIdList = PartnerList
				}
			}).catch(function(err){that.ifLoadding = false;MSGwindowShow('house','0','鍔犺浇鍥㈤槦澶辫触浜嗭紒','','');console.log(err);});
		},
		childHandler:function(eventName){
			this.{$"$refs"}.mypagelist[eventName]();
		},
		mapCurrentData:function(Data){
			for(var i=0;i<Data.length;i++){
				Data[i].Total = parseInt(Data[i].TotalMaleMember) + parseInt(Data[i].TotalFemaleMember) ;
				Data[i].TotalPerformance = parseInt(Data[i].TotalPerformance) / 100;
				Data[i].CreateTime = moment(Data[i].CreateTime).format('YYYY-MM-DD HH:mm:ss');
				if( !!Data[i].EndTime ){
					Data[i].EndTime = moment(Data[i].EndTime).format('YYYY-MM-DD HH:mm:ss');
				}
			}
			return Data;
		}
	},
	created: function () {
		var that = this;
		jQuery('#app').show();
		GetSiteBaseConfig(this,function(){
		
			if(  !!window['search'] ){
				that.search = window['search'] ;
			}
			that.getPartList();
			that.{$"$refs"}.mypagelist.getData();
		});
	}
});

</script>
$load("Page_Foot.htm")