$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 href="{$Default_tplPath}js/cropper/cropper.css" type="text/css" rel="stylesheet" />
<script src="{$Default_tplPath}js/jquery-1.10.2.min.js"></script>
<div class="wrapper_house clearfix">
	<div class="inner_sub_box" id="app">
			<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 up_img" style="position:relative; z-index:1;">
						<input type="hidden" name="ImageUrl" v-model="ImageUrl" />
						<div v-show="ImageUrl==''" @click.prevent="oneupload('ImageUrl')"><img src="{$Default_tplPath}images/upimg.png" class="upimgFileBtn imgview" alt="" /></div>
						<div class="po_re" v-show="ImageUrl!=''"><img :src="ImageUrl" /><span class="reup" @click="reupload('ImageUrl')">閲嶆柊涓婁紶</span></div>
					</div>
				</li>
				
				<li>
					<span class="txt">鏍囪瘑锛?/span>
					<div class="con">
						<input type="text" v-model="CategoryName" placeholder="璇疯緭鍏? class="int inp-form-sz inp3">
						<span class="zhu1 zhu2">鑷畾涔夋枃瀛楋紝浠呯敤浜庢柟渚垮尯鍒嗗拰绠＄悊</span>
					</div>
				</li>
				<li>
					<span class="txt">鏍囬锛?/span>
					<div class="con">
						<input type="text" v-model="Title" placeholder="璇疯緭鍏? class="int inp-form-sz inp3">
					</div>
				</li>
				<li>
					<span class="txt">鎽樿锛?/span>
					<div class="con">
						<input type="text" v-model="Summary" placeholder="璇疯緭鍏? class="int inp-form-sz inp3">
					</div>
				</li>

				<li>
					<span class="txt">閾炬帴锛?/span>
					<div class="con">
						<input type="text" v-model="Link" placeholder="璇疯緭鍏? class="int inp-form-sz inp3">
					</div>
				</li>
				<li>
					<span class="txt">鏈夋晥鏈燂細</span>
					<div class="con">
						<input type="hidden" v-model="IsForever" >
						<span class="open_close3" :class="{on:!IsForever}" @click="IsForever=false">涓存椂浜岀淮鐮侊紙30澶╁悗澶辨晥锛?/span>
						<span class="open_close3" :class="{on:IsForever}" @click="IsForever=true">姘镐箙鏈夋晥浜岀淮鐮?/span>
					</div>
				</li>

			</ul>
			<input type="button" @click="submitHandle()" value="纭鎻愪氦" class="btn-form ani">
		</div>
</div>
<!-- 瑁佸壀灏侀潰 start -->
<div class="cropper_container" id="cropper_container" style="display:none;">
	<div class="hd">
		<span class="list"><s>1</s>涓婁紶鍥剧墖</span>
		<span class="bor"></span>
		<span class="list on"><s>2</s>瑁佸壀鍥剧墖</span>
		<a href="javascript:void(0);" class="close" onClick="return Cancel_dan_cropper();"></a>
	</div>
	<div class="cropper_container_img"><img id="cropper_image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="" /></div>
	<div class="cropper_container_btn">
		<button class="comn-submit btn_block" type="button" onClick="cropAndUpload_danzhang();">纭畾涓婁紶</button>
	</div>
</div>
<div class="cropper_container_mask" id="cropper_container_mask"></div>
<div style="display:none;">
	<input type="file" id="cropper_form_imgFile" onChange="Upload_dan_cropper_handler(event)" />
</div>
<!-- 瑁佸壀灏侀潰 end -->
<script src="{$Default_tplPath}js/jquery.cookie.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/jquery.form.js"></script>
<script src="{$Default_tplPath}js/cropper/bootstrap.min.js"></script>
<script src="{$Default_tplPath}js/cropper/cropper.min.js"></script>
<script src="{$atplPath}js/vue/upLoadImg2020_danzhang_cropper.js"></script>
<script src="{$atplPath}js/MSGwindowShow.js"></script>
<script>
window['fileForm'] = {
	Secene:1,
	ThirdId:'',
	fileBase64:'',
	OImage:{X:0,Y:0,Width:300,Height:300}
};
window['Isfabu'] = true;
var mypage = new Vue({
	el: '#app',
	components: {},
	data: {
		//瑁佸壀鍥剧墖forname
		cropper_for_name:'',
		CategoryName:'',
		ImageUrl:'',
		Title:'',
		Summary:'',
		Link:'',
		IsForever:false,
		ValidDays:30
	},
	methods: {
		/*缁戝畾涓婁紶鍗曞紶瑁佸壀鍥剧墖浜嬩欢*/
		oneupload:function(for_name){
			var that = this;
			that.cropper_for_name = for_name;
			Upload_dan_cropper(); 
		},
		reupload:function(forname){
			var that = this;
			that[forname]='';
		},
		submitHandle:function(){
			var that = this,url = '/api/QRCode/Create';
			if(that.ImageUrl == "") {
				Sys_showToast({title:'璇蜂笂浼犲浘鐗囷紒'});
				return false;
			}
			if(that.Title == "") {
				Sys_showToast({title:'璇疯緭鍏ユ爣棰橈紒'});
				return false;
			}
			if(that.Summary == "") {
				Sys_showToast({title:'璇疯緭鍏ユ憳瑕侊紒'});
				return false;
			}
			if(that.Link == "") {
				Sys_showToast({title:'璇疯緭鍏ラ摼鎺ュ湴鍧€锛?});
				return false;
			}
			var obj = {
				ImageUrl:that.ImageUrl,
				CategoryName:that.CategoryName,
				Title:that.Title,
				Summary:that.Summary,
				Link:that.Link,
				IsForever:that.IsForever,
				ValidDays:that.ValidDays
			};
			$.ajax({
				url:url,
				type:"POST",
				dataType:"json",
				contentType:"application/json;charset=utf-8",
				data: JSON.stringify(obj),
				success:function(res){
					if(typeof res.iserror !== 'undefined' && res.iserror === 1){
						Sys_showToast({title:res.data});
						return;
					}
					MSGwindowShow('house','1','鎻愪氦鎴愬姛浜嗗摝锛?,'/AdminQRCode/List','',{icotype:'success',btntype:'',btntxt:'鎴戠煡閬撲簡',bd2txt:'',isCloseBtn:true});
				}
			});
		}
	},
	created: function (){
		var that = this;
	}
});
/* 鍗曞紶瑁佸壀灏侀潰涓婁紶 */
window['aspectRatio'] = 1;//瑁佸壀灏哄 
function cropperSuccess(data){//瑁佸壀涓婁紶鎴愬姛鍥炶皟鍑芥暟
	mypage[mypage.cropper_for_name] = data.OImageUrl;
}
</script>

$load("Page_Foot.htm")