{$platform}-{$SiteName}

鏄电О

鎬у埆

鐢熸棩

鍦板尯

寰俊鍙?/div>

寰俊浜岀淮鐮?/div>

鐐瑰嚮涓婁紶

涓婚〉鑳屾櫙鍥?/div>

涓婚〉浠嬬粛

<div class="btn fz32" @click="submit">鎻愪氦</div>
	</div>
	<van-popup style="background: #f7f7f7;" v-model="showBgModal" position="bottom" closeable>
		<div class="bg-modal">
			<div class="bg-title">閫夋嫨涓婚〉鑳屾櫙鍥?/div>
			<div class="bg-list">
				<div
					v-for="item in imgList"
					class="item"
					@click="data.BackgroundFile = item.url"
				>
					<div
						class="img"
						:class="{active: data.BackgroundFile === item.url}"
						:style="{backgroundImage: 'url(' + item.url + ')'}"
					>
						<van-icon v-if="data.BackgroundFile === item.url" class="icon" name="checked" size="0.533rem" color="#FF3E66"></van-icon>
					</div>
					<div class="name fz28 text-333">{{ item.name }}</div>
				</div>
				<div class="item custom" @click="oneupload('BackgroundFile', 3.75)">
					<div
						class="img"
						:class="{active: isCustomUrl}"
						:style="{backgroundImage: isCustomUrl ? 'url(' + data.BackgroundFile + ')' : undefined}"
					>
						<img v-show="!isCustomUrl" src="{$Default_tplPath}images/livebroadcost/icons/add-img.png" alt="">
					</div>
					<div class="name fz28 text-333">鑷畾涔夎儗鏅?/div>
				</div>
			</div>
		</div>
	</van-popup>
	{$bottom$}
	<div style="height:60px;"></div>
	<div class="footer_job transparent">
		<ul>
			<li>
				<a href="/video/videolist">
					<i class="autoData" style="background-image: url({$Default_tplPath}images/livebroadcost/icons/home-active-icon.png);"></i>
					棣栭〉
				</a>
			</li>
			<li>
				<a href="/video/videohotlist">
					<i class="autoData" style="background-image: url({$Default_tplPath}images/livebroadcost/icons/hot-icon.png);"></i>
					鐑棬
				</a>
			</li>
			<li>
				<a href="/memberlivebroadcost/addvideo" class="footer-camera-icon">
					<img src="{$Default_tplPath}images/livebroadcost/icons/camera-icon.png" alt="">
				</a>
			</li>
			<li>
				<a href="/video/rank">
					<i class="autoData" style="background-image: url({$Default_tplPath}images/livebroadcost/icons/rank-icon.png);"></i>
					鎺掕
				</a>
			</li>
			<li class="on">
				<a href="/memberlivebroadcost/homepage">
					<i class="autoData" style="background-image: url({$Default_tplPath}images/livebroadcost/icons/my-active-icon.png);"></i>
					鎴戠殑
				</a>
			</li>
		</ul>
	</div>
</div>
<script src="{$Default_tplPath}/js/flexible.js"></script>
<script src="{$Default_tplPath}js/vue/es6-promise.auto.min.js"></script>
<script src="{$Default_tplPath}js/vue/axios.min.js"></script>
<script src="{$Default_tplPath}/js/vue/vue.min.js"></script>
<script src="{$Default_tplPath}/js/vue/vant.min.js"></script>

<div class="cropper_container" id="cropper_container" style="display:none;">
	<div><img id="cropper_image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="" /></div>
</div>
<div class="cropper_container_btn" id="cropper_container_btn" style="display:none;">
	<ul class="newC">
		<li class="menu1" onClick="cropAndUpload_scaleX();">宸﹀彸鍙樻崲</li>
		<li class="menu2" onClick="cropAndUpload_scaleY();">涓婁笅鍙樻崲</li>
		<li class="menu3" onClick="cropAndUpload_rotate();">鏃嬭浆90掳</li>
	</ul>
	<ul>
		<li><button class="comn-submit btn_block btn_block_gray" type="button" onClick="Cancel_dan_cropper();">閲嶉€夌収鐗?/button></li>
		<li><button class="comn-submit btn_block" type="button" onClick="cropAndUpload_danzhang();">纭畾涓婁紶</button></li>
	</ul>
