buying/WebContent/static/web/js/act/actInfoForm.js

var id=web.getUrlVars("id");
var flag = true;
layui.define(['laydate','layer', 'form' ,'element','table'], function (exports) {
    var $ = layui.jquery,layer = layui.layer,form = layui.form,laydate = layui.laydate,element = layui.element,table = layui.table;
    web.daterange(laydate,"start_date","end_date");
    web.imageUploader('list2','picker2',function(json){
    	$('#subscribe_img').val(json.data.file_path);
	},{pick : {
		id : '#picker2',
		multiple : false
	}},'folder=act');
    web.imageUploader('list3','picker3',function(json){
    	$('#act_img').val(json.data.file_path);
	},{pick : {
		id : '#picker3',
		multiple : false
	}},'folder=act');
    $("#merchant_name").on('click', function () {
        top.web.popWin(base+"/web/merchant/merchantWin.jsp","选择商户",600,432,function(res){
            $("#merchant_id").val(res.id);
            $("#merchant_name").val(res.merchant_name);
        });
        return false;
    });

    $("#dateTable").on('click',".product_name", function () {
    	var obj = this;
        top.web.popWin(base+"/web/product/productWin.jsp","选择商品",600,432,function(res){
            $(obj).siblings(".product_id").val(res.id);
            $(obj).val(res.product_name);
        });
        return false;
    });
    element.on('tab(tabBar)', function(){
    	if(flag&&$(this).index()==2){
    		flag=false;
    		web.imageUploader('list1','picker1',function(json){
    	    	$('#share_img').val(json.data.file_path);
    		},{pick : {
    			id : '#picker1',
    			multiple : false
    		}},'folder=act');
    	}
	});
    
    var ue1 = UE.getEditor('editor1');
    if(id){
    	getById();
	}else{
		var html=[];
		for(var i=0;i<5;i++){
			html.push('<tr>');
			html.push('<td>'+web.getDictVal("prize_no",i+1)+'</td>');
			html.push('<td><input type="text" autocomplete="off" placeholder="请输入奖品名称" ');
			html.push('class="layui-input prize_name"></td>');
			html.push('<td><select class="prize_type"><option value="10">商品</option><option value="20">卡券</option></select></td>');
			html.push('<td><input type="number" autocomplete="off" placeholder="请输入奖品数量"'); 
			html.push('class="layui-input prize_num"></td>');
			html.push('<td><input type="number" autocomplete="off" placeholder="请输入中奖限制次数"');
			html.push('class="layui-input limit_num"></td>');
			html.push('<td><input type="number" autocomplete="off" placeholder="请输入中奖概率"');
			html.push('class="layui-input prize_chance" onkeyup="web.num(this)" style="display:inline-block;width:90%">%</td>');
            html.push('<td class="product-div"><input type="text" autocomplete="off" placeholder="关联商品" class="layui-input product_name popup">');
            html.push('<input type="hidden"  class="layui-input product_id"></td>');
			html.push('</tr>');
		};
		$("#dateTable tbody").html(html.join(""));
		form.render('select'); 
	}
    function getById(){
    	web.ajaxPost(base+"/actInfo/getById",{id:id},function(json){
    		web.toForm(form,json.data);
    		web.loadImage('list3',imgUrl+json.data.act_img,'','',true);
    		web.loadImage('list2',imgUrl+json.data.subscribe_img,'','',true);
    		web.loadImage('list1',imgUrl+json.data.share_img,'','',true);
    		ue1.ready(function(){
    			ue1.execCommand('insertHtml', json.data.act_desc);
    		});
    		var html=[];
    		$.each(json.data.prize,function(id,item){
    			html.push('<tr>');
    			html.push('<td>'+web.getDictVal("prize_no",item.prize_no)+'</td>');
    			html.push('<td><input type="text" autocomplete="off" placeholder="请输入奖品名称" ');
    			html.push('class="layui-input prize_name" value="'+item.prize_name+'"></td>');
    			if(item.prize_type=="10"){
    				html.push('<td><select class="prize_type"><option value="10" selected>商品</option><option value="20">卡券</option></select></td>');
    			}else{
    				html.push('<td><select class="prize_type"><option value="10">商品</option><option value="20" selected>卡券</option></select></td>');
    			}
    			html.push('<td><input type="number" autocomplete="off" placeholder="请输入奖品数量"'); 
    			html.push('class="layui-input prize_num" value="'+item.prize_num+'"></td>');
    			html.push('<td><input type="number" autocomplete="off" placeholder="请输入中奖限制次数"');
    			html.push('class="layui-input limit_num" value="'+item.limit_num+'"></td>');
    			html.push('<td><input type="number" autocomplete="off" placeholder="请输入中奖概率"');
    			html.push('class="layui-input prize_chance" onkeyup="web.num(this)" value="'+item.prize_chance+'" style="display:inline-block;width:90%">%</td>');
                html.push('<td class="product-div"><input type="text" autocomplete="off" value="'+web.nullToSpace(item.product_name)+'" placeholder="关联商品" class="layui-input product_name popup">');
                html.push('<input type="hidden" class="layui-input product_id" value="'+web.nullToSpace(item.product_id)+'"></td>');
    			html.push('</tr>');
    		});
    		$("#dateTable tbody").html(html.join(""));
    		form.render('select');
            if (json.data.act_type=="20"){
                $("#merchant-div").show();
            }else{
                $(".product-div").show();
            }
		});
	}
    //提交
    form.on('submit(form-add)', function(data){
        var param = data.field;
    	var text = UE.getEditor('editor1').getPlainTxt();
    	if($.trim(text)==""){
    		layer.msg("请输入活动说明");
    		return false;
    	}
    	if ($("#act_type").val()=="10"){
    		param.merchant_id=null;
            param.merchant_name="";
		}else{
    		if ($("#merchant_id").val()==""){
                layer.msg("请选择商户");
                return false;
			}
		}
    	var prizeList=[];
    	var total=0;
    	$("#dateTable tbody tr").each(function(){
    		var prize={};
    		prize.prize_no=$(this).index()+1;
    		prize.prize_name=$(this).find(".prize_name").val();
    		prize.prize_type=$(this).find(".prize_type").val();
    		prize.prize_num=$(this).find(".prize_num").val();
    		prize.limit_num=$(this).find(".limit_num").val();
    		prize.prize_chance=$(this).find(".prize_chance").val();
    		prize.product_id=$(this).find(".product_id").val();
    		prize.product_name=$(this).find(".product_name").val();
    		if(prize.prize_name&&prize.prize_num&&prize.limit_num&&prize.prize_chance){
    			prizeList.push(prize);
    			total+=parseFloat($(this).find(".prize_chance").val());
    		}
    	});
    	if(prizeList.length!=5){
    		layer.msg('请将活动奖品填写完整');
    		return false;
    	}
    	if(total>100){
    		layer.msg('中奖概率总和不能大于100');
    		return false;
    	}
    	if($("#share_title").val()==""||$("#share_content").val()==""||$("#share_img").val()==""){
    		layer.msg('请将分享信息填写完整');
    		return false;
    	}
    	delete param.file;
    	delete param.editorValue;
    	if(id){
    		param.id=id;
    	}
    	param.act_desc=UE.getEditor('editor1').getContent();
    	param.prize=JSON.stringify(prizeList);
    	web.ajaxPost(base+"/actInfo/save",param,function(json){
			if(json.success){
				parent.layer.msg('保存成功');
				var index = parent.layer.getFrameIndex(window.name);
				parent.$('#btn-query').click();
				parent.layer.close(index);
			}else{
				layer.msg(json.msg);
			}
		});
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    //关闭窗口
    $('#btn-close').on('click',function(){
    	var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
        return false;
    });
    $("#act_type").on("change", function () {
    	debugger;
		if ($("#act_type").val()=="20"){

		}else{

		}
    });
    form.on('select(act_type)', function(data){
        if(data.value=="20"){
            $("#merchant-div").show();
            $(".product-div").hide();
        }else{
            $("#merchant-div").hide();
            $(".product-div").show();
        }
    });
    exports('actInfoForm', {});
});