{layout name="layout" /}
<link rel="stylesheet" href="__PUBLIC__/admin/wedit/css/myedit.css">
<style>
a ,a:hover{
    color: #fff;
    text-decoration: none;
}
.set_con {
    width: 100%;
    height: auto;
    float: left;
    background-color: #fff;
    min-width: 1130px;
    overflow: auto;
    box-sizing: border-box;
    padding-left: 50px;
}
.layui-form-item {
    /* margin-bottom: 15px; */
    clear: both;
    margin: 10px 0;
    float: left;
}
.layui-input, .layui-textarea {
    width: 190px;
}
#if_con {
    overflow: auto;
	background:#fff;
}
.display{ display:none}
#editor{
	width:800px;
	height:500px;
}
.height590{
	height:590px
}
.w-e-text {
    padding: 0 10px;
    overflow-y: inherit !important;
}
input#filebtn {
    position: absolute;
    width: 70px;
    left: 6px;
    height: 20px;
    z-index: 1;
}
.layui-form-checkbox {
    margin-bottom: 2px;
}
.edit-content video,.phoneWinView video{
	height: 200px;
	background:#000;
}
.cheight {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #23b7e5;
    margin-top: 5px;
	display:none;
}
.phoneWin .panel:hover {
    border: 0;
    background: rgba(58, 243, 255, 0.10);
}
.phoneWin .panel {
    border:0;
}
 