</div>
<div style="display:none;">
	<input type="file" id="cropper_form_imgFile" onChange="Upload_dan_cropper_handler(event)" />
</div>

<div class="mask" id="mask" style="display:none;"></div>
<script type="text/javascript" src="{$Default_tplPath}js/vue/es6-promise.auto.min.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/vue/axios.min.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/vue/vue.min.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/purl.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/jquery.cookie.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/form_2018.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/houseCategory.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/json2.js?{$CacheHash}"></script>
<script type="text/javascript" src="{$Default_tplPath}js/Datedropper3/datedropper.js"></script>
<script src="{$Default_tplPath}js/mobileSelect.min.js"></script>

<script type="text/javascript" src="{$Default_tplPath}js/jquery.form.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/cropper/bootstrap.min.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/cropper/cropper.min.js"></script>
<script type="text/javascript" src="{$Default_tplPath}js/upLoadImg2020_danzhang_cropper_wap.js?{$CacheHash}"></script>
<script>
$(function () {
	Vue.use(vant.Popup)
	window['fileForm'] = {//鍗曞紶瑁佸壀
		Secene:1,
		ThirdId:'',
		fileBase64:'',
		OImage:{X:0,Y:0,Width:300,Height:300}
	};
	var siteUrl = '{$SiteUrl}';
	window['siteUrl']  = '{$SiteUrl}';
	window['Default_tplPath']= '{$Default_tplPath}';
	var mypage = new Vue({
		el: '.wrapper',
		data: {
			showBgModal: false,
			jiguanProvince:0,
			jiguanCity:0,
			jiguanCounty:0,
			jiguanProvinceName:'璇烽€夋嫨',
			jiguanCityName:'璇烽€夋嫨',
			jiguanCountyName:'璇烽€夋嫨',
			cropper_for_name: '',
			imgList: [
				{url: Default_tplPath + 'images/livebroadcost/bg1.png', name: '鍐呯疆鑳屾櫙1'},
				{url: Default_tplPath + 'images/livebroadcost/bg2.png', name: '鍐呯疆鑳屾櫙2'},
				{url: Default_tplPath + 'images/livebroadcost/bg3.png', name: '鍐呯疆鑳屾櫙3'},
				{url: Default_tplPath + 'images/livebroadcost/bg4.png', name: '鍐呯疆鑳屾櫙4'},
			],
			data: {}
		},
		watch: {
			jiguanCity:function(){
				this.getDistricts();
			},
			'data.BackgroundFile': function () {
				this.showBgModal = false
			}
		},
		created: function () {
			this.getData()
		},
		computed: {
			isCustomUrl: function () {
				return (this.data.BackgroundFile || '').indexOf('/livebroadcost/bg') === -1
			},
			address: function () {
				return this.jiguanProvinceName + '-' + this.jiguanCityName + '-' + this.jiguanCountyName
			},
			birthDayName: function () {
				var data = this.data
				if (!data.BirthYear) return '璇烽€夋嫨'
				return data.BirthYear + '骞? + data.BirthMonth + '鏈? + data.BirthDate + '鏃?
			}
		},
		methods: {
			submit: function () {
				if (this.loading) return
				var _this = this
				if (!(this.data.UserName || '').trim()) return vant.Toast('璇疯緭鍏ユ樀绉?)
				this.loading = true
				// axios.post('/api/User/Update', {
				// 	ChrPic: this.data.UserHeadPic,
				// 	Chrname: this.data.UserName,
				// 	Userid: this.data.UserId
				// })
				axios.post('/api/LiveBroadcostHomePage/MemberUpdateHomePageInfo', this.data).then(function (res) {
					_this.loading = false
					var data = res.data
					if (data.iserror) return vant.Toast(data.data)
					vant.Toast('鎻愪氦鎴愬姛!')
					setTimeout(function () {
						history.back()
					}, 1000)
				}).catch(function () {
					_this.loading = false
				})
			},
			getData: function () {
				var _this = this
				axios.get('/api/LiveBroadcostHomePage/GetMemberHomePageInfo').then(function (res) {
					_this.data = res.data
					console.log(_this.data)
					var positionArr = (_this.data.Area || '').split(',')
					_this.jiguanProvince = positionArr[0] ? parseInt(positionArr[0]) : 0
					_this.jiguanCity = positionArr[1] ? parseInt(positionArr[1]) + '' : 0
					_this.jiguanCounty = positionArr[2] ? parseInt(positionArr[2]) + '' : 0
					// _this.data.BirthYear = _this.data.BirthYear || 1990
					// _this.data.BirthMonth = _this.data.BirthMonth || 1
					// _this.data.BirthDate = _this.data.BirthDate || 1
					_this.setmobileSelect();
					if (!_this.data.BackgroundFile) {
						_this.data.BackgroundFile = '{$Default_tplPath}images/livebroadcost/bg1.png'
					}
				})
			},
			setmobileSelect:function(){
				var that=this;
				that.getProvince();
				var yearArr=[],yearIndex=50;
				for(var year = 1940,year_i=0;year<new Date().getFullYear();year++){
					var obj = {};
					if(parseInt(that.data.BirthYear)===year){
						yearIndex = year_i;
					}
					obj.id=year;
					obj.value = year+'骞?;
					yearArr.push(obj);
					year_i++;
				}
				var monthArr=[],monthIndex=0;
				for(var month = 1,month_i=0;month<13;month++){
					var obj = {};
					if(parseInt(that.BirthMonth)===month){
						monthIndex = month_i;
					}
					obj.id=month;
					obj.value = month+'鏈?;
					monthArr.push(obj);
					month_i++;
				}
				var dayArr=[],dayIndex=0;
				for(var day = 1,day_i=0;day<32;day++){
					var obj = {};
					if(parseInt(that.BirthDate)===day){
						dayIndex = day_i;
					}
					obj.id=day;
					obj.value = day+'鏃?;
					dayArr.push(obj);
					day_i++;
				}
				window['mobileSelect3'] = new MobileSelect({
					trigger: '#trigger_birthDay',
					title: '璇烽€夋嫨',
					wheels: [{data:yearArr},{data:monthArr},{data:dayArr}],
					position:[yearIndex,monthIndex,dayIndex],
					connector:'',
					ensureBtnColor:'#5cc55c',
					transitionEnd:function(indexArr, data){
					},
					callback:function(indexArr, data){
						that.data.BirthYear = data[0].id;
						that.data.BirthMonth =  data[1].id;
						that.data.BirthDate =  data[2].id;
						/*that.shuxiang = that.yeart(that.birthYear);
						that.constellation = that.getAstro(that.birthMonth,that.birthDate)+'搴?;*/
					}
				});
				new MobileSelect({
					trigger: '#sex',
					title: '璇烽€夋嫨',
					wheels: [{data: [{id: 0, value: '鍏堢敓'}, {id: 1, value: '濂冲＋'}]}],
					connector:'',
					ensureBtnColor:'#5cc55c',
					transitionEnd:function(indexArr, data){
					},
					callback:function(indexArr, data){
						that.data.Sex = data[0].id;
					}
				});
			},
			/*缁戝畾涓婁紶鍗曞紶瑁佸壀鍥剧墖浜嬩欢*/
			oneupload:function(for_name, ratio){
				this.cropper_for_name = for_name
				Upload_dan_cropper(ratio || 1);
			},
			reupload:function(forname){
				var that = this;
				that[forname]='';
			},
			getCity:function(province,isReady){//isReady浼爐rue褰撳墠鏄〉闈㈠垵濮嬪寲锛屽己鍒跺姞杞戒簩绾?
				var that = this,url='/api/Region/GetAllCities?province='+province;
				if(!isReady && that.jiguanProvince===province){return false;}
				that.jiguanProvince = province;
				axios.get(url).then(function(res){
					if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
						return;
					}
					var Data = res.data,arr=[];
					for(var i=0;i<Data.length;i++){
						var obj = {};
						obj.id = Data[i].Value;
						obj.value = Data[i].Name;
						arr.push(obj);
					}
					window['mobileSelect'].updateWheel(1,arr);
					if(!isReady || (!!isReady && that.jiguanCity===0)){
						that.jiguanCity = arr[0].id;
					}
					that.setSelectIndex(arr,that.jiguanCity,1,'jiguanCityName','mobileSelect');
				});
			},
			getDistricts:function(){
				var that = this,url='/api/Region/GetAllAreas?city='+that.jiguanCity;
				axios.get(url).then(function(res){
					if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
						return;
					}
					var Data = res.data,arr=[];
					for(var i=0;i<Data.length;i++){
						var obj = {};
						obj.id = Data[i].Value;
						obj.value = Data[i].Name;
						arr.push(obj);
					}
					setTimeout(function(){
						window['mobileSelect'].updateWheel(2,arr);
						var result = false;
						for(var i=0; i<arr.length;i++){
							if(arr[i].id==that.jiguanCounty){
								result=true;
								break;
							}
						}
						if(!result){
							that.jiguanCounty = arr[0].id;
						}
						that.setSelectIndex(arr,that.jiguanCounty,2,'jiguanCountyName','mobileSelect');
					},300);
				});
			},
			getProvince:function(){
				var that = this,url='/api/Region/GetAllProvinces';
				axios.get(url).then(function(res){
					if(typeof res.data.iserror !== 'undefined' && res.data.iserror === 1){
						return;
					}
					var Data = res.data,dataArr=[];
					for(var i=0;i<Data.length;i++){
						var obj = {};
						obj.id = Data[i].Value;
						obj.value = Data[i].Name;
						dataArr.push(obj);
					}
					window['mobileSelect'] = new MobileSelect({
						trigger: '#trigger_area',
						title: '璇烽€夋嫨',
						wheels: [{data:dataArr},{data:[{id:0,value:'璇烽€夋嫨'}]},{data:[{id:0,value:'璇烽€夋嫨'}]}],
						position:[0,0,0],
						connector:'-',
						ensureBtnColor:'#5cc55c',
						transitionEnd:function(indexArr, data){
							that.getCity(data[0].id);
							if(typeof data[1] !== 'undefined'){that.jiguanCity = data[1].id;}
							if(typeof data[2] !== 'undefined'){that.jiguanCounty = data[2].id;}
						},
						callback:function(indexArr, data){
							that.data.Area = that.jiguanProvince + ',' + that.jiguanCity + ',' + that.jiguanCounty
						}
					});
					var c_id=that.jiguanProvince!==0?that.jiguanProvince:dataArr[0].id;
					that.getCity(c_id,true);
					that.setSelectIndex(dataArr,c_id,0,'jiguanProvinceName','mobileSelect');
				}).catch(function(err){console.log(err);});
			},
			setSelectIndex:function(arr,cid,index,forname,zujianname){
				var that = this;
				for(var i=0;i<arr.length;i++){
					if(arr[i].id==cid){
						window[zujianname].locatePostion(index,i);
						that[forname]=arr[i].value;
						break;
					}
				}
			},
		}
	})

/* 鍗曞紶瑁佸壀灏侀潰涓婁紶 */
	window['aspectRatio'] = 1;//瑁佸壀灏哄
	window['cropSize'] = {width:'300',height:'300'};
	window.cropperSuccess = function cropperSuccess(data){//瑁佸壀涓婁紶鎴愬姛鍥炶皟鍑芥暟
		mypage.data[mypage.cropper_for_name] = data.OImageUrl;
	}
})
</script>
</body>
</html>