$load("Page_Head.htm")
<link rel="stylesheet" type="text/css" href="{$atplPath}skin/house_pingtai.css" />
<link rel="stylesheet" type="text/css" href="{$atplPath}skin/admin2013_child.css" />
<link rel="stylesheet" type="text/css" href="{$atplPath}js/cal/calendar.css" />
<script src="{$Default_tplPath}js/jquery-1.10.2.min.js"></script>
<div class="tips-h1" style="margin:0 0 15px;"><div class="tip"><p>璇ヤ笓棰樹腑灏嗘牴鎹偍涓嬮潰璁剧疆鐨勬潯浠跺疄鏃朵粠鏁版嵁搴撲腑璋冪敤鏁版嵁锛屼笓棰橀〉闈腑榛樿鎺掑簭瑙勫垯锛?span style="color:#36c;">缃《浼氬憳-VIP浼氬憳-浼氬憳鎺掑簭鍊?/span></p></div></div>
<div class="wrapper">
	<div class="inner_sub_box" id="app" style="display: none;">
        <div class="hd clearfix" style="margin-bottom: 20px;">閰嶇疆鏉′欢銆€<a href="List" class="global_btn">杩斿洖涓婁竴绾?/a></div>
        <ul class="ul-form clearfix">
            <li>
                <span class="txt">浼氬憳鎬у埆锛?/span>
                <div class="con">
                    <span class="open_close2" :class="{on:sex===-2}" @click="sex=-2">涓嶉檺</span>
                    <span class="open_close2" :class="{on:sex===1}" @click="sex=1">鐢?/span>
                    <span class="open_close2" :class="{on:sex===0}" @click="sex=0">濂?/span>
                </div>
            </li>
            <li>
                <span class="txt">鐩镐翰鐘舵€侊細</span>
                <div class="con">
                    <span class="open_close2" :class="{on:LoveUserStatus===-1}" @click="LoveUserStatus=-1">涓嶉檺</span>
                    <span class="open_close2" :class="{on:LoveUserStatus===1}" @click="LoveUserStatus=1">鍏紑鐩镐翰</span>
                    <span class="open_close2" :class="{on:LoveUserStatus===2}" @click="LoveUserStatus=2">濮旀墭绾㈠</span>
                    <span class="open_close2" :class="{on:LoveUserStatus===4}" @click="LoveUserStatus=4">宸茬粡鑴卞崟</span>
                </div>
            </li>
            <li>
                <span class="txt">娉ㄥ唽鏃堕棿锛?/span>
                <div class="con">
                    <span class="open_close2" :class="{on:CreateType===0}" @click="CreateType=0">涓嶉檺</span>
                    <span class="open_close2" :class="{on:CreateType===1}" @click="CreateType=1">鏈€杩?涓湀</span>
                    <span class="open_close2" :class="{on:CreateType===2}" @click="CreateType=2">鏈€杩?涓湀</span>
                </div>
            </li>
            <li>
                <span class="txt">瀹炲悕璁よ瘉锛?/span>
                <div class="con">
                    <span class="open_close2" :class="{on:real===-1}" @click="real=-1">涓嶉檺</span>
                    <span class="open_close2" :class="{on:real===1}" @click="real=1">宸插疄鍚嶈璇?/span>
                </div>
            </li>
            <li>
                <span class="txt">浼氬憳绾у埆锛?/span>
                <div class="con">
                    <span class="open_close2" :class="{on:UserVipType===0}" @click="UserVipType=0">涓嶉檺</span>
                    <span class="open_close2" :class="{on:UserVipType===1}" @click="UserVipType=1">鏅€氫細鍛?/span>
                    <span class="open_close2" :class="{on:UserVipType===index+2}" @click="UserVipType=index+2" v-for="(item,index) in FinanceItems">{{item.Name}}浼氬憳</span>
                </div>
            </li>
            <li>
				<span class="txt">韬珮鑼冨洿锛?/span>
				<div class="con">
                    <div class="box"><input type="text" v-model="heightStart" placeholder="璇疯緭鍏? class="int inp-form-sz inp6"><span class="txt2">CM</span></div>
                     - 
                    <div class="box"><input type="text" v-model="heightEnd" placeholder="璇疯緭鍏? class="int inp-form-sz inp6"><span class="txt2">CM</span></div>
                    <span class="zhu1 zhu2">灏嗕粠鎮ㄩ€夋嫨鐨勮寖鍥翠腑闅忔満閫夋嫨</span>
				</div>
			</li>	
			<li>
				<span class="txt">鍑虹敓鏃堕棿锛?/span>
				<div class="con">
                    <input type="text" v-model="BrithFrom" name="BrithFrom" placeholder="璇疯緭鍏? class="int inp-form-sz inp6 Wdate">
                     - 
                    <input type="text" v-model="BirthTo" name="BirthTo" placeholder="璇疯緭鍏? class="int inp-form-sz inp6 Wdate">
                    <span class="zhu1 zhu2">灏嗕粠鎮ㄩ€夋嫨鐨勮寖鍥翠腑闅忔満閫夋嫨</span>
				</div>
			</li>
			<li>
                <span class="txt">濠氬Щ鐘舵€侊細</span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_marriageData}" @click="checkedAll('marriageData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'marriageData')" v-for="(item,index) in marriageData">{{item.Chrcategory}}</span>
                </div>
            </li>  
			
			 
			<li>
                <span class="txt">瀛﹀巻鑼冨洿锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_xueliData}" @click="checkedAll('xueliData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'xueliData')" v-for="(item,index) in xueliData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">鏀跺叆鑼冨洿锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_yuexinData}" @click="checkedAll('yuexinData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'yuexinData')" v-for="(item,index) in yuexinData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">鑱屼笟鑼冨洿锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_workData}" @click="checkedAll('workData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'workData')" v-for="(item,index) in workData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">杞﹀瓙锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_cheziData}" @click="checkedAll('cheziData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'cheziData')" v-for="(item,index) in cheziData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">鎴垮瓙锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_fangziData}" @click="checkedAll('fangziData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'fangziData')" v-for="(item,index) in fangziData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">鎬ф牸锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_xinggeData}" @click="checkedAll('xinggeData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'xinggeData')" v-for="(item,index) in xinggeData">{{item.Chrcategory}}</span>
                </div>
            </li>
			<li>
                <span class="txt">鍏磋叮锛?/span>
                <div class="con">
                    <span class="open_close3" :class="{on:isAll_xingquData}" @click="checkedAll('xingquData')">鍏ㄩ€?/span>
                    <span class="open_close3" :class="{on:item.checked}" @click="checkedOne(item,'xingquData')" v-for="(item,index) in xingquData">{{item.Chrcategory}}</span>
                </div>
            </li>

        </ul>
		<div style="margin: 30px 0 0 112px;">褰撳墠绗﹀悎涓婅堪鏉′欢鐨勪細鍛樺叡鏈?span style="color: #f93;">{{totalNum}}</span>浜?/div>
        <input value="纭鎻愪氦" type="button" @click="submitHandle" :disabled="isdisabled" class="btn-form ani" :class="{disabled:isdisabled}">
    </div>
