mashangyoujiu/Application/Retail/View/Wxconfig/alert.html

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>弹出层</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/user/css/management.css" />
		<style>
			section {
				display: flex;
				align-items: center;
				box-sizing: border-box;
				padding: 10px 30px;
				font-size: 15px;
			}
			
			.alertLeft {
				width: 25%;
			}
			
			.Symbol {
				color: red;
			}
			
			.alertRight {
				width: 75%;
			}
			
			.alertRight input {
				box-sizing: border-box;
				padding: 10px 0;
				width: 100%;
				height: 40px;
				border-radius: 8px;
				box-sizing: border-box;
				padding: 0 10px;
				border: none;
				outline: none;
				border: 1px solid #E3E3E3;
			}
			
			.ActivityRemarks {
				width: 100%;
				max-width: 100%;
				height: 100px;
				max-height: 250px;
			}
			
			textarea {
				box-sizing: border-box;
				padding: 10px 0;
				border: 1px solid #E3E3E3;
				border-radius: 8px;
			}
			
			select {
				width: 50%;
				height: 40px;
				border: none;
				outline: none;
				border: 1px solid #E3E3E3;
				border-radius: 8px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				padding: 0 10px;
				background: url(images/radar2.png) no-repeat scroll right center transparent;
				background-size: 20px 20px;
			}
			
			select::-ms-expand {
				display: none;
			}
			
			.group_btn {
				float: right;
				box-sizing: border-box;
				padding: 6px 20px;
				background: #fff;
				border-radius: 5px;
				margin-left: 15px;
				outline: none;
			}
			
			.Preservation {
				border: 1px solid #009688;
				color: #009688;
			}
			
			.cancel {
				border: 1px solid #979797;
				color: #979797;
			}
			
			.btn_group {
				overflow: hidden;
				box-sizing: border-box;
				padding: 0 30px;
				margin-top: 30px;
			}


		</style>
	</head>

	<body>
	<form id="forms">
		<i class="fa fa-home fa-fw"></i>
		<section>
			<div class="alertLeft">
				<span class="Symbol">*</span>
				<span>活动名称:</span>
			</div>
			<div class="alertRight">
				<input type="text" name="title" value="{$content.title}" class="ActivityName">
				<input type="hidden" name="id" value="{$content.id}">
			</div>
		</section>
		<section>
			<div class="alertLeft">
				<span class="Symbol">*</span>
				<span>起始时间:</span>
			</div>
			<div class="alertRight">
				<input type="text" name="start_time" class="start test-item" placeholder="起始时间" <notempty name="content">value="{$content.start_time|date='Y-m-d',###}"</notempty>>
			</div>
		</section>
		<section>
			<div class="alertLeft">
				<span class="Symbol">*</span>
				<span>终止时间:</span>
			</div>
			<div class="alertRight">
				<input type="text" class="end test-item" name="end_time" placeholder="终止时间" <notempty name="content">value="{$content.end_time|date='Y-m-d',###}"</notempty>>
			</div>
		</section>
		<section>
			<div class="alertLeft">
				<span class="Symbol">*</span>
				<span>卡劵展示:</span>
			</div>
			<div class="alertRight">
				<select name="card_id" class="card_id" id="CardCoupons">
					<option value="0">请选择</option>
					<notempty name="wxmercard">
						<option <if condition="$wxmercard eq $content['card_id']">selected="selected"</if> value="{$wxmercard}">微信会员卡</option>
					</notempty>
					<volist name="wxcard" id="item">
						<option <if condition="$item['card_id'] eq $content['card_id']">selected="selected"</if>  value="{$item.card_id}">{$item.title}</option>
					</volist>
				</select>
			</div>
		</section>
		<section style="align-items:flex-start">
			<div class="alertLeft">
				<span class="Symbol">*</span>
				<span>活动备注:</span>
			</div>
			<div class="alertRight">
				<textarea name="remark" id="" class="ActivityRemarks">{$content.remark}</textarea>
			</div>
		</section>
		<div style="width: 100%;display: flex;justify-content: center;">
			<button type="button" class="layui-btn addpaycard">提交</button>
			<button class="layui-btn layui-btn-primary cancel">取消</button>
		</div>
	</form>
	</body>
	<script src="__PUBLIC__/user/js/jquery.min.js"></script>
	<script src="__PUBLIC__/layui/layui.js"></script>

	<script>
		$('.cancel').click(function () {
			parent.layer.closeAll();
        })
		$('.addpaycard').click(function () {
		    var ActivityName = $('.ActivityName').val();
		    var start_time = $('.start').val();
		    var end_time = $('.end').val();
		    var card_id = $('.card_id').val();
		    var remark = $('.remark').val();
			if($.trim(ActivityName)==""){
				layer.alert('活动名称不能为空');
				return ;
			}
            if($.trim(start_time)==""){
                layer.alert('请设置开始时间');
                return ;
            }
            if($.trim(end_time)==""){
                layer.alert('请设置结束时间');
                return ;
            }
            if($.trim(card_id)==""){
                layer.alert('请选择卡券');
                return ;
            }
		    var fromser = $('#forms').serialize();
			$.ajax({
				url:"{:U('addconfig')}",
				type:"post",
				data:fromser,
				success:function (re) {
					if(re.status){
						layer.msg(re.msg,function () {
							parent.layer.closeAll();
                        });
					}else{
						layer.msg(re.msg);
					}
                }
			})
		})
		layui.use(['laydate','layer'], function() {
			var laydate = layui.laydate;
			var layer = layui.layer;
			// 选择时间
			lay('.test-item').each(function() {
				laydate.render({
					elem: this,
					theme: '#F79767',
					trigger: 'click'
				});
			});
		});
	</script>

</html>