scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							{extend name="public/layout" /} {block name="title"}风格测一测图片{/block} {block name="body"}
<style type="text/css">
	html{
		background: #fff;
	}
</style>
<body>
	<form class="layui-form" id="admin" enctype="multipart/form-data">
	<div 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">封面图</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>建议上传封面图宽高比例3:5，图片大小不超过1M</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">风格</label>
			<div class="layui-input-inline">
                <select name="type">
                    {volist name="type" id="v" key="k"}
                    <option value="{$k}">{$v}</option>
                    {/volist}
                </select>
            </div>
		</div>
		<div class="layui-form-item layui-hide">
			<input type="button" lay-submit lay-filter="styleimg-submit" id="styleimg-submit" value="确认添加">
			<input type="button" lay-submit lay-filter="styleimg-edit" id="styleimg-edit" value="确认编辑">
		</div>
	</div>
	</form>
</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form','upload','layedit'], function() {
		var form = layui.form,
			upload = layui.upload,
			layedit = layui.layedit,
			$ = layui.jquery,
			loadingIndex = 0,
			loading = false;
			
		form.render();	
		/* 监听提交 */
		form.on('submit(styleimg-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
            var formData = new FormData(obj.form);
			loadingIndex = layer.load('Loading...', {
				shade: [0.6,'#000'] //0.1透明度的白色背景
			});
			if (loading) {
				return false;
			}
			loading = true;
            $.ajax({
	                url:'{:url("tool/styleTestAddSave")}',
	                type: 'post',
	                data: formData,
	                dataType: 'json',
	                processData: false,
	                contentType: false,
	                success: function (res) {
	                if (res.code === 0) {
	                    layer.msg(res.msg, {anim: 0}, function () {
							loading = false;
							layer.close(loadingIndex);
	                        parent.layui.table.reload('style-test-table'); //重载表格
	      					parent.layer.close(index); //再执行关闭
	                    });
	                } else {
	                    layer.msg(res.msg, {anim: 6});
	                }
	            }
	        });
	        return false;
		});

		//拖拽上传
		upload.render({
				elem: '#upload-drag',
				accept: 'image',
				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%;">');
					});
				}
		});

	});
</script>
{/block}