{layout name="layout" /}
<script>
    $(function(){
        $(".nul_bli").eq(6).find(".navb").addClass("active");
    })
</script>
<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;
    width: 1130px;
    margin: 10px 0;
    float: left;
}
.layui-input, .layui-textarea {
    width: 190px;
}
#if_con {
    overflow: auto;
	background:#fff;
}
.display{ display:none}
#editor{
	width:800px;
	min-height:500px;
}
.height590{
	min-height:590px
}
.layui-form-label {
    width: 100px;
}
.layui-input-block {
    margin-left: 129px;
}
.layui-form-selected dl {
    z-index: 999999;
}
</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">
	<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">名称</label>
    <div class="layui-input-block">
      <input type="text" name="title" class="layui-input" lay-verify="required|title" required placeholder="请输入标题" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">客户来源</label>
    <div class="layui-input-inline">
      <select name="cource" lay-search="">
          {volist name="courcearr" id="vv"}
            <option value="{$vv['id']},{$vv['cus_name']}">{$vv['cus_name']}</option>
          {/volist}
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">默认员工</label>
    <div class="layui-input-inline">
      <select name="staff" lay-search="">
          {volist name="staffarr" id="vv"}
            <option value="{$vv['id']},{$vv['staffname']}">{$vv['staffname']}</option>
          {/volist}
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">归属店面</label>
    <div class="layui-input-inline">
      <select name="affiliation" lay-search="">
          {volist name="shoparr" id="vv"}
            <option value="{$vv['shop_code']},{$vv['shop_name']}">{$vv['shop_name']}</option>
          {/volist}
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">允许参与的用户级别</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" href="{:url('vip/level/index');}">添加用户级别设置</a>]
      {/empty}
    </div>
    <div class="layui-form-mid layui-word-aux">不选，默认全部可看,选中后只有选中的级别用户可看</div>
  </div>
    <div class="layui-form-item ">
    <label class="layui-form-label">详细介绍</label>
    <div class="layui-input-block height590 ">
      <textarea placeholder="请输入内容" name="content"  id="editor"></textarea>
    </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"   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"  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"   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['shareqr'][0]}px*高{$imgsize['share'][1]}px</span></label>
  <button type="button" class="layui-btn" id="shareqrimg" >
    <i class="layui-icon">&#xe67c;</i>上传图片
  </button>
  <img src=""  id="shareqrimginput"   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=""  onkeyup='this.value=this.value.replace(/\D/gi,"")'>
    </div>
    <div class="layui-form-mid layui-word-aux">分享一次活动赠送的积分</div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">分享标题</label>
    <div class="layui-input-inline">
      <input type="text" name="sharetitle" class="layui-input" value="" lay-verify="" placeholder="输入分享的标题" >
    </div>
    <div class="layui-form-mid layui-word-aux">分享时显示的标题</div>
  </div>
      <div class="layui-form-item">
    <label class="layui-form-label">分享介绍</label>
    <div class="layui-input-inline">
      <textarea placeholder="请输入分享时的介绍" name="sharecontent" class="layui-textarea"></textarea>
    </div>
    <div class="layui-form-mid layui-word-aux">当分享时显示的介绍信息·</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" id="starttime" readonly="true">
    </div>
    <div class="layui-form-mid layui-word-aux">活动使用开始日期</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="endtime" id="endtime" readonly="true">
    </div>
    <div class="layui-form-mid layui-word-aux">活动截止日期</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">
      <input type="text" class="layui-input"  name="ordernum" id="ordernum" value="0" lay-verify="num" onkeyup='this.value=this.value.replace(/\D/gi,"")'>
    </div>
    <div class="layui-form-mid layui-word-aux">数字越大后台显示越靠前</div>
  </div>

  <div class="layui-form-item" style="height:100px">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*" id="btn">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/lang/zh-cn/zh-cn.js"></script>
<script>
layui.use('upload', function(){
	var upload = layui.upload;
	//执行实例
	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: '#shareqrimg' //绑定元素
     ,url: "{:url('vip/activity/upload')}" //上传接口
     ,auto: false
     ,field: 'shareqrimg'
     ,choose: function(obj){
      var files = obj.pushFile();
      obj.preview(function(index, file, result){
        $("#shareqrimginput").attr('src',result).show();
      });
    }
   });
	 
});