.phoneWin .panel:hover {
    border: 0;
    background: #f1f1f1;
}
.w-e-text p, .w-e-text h1, .w-e-text h2, .w-e-text h3, .w-e-text h4, .w-e-text h5, .w-e-text table, .w-e-text pre {
    padding: 10px 0;
    line-height: 1.5;
}
.phoneWin .edit-content {
    margin-top: 0px;
}
.noborder{
    border: 0;
}
.layui-form-label {
    width: 100px;
}
</style>
<div class="if_wrap">
<div id="if_con">
<div class="cus-con">
	<div class="set-top">
		<div class="layui-btn"><a href="{:url('vip/activity/index');}">返回活动列表</a></div>
	</div> 
	<form class="layui-form layui-form-pane1" action="" method="post" id="addform" enctype="multipart/form-data">
			<input type="hidden" name="styledetail" value="" />

			<div class="setOther">
				<div class="layui-form-item">
					<label class="layui-form-label">活动类型</label>
					<div class="layui-input-inline">
						<select name="ishot">
							<option value="0">普通活动</option>
							<option value="1">热门活动</option>
						</select>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">可参与会员,<br>不选所有会员</label>
					<div class="layui-input-block">
					  {foreach $levels as $v}
					  <input type="checkbox" name="levelids[]" value="{$v['id']}" title="{$v['name']}">
					  {/foreach}
					  {empty name="$levels"}
					   暂无用户级别 ,立即[<a class="setlevel" style="color:#FF5722" href="{:url('vip/level/index');}">添加级别设置</a>]
					  {/empty}
					</div>
				</div>
				<div class="layui-form-item"> 
					<label class="layui-form-label" >列表展示图<br/><span class="imgsize">宽{$imgsize['index'][0]}px*高{$imgsize['index'][1]}px</span></label>
					<button type="button" class="layui-btn" id="indeximg" lay-verify="indeximgfile" required>
						<i class="layui-icon">&#xe67c;</i>上传图片
					</button>
					<img src=""  id="indeximginput"  width="150" height="120" style="margin-top:10px;" class="display"/>
				</div>
				<div class="layui-form-item"> 
					<label class="layui-form-label" >热门展示图<br/><span class="imgsize">宽{$imgsize['hot'][0]}px*高{$imgsize['hot'][1]}px</span></label>
					<button type="button" class="layui-btn" id="hotimg" lay-verify="hotimgfile" >
						<i class="layui-icon">&#xe67c;</i>上传图片
					</button>
					<img src=""  id="hotimginput"  width="150" height="120" style="margin-top:10px;" class="display"/>
				</div>
				<div class="layui-form-item" pane> 
					<label class="layui-form-label" >上传分享图片<br/><span class="imgsize">宽{$imgsize['share'][0]}px*高{$imgsize['share'][1]}px</span></label>
					<button type="button" class="layui-btn" id="shareimg" >
						<i class="layui-icon">&#xe67c;</i>上传图片
					</button>
					<img src=""  id="shareimginput" width="150" height="120" style="margin-top:10px;" class="display"/>
				</div>
			    <div class="layui-form-item">
					<label class="layui-form-label">分享积分奖励</label>
					<div class="layui-input-inline">
						<input type="text" name="sharescore" class="layui-input" value="0" lay-verify="num" placeholder="" >
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">分享介绍</label>
					<div class="layui-input-inline">
						<textarea placeholder="请输入分享时的介绍,最好保持在10-50字中间" name="sharecontent" class="layui-textarea" maxlength="100"></textarea>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">*活动开始日期</label>
					<div class="layui-input-inline">
						<input type="text" class="layui-input test-item" name="starttime" lay-verify="required|starttime|time" required readonly='readonly' id="starttime">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">*活动截止日期</label>
					<div class="layui-input-inline">
						<input type="text" class="layui-input test-item" lay-verify="required|endtime|time"   name="endtime" required readonly='readonly' id="endtime">
					</div>
				</div>
				<div class="layui-form-item" pane>
					<label class="layui-form-label">是否发布</label>
					<div class="layui-input-block">
						<input type="radio" name="status" value="0" title="暂不发布" >
						<input type="radio" name="status" value="1" title="立即发布" checked >
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label" >排序数字</label>
					<div class="layui-input-inline">
						<textarea placeholder="请输入内容" name="content"  id="editor" style="display:none"></textarea>
						<input type="text" class="layui-input"  name="ordernum" id="ordernum" value="0" lay-verify="num">
					</div>
				</div>    
		</div>
		<div class="span19">
		    <div class="widget-box">
		        <div class="widget-content" style="min-height: 584px;height:auto">
		              	<div class="win">
		              								    <div class="top panel">
							        <!-- <span class="mclose">隐藏</span> -->
							        <div class="topArea">
							        	<input type="text" name="title" placeholder="输入活动标题" class="title" lay-verify="required|title" required>
							        </div>
							    </div>
							<div class="phoneWin">

							    <div class="edit-content ctrl panel w-e-text-container" data-toolbar=".editToolbar" style="z-index:10000;"></div>
							</div>
							  <div class="cheight"></div>
						</div>
		                <div class="phoneToolbar">
		                    <div class="toolbarAttrs">
		                     <p>工具栏</p>
		                     <div class="editToolbar attr" style="border:solid 1px #ddd; display:none; width:100%; margin:15px 0;  float:left; clear:both;zoom:1;  padding:10px 0px;background:#fff;">
		                         <p style="font-size:12px; color:#3a8d76;margin:5px 0 15px 10px;">编辑器辅助工具栏：</p>
		                         <div class="fontEdit w-e-toolbar" style="width: 220px; display: block; box-sizing: border-box;"></div>
		                       
		                     </div>
							<div class="tool" style="display: block; width: 100%;float: left;">
								<div class="widget-box m0 p0">
									<div class="widget-title bg_lg">背景图库<i class="layui-icon">&#xe61a;</i></div>
									<div class="bgbody display">
										<div class="widget-content backgrounds" style="height:200px;overflow-y: auto;box-sizing:border-box; overflow:auto;">
											{foreach $bgimgs as $v}
											<div class="xx-bg-box bj" data-id="{$v.id}" data-path="__PUBLIC__/uploads/editor/{$v['img']}" style="background:url(__PUBLIC__/uploads/editor/{$v[img]}) top center no-repeat; background-size:100% 100%;"><i class="layui-icon rmbg display" title="移除左边背景" >&#x1005;</i><i class="layui-icon delbg" title="从数据库删除背景">&#xe640;</i></div>
											{/foreach}
										</div>
										<div class="widget-content upbtn">
											<button type="button" class="layui-btn" id="delBg">
												<i class="layui-icon">&#xe640;</i>清除背景
											</button>
											<button type="button" class="layui-btn" id="bgimg">
												<i class="layui-icon">&#xe67c;</i>上传图片
											</button>
										</div>
									</div>
								</div>
							</div>
							<div class="tool" style="width: 100%;float: left;">
								<div class="widget-box m0 p0">
									<div class="widget-title bg_lg">插入优惠券<i class="layui-icon">&#xe61a;</i></div>
									<div class="bgbody display" >
										<div class="widget-content couponbox" style="height:200px;overflow-y: auto;box-sizing:border-box; overflow:auto;">
											{foreach $coupons as $v}
											<div class="xx-bg-box coupon" data-id="{$v.id}" data-path="__PUBLIC__/uploads/{$v['img']}" style="background:url(__PUBLIC__/uploads/{$v[img]}) top center no-repeat; background-size:100% 100%;"><i class="layui-icon display" title="移除优惠券" >&#xe640;</i></div>
											{/foreach}
										</div>
										<div class="widget-content upbtn">
										    <a class="layui-btn" href="{:url('vip/coupon/addcoupon');}">立即创建新优惠券</a>
						 
										</div>
									</div>
								</div>
							</div>
							<div class="tool" style="width: 100%;float: left;">
								<div class="widget-box m0 p0">
									<div class="widget-title bg_lg">插入视频<i class="layui-icon">&#xe61a;</i></div>
									<div class="bgbody display" >
										<div class="widget-content videobox" style="height:200px;overflow-y: auto;box-sizing:border-box; overflow:auto;">
											{foreach $videos as $v}
											<div class="xx-bg-box video"  data-id="{$v.id}" >
												<video height="80" data-id="{$v.id}" class="vid{$v.id}">
													<source src="__PUBLIC__/uploads/video/{$v['name']}" type="video/{$v['type']}">
												</video>
												<i class="layui-icon display" title="移除视频" >&#xe640;</i>
										    </div>
											{/foreach}
										</div>
										<div class="widget-content upbtn">
											<button type="button" class="layui-btn" id="upradio">
												<i class="layui-icon">&#xe67c;</i>上传视频
											</button>
											<button type="button" class="layui-btn " id="addurl">
												<i class="layui-icon">&#xe67c;</i>插入视频地址
											</button>
										</div>
									</div>
								</div>
							</div>
		                   </div>
		                    <div id="qrcode"></div>
		                    <p style="font-size:12px;color:#999;border-top:solid 1px #ccc; margin-top:15px; padding-top:10px;">提示:虚线样式不会被显示！</p>  
		                    <!--  <a href="javascript:;" class="submit">保存并发布</a>    -->
		                     <button class="layui-btn layui-btn-danger" lay-submit lay-filter="*" id="btn">立即提交</button>
		                     <span class="layui-btn layui-btn-warm viewhtml">预览</span>
		                    <!--  <a href="javascript:;" class="layui-btn layui-btn-warm viewhtml">预览</a> -->
