scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							{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%;
		}
	}

	#layuiadmin-app-form-list {
		padding: 1% 2%;
	}

	.layui-form-label {
		width: 20%;
	}

	.layui-input {
		border: none;
		outline: none;
	}

	.layui-input-inline-bottom {
		border-bottom: 1px solid #D4E4ED;
	}

	.flex-center {
		display: flex;
		align-items: center;
	}

	.border {
		border: 1px solid #D4E4ED;
		padding-right: 10px;
		border-radius: 5px;
	}

	.layui-form-radio>i:hover,
	.layui-form-radioed>i {
		color: #249EFB;
	}

	.layui-form-radioed {
		color: #249EFB;
	}

	.layui-tab-card>.layui-tab-title {
		background-color: #fff;
	}

	.layui-tab-card {
		border-radius: 10px;
		box-shadow: none;
		border: none;
	}

	.layui-form-label {
		color: #8A9AAA;
	}

	.layui-input::placeholder {
		color: #9DB6CF;
	}

	.layui-tab-card>.layui-tab-title .layui-this {
		background-color: #249EFB;
		color: #fff;
	}

	.layui-tab-card>.layui-tab-title .layui-this:after {
		border-bottom: none;
		border: none;
	}

	.layui-tab-card>.layui-tab-title li {
		background-color: #F2F2F2;
		margin: 0px 5px;
	}

	.layui-anim.layui-icon {
		font-size: 18px;
	}
</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">
			<div class="layui-form-item">
				<div class="layui-tab layui-tab-card">
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="layui-form-item">
								<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>活动名称</label>
								<div class="layui-input-inline layui-input-inline-bottom" style="width: 380px;">
									<input type="text" id="activiteTitle" name="title" value="{$data.title}" lay-verify="required"
										placeholder="请输入活动名称" autocomplete="off" class="layui-input"
										style="max-width: 500px;">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label"><i style="color:red;">*&nbsp;</i>活动时间</label>
								<div class="layui-input-inline flex-center border">
									<input type="text" name="start_date" id="start_date" value="{$data.start_date}" placeholder="选择活动开始日期"
										autocomplete="off" class="layui-input">
									<img src="__STATIC__/img/bg-calendar.png" alt="日历" width="14px" height="14px">
								</div>
								<div class="layui-form-mid">-</div>
								<div class="layui-input-inline flex-center border">
									<input type="text" name="end_date" id="end_date" value="{$data.end_date}" placeholder="选择活动结束日期"
										autocomplete="off" class="layui-input">
									<img src="__STATIC__/img/bg-calendar.png" alt="日历" width="14px" height="14px">
								</div>
							</div>
							<input type="hidden" value="{$data.id}" name="id">
							<input type="button" style="margin-left:24%;height:38px;" lay-submit
								class="layui-btn layui-btn-normal" lay-filter="activity-submit" id="activity-submit"
								value="确认">
							<button type="button"
								class="layui-btn layui-btn-primary layui-border-black plr20 cancel">取消</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form', 'upload', 'laydate'], function () {
		var form = layui.form,
			upload = layui.upload,
			laydate = layui.laydate,
			$ = layui.jquery,
			loadingIndex = null;

		form.render();
		/* 监听提交 */
		form.on('submit(activity-submit)', function (obj) {
			var index = parent.layer.getFrameIndex(window.name);
			var formData = new FormData(obj.form);
			let startDate = $("#start_date").val();
			let endDate = $("#end_date").val();
			if (!startDate || !endDate) {
				layer.msg('请选择活动开始时间和结束时间', {
					anim: 0
					,time: 2000
				});
				return false;
			}
			if (startDate && endDate) {
				if (new Date(endDate).getTime() < new Date(startDate).getTime()) {
					layer.msg('结束日期不能小于开始日期', {
						anim: 0
						,time: 2000
					});
					return false;
				}
			}
			loadingIndex = layer.load('Loading...', {
				shade: [0.6,'#000'] //0.1透明度的白色背景
			});
			$.ajax({
				url: '{:url("wechatActivity/save")}',
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function (res) {
					if (res.code === 0) {
						layer.close(loadingIndex);
						layer.msg(res.msg, {
							anim: 0
							, time: 2000
						}, function () {
							parent.layui.table.reload('company-activity'); //重载表格
							parent.layer.close(index); //再执行关闭
						});
					} else {
						layer.close(loadingIndex);
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				}
			});
			return false;
		});

		$('.cancel').click(function () {
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		})

		//日期范围
		laydate.render({
			elem: '#start_date',
			trigger: 'click'//呼出事件改成click
		});

		laydate.render({
			elem: '#end_date',
			trigger: 'click'//呼出事件改成click
		});

	});
</script>
{/block}