{layout name="layout" /}
<link rel="stylesheet" href="__PUBLIC__/admin/item/css/layui.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;
    width: 1130px;
    margin: 10px 0;
    float: left;
}
.layui-input, .layui-textarea {
    width: 190px;
}
#if_con {
    overflow: auto;
	background:#fff;
}
</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/commend/index');}">返回投诉建议列表</a></div>
 </div>
  <div class="layui-form-item">
    <label class="layui-form-label">投诉的标题</label>
    <div class="layui-input-block">
   	 {$data.title}
    </div>
  </div>
 
	  <div class="layui-form-item"> 
	    <label class="layui-form-label" >图片</label>
	   	<div class="layui-upload layui-form-label" style="padding-left:0px;">
			<img src="__PUBLIC__/uploads/$data['imgs']}" id="imgbox" width="300" height="240" style="margin-top:10px;"/>
		</div>
	  </div>
 
  <div class="layui-form-item">
    <label class="layui-form-label">详细</label>
    <div class="layui-input-block">
	{$data.content}
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">投诉日期</label>
    <div class="layui-input-inline">
      {$data.create_time}
    </div>
  </div>
  {notempty name="$data['status']"}
  <div class="layui-form-item">
    <label class="layui-form-label" >处理日期</label>
    <div class="layui-input-inline">
	{$data.update_time}
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" >处理人员</label>
    <div class="layui-input-inline">
	{$data.check_user}
    </div>
    <div class="layui-form-mid layui-word-aux"></div>
  </div>
  {/notempty}
  <div class="layui-form-item" style="height:100px">
    <div class="layui-input-block">
      {empty name="$data['status']"}
      <button class="layui-btn" lay-submit lay-filter="*">立即设为已处理</button>
      {/empty}
      <button type="reset" class="layui-btn layui-btn-primary back">返回</button>
    </div>
  </div>
</div>
</div>
</div>
<script>
//优惠券信息
var coupons = {$coupons|json_encode};
// 返回
$(".back").on('click',function(){
	location.href = "{:url('vip/commend/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/add')}",
		data:sformData,
		processData: false,  // 不处理数据
		contentType:false,
		success:function(s){
		if(s.status==1){
			layer.msg('设置状态成功', {
			    icon: 1,
			});
		}else{
			layer.msg('设置状态失败', {
			    icon: 2,
			});
		}
		return false;
	}})
    return false;
  });
});

// 图片显示
$("#imginput").on('change',function(){
	imgView(this);
});

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