yueshengshop/app/admin/view/recommend/index.html

{extend name="base"/}
{block name="resources"}
{/block}
{block name="main"}
<div class="layui-collapse ns-tips">
	<div class="layui-colla-item">
		<h2 class="layui-colla-title">操作提示</h2>
		<ul class="layui-colla-content layui-show">
			<li>网站的首页推荐商品</li>
		</ul>
	</div>
</div>

<!-- 筛选面板 -->
<div class="ns-screen layui-collapse">
	<div class="layui-colla-item">
		<h2 class="layui-colla-title">筛选</h2>
		<form class="layui-colla-content layui-form layui-show">
			<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">商品名称：</label>
						<div class="layui-input-inline">
							<input type="text" name="goods_name" placeholder="请输入商品名称" autocomplete="off" class="layui-input">
						</div>
					</div>

					<button class="layui-btn ns-bg-color" lay-submit lay-filter="search">筛选</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>

		</form>
	</div>
</div>

<!-- 搜索框 -->
<div class="ns-single-filter-box">
	<button class="layui-btn ns-bg-color" onclick="add()">添加推荐商品</button>
</div>

<!-- 列表 -->
<table id="notice_list" lay-filter="notice_list"></table>
<script type="text/html" id="goods_image">
	<div class="ns-img-box">
		<img layer-src src="{{ns.img(d.goods_image)}}" />
	</div>
</script>
<!-- 操作 -->
<script type="teext/text/html" id="operation">
	<div class="ns-table-btn">
		<a class="layui-btn" lay-event="del">删除</a>
	</div>
</script>
{/block}
{block name="script"}
<script type="text/javascript">
	var repeat_flag = false; //防重复标识
	layui.use('form', function() {
		var table,
			form = layui.form;
		form.render();

		table = new Table({
			elem: '#notice_list',
			url: ns.url("admin/recommend/index"),
			cols: [
				[{
					width: '35%',
					title: '商品名称',
					unresize: 'false',
					field:'goods_name'
				}, {
					title: '商品主图',
					unresize: 'false',
					templet: '#goods_image',
					width: '15%'
				}, {
					width: '25%',
					title: '创建时间',
					unresize: 'false',
					templet: function(data) {
						return ns.time_to_date(data.create_time);
					}
				}, {
					title: '操作',
					width: '20%',
					unresize: 'false',
					templet: '#operation',
				}
			]]
		});

        /**
         * 搜索功能
         */
        form.on('submit(search)', function (data) {
            table.reload({
                page: {
                    curr: 1
                },
                where: data.field
            });
            return false;
        });

		table.tool(function(obj) {
			var data = obj.data;
			var event = obj.event;
			if (event === 'edit') {
				location.href = ns.url('admin/notice/editNotice', {
					"id": data.id
				});
			} else if (event === 'del') {
				deleteNotice(data.id);
			} else if (event === 'setTop') {
				modifySiteNoticeTop(data.id);
			}
		});
		
		function deleteNotice(id) {
			if (repeat_flag) return;
			repeat_flag = true;
			layer.confirm('确定要删除该推荐商品吗?', function() {
				$.ajax({
					type: "post",
					async: false,
					url: ns.url("admin/recommend/deleteRecommend"),
					data: {
						'id': id
					},
					dataType: "JSON",
					success: function(res) {
						layer.msg(res.message);
						repeat_flag = false;

						if (res.code == 0) {
							table.reload();
						}
					}
				});
			}, function() {
					repeat_flag = false;
					layer.close();
				}
			);
		}

		function modifySiteNoticeTop(id) {
			if (repeat_flag) return;
			repeat_flag = true;
			
			$.ajax({
				type: "POST",
				dataType: "JSON",
				async: false,
				url: ns.url("admin/notice/modifyNoticeTop"),
				data: {id},
				success: function(res) {
					layer.msg(res.message);
					repeat_flag = false;
					if (res.code == 0) {
						table.reload();
					}
				}
			});
		}
	});
	
	function add() {
		location.href = ns.url("admin/recommend/add");
	}
</script>
{/block}