{layout name="layout" /}
<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">
  <input type="hidden" name="id" value="{$data.id}" />
  	<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" {$data.ishot==1?'selected':''}>热门活动</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" value="{$data.title|trim}" class="layui-input" lay-verify="required|title" required placeholder="请输入标题" autocomplete="off">
    </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']}" {if condition="$data.cource_id eq $vv['id']"}selected{/if}>{$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']}" {if condition="$data.default_staff_id eq $vv['id']"}selected{/if}>{$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']}"  {if condition="$data.affiliation_shop_code eq $vv['shop_code']"}selected{/if}>{$vv['shop_name']}</option>
          {/volist}
      </select>
    </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">{$data.content}</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><br/>
		<img src="__PUBLIC__/uploads/{$data.index_img}" id="indeximginput"  height="120" style="margin-top:10px;" class="{$data.index_img?'':'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><br/>
		<img src="__PUBLIC__/uploads/{$data.hot_img}"  id="hotimginput"  height="120" style="margin-top:10px;" class="{$data.hot_img?'':'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><br/>
		<img src="__PUBLIC__/uploads/{$data.share_img}"  id="shareimginput" height="120" style="margin-top:10px;" class="{$data.share_img?'':'display'}"/>
	</div>
  <div class="layui-form-item" pane> 
  <label class="layui-form-label" >二维码分享背景图片<br/><span class="imgsize">宽{$imgsize['shareqr'][0]}px*高{$imgsize['shareqr'][1]}px</span></label>
  <button type="button" class="layui-btn" id="shareqrimg" >
    <i class="layui-icon">&#xe67c;</i>上传图片
  </button>
  <img src="__PUBLIC__/uploads/{$data.shareqr_img}"  id="shareqrimginput"   height="120" style="margin-top:10px;" class="{$data.shareqr_img?'':'display'}"/>
</div>
  <div class="layui-form-item">
    <label class="layui-form-label">分享积分奖励</label>
    <div class="layui-input-inline">
      <input type="text" name="sharescore" value="{$data.share_score}" class="layui-input"  lay-verify="" 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="{$data.share_title}" 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">{$data.share_content}</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" value="{$data.start_time|substr=0,10}" 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" value="{$data.end_time|substr=0,10}" 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">
    <label class="layui-form-label" >排序数字</label>
    <div class="layui-input-inline">
      <input type="text" class="layui-input" value="{$data.order_num}"  name="ordernum" id="ordernum" onkeyup='this.value=this.value.replace(/\D/gi,"")'>
    </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" style="height:100px">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary back">返回活动列表</button>
    </div>
  </div>
<!--   <input type="hidden" name="couponid" value="{$data.couponid}" /> -->
</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')}";
})


//优惠券信息
var coupons = {$coupons|json_encode};

// 实例化编辑器
var ue = UE.getEditor('editor',{
	initialFrameWidth :800,//设置编辑器宽度
	initialFrameHeight:520,//设置编辑器高度
	scaleEnabled:true,//设置不自动调整高度
	//scaleEnabled {Boolean} [默认值：false]//是否可以拉伸长高，(设置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',
      choose: function(datas){ //选择日期完毕的回调
    	  alert(1)
       /*    end.min = datas; //开始日选好后，重置结束日的最小日期
          end.start = datas //将结束日的初始值设定为开始日 */
     }
    });
  });
  
})

layui.use('form', function(){
  var form = layui.form;
  //自定义验证规则
  form.verify({
    title: function(value){
      if(value.length < 2){
        return '标题也太短了吧';
      }
    }
    ,pass: [/(.+){6,50}$/, '密码必须6到50位']
  });
  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);  
	$.ajax({
		type:"post",
		url:"{:url('vip/activity/edit')}",
		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('修改失败', {
			    icon: 2,
			});
		}
		return false;
	}})
    return false;
  });
});


//图片显示
$("#imginput,#shareimginput").on('change',function(){
	imgbox = 'imgbox';
	if($(this).attr('id')=='shareimginput'){
		imgbox = 'shareimgbox';
	}
	imgView(this,imgbox);
});

// 图片显示处理函数
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('请上传正确图片类型文件');
			return;
		}
		// 读取完成
		reader.onload = function(e){
			// 获取图片dom
			var img = document.getElementById(imgbox);
			// 图片路径设置为读取的图片
			img.src = e.target.result;
			$("#"+imgbox).show();
		};
		reader.readAsDataURL(file);
	}
	
} 
</script>
</body>
</html>