//返回
$(".back").on('click',function(){
	location.href = "{:url('vip/activity/index')}";
})

 
    //判断时间
    $("#btn").on('click',function(){
        var starttime = $("#starttime").val();
        var endtime = $("#endtime").val();
        var strStarTime = Date.parse(new Date(starttime));
        var strEndTime = Date.parse(new Date(endtime));
        if (strEndTime < strStarTime) {
            layer.msg('结束时间不能小于开始时间',{
                icon: 2
            });
            return false;
        }
    });
//优惠券信息
var coupons = {$coupons|json_encode};

// 实例化编辑器
var ue = UE.getEditor('editor',{
	initialFrameWidth :800,//设置编辑器宽度
	initialFrameHeight:520,//设置编辑器高度
	scaleEnabled:true,//设置不自动调整高度
	
});
UE.registerUI('combox',function(editor,uiName){
    // 注册下拉菜单时执行时的command命令
	editor.registerCommand(uiName,{
        execCommand:function(cmdName,value){
            this.execCommand('insertHtml',value);
        },
        queryCommandValue:function(){
			return this.queryCommandValue('src')
        }
    });


    //创建下拉菜单中的选项
	var items = [];
    for(var i= 0;i<coupons.length;i++){
        items.push({
            label:coupons[i].title,
            value:'<img class="coupon coupon'+coupons[i].id+'" src="/public/uploads/'+coupons[i].img+'" />',
            renderLabelHtml:function () {
                //这个是希望每个条目的字体是不同的
				return '<div class="edui-label %%-label" >' + (this.label || '') + '</div>';
            }
        });
    }

    // 创建一个下拉菜单
	var combox = new UE.ui.Combox({
        title:'插入优惠',
        //当编辑器没有焦点时，combox默认显示的内容
		initValue:'选择优惠券',
        editor:editor,
        items:items,
        onselect:function (t, index) {
        	console.log(this.items[index].value);
            editor.execCommand(uiName, this.items[index].value);
        }
    });

    // 当点到编辑内容上时，按钮要做的状态反射
	editor.addListener('selectionchange', function (type, causeByUi, uiReady) {
        if (!uiReady) {
            var state = editor.queryCommandState(uiName);
            if (state == -1) {
                combox.setDisabled(true);
            } else {
                combox.setDisabled(false);
                // 使用第一步注册的查询命令
				var value = editor.queryCommandValue(uiName);
                console.log(value);
                 if(!value){
                	var uiName= '选择优惠券';
                    combox.setValue(uiName);
                    return;
                } 
                combox.setValue(value);
            }
        }

    });

    return combox;
});
// 实例化ueditor
UE.getEditor('editor', {
    toolbars:[['combox']]
});
// 返回
$(".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位']
    //,num:[/[0-9]+/,'此项必须是数字']
  });
  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){
	title = $("input[name=tilie]").val();
	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{
			layer.msg(s.msg, {
			    icon: 2,
			});
		}
		return false;
	}})
    return false;
  });
});

// 图片显示
$("#imginput,#shareimg").on('change',function(){
	var box = $(this).attr('id');
	console.log(box);
	imgView(this,box);
});

// 图片显示处理函数
function imgView(filedom,imgbox){
	// console.log(filedom); 
	// 判断是否支持fileReader
	if(window.FileReader){
		var reader = new FileReader();
		// 获取文件
		var file = filedom.files[0];
		var imagetype = /^image\//;
		// 判断是否是图片
		console.log(file);
		console.log(file.type); 
		if(!imagetype.test(file.type)){
			//alert('请上传正确图片类型文件');
			layer.msg('请上传正确图片类型文件', {
			    icon: 2,
			});
			return;
		}
		// 读取完成
		reader.onload = function(e){
			// 获取图片dom
			var img = document.getElementById(imgbox+'box');
			// 图片路径设置为读取的图片
			img.src = e.target.result;
			$("#"+imgbox+'box').show();
		};
		reader.readAsDataURL(file);
	}
	
} 
</script>
</body>
</html>