</div>

<script src="{$atplPath}js/jquery.form.js"></script>
<script src="{$Default_tplPath}js/purl.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/vue/houseCategory.js"></script>
<script src="{$atplPath}js/vue/form_2018.js"></script>
<script src="{$atplPath}js/MSGwindowShow.js"></script>
<script src="{$atplPath}js/cal/cal_s.js"></script>
<script>
$(function(){
	var d = new Date(),y = d.getFullYear();
	$('.Wdate').simpleDatepicker({ startdate: 1930, enddate: y+1 ,callback:function(name,val){
		Vue.set(mypage,name,val);
	}});
});
var mypage = new Vue({
	el: '#app',
	components: {},
	data: {
		totalNum:0,
        isdisabled:false,
        Id:'',
		sex:-2,
        LoveUserStatus:-1,
        CreateType:0,
        real:-1,
        UserVipType:0,
        heightStart:160,
        heightEnd:180,
        FinanceItems:[],
		BrithFrom:'',
        BirthTo:'',
		marriage:'',isAll_marriageData:false,marriageData:[],
		xueli:'',isAll_xueliData:false,xueliData:[],
		yuexin:'',isAll_yuexinData:false,yuexinData:[],
		work:'',isAll_workData:false,workData:[],
		chezi:'',isAll_cheziData:false,cheziData:[],
		fangzi:'',isAll_fangziData:false,fangziData:[],
		xingge:'',isAll_xinggeData:false,xinggeData:[],
		xingqu:'',isAll_xingquData:false,xingquData:[],
	},
	methods: {
        checkedOne:function(tag,val){
			var that = this;
			var result = !tag.checked;
			Vue.set(tag,'checked',result);
			if(!result){that['isAll_'+val] = false;}
			setTimeout(function(){that.getTotalNum();},200);
		},
		checkedAll:function(val){
            var that = this;
			var result = !that['isAll_'+val];
			that['isAll_'+val] = result;
			that[val].forEach(function (value) {
				value.checked = result;
			});
			setTimeout(function(){that.getTotalNum();},200);
        },
		getTagData:function(sid,forname){
			var that = this,url='/api/Category/SearchCategory';
			$.ajax({'url':url,dataType:'json',data:{'styleids':sid},success:function(data){
				var arr=[];
				if(that[forname]!==null&&that[forname]!==''){
					arr = that[forname].split(',');
				}
				var Data = data[sid];
				for(var i=0; i< Data.length;i++){
					for(var y = 0;y<arr.length;y++){
						if(arr[y] == Data[i].Id){
							Data[i].checked=true;
						}
					}
					that[forname+'Data'].push(Data[i]);
				}
			}});
		},
		setmobileSelect:function(){
			var that=this;
			that.getTagData('2003','marriage');
			that.getTagData('2002','xueli');
			that.getTagData('2004','yuexin');
			that.getTagData('2001','work');
			that.getTagData('2006','chezi');
			that.getTagData('2005','fangzi');
			that.getTagData('2007','xingge');
			that.getTagData('2008','xingqu');
			setTimeout(function(){that.getTotalNum();},1000);
		},
		GetFinanceItems:function(){
			var that = this,url='';
			url = '/api/Finance/GetFinanceItems?types=26&module=200&displayIfZeroAmount=true';
			axios.get(url).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					Sys_showToast({title:res.data.data});
					return;
				}
				var Data = res.data;
				that.FinanceItems = Data;
                that.getData();
			}).catch(function(err){console.log(err);});
		},
        getData:function(){
			var that = this,url='';
			url = '/api/LoveTheme/GetLoveThemeSearchName?id='+that.Id;
			axios.get(url).then(function(res){
				if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
					Sys_showToast({title:res.data.data});
					return;
				}
				var Data = res.data;
				that.BrithFrom = Data.YearStrat + '-' + Data.MonthStrat+ '-' + Data.DayStrat
				that.BirthTo= Data.YearEnd + '-' + Data.MonthEnd+ '-' + Data.DayEnd
				for(var key in Data){
					that[key] = Data[key];
				}
				that.setmobileSelect();
			}).catch(function(err){console.log(err);});
		},
		submitHandle:function(){
			var that = this,url = '/api/LoveTheme/UpdateThemeSearch';
			var arrs = ['marriage','xueli','yuexin','work','chezi','fangzi','xingge','xingqu'];

			if(that.BrithFrom===''){
				Sys_showToast({title:"璇烽€夋嫨鍑虹敓鏃堕棿寮€濮嬫椂闂达紒"});
				return false;
			}
			if(that.BirthTo===''){
				Sys_showToast({title:"璇烽€夋嫨鍑虹敓鏃堕棿寮€濮嬫椂闂达紒"});
				return false;
			}
			var BrithFromArr = that.BrithFrom.split('-')
			var BirthToArr = that.BirthTo.split('-')
			var i_obj = {
				Id:that.Id,
				LoveUserStatus:that.LoveUserStatus,
				CreateType:that.CreateType,
				sex:that.sex,
				real:that.real,
				UserVipType:that.UserVipType,
				heightStart:that.heightStart,
				heightEnd:that.heightEnd,
				YearStrat:BrithFromArr[0],
				MonthStrat:BrithFromArr[1],
				DayStrat:BrithFromArr[2],
				YearEnd:BirthToArr[0],
				MonthEnd:BirthToArr[1],
				DayEnd:BirthToArr[2],
			};
			for(var i=0;i<arrs.length;i++){
				var arr = [];
				that[arrs[i]+'Data'].forEach(function(item){
					if(item.checked){
						arr.push(item.Id);
					}
				});
				i_obj[arrs[i]] = arr.join(',');
			}
            that.isdisabled = true;
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8", 
				data: JSON.stringify(i_obj),
				success:function(res){
					that.isdisabled = false;
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					MSGwindowShow('house','1','鎻愪氦鎴愬姛浜嗗摝锛?,'/adminlovetheme/list','',{icotype:'success',btntype:'',btntxt:'鎴戠煡閬撲簡',bd2txt:'',isCloseBtn:true});
				}
			});
		},
		getTotalNum:function(){
			var that = this,url = '/api/LoveTheme/CountLoveThemeBySearch';
			var arrs = ['marriage','xueli','yuexin','work','chezi','fangzi','xingge','xingqu'];
			var BrithFromArr = that.BrithFrom.split('-')
			var BirthToArr = that.BirthTo.split('-')
			var i_obj = {
				//Id:that.Id,
				LoveUserStatus:that.LoveUserStatus,
				CreateType:that.CreateType,
				sex:that.sex,
				real:that.real,
				UserVipType:that.UserVipType,
				heightStart:that.heightStart,
				heightEnd:that.heightEnd,
				YearStrat:BrithFromArr[0],
				MonthStrat:BrithFromArr[1],
				DayStrat:BrithFromArr[2],
				YearEnd:BirthToArr[0],
				MonthEnd:BirthToArr[1],
				DayEnd:BirthToArr[2],
			};
			for(var i=0;i<arrs.length;i++){
				var arr = [];
				that[arrs[i]+'Data'].forEach(function(item){
					if(item.checked){
						arr.push(item.Id);
					}
				});
				i_obj[arrs[i]] = arr.join(',');
			}
			$.ajax({
				url:url,
				data: i_obj,
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					that.totalNum = res;
				}
			});
		}
	},
    mounted: function(){
		var that = this;
		var url_obj = $.url(window.location.href).param();
		if(!!url_obj['sid'] && url_obj['sid']!==''){
            that.Id=url_obj['sid'];
            that.GetFinanceItems();
		}
	},
	watch:{
		LoveUserStatus:function(){
			this.getTotalNum();
		},
		BrithFrom:function(){
			this.getTotalNum();
		},
		BirthTo:function(){
			this.getTotalNum();
		},
		CreateType:function(){
			this.getTotalNum();
		},
		sex:function(){
			this.getTotalNum();
		},
		real:function(){
			this.getTotalNum();
		},
		UserVipType:function(){
			this.getTotalNum();
		},
		heightStart:function(){
			this.getTotalNum();
		},
		heightEnd:function(){
			this.getTotalNum();
		}
	},
	created: function (){
		var that = this;
		$('#app').show();
	}
});
</script>
$load("Page_Foot.htm")