scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							{extend name="public/layout" /} {block name="title"}添加奖品{/block} {block name="head"} {include file="public/head"}
<style>

    html {
        background: #fff;
    }
    @media screen and (max-width: 450px){
		.layui-form-item{
			position: relative;
		}
		.layui-form-item .layui-input-inline {
			padding-right: 40px !important;
		}
		.adding {
			position: absolute;
			right: 10px;
			top: 0;
		}
	}
	.xm-label-block{
		background-color: #249efb !important;
	}
	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
	.layui-form-label{width:110px !important;}
</style>
{/block} {block name="body"}

<body>
    <form class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
		<div class="layui-form-item">
			<label class="layui-form-label"><i style="color:red;">*</i>奖品名称：</label>
			<div class="layui-input-inline">
				<input type="text" name="name" lay-verify="required" placeholder="请输入奖品名称" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><i style="color:red;">*</i>兑换积分：</label>
			<div class="layui-input-inline">
				<input type="number" name="integral" lay-verify="required" placeholder="请输入兑换积分" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><i style="color:red;">*</i>上传奖品图片：</label>
			<div class="layui-input-inline" id="upload-drag">
				<div class="layui-upload-drag">
					<i class="layui-icon">&#xe681;</i>
					<p>上传封面图片</p>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div><i style="color:red;margin-right: 5px;">*</i>建议上传封面图片宽高比例1:1，图片大小不超过1M</div>
		</div>
     
        <div class="layui-form-item ">
        <label class="layui-form-label"></label>
            <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
        </div>

    </form>
</body>
{/block}
{block name="js"}
<script src="__STATIC__/layui/layui/layui.js"></script>
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index',  'form', 'element', 'upload', 'layedit'], function () {
        var form = layui.form,
		layedit = layui.layedit,
            element = layui.element,
            upload = layui.upload,
            admin = layui.admin,
            $ = layui.jquery;
        
		upload.render({
			elem: '#upload-drag',
			accept: 'images',
			exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
			auto: false,
			field: 'img',
			size: 1 * 1024,
			choose: function(obj) {
				obj.preview(function(index, file, result) {
					$('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
				});
			}
		});
		
		
		form.on('submit(layuiadmin-app-form-submit)', function(data) {
			if (data.field.img=="" || data.field.img==null || data.field.img==undefined) {
				layer.msg('请选择封面图', {anim: 0,time: 1000,icon: 5});
				return false;
			}
			if(data.field.integral == 0 || data.field.integral == '' || data.field.integral == null){
				layer.msg('兑换积分不能为0', {anim: 0,time: 1000,icon: 5});
				return false;
			}
			var index = parent.layer.getFrameIndex(window.name);
			var formData = new FormData(data.form);
			// 单击之后提交按钮不可选,防止重复提交
			var DISABLED = 'layui-btn-disabled';
			var target = '#layuiadmin-app-form-submit';
			$(target).addClass(DISABLED);
			$(target).attr('disabled', 'disabled');
			$.ajax({
				url: '{:url("agents/add_prize")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function (res) {
					if (res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							, time: 2000
						}, function () {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.close(index);
							parent.location.reload();
						});
					} else {
						$(target).removeClass(DISABLED);
						$(target).removeAttr('disabled');
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				},
				error : function(e){
			        $(target).removeClass(DISABLED);
			        $(target).removeAttr('disabled');
	            }
			});
			
		});
        
       
    });

</script>
{/block}