$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>
.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;}
.tips-h1 .tip span{font-weight:700;font-size:16px;}
.snum{ color: rgb(255, 153, 51);text-decoration: underline;}
</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['cookieName'] = 'myChuzhuid';
window['apiurl'] = '/api/LovePartner/GetPagedList';
window['keyvalues']  = {'search':'','keywords':'','PageSize':'20',"pageid":window['pageid']};
//api/LovePartner/GetPagedList
</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;">
<div class="tip">
<p>1銆佸悎浼欑孩濞橈紙绠€绉帮細鍚堜紮浜猴級鏄悓鍩庣浉浜插钩鍙颁腑鐨勪竴绉嶁€滃悎浣溾€濊鑹诧紝鍚堜紮浜洪€氳繃涓哄钩鍙板ぇ閲忓彂灞曟帹骞跨孩濞樹綔浠庤€屼负骞冲彴蹇€熶笖鍙寔缁€ф嫇灞曚細鍛樺拰鍙樼幇锛屽悎浼欎汉浠庝腑鑾峰緱鍒嗘垚濂栧姳銆?/p>
<p>2銆佸悎浼欎汉鍙互鏄嫢鏈変紬澶氬崟韬祫婧愶紝鍏艰亴绾㈠娓犻亾鐨勭殑涓汉鎴栬€呮満鏋勶紝姣忎釜鍚堜紮浜鸿瑙嗕负涓€涓洟闃燂紝鍙互鑷畾涔変竴涓洟闃熷悕绉帮紝鍏跺彂灞曟潵鐨勬帹骞跨孩濞樿绾冲叆涓哄洟闃熸垚鍛橈紝鏃椾笅鎺ㄥ箍绾㈠鎵€鍙戝睍鏉ョ殑浼氬憳鍦ㄥ钩鍙颁笂浜х敓鐨勬秷璐规€婚搴︽垚涓哄洟闃熶笟缁╋紝绯荤粺鏍规嵁鍏跺洟闃熶笟缁╂垨鍙戝睍浼氬憳鏁伴噺灏嗗悎浼欎汉鍒掑垎涓轰笁涓笉鍚岀骇鍒紝涓嶅悓鐨勭骇鍒韩鏈変笉鍚岀殑鍒嗕剑鏍囧噯锛堢骇鍒拰鍒嗕剑鏍囧噯鍧囧彲鑷畾涔夎缃級</p>
<p>3銆佸悎浼欎汉闄や簡鑳芥嬁鍒版墍鏈夊洟闃熸垚鍛樺彂灞曟潵鐨勪細鍛樼殑娉ㄥ唽濂栧姳涔嬪,鍥㈤槦鎴愬憳鍙戝睍鏉ョ殑鐩镐翰浼氬憳鍦ㄥ钩鍙颁腑姣忎竴绗旀秷璐癸紝鍚堜紮浜洪兘鍙互鑾峰緱鍒嗕剑</p>
<p>4銆佸悎浼欎汉鎷ユ湁鐙珛鐨勭鐞嗕腑蹇冿紝鍥㈤槦鎴愬憳鍚嶅崟銆佷笟缁╂槑缁嗐€佸垎浣ｆ槑缁嗐€佹湁鏁堢浉浜蹭細鍛樺悕鍗曞潎娓呮櫚閫忔槑鍙锛屽垎浣ｉ噾棰濆彲闅忔椂鐢宠鎻愮幇鍒板井淇￠浂閽?/p>
<p>5銆佹帹骞跨孩濞樺彲浠ヤ笌鍚堜紮浜鸿韩浠藉苟瀛橈紝浣嗕笉寰楁槸鏈嶅姟绾㈠锛屽鏋滃悎浼欎汉鏈韩宸茬粡鏄帹骞跨孩濞樹笖鏈姞鍏ュ叾浠栧洟闃熸儏鍐典笅锛屾垨鍦ㄦ垚涓哄悎浼欎汉涔嬪悗鎴愪负鎺ㄥ箍绾㈠锛屽垯鑷姩鍔犲叆鍒拌嚜宸辩殑鍥㈤槦涓€備笖鍙湪鎺ㄥ箍绾㈠涓績鍒囨崲鐧诲綍鍒板悎浼欎汉绠＄悊涓績</p>
<p>6銆佺敤鎴烽渶瑕佺敵璇锋垚涓哄悎浼欎汉鏃堕渶瑕佽仈绯诲钩鍙板鏈嶇殑寰俊杩涜娲借皥纭畾鍚庯紝鐢卞钩鍙扮鐞嗕汉鍛樺湪绯荤粺鍚庡彴-鍚堜紮浜虹鐞嗕腑寮€閫氳处鍙蜂笌鏉冮檺</p>
<p>7銆佹瘡涓悎浼欎汉鎷ユ湁鐙珛鐨勯個璇蜂簩缁寸爜锛屾帹骞跨孩濞樺湪鐧诲綍鐘舵€佷笅寰俊鎵爜鍚庡嵆鍙姞鍏ュ埌鍚堜紮浜哄洟闃?/p>
<p>8銆佹帹骞跨孩濞樺湪鍔犲叆鍥㈤槦涔嬪墠锛屽繀椤诲厛鍦ㄥ钩鍙版敞鍐岃处鍙凤紝鍐嶇敵璇锋垚涓烘帹骞跨孩濞樸€?/p>
<p>9銆?span>鍥㈤槦鎴愬憳</span>锛氬悎浼欎汉鍥㈤槦涓殑鎺ㄥ箍绾㈠锛?span>鍥㈤槦涓氱哗</span>锛氬悎浼欎汉鍥㈤槦鎵€鏈夋帹骞跨孩濞樺彂灞曟潵鐨勭浉浜蹭細鍛樺湪骞冲彴涓殑娑堣垂鎬婚锛?span>鍥㈤槦鏈夋晥浼氬憳</span>锛?鍚堜紮浜哄洟闃熸墍鏈夋帹骞跨孩濞樺彂灞曟潵鐨勯€氳繃璧勬枡瀹℃牳鐨勭浉浜蹭細鍛橈紱<span>绱Н鍒嗘垚</span>锛氬悎浼欎汉鑾峰緱鐨勫垎鎴愭€婚</p>
</div>
</div>

