think-plugs-notice/src/view/broadcast/index.html

{extend name='table'}

{block name="button"}
<!--{if auth("add")}-->
<a class="layui-btn layui-btn-sm" data-modal="{:url('add')}" data-area="['800px','80vh']" data-title="新增通知公告">{:lang('新 增')}</a>
<!--{/if}-->
<!--{if auth("remove")}-->
<a data-confirm="{:lang('确定删除这些记录吗？')}" data-table-id="FileTable" data-action='{:url("remove")}' data-rule="id#{id}" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('批量删除')}</a>
<!--{/if}-->
{/block}

{block name="content"}
<div class="think-box-shadow" style="flex: 4">
    {include file="broadcast/index_search"}
    <table class="layui-hide" id="BroadcastTable" data-url="{:request()->url()}" data-target-search="form.form-search" lay-filter="BroadcastTable"></table>
</div>
<script type="text/html" id="ToolbarTpl">
    <div class="layui-btn-container">
        <!--{if auth("edit")}-->
        <a class="layui-btn layui-btn-xs" data-modal="{:url('edit')}?id={{d.id}}" data-area="['800px','80vh']" data-title="编辑通知公告">{:lang('编 辑')}</a>
        <!--{/if}-->
        <!--{if auth("remove")}-->
        <a class="layui-btn layui-btn-danger layui-btn-xs" data-confirm="{:lang('确定删除该记录吗？')}" data-action="{:url('remove')}" data-value="id#{{d.id}}">{:lang('删 除')}</a>
        <!--{/if}-->
    </div>
</script>
<script>
    $(function () {
        $('#BroadcastTable').layTable({
            height: 'full',
            sort: ['create_at', 'desc'],
            cols: [[
                {checkbox: true, fixed: true},
                { field: 'id', title: '序号', width: 80 },
                { field: 'title', title: '标题', width: 200 },
                { field: 'type', title: '类型', width: 120 },
                { field: 'content', title: '内容' },
                { field: 'files', title: '附件', width: 120, align: 'center', templet: function(d){
                    if(d.files && d.files.trim()) {
                        var files = d.files.split('|').filter(function(url) {
                            return url.trim() !== '';
                        });
                        if(files.length > 0) {
                            var html = '';
                            files.forEach(function(url, index) {
                                if(url.trim()) {
                                    var fileName = '附件' + (index + 1);
                                    try {
                                        var urlObj = new URL(url, window.location.origin);
                                        var attname = urlObj.searchParams.get('attname');
                                        if (attname) {
                                            fileName = decodeURIComponent(attname);
                                        } else {
                                            fileName = url.split('/').pop() || '附件' + (index + 1);
                                        }
                                    } catch (e) {
                                        fileName = url.split('/').pop() || '附件' + (index + 1);
                                    }
                                    html += '<i class="layui-icon layui-icon-file" style="color: #1E9FFF; cursor: pointer; margin-right: 5px;" title="' + fileName + '" onclick="window.open(\'' + url + '\', \'_blank\')"></i>';
                                }
                            });
                            return html;
                        }
                    }
                    return '';
                }},
                { field: 'to', title: '通知用户' },
                { field: 'create_at', title: '创建时间', width: 200, sort: true },
                { fixed: "right", title: "操作", width: 200, align: "center", toolbar: "#ToolbarTpl"}
            ]],
            page: true
        })
        layui.use(['form', 'table'], function () {
            const Table = layui.table;
            const Form = layui.form;
        });
    })
</script>
{/block}