$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-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/LoveCardProject/GetPageProjectInfo';window['keyvalues'] ={'search':'','PageSize':'20',"pageid":window['pageid']
};</script>
<div class="wrapper_house clearfix" id="app" style="display:none;">
<div class="tips-h1" style="margin:0;"><div class="tip">
<p>鏈簲鐢ㄥ彲浠ヤ粠鐩镐翰浼氬憳璧勬枡涓寜鐓ф寚瀹氱殑鏉′欢蹇€熺瓫閫夊嚭鏁版嵁鎵归噺瀵煎嚭鐩镐翰娴锋姤渚涗笅杞藉埌鏈湴銆?/p>
<p>鎵归噺瀵煎嚭鐨勭浉浜叉捣鎶ュ彲浠ョ敤鏉ュ揩閫熷埗浣滅浉浜蹭俊鎭帹鏂囥€佹湅鍙嬪湀銆佸嵃鍒峰埗浣滅焊璐ㄤ細鍛樿祫鏂欏唽銆佺嚎涓嬫椿鍔ㄧ浉浜蹭細鍛樺睍绀哄绛夌瓑鍚勭鐢ㄩ€?..鏋佸ぇ鐨勬彁楂樻晥鐜囧拰鍙戞尌</p>
<p>浠栦汉閫氳繃鎵爜娴锋姤涓婄殑浜岀淮鐮佸嵆鍙紩瀵兼偍鐨勫叕浼楀彿骞惰兘鑷姩杩涘叆鐩镐翰骞冲彴鏌ョ湅鍒颁細鍛樼殑璧勬枡璇︾粏淇℃伅锛屾棦鑳芥定绮夊張鑳藉揩閫熺洿鎺ュ紩瀵间細鍛樺埌骞冲彴銆?/p>
<p>娴锋姤鎵归噺鐢熸垚鍚庢槸淇濆瓨鍦ㄦ偍鐨勬湇鍔″櫒涓婏紝骞剁敓鎴愭湁瀵瑰簲鐨勭鐞嗚褰曪紝鏂逛究鎮ㄩ殢鏃舵煡鐪嬪拰涓嬭浇</p>
<p>鎵归噺鐢熸垚鐨勭浉浜叉捣鎶ョ殑鍚嶇О浠ヤ細鍛樼紪鍙峰懡鍚嶏紝濡傦細5208001.png</p>
</div></div>
<ul style="margin-top: 15px;" class="form2_grid clearfix">
<li><input type="text" v-model="search" @keyup.enter="submitSearch()" placeholder="杈撳叆椤圭洰鏍囬"></li>
<li><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>
<a style="float: right" href="/adminlovecard/create" class="global2_btn_blue global2_btn_add">鏂板缓鎵归噺鐢熸垚</a>
</ul>
<page-list ref="mypagelist">
<template slot="tHead"><tr><th v-for="item in tableHeadArr">{{item}}</th></tr></template>
<template slot="tFoot" slot-scope="props"></template>
</page-list>
<div class="agent_tips_window agent_tips_window2" style="display:none; display:block; width: 800px; margin-left:-400px; height:600px; margin-top:-230px;" v-show="agent_tips_window">
<div class="hd"><a href="#" @click.prevent="agent_tips_window=false" class="close">X</a><span>鏌ョ湅鏁版嵁鏉′欢</span></div>
<div class="bd" style="height: 540px; overflow: auto; ">
<ul class="ul-form clearfix" v-if="data">
<li>
<span class="txt">鐩镐翰鐘舵€?/span>
<div class="con">
<span v-if="data.LoveUserStatus === -1">涓嶉檺</span>
<span v-if="data.LoveUserStatus === 1">鍏紑鐩镐翰</span>
<span v-if="data.LoveUserStatus === 2">濮旀墭绾㈠</span>
<span v-if="data.LoveUserStatus === 3">鍋滄鐩镐翰</span>
<span v-if="data.LoveUserStatus === 4">宸茬粡鑴卞崟</span>
</div>
</li>
<li>
<span class="txt">娉ㄥ唽鏃堕棿</span>
<div class="con">
<span v-if="data.CreateType === 0">涓嶉檺</span>
<span v-if="data.CreateType === 1">鏈€杩?涓湀</span>
<span v-if="data.CreateType === 2">鏈€杩?涓湀</span>
</div>
</li>
<li>
<span class="txt">浼氬憳鎬у埆</span>
<div class="con">
<span v-if="data.sex === -2">涓嶉檺</span>
<span v-if="data.sex === 1">鐢?/span>
<span v-if="data.sex === 0">濂?/span>
</div>
</li>
<li>
<span class="txt">绫嶈疮鍦帮細</span>
<div class="con">
<span v-if="!data.workProvinceName">涓嶉檺</span>
<span v-else>{{ data.workProvinceName }}-{{ data.workCityName }}-{{ data.workCountyName }}</span>
</div>
</li>
<li>
<span class="txt">瀹炲悕璁よ瘉</span>
<div class="con">
<span v-if="data.real === -1">涓嶉檺</span>
<span v-if="data.real === 1">宸插疄鍚嶈璇?/span>
</div>
</li>
<li>
<span class="txt">浼氬憳绾у埆</span>
<div class="con">
<span v-if="data.UserVipType === 0">鍏ㄩ儴</span>
<span v-if="data.UserVipType === 1">鏅€氫細鍛?/span>
<span v-if="data.UserVipType === 2">閾跺崱浼氬憳</span>
<span v-if="data.UserVipType === 3">閲戝崱浼氬憳</span>
<span v-if="data.UserVipType === 4">閽荤煶浼氬憳</span>
</div>
</li>
<li>
<span class="txt">韬珮鑼冨洿</span>
<div class="con">
<div v-if="data.heightStart">
<span>{{ data.heightStart }}CM</span>
<span style=" padding-right:9px;">-</span>
<span>{{ data.heightEnd }}CM</span>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">鍑虹敓鏃堕棿</span>
<div class="con">
<div v-if="data.YearStrat">
<span>{{ data.YearStrat }}-{{ data.MonthStrat }}-{{ data.DayStrat }}</span>
<span style=" padding-right:9px;">-</span>
<span>{{ data.YearEnd }}-{{ data.MonthEnd }}-{{ data.DayEnd }}</span>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">濠氬Щ鐘舵€?/span>
<div class="con">
<div v-if="data.MarriageNames.length > 0">
<div v-for="(item, index) in data.MarriageNames" class="tag_selector">{{ item }}</div>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">瀛﹀巻</span>
<div class="con">
<div v-if="data.XueliNames.length > 0">
<div v-for="(item, index) in data.XueliNames" class="tag_selector">{{ item }}</div>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">鏀跺叆</span>
<div class="con">
<div v-if="data.YuexinNames.length > 0">
<div v-for="(item, index) in data.YuexinNames" class="tag_selector">{{ item }}</div>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">宸ヤ綔</span>
<div class="con">
<div v-if="data.WorkNames.length > 0">
<div v-for="(item, index) in data.WorkNames" class="tag_selector">{{ item }}</div>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
<li>
<span class="txt">鏈嶅姟绾㈠</span>
<div class="con">
<div v-if="data.MatchmakerNames.length > 0">
<div v-for="(item, index) in data.MatchmakerNames" class="tag_selector">{{ item }}</div>
</div>
<span v-else>涓嶉檺</span>
</div>
</li>
</ul>
</div>
</div>
<div class="agent_tips_window agent_tips_window2" style="display:none; display:block; width: 380px; height: auto; margin-left:-140px; margin-top:20px; top: 0" v-show="showTemplateModal">
<div class="hd"><a href="#" @click.prevent="showTemplateModal = false" class="close">X</a><span>妯℃澘{{ template }}</span></div>
<div class="bd" style="overflow: hidden;">
<img style="display: block; width: 100%; margin-bottom: -60px" :src="'{$atplPath}images/wap/love-card/template' + template + '.png'" alt="">
<div style="background: #fff; position: absolute; left: 0; bottom: 0; width: 100%; height: 12px;"></div>
</div>
</div>
<div class="mask" v-if="showTemplateModal" style="display: block;"></div>
<div class="mask" v-if="agent_tips_window" style="display: block;"></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.ProjectName }}</td>
	<td>{{ item.QrCodeType === 0 ? '鏅€欻5浜岀淮鐮? : item.QrCodeType === 1 ? '鍏紬鍙蜂复鏃朵簩缁寸爜' : '鍏紬鍙锋案涔呮湁鏁堜簩缁寸爜' }}</td>
	<td>{{ item.IsForever ? '姘镐箙浜岀淮鐮? : item.ValidDateTime }}</td>
	<td><a href="javascript:;" class="sys_btn_a" @click="rootHandler('previewTemplate')">妯℃澘{{ item.TemplateNo }}</a></td>
	<td>{{ item.CreateTime }}</td>
	<td>{{ item.Nums }}</td>
	<td>
		<a class="sys_btn_a" @click="rootHandler('preview')" href="javascript:;">鏌ョ湅鏁版嵁鏉′欢</a>
		<a :href="location.origin + '/' + item.FolderPath" class="sys_btn_a">涓嬭浇娴锋姤</a>
		<a href="#" @click.prevent="rootHandler('Delete')" class="sys_btn_a">鍒犻櫎</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/MSGwindowShow.js"></script>
<script src="{$atplPath}js/daterangepicker_x12/moment.js"></script>
<script type="text/javascript">var mylist =new Vue({el:'#app',data:{search:'',BalanceUnit:'',BalanceSymbol:'',template:1,showTemplateModal:false,agent_tips_window:false,SettleStatus:'',data:null,tableHeadArr:['椤圭洰鏍囬','浜岀淮鐮佺被鍨?, '浜岀淮鐮佹湁鏁堟湡', '妯℃澘', '鐢熸垚鏃堕棿', '鏁伴噺 ', '鎿嶄綔'],
		loveUserStatusMap: {
			'-1': '涓嶉檺',
		}
	},
	components: {
		'page-list':PageList
	},
	methods: {
		previewTemplate: function (item) {
			this.showTemplateModal = true
			this.template = item.TemplateNo
		},
		submitSearch:function(){
			var that = this;
			that.filterClick({'search': this.search});
			return false;
		},
		preview: function (item) {
			var _this = this
			$.get('/api/LoveCardProject/GetLoveCardProjectSearch?id=' + item.Id, function (data) {
				_this.agent_tips_window = true
				_this.data = data
			})
		},
		Delete: function (item, index) {
			if(!window.confirm('鎮ㄧ‘瀹氳鍒犻櫎璇ラ」鐩悧锛?)){return false;}
var that =this
$.ajax({type:'post',url:'/api/LoveCardProject/Delete',dataType:"json",contentType:"application/json;charset=utf-8",data:JSON.stringify([item.Id]),success:function () {var Data =that.{$"$refs"}.mypagelist['displayedItems'];Data.splice(index,1);}
})
},filterClick:function(obj){var that =this,key;window['keyvalues'] =$.extend(window['keyvalues'],obj,{"pageid":"1"});for(key in obj){that[key] =obj[key];}
var prefix ='$'
this[prefix + 'refs'].mypagelist.getNewData();},mapCurrentData:function(Data){for(var i=0;i<Data.length;i++){Data[i].key =Data[i].Id;if(!!Data[i].CreateTime){Data[i].CreateTime =moment(Data[i].CreateTime).format('YYYY-MM-DD HH:mm:ss');}
}
return Data;}
},created:function () {var that =this;$('#app').show();}
});</script>