<div class="tab_01" style="margin: 15px 0px;border-bottom:0 none">
	<a href="#" @click="Add()" class="global2_btn_blue global2_btn_add">娣诲姞鍚堜紮浜?/a>
</div>
	<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>
		</tr>
		<tr is="item" v-for="(item,index) in displayedItems" :key="item.Id" :item="item" :index="index"></tr>
	</table>
	<div class="pageNavigation" id="pageNavigation"></div>  
	<div class="agent_tips_window agent_tips_window2" style="display:none; display:block; width:680px; margin-left:-340px; height:530px; margin-top:-265px;" v-show="agent_tips_window">
		<div class="hd">
			<a href="#" @click.prevent="agent_tips_window=false" class="close">X</a>
			<span v-if="IsEdit==false">娣诲姞鍚堜紮绾㈠(浜?</span>
			<span v-else>缂栬緫鍚堜紮绾㈠(浜?</span>
		</div>
		<div class="bd">
				<span class="zhu1 zhu2">鍚堜紮浜哄繀椤诲凡缁忔槸缃戠珯娉ㄥ唽鐢ㄦ埛銆佽处鍙峰凡缁戝畾鎵嬫満鍙峰拰寰俊</span>
				<span class="zhu1 zhu2"> 鍚堜紮浜轰笉鑳藉悓鏃舵槸鏈嶅姟绾㈠锛屽嵆鏈嶅姟绾㈠涓嶅彲鎴愪负鍚堜紮浜猴紱鎺ㄥ箍绾㈠鍙互鍚屾椂鎴愪负鍚堜紮 浜猴紝涓旇鎺ㄥ箍绾㈠鑷姩鍔犲叆鍒板洟闃熶腑鎴愪负鍥㈤槦鎴愬憳</span>
			<div class="mysuper">
			<ul class="ul-form super">
				<li class="clearfix">
				<span class="txt">鐢ㄦ埛璐﹀彿锛?/span>
					<div class="con">
						<input type="hidden" name="Id" v-model="superData.Id" />
						<input type="text" placeholder="杈撳叆鐢ㄦ埛鏄电О/鎵嬫満鍙? v-model="superData.OwnerUser" class="int inp-form-sz inp5" />
						<span class="zhu1 zhu2">蹇呴』鏄綉绔欏凡娉ㄥ唽鐢ㄦ埛涓旂粦瀹氫簡寰俊锛屼笖闈炴湇鍔＄孩濞橈紒</span>
					</div>
				</li>
				<li class="clearfix">
					<span class="txt">鍥㈤槦鍚嶇О锛?/span>
					<div class="con">
						<input type="text" placeholder="璇疯緭鍏? v-model="superData.Name" class="int inp-form-sz inp5" />
						<div class="zhu1 zhu2">璇疯緭鍏ュ悎浼欎汉鍥㈤槦鐨勫悕绉帮紝濡傦細鏍″洯绾㈠灏忛槦</div>
					</div>
				</li>
				<li class="clearfix">
					<span class="txt">鍒嗘垚绾у埆锛?/span>
					<div class="con">
						<input type="hidden" name="Level" v-model="superData.Level" >
<div class="box" v-for="item in partnerList">
<span class="open_close3" :class="{on:superData.Level == item.Level}" @click="superData.Level= item.Level">{{item.Name}}</span>
</div>
						<div class="zhu1 zhu2">涓嶅悓绾у埆鐨勪韩鏈変笉鍚岀殑鍒嗘垚鏍囧噯锛岃鍦ㄥ垎鎴愰厤缃腑鑷璁惧畾鐩稿叧鏍囧噯</div>
					</div>
				</li>
			</ul>
			<input type="button" @click="submitSuper()" 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.Chrname}}</td>
	<td>{{item.Name}}</td>
	<td>{{item.levelName}}</td>
	<td>{{item.CreateTime}}</td>
	<td>{{item.TotalMembers}}浜?<a class="snum" target="_self" :href="'RelationManage.html?search='+item.Name">鍚嶅崟</a></td>
	<td>{{item.TotalPerformance/100}}{{item.BalanceUnit}}</td>
	<td>{{item.userNum}}<span v-show="item.userNum>0">锛?span>鐢穥{item.TotalMaleMember}}</span><span>濂硔{item.TotalFemaleMember}}</span>锛?/span></td>
	<td>{{item.TotalBonus/100}}{{item.BalanceUnit}} 
		<a class="snum" target="_self" :href="'BonusDetail.html?search='+item.Name">[鏄庣粏]</a></td>
	<td>
		<a href="#" @click.prevent="rootHandler('Edit')" class="sys_btn_a"><i class="edit"></i>缂栬緫</a>
		<a href="#" @click.prevent="rootHandler('Del')" class="sys_btn_a"><i class="edit"></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/house_admin_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;

