admin/addon/message/shop/view/remark/index.html

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .publish-btn{
        background-color: #009688;
        color: #fff;
    }
</style>
{/block}

{block name="main"}
<!-- 筛选面板 -->
<div class="screen layui-collapse" lay-filter="selection_panel">
	<div class="layui-colla-item">
		<div class="layui-colla-content layui-form layui-show" lay-filter="search_form">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">消息标题：</label>
					<div class="layui-input-inline">
						<input type="text" name="title" placeholder="消息标题" autocomplete="off" class="layui-input"/>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">消息类型：</label>
					<div class="layui-input-inline">
						<select name="type">
							<option value="">全部</option>
							<option value="2">系统消息</option>
							<option value="3">通知消息</option>
						</select>
					</div>
				</div>
			</div>
			<div class="form-row">
                <button class="layui-btn publish-btn" lay-submit lay-filter="publish">发布</button>
				<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
				<button type="reset" lay-submit lay-filter="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</div>
</div>
<!-- 列表 -->
<table id="listContent" lay-filter="listContent"></table>
<!-- 操作 -->
<script type="text/html" id="operation">
	<div class="table-btn">
		<a class="layui-btn" lay-event="deleteInfo">删除</a>
	</div>
</script>
{/block}

{block name="script"}
<script>
	var table, form, editIframe,laydate, repeat_flag = false;//防重复标识;
	layui.use(['form','laydate'], function() {
		form = layui.form;
		laydate = layui.laydate;
		form.render();
		//渲染时间
		laydate.render({
			elem: '#start_time'
			,type: 'datetime'
			,change: function(value, date, endDate){
				$(".date-picker-btn").removeClass("selected");
			}
		});
		laydate.render({
			elem: '#end_time'
			,type: 'datetime'
			,change: function(value, date, endDate){
				$(".date-picker-btn").removeClass("selected");
			}
		});
		// 内容获取
		table = new Table({
			elem: '#listContent',
			url: ns.url("message://shop/message/index"),
			cols: [[
				{align: 'center', field: 'id', title: 'ID', width: '5%', unresize: 'false'},
				{align: 'center', title: '消息标题', field:'message_title', unresize: 'area'},
				{align: 'center', title: '接收人数', field: 'total',unresize: 'area'},
				{
					align: 'center',width: '10%', templet: function (d) {
						// 消息类型：1=交易信息，2=系统消息，3=通知消息，4=留言反馈
						let statusText = '';
						switch (parseInt(d.type)) {
							case 1: statusText = '<p style="color: #07c160;">交易信息</p>'; break;
							case 2: statusText = '<p style="color: #1989fa;">系统消息</p>'; break;
							case 3: statusText = '<p style="color: #7232dd;">通知消息</p>'; break;
							case 4: statusText = '<p style="color: #ad0000;">留言反馈</p>'; break;
						}

						return statusText;
					}, title: '消息类型', unresize: 'false'
				},
				{title: '操作', toolbar: '#operation', unresize: 'false', align: 'right'}
			]],
		});
        // 点击发布
        form.on('submit(publish)', function(data) {
            layer.open({
                type: 2,
                title: '消息发布',
                skin: 'layer-tips-class',
                area: ['80%','90%'],
                content: ns.url("message://shop/message/sendMessage"),
                end: function(){
                    table.reload();
                }
            });
        });
		// 点击搜索
		form.on('submit(search)', function(data) {
			table.reload({
				page: {
					curr: 1
				},
				where: data.field
			});
			return false;
		});
		// 重置表单
		form.on('submit(reset)', function(data) {
			let field = {
				"title": "",
				"type": "",
			};
			form.val("search_form", field);
			layui.form.render();
			// 刷新表格
			table.reload({
				page: {
					curr: 1
				},
				where: field
			});
		});
		// 监听工具栏操作
		table.tool(function(obj) {
			var data = obj.data;
			eval(obj.event)(data)
		});
	});
	// 删除消息
	function deleteInfo(data){
		layer.confirm('确认删除当前消息？删除后所有已发送给用户当前消息将同步删除。', {icon: 3, title:'提示'}, function(index){
			layer.close(index);
			$.ajax({
				type: 'POST',
				dataType: 'JSON',
				url: ns.url("message://shop/message/delMessage"),
				data: { id: data.id },
				async: false,
				success: function(res){
					if (res.code == 0) {
						layer.alert('删除成功', function(index){
							layer.close(index);
							table.reload();
						});
					}else{
						layer.msg(res.message);
					}
				}
			})
		});
	}
</script>
{/block}