ulthon_admin/extend/base/admin/view/system/notice/read.html

<div class="layuimini-container detail-container">
    <div class="layuimini-main">
        <div class="layui-card detail-card">
            <div class="layui-card-header detail-header">
                <div class="layui-row">
                    <div class="layui-col-md9">
                        <h2 class="detail-title">#{$row.id} {$title}</h2>
                        <div class="detail-id">ID: {$row.id}</div>
                    </div>
                    <div class="layui-col-md3 text-right detail-actions">
                        <button class="layui-btn layui-btn-primary" layuimini-content-href="{$Request.param.backTagId}" data-back="1">返回</button>
                    </div>
                </div>
            </div>
            <div class="layui-card-body detail-content">
                <div class="layui-row layui-col-space12">
                    <!-- 左侧主体内容 -->
                    <div class="layui-col-md8 detail-main">
                        <div class="detail-field-group">
                            <div class="detail-field-item">
                                <div class="detail-field-label">场景</div>
                                <div class="detail-field-value">
                                    {switch name="row.scene"}
                                    {case value="system"}<span class="layui-badge">{$scene_title}</span>{/case}
                                    {case value="common"}<span class="layui-badge layui-bg-blue">{$scene_title}</span>{/case}
                                    {case value="admin_login"}<span class="layui-badge layui-bg-green">{$scene_title}</span>{/case}
                                    {case value="mall_stock"}<span class="layui-badge layui-bg-orange">{$scene_title}</span>{/case}
                                    {default /}<span class="layui-badge layui-bg-gray">{$scene_title}</span>
                                    {/switch}
                                </div>
                            </div>
                            <div class="detail-field-item">
                                <div class="detail-field-label">标题</div>
                                <div class="detail-field-value">
                                    {notempty name="row.title"}
                                    {$row.title}
                                    {else/}
                                    <span class="layui-text-em">暂无数据</span>
                                    {/notempty}
                                </div>
                            </div>
                            <div class="detail-field-item detail-field-full">
                                <div class="detail-field-label">内容</div>
                                <div class="detail-field-value detail-editor-content">
                                    {notempty name="row.content"}
                                    {$row.content|raw}
                                    {else/}
                                    <span class="layui-text-em">暂无内容</span>
                                    {/notempty}
                                </div>
                            </div>
                            <div class="detail-field-item">
                                <div class="detail-field-label">业务关联ID</div>
                                <div class="detail-field-value">
                                    {notempty name="row.biz_id"}
                                    {$row.biz_id}
                                    {else/}
                                    <span class="layui-text-em">-</span>
                                    {/notempty}
                                </div>
                            </div>

                            <div class="detail-field-item detail-field-full">
                                <div class="detail-field-label">投递汇总</div>
                                <div class="detail-field-value">
                                    {notempty name="delivery"}
                                    {volist name="delivery" id="vo"}
                                    <div style="margin-bottom:4px;">
                                        <strong>{$vo.channel_name}</strong>
                                        <span style="display:inline-block;padding:2px 10px;border-radius:3px;color:#5FB878;background:#e8f8ef;font-size:12px;margin-left:6px;">成功 {$vo.success}</span>
                                        <span style="display:inline-block;padding:2px 10px;border-radius:3px;color:#FF5722;background:#ffe8e2;font-size:12px;margin-left:4px;">失败 {$vo.failed}</span>
                                        <span style="display:inline-block;padding:2px 10px;border-radius:3px;color:#1E9FFF;background:#e2f1ff;font-size:12px;margin-left:4px;">待发 {$vo.pending}</span>
                                        {if condition="$vo.sending gt 0"}<span style="display:inline-block;padding:2px 10px;border-radius:3px;color:#FFB800;background:#fff8e2;font-size:12px;margin-left:4px;">发送中 {$vo.sending}</span>{/if}
                                    </div>
                                    {/volist}
                                    {else/}
                                    <span class="layui-text-em">暂无投递记录</span>
                                    {/notempty}
                                </div>
                            </div>

                            <div class="detail-field-item detail-field-full">
                                <div class="detail-field-label">投递明细</div>
                                <div class="detail-field-value">
                                    {notempty name="target_rows"}
                                    <table class="layui-table" style="margin:0;">
                                        <thead>
                                            <tr>
                                                <th>明细ID</th>
                                                <th>接收人</th>
                                                <th>渠道</th>
                                                <th>状态</th>
                                                <th>重试次数</th>
                                                <th>错误信息</th>
                                                <th>发送时间</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {volist name="target_rows" id="tvo"}
                                            <tr>
                                                <td>{$tvo.id}</td>
                                                <td>{$tvo.admin_nickname}</td>
                                                <td>{$tvo.channel_name}</td>
                                                <td><span class="{$tvo.status_class}">{$tvo.status_name}</span></td>
                                                <td>{$tvo.retry_count}</td>
                                                <td>
                                                    {notempty name="tvo.error_message"}
                                                    {$tvo.error_message|htmlspecialchars}
                                                    {else/}
                                                    -
                                                    {/notempty}
                                                </td>
                                                <td>
                                                    {if condition="$tvo.send_time gt 0"}
                                                    {$tvo.send_time|date="Y-m-d H:i:s"}
                                                    {else/}
                                                    -
                                                    {/if}
                                                </td>
                                                <td>
                                                    {if condition="$tvo.status eq 3"}
                                                    <button type="button" class="layui-btn layui-btn-warm layui-btn-xs notice-resend-btn" data-target-id="{$tvo.id}">重发</button>
                                                    {else/}
                                                    -
                                                    {/if}
                                                </td>
                                            </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                    {else/}
                                    <span class="layui-text-em">暂无投递明细</span>
                                    {/notempty}
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- 右侧基础信息 -->
                    <div class="layui-col-md4 detail-side">
                        <h3 class="detail-side-title">基础信息</h3>
                        <div class="detail-field-group">
                            <div class="detail-field-item">
                                <div class="detail-field-label">ID</div>
                                <div class="detail-field-value">{$row.id}</div>
                            </div>
                            <div class="detail-field-item">
                                <div class="detail-field-label">发送者</div>
                                <div class="detail-field-value">
                                    {if condition="$row.send_admin_id gt 0"}
                                    {$sender_nickname|default=''}（#{$row.send_admin_id}）
                                    {else/}
                                    <span class="layui-text-em">系统</span>
                                    {/if}
                                </div>
                            </div>
                            <div class="detail-field-item">
                                <div class="detail-field-label">创建时间</div>
                                <div class="detail-field-value">
                                    {notempty name="row.create_time"}
                                    {$row.create_time|date="Y-m-d H:i:s"}
                                    {else/}
                                    <span class="layui-text-em">暂无数据</span>
                                    {/notempty}
                                </div>
                            </div>

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