function returnFirstpage(){ 聽//鍒嗛〉
	window['keyvalues'] = $.extend(window['keyvalues'],{"pageid":"1"});
	mylist&&mylist.getNewData();
	$('#returnFirstPage1').hide();
}
var mylist = new Vue({
	el: '#app',
	data: {
		agent_tips_window:false,
		IsEdit:false,
		ifLoadding:false,
		ifNoMore:false,
		displayedItems: [], 
		CurrentPage:1,
		TotalPage: 0,
		TotalRecord:0,

		partnerList: [],
		//displayedItems: [],
		superData:{OwnerUser  : '' ,Name : '' , Level : 0 ,  Id : 0 }
	},
	components: {
		'item': Item,
	},
	methods: {
		submitSuper:function(){
			var that = this,url = '' , param = {};
			if( !that.IsEdit ) {
				param = that.superData;
				delete param.Id;
				url = '/api/LovePartner/AddPartner';
			}else{
				var theParam    = that.superData;
				param.Id        = theParam.Id ;
				param.OwnerUser = theParam.OwnerUser ;
				param.Name      = theParam.Name ;
				param.Level     = theParam.Level ;
				url = '/api/LovePartner/EditPartner';
			}
			//鍒犻櫎鍓嶅悗绌烘牸
			param.Name = param.Name.replace(/(^\s*)|(\s*$)/g, "");
			if( param.OwnerUser===''){
				Sys_showToast({title:"璇疯緭鍏ョ敤鎴疯处鍙凤紒"});
				return false;
			}
			if( param.Name===''){
				Sys_showToast({title:"璇疯緭鍏ュ洟闃熷悕绉帮紒"});
				return false;
			}
			if( param.Level===''){
				Sys_showToast({title:"璇烽€夋嫨浼氬憳绛夌骇锛?});
				return false;
			}
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify( param ),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return false;
					}
					if( that.IsEdit ) {
						Sys_showToast({title:'缂栬緫鎴愬姛锛?,type:'success'});
					}else{
						Sys_showToast({title:'娣诲姞鎴愬姛锛?,type:'success'});
					}
					//that.closeTipsWindow();
					that.agent_tips_window = false;
					that.getData();
				}
			});
		},
		setPageList:function(){// 璁剧疆鍒嗛〉鍏蜂綋灞曠ず
			var that = this;
			var result =  makePageListMenu(that.TotalPage,that.CurrentPage);
			$('#pageNavigation').html(result);
		},
		getPartnerData: function ( callback ) {
			var that = this;
			axios.get('/api/LovePartnerDistribution/GetDistributionConfigList',{ params:{} }).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					return;
				}
				var Data = res.data;
				Data.length>0 ?( that.partnerList = that.partnerList.concat(Data) ):'';
				that.getData();
			}).catch(function(err){that.ifLoadding = false;MSGwindowShow('house','0','鍔犺浇澶辫触浜嗭紒','','');console.log(err);});
		},
		openTipsWindow:function(){
			var that = this;
			that.agent_tips_window = true;
		},
		closeTipsWindow:function(){
			var that = this;
			that.agent_tips_window = false;
		},
		Add:function( tag,index){
			var that = this;
			that.IsEdit = false;
			that.agent_tips_window =true;
			that.superData = {OwnerUser  : '' ,Name : '' , Level : 0 ,  Id : 0 }
		},
		Edit:function(tag,index){
			var that = this , myParem = that.superData;
			tag.OwnerUser = tag.Chrname;
			that.IsEdit = true;
			for(key in myParem ){
				myParem[key] = tag[key];
			}
			that.superData = myParem;
			console.log( myParem )
			//that.getNewData();
			//that.superData = tag;
			that.agent_tips_window=true;
		},
		Del:function(tag,index){
			if(!window.confirm('鍒犻櫎鍥㈤槦鍚庯紝鍥㈤槦鍐呯殑鎵€鏈夋帹骞跨孩濞樿嚜鍔ㄩ€€鍑哄洟闃燂紝鍙樹负鏃犲洟闃熺姸鎬侊紵')){return false;}
			var that = this,url = '/api/LovePartner/DeletePartner?Id='+tag.Id;
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: {},
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return false;
					}
					Sys_showToast({title:'鍒犻櫎鎴愬姛锛?,type:'success'});
					that.closeTipsWindow();
					//that.displayedItems = [];
					that.getData();
				}
			});
		},
		getPartLevelName( Level ){
			var that = this ;
			var partnerList = that.partnerList , levelName = partnerList[0].Name;
			for(var i=0;i< partnerList.length;i++){
				if ( Level == partnerList[i].Level ){
					levelName = partnerList[ i].Name;
					break;
				} 
			}
			return levelName;
		},
		
		getNewData:function(){
			var that = this; 
			that.ifNoMore = false;
			that.displayedItems = [];
			that.getData();
		},

		getData: function () {
			var that = this;
			that.displayedItems = [];
			axios.get(window['apiurl'],{params:window['keyvalues']}).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					return;
				}
				var Data = res.data , sData = Data.Data;
				for(var i=0;i< sData.length;i++){
					sData[i].CreateTime = moment( sData[i].CreateTime).format('YYYY-MM-DD HH:mm:ss');
					sData[i].userNum    = parseInt( sData[i].TotalMaleMember) +  parseInt( sData[i].TotalFemaleMember) ;
					sData[i].levelName  = that.getPartLevelName( sData[i].Level );
					sData[i].BalanceUnit = that.BalanceUnit;
				}
				// Data.length>0 ?( that.displayedItems = that.displayedItems.concat(Data) ):'';
				if( sData.length>0 ){
					that.displayedItems = that.displayedItems.concat( sData ) ;
				}
				
				that.TotalPage = parseInt( Data.TotalPage)
				that.TotalRecord = parseInt( Data.TotalRecord);
				that.setPageList();
				if(that.TotalPage===0){
					that.ifNoMore = true;
					return false;
				}

				that.ifLoadding = false;
				(that.TotalPage===0) && (that.ifNoMore = true);

				// 鍒嗛〉鐩稿叧
				(that.TotalPage===that.CurrentPage || that.TotalPage<that.CurrentPage) && (that.ifNoMore = true,that.CurrentPage=that.TotalPage);
				history.pushState(null, '', '?p='+that.CurrentPage);
				//濡傛灉涓嶆槸绗竴椤?
				if(that.CurrentPage!==1){
					$('#returnFirstPage1')[0]&&$('#returnFirstPage1').show();
				}


			}).catch(function(err){that.ifLoadding = false;MSGwindowShow('house','0','鍔犺浇澶辫触浜嗭紒','','');console.log(err);});
		}
	},
	created: function () {
		$('#app').show();
		var that = this;
		GetSiteBaseConfig(this,function(){
			that.getPartnerData();
		});
	}
});

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