52 lines
3.3 KiB
HTML
52 lines
3.3 KiB
HTML
<!-- 操作日志 -->
|
|
<style>
|
|
.slg-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
|
|
.slg-filter .g-input,.slg-filter .g-select{height:36px;font-size:13px;}
|
|
.slg-filter .g-input[type=date]{width:150px;}
|
|
.slg-filter .g-select{width:140px;}
|
|
.slg-sep{color:var(--g-text-muted);font-size:13px;}
|
|
.slg-content-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
</style>
|
|
|
|
<!-- 筛选栏 -->
|
|
<div class="g-card">
|
|
<div class="slg-filter">
|
|
<input class="g-input" type="date" value="2026-02-01">
|
|
<span class="slg-sep">至</span>
|
|
<input class="g-input" type="date" value="2026-02-13">
|
|
<select class="g-select">
|
|
<option>全部操作人</option><option>张伟</option><option>李娜</option><option>王磊</option><option>赵敏</option>
|
|
</select>
|
|
<select class="g-select">
|
|
<option>全部类型</option><option>登录</option><option>数据修改</option><option>权限变更</option><option>删除操作</option>
|
|
</select>
|
|
<button class="g-btn g-btn-primary"><i data-lucide="search" style="width:15px;height:15px;margin-right:4px;vertical-align:-2px;"></i>查询</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 表格 -->
|
|
<div class="g-card" style="padding:0;overflow:hidden;margin-top:16px;">
|
|
<table class="g-table">
|
|
<thead><tr><th>时间</th><th>操作人</th><th>操作类型</th><th>操作内容</th><th>IP地址</th></tr></thead>
|
|
<tbody>
|
|
<tr><td>2026-02-13 09:30</td><td>张伟</td><td><span class="g-tag g-tag-blue">登录</span></td><td class="slg-content-cell">管理员登录系统</td><td>192.168.1.100</td></tr>
|
|
<tr><td>2026-02-13 09:45</td><td>张伟</td><td><span class="g-tag g-tag-orange">数据修改</span></td><td class="slg-content-cell">修改商品「招牌小龙虾」价格 68→58</td><td>192.168.1.100</td></tr>
|
|
<tr><td>2026-02-13 10:20</td><td>李娜</td><td><span class="g-tag g-tag-orange">数据修改</span></td><td class="slg-content-cell">新增商品「冰粉」</td><td>192.168.1.101</td></tr>
|
|
<tr><td>2026-02-13 11:00</td><td>张伟</td><td><span class="g-tag g-tag-green">权限变更</span></td><td class="slg-content-cell">将「王磊」角色从配送员改为收银员</td><td>192.168.1.100</td></tr>
|
|
<tr><td>2026-02-12 18:40</td><td>王磊</td><td><span class="g-tag g-tag-blue">登录</span></td><td class="slg-content-cell">收银员登录系统</td><td>192.168.1.102</td></tr>
|
|
<tr><td>2026-02-12 15:30</td><td>李娜</td><td><span class="g-tag g-tag-red">删除</span></td><td class="slg-content-cell">删除过期商品「圣诞套餐」</td><td>192.168.1.101</td></tr>
|
|
<tr><td>2026-02-12 14:20</td><td>赵敏</td><td><span class="g-tag g-tag-blue">登录</span></td><td class="slg-content-cell">配送员登录系统</td><td>10.0.0.55</td></tr>
|
|
<tr><td>2026-02-11 09:00</td><td>张伟</td><td><span class="g-tag g-tag-orange">数据修改</span></td><td class="slg-content-cell">修改门店「朝阳店」营业时间</td><td>192.168.1.100</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- 分页 -->
|
|
<div class="g-pagination" style="margin-top:16px;">
|
|
<span style="color:var(--g-text-secondary);font-size:13px;margin-right:12px;">共 8 条</span>
|
|
<button class="g-page-btn active">1</button>
|
|
</div>
|
|
|
|
<script>
|
|
if(typeof lucide!=='undefined'){lucide.createIcons();}
|
|
</script> |