scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
							{extend name="public/layout" /} {block name="title"}消息管理{/block}
{block name="body"}
<style>
    .layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
    .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
    .cardheader {
        padding-left: 10px;
    }
    .layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
    .layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
    .layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
    .layui-card-body {
        padding: 0px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md12 layui-col-xs12 layui-col-sm12">
                        <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div>
                                        {auth:check name="msg/add"}
                                            <button class="layui-btn layuiadmin-btn-admin layui-btn-primary" data-type="operate">添加消息</button>
                                        {/auth:check}
                                        <div style="float:right;">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">内容</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" id="keyword" name="keyword" placeholder="请输入内容" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline">
                                                <button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit lay-filter="LAY-user-front-search">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <table id="operater" lay-filter="operater" style="margin-top:15px;"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {/block}
    {block name="js"}
    <script type="text/html" id="op">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="log">
                        阅读记录
                    </a>
    </script>

    <script>
        layui.config({
            base: '__LAYUI__/',
            urlbase: '/sys'
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'element'], function () {
            var $ = layui.$,
                table = layui.table,
                form = layui.form;

            //监听搜索
            form.on('submit(LAY-user-front-search)', function(data) {
                var keyword = $('#keyword').val();
                //执行重载
                table.reload('operater', {
                    where: {keyword:keyword}
                });
            });
            
            table.render({
                elem: '#operater',
                url: '{:url("msg/index")}',
                page: true,
                height: 'full-140',
                cols: [
                    [{
                        align: 'center',
                        type: 'numbers',
                        field: 'id',
                        fixed: 'left',
                        title: '序号',
                    }, {
                        align: 'center',
                        field: 'msg',
                        title: '消息内容',
                    }, {
                        align: 'center',
                        field: 'addtime',
                        title: '添加时间',
                    }
                    // , {
                    //     field: 'grant',
                    //     title: '权限角色',
                    // }
                    ,{
                        title: '操作',
                        width: 240,
                        align: 'center',
                        fixed: 'right',
                        toolbar: '#op'
                    }
                    ]
                ],
                text: '对不起，加载出现异常！'
            });

            var active = {
                operate: function () {
                    layer.open({
                        type: 2,
                        title: ['添加消息', 'color:#333333;background-color:#D8E6F1;'],
                        content: '{:url("msg/add_msg")}',
                        resize: false,
                        area: ['80%', '80%'],
                        // btn: ['确认提交', '取消'],
                        yes: function(index, layero) {
                            //点击确认触发 iframe 内容中的按钮提交
                            // var submit = layero.find('iframe').contents().find("#layuiadmin-designer-submit");
                            // submit.click();
                        }
                    });
                }
            };

            $('.layui-btn.layuiadmin-btn-admin').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

            table.on('tool(operater)', function (obj) {
                if(obj.event == 'log'){
                    layer.open({
                        type:2,
                        title: ['记录', 'color:#333333;background-color:#D8E6F1;'],
                        content:'{:url("msg/read_list_view")}?id='+obj.data.index,
                        resize: false,
                        area:['80%', '80%']
                    });
                }
            })

        });
    </script>
    {/block}