<!-- 		                     <button type="layui-btn" class="layui-btn layui-btn-warm viewhtml">预览</button>
 -->		                    
							<!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button> -->
		                      
		                 </div>
		        </div>
		    </div>
		</div>
</form>
</div>
</div>
<div id="videoattr" class="new_msg_div">
 	<div class="xmsgd">
	    <div class="layui-input-block" style="margin-left:0;">
	       	<span class="hjf"><small>宽度：</small><input type="text" class="layui-input" name="vwidth" id="vwidth" /></span>
			<span class="hjf"><small>高度：</small><input type="text" class="layui-input" name="vheight" id="vheight" /></span>
			<span class="hjf"><small>位置：</small>
			<select name="vposition">
				<option value='0'>居中</option>
				<option value='1'>居左</option>
				<option value='2'>居右</option>
			</select>
			</span>
	    </div>
    </div>
</div>
<script>
   var ajaxUrl = "{:url('vip/activity/upload')}";
   var _public = "__PUBLIC__";
 
</script>
<script src="__PUBLIC__/admin/wedit/js/wangEditor.js" type="text/javascript"></script>
<script src="__PUBLIC__/admin/wedit/js/myedit.js" type="text/javascript"></script>
<script>
layui.use('upload', function(){
	 var upload = layui.upload;
	console.log(upload);
	 //执行实例
	 var uploadInst = upload.render({
	   elem: '#bgimg' //绑定元素
	   ,url: "{:url('vip/activity/upload')}" //上传接口
	   ,done: function(res){
	   	var html = '<div class="xx-bg-box bj" data-id="'+res.id+'" data-path="'+res.data+'" style="background:url('+res.data+') top center no-repeat; background-size:100% 100%;"><i class="layui-icon"></i></div>';
	   	$(".backgrounds").append(html);
	   }
	   ,error: function(){
	   }
	 });
	 
	 //执行实例
	 var uploadInst = upload.render({
	   elem: '#indeximg' //绑定元素
	   ,url: "{:url('vip/activity/upload')}" //上传接口
	,auto: false
	,field: 'indeximg'
	,choose: function(obj){
		  var files = obj.pushFile();
		  obj.preview(function(index, file, result){
		    $("#indeximginput").attr('src',result).show();
		  });
		}
	 });
	 //执行实例
	 var uploadInst = upload.render({
	   elem: '#hotimg' //绑定元素
	   ,url: "{:url('vip/activity/upload')}" //上传接口
	   ,auto: false
	   ,field: 'hotimg'
	,choose: function(obj){
		  var files = obj.pushFile();
		  obj.preview(function(index, file, result){
		    $("#hotimginput").attr('src',result).show();
		  });
		}
	 });
	 //执行实例
	 var uploadInst = upload.render({
	   elem: '#shareimg' //绑定元素
	   ,url: "{:url('vip/activity/upload')}" //上传接口
	   ,auto: false
	   ,field: 'shareimg'
	,choose: function(obj){
		  var files = obj.pushFile();
		  obj.preview(function(index, file, result){
		    $("#shareimginput").attr('src',result).show();
		  });
		}
	 });
	 
	 //上传视频
	 var uploadInst = upload.render({
	   elem: '#upradio' //绑定元素
	   ,url: "{:url('vip/activity/upload')}?type=1" //上传接口
	   ,accept: "video"
	   ,exts:'mp4|wmv|ogg|MPEG4'
	   ,done: function(res){
		   
		   console.log(res); 
		   
	   	var html = '<div class="xx-bg-box video" data-id="'+res.id+'" class="vid'+res.id+'">'+
						'<video height="80" data-id="{$v.id}" class="vid{$v.id}">'+
							'<source src="'+res.data+'" type="video/'+res.type+'">'+
						'</video>'+
						'<i class="layui-icon display" title="移除视频" >&#xe640;</i>'+
			    	'</div>';
	   	$(".videobox").append(html);
	   }
	   ,error: function(res){
		   console.log(res); 
	     //请求异常回调
	   }
	 });

 
});

