scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
							{extend name="public/layout" /} {block name="title"}积分兑换设置{/block} {block name="body"}
<style type="text/css">
	html {}

	body {
		min-width: 320px;
	}

	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}

	@media screen and (max-width: 450px) {
		.layui-form-item {
			width: 100%;
		}
	}

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

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

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

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

	.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;
	}

	.fontstyle {
		font-size: 15px;
	}

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

	.layui-anim.layui-icon {
		font-size: 18px;
	}

	.layui-tab-title .layui-this {
		color: #249EFB;
	}

	.layui-tab-title .layui-this:after {
		width: 50px;
		height: 4px;
		background-color: #249EFB;
		top: 36px !important;
		left: 50%;
		transform: translateX(-50%);
		border: none;
	}

	.layui-tab-title li {
		margin: 0px 5px;
	}

	.layui-tab-title {
		border-bottom: 1px solid #f5f5f5;
	}

	.labelName {
		width: 100%;
		height: 18px;
		border-left: 4px solid #249EFB;
		color: #333333;
		line-height: 18px;
		padding-left: 5px;
		margin-top: 15px;
	}

	.layui-tab-card {
		padding: 10px 40px;
	}

	.layui-card {
		box-shadow: none;
	}

	.color999 {
		color: #999;
	}

	.font12 {
		font-size: 12px;
	}
	.color222 {
        color: #222222;
    }
	.list_prize_ul{margin-left:-1.25%;}
	.list_prize_ul li{width:15.66%;margin:20px 0 0 1%;border:1px solid #ccc;border-radius: 4px;overflow: hidden;float: left;box-sizing: border-box;}
	.prize_imgs{padding: 10px;background: #ccc;position: relative;}
	.prize_imgs img{width:100%;height: 100%;}
	.prize_text{text-align: center;color:#333333;padding:10px 0;height: 40px;overflow: hidden;}
	.prize_text_bt2{margin-top:3px;}
	.integral{position: absolute;right: 0;top: 0;padding: 3px 15px;color:#fff;font-size: 14px;background:#d9001b;border-radius:0 0 0 6px;}
	.prize_edit{overflow: hidden;width:70%;margin:0 auto;}
	.prize_edit p{float: left;width:50%;text-align: center;line-height: 40px;cursor: pointer;}
	.prize_edit p:hover{color:#d9001b;}
	.prize_text02{display: none;}
	.list_prize_ul li:hover .prize_text01{display: none;}
	.list_prize_ul li:hover .prize_text02{display: block;}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<ul class="layui-tab-title">
				<li id="details"><a class="ablock" href="{:url('agents/set')}">基础信息设置</a></li>
				<li class="layui-this">积分兑换设置</li>
				<li id="details"><a class="ablock" href="{:url('agents/integral_setting')}?type=1">装修推荐官积分规则设置</a></li>
				<!-- <li id="details"><a class="ablock" href="{:url('agents/integral_setting')}?type=2">核销设置</a></li> -->
				<!-- <li id="details"><a class="ablock" href="{:url('agents/set_name')}">主题名称设置</a></li> -->
			</ul>
			<form class="layui-form" enctype="multipart/form-data">
				<div class="layui-form">
					<div class="layui-form-item">
						<div class="layui-tab-item" style="display: flex;margin:20px 0 10px;">
						    <div class="layui-form-item">
						        <label class="layui-form-label color222" style="width: 70px;"><i
						                style="color:red;">*&nbsp;</i>积分比例</label>
						        <div class="layui-input-inline flex-center" style="width: 160px;">
						            <input type="number" id="activiteTitle" name="jifen" lay-verify="required"
						                value="{$data.reduce_integral.jifen}"
						                oninput="value=value.replace(/[^0-9]/g,'')" placeholder="请输入积分"
						                autocomplete="off" min="0" max="999999999" class="layui-input"
						                style="max-width: 500px;">
									<span style="white-space: nowrap;padding: 0px 5px;">积分</span>
						        </div>
						    </div>
						    <div class="layui-form-item">
						        <label class="layui-form-label" style="width: 10px;margin-right: 15px;">==</label>
						        <div class="layui-input-inline flex-center" style="width: 160px;">
						            <input type="number" id="activiteTitle" name="money" lay-verify="required"
						                value="{$data.reduce_integral.money}"
						                oninput="value=value.replace(/[^0-9]/g,'')" placeholder="请输入金额(元)"
						                autocomplete="off" min="0" max="999999999" class="layui-input"
						                style="max-width: 500px;">
										<span style="padding: 0px 5px;">元</span>
						        </div>
						    </div>
							<div class="layui-form-item">
								<button style="display: block;margin-left:20px;" type="button" id="add_subbtn" class="layui-btn layui-btn-normals">提交</button>
							</div>
						</div>
						
						<button style="display: block;margin-left:20px;" type="button" id="add_prize" class="layui-btn layui-btn-normals">添加奖品</button>
						
						<div class="mdt20" style="width: 98%;margin: 0 auto;">
							<ul class="list_prize_ul">
								{volist name="list" id="vo"}
								<li>
									<div class="prize_imgs">
										{if $vo.img eq ''}
										<img src="__STATIC__/img/pano_b.jpg" alt="">
										{else/}
										<img src="{$vo.img}" alt="">
										{/if}
										<p class="integral">{$vo.integral}积分</p>
									</div>
									<div class="prize_text">
										<div class="prize_text01">
											<p class="prize_text_bt1">{$vo.good_name}</p>
											<p class="prize_text_bt2">{$vo.addtime}</p>
										</div>
										<div class="prize_text02">
											<div class="prize_edit">
												<p class="edit_prize" data-id="{$vo.id}">编辑</p>
												<p class="del_prize" data-id="{$vo.id}">删除</p>
											</div>
										</div>
									</div>
								</li>
								{/volist}
								
							</ul>
						</div>
						
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'upload', 'form'], function () {
		var $ = layui.$,
			upload = layui.upload,
			form = layui.form;
		
		$(window).resize(function(){
			resize();
		})
		resize();
		function resize(){
			var liwidth = $('.list_prize_ul li').eq(0).find('img').width();
			$('.list_prize_ul li .prize_imgs').css({'height':liwidth})
		}
		
		$('#add_prize').on('click',function(){
			layer.open({
			    type: 2,
			    title: ['添加奖品', 'color:#333333;background-color:#D8E6F1;'],
			    content: '{:url("agents/add_prize")}',
			    resize: false,
			    area: ['80%', '80%']
			});
		})
		$('.edit_prize').on('click', (e) => {
				let id = e.target.dataset.id;
				layer.open({
			    type: 2,
			    title: ['添加奖品', 'color:#333333;background-color:#D8E6F1;'],
			    content: '{:url("agents/edit_prize")}?id='+id,
			    resize: false,
			    area: ['80%', '80%']
			    });
				})
		$('.del_prize').on('click', (e) => {
		let id = e.target.dataset.id;
		$.ajax({
				url: '{:url("agents/del_prize")}',
				type: 'post',
				data: {id:id},
				success: function (res) {
					if (res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							, time: 2000
						}, function () {
							
						});
						location.reload();
					} else {
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				}
			});
		})

		$("#add_subbtn").on('click', (e) => {
			let jifen = $("[name=jifen]").val();
			let money = $("[name=money]").val();
			if(jifen == 0 || jifen == '' || jifen == null){
				layer.msg('积分最少为1', {
						anim: 0
					   ,time: 2000					
				})
				return false;
			}
			$.ajax({
				url: '{:url("agents/reward_integral_save")}',
				type: 'post',
				data: {jifen:jifen,money:money},
				success: function (res) {
					if (res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							, time: 2000
						}, function () {
							location.reload();
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				}
			});

		})
		
		/* 监听提交 */
		form.on('submit(activity-submit)', function (obj) {
			var formData = new FormData(obj.form);
			$.ajax({
				url: '{:url("agents/reward_integral_save")}',
				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 () {
							location.reload();
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
					}
				}
			});
		});
	});
</script>
{/block}