scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							{extend name="public/layout" /} {block name="title"}拼团添加{/block} {block name="body"}
<style type="text/css">
	html {
		background: #fff;
	}
	body{
		min-width: 320px;
	}
	@media screen and (max-width: 450px){
		.layui-form-item{
			width: 100%;
		}
	}
</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-block">
					<input type="text" name="title" lay-verify="required" placeholder="请输入活动名称" autocomplete="off" class="layui-input" style="max-width: 400px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">活动时间</label>
				<div class="layui-input-inline">
			        <input type="text" name="start_date" id="start_date" placeholder="选择活动开始日期" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-mid">-</div>
				<div class="layui-input-inline">
			        <input type="text" name="end_date" id="end_date" placeholder="选择活动结束日期" autocomplete="off" class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux" style="color: red!important;">
					活动时间添加后不支持修改
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">拼团时限</label>
				<div class="layui-input-inline">
					<select name="hour">
						<option value="12">12小时</option>
						<option value="24">24小时</option>
						<option value="48">48小时</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">拼团人数</label>
				<div class="layui-input-inline">
					<select name="number">
						<option value="2">2人</option>
						<option value="3">3人</option>
						<option value="4">4人</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">活动主图</label>
				<div class="layui-input-inline" id="upload-drag" >
					<div class="layui-upload-drag" style="width: 250px;">
						<i class="layui-icon">&#xe681;</i>
						<p>选择封面图片</p>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">活动描述</label>
				<div class="layui-input-block">
					<textarea name="content" id="content" cols="6" rows="10" autocomplete="off" class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item layui-hide">
				<input type="button" lay-submit lay-filter="spellgroup-submit" id="spellgroup-submit" value="确认添加">
				<input type="button" lay-submit lay-filter="spellgroup-edit" id="spellgroup-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', 'laydate'], function() {
		var form = layui.form,
			upload = layui.upload,
			layedit = layui.layedit,
			laydate = layui.laydate,
			$ = layui.jquery;
		
		
		layedit.set({
			uploadImage: {
				url: '{:url("spellgroup/imgUpload")}'
			}
		});
		

		  
		var textarea = layedit.build('content', {
			'height': 500
		});
		form.render();
		/* 监听提交 */
		form.on('submit(spellgroup-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			var formData = new FormData(obj.form);
			formData.set('content', layedit.getContent(textarea));
			$.ajax({
				url: '{:url("spellgroup/addSave")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function(res) {
					if(res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
						}, function() {
							parent.layui.table.reload('spellgroup'); //重载表格
							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: 'cover',
			size: 1 * 1024,
			choose: function(obj) {
				obj.preview(function(index, file, result) {
					$('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
				});
			}
		});
		
		//日期范围
		laydate.render({
		    elem: '#start_date'
		});
		laydate.render({
		    elem: '#end_date'
		});

	});
</script>
{/block}