// 返回
$(".back").on('click',function(){
	location.href = "{:url('vip/activity/index')}";
})
layui.use('laydate', function(){
  var laydate = layui.laydate;
  //同时绑定多个
  lay('.test-item').each(function(){
    laydate.render({
      elem: this
      ,trigger: 'click',
    });
  });
  
})

layui.use('form', function(){
  var form = layui.form;
  //自定义验证规则
  form.verify({
    title: function(value){
      if(value.length < 2){
        return '标题也太短了吧';
      }
    }
    ,pass: [/(.+){6,50}$/, '密码必须6到50位']
    ,indeximgfile:function(val){
    	return $('#indeximginput').attr('src')==''?'请上传首页列表展示图':'';
    }
    ,num:[/[0-9]+/,'此项必须是数字']
    ,time:function(value){
    	 var starttime = $("#starttime").val();
         var endtime   = $("#endtime").val();
         if(starttime && endtime && starttime>endtime){
        	 return '开始时间不能小于结束时间的';
         }
    },
    starttime:function(value){
    	 var starttime = $("#starttime").val();
         if(!starttime){
        	 return '请选择活动开始时间';
         }
    },
    endtime:function(value){
   	 var endtime = $("#endtime").val();
        if(!endtime){
       	 return '请选择活动截止时间';
        }
   },
  });
  form.on('radio', function(data){
    console.log(data);
  });
  //事件监听
  form.on('select', function(data){
  	  var coupouid = $("select[name=couponid]").val();
	  if(coupouid>0){
		  for(i in coupons){
			  if(coupons[i].id==coupouid){
				  $("#couponimg").attr('src','__PUBLIC__/uploads/'+coupons[i].img); 
			  }
		  }
	  }
  	  return false;
  })
  //监听提交
  form.on('submit(*)', function(data){
	var title = $("input[name=tilie]").val();
	var style = $(".edit-content").attr('style');
	var content = $(".w-e-text").html();
	$('input[name=styledetail]').val(style);
	$('textarea[name=content]').val(content);
	var formid = document.getElementById("addform");
	var sformData = new FormData(formid);

      var viewtotal=$('#viewtotal').val();
      var regex=/[0-9]+/;
      if(viewtotal&&!regex.exec(viewtotal)){
          layer.alert('浏览次数请输入数字');return false;
      }

	$.ajax({
		type:"post",
		url:"{:url('vip/activity/add')}",
		data:sformData,
		processData: false,  // 不处理数据
		contentType:false,
		success:function(s){
		if(s.status==1){
            layer.open({
                content: '恭喜您添加成功！',
                btn: ['确认'],
                yes: function(index, layero) {
                    window.location.href="{:url('vip/activity/index')}";
                }
            });
		}else{
			 
		    msg = s.msg?s.msg:'添加失败';
			layer.msg(msg, {
			    icon: 2,
			});
		}
		return false;
	}})
    return false;
  });
});
</script>
</body>
</html>