yangxiangyuan
421a8aa1f7
1. 新增知资札记完整站点：包含首页、详情页、管理后台 2. 添加站点图标、鉴权配置与后端API鉴权逻辑 3. 在市场页面新增知资札记入口跳转 4. 新增经典乡村音乐播放列表文件 5. 临时添加养生谚语批量导入脚本
104 lines
3.9 KiB
HTML
104 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>知资札记 · 后台管理</title>
|
||
<link rel="icon" href="/icons/zhizi_notes.svg" type="image/svg+xml" />
|
||
<link rel="stylesheet" href="/common/common.css" />
|
||
<link rel="stylesheet" href="/tools/zhizi_notes/admin.css" />
|
||
</head>
|
||
<body>
|
||
<!-- Toast -->
|
||
<div id="za-toast" class="za-toast"></div>
|
||
|
||
<!-- ═══════════════ 布局 ═══════════════ -->
|
||
<div class="za-layout">
|
||
<!-- 左侧菜单 -->
|
||
<aside class="za-sidebar">
|
||
<div class="sb-logo">知资札记</div>
|
||
<ul class="sb-menu">
|
||
<li><a href="#">📊 数据仪表盘</a></li>
|
||
<li><a href="#" class="active">📄 图文内容管理</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="#" class="active">全部存档列表</a></li>
|
||
<li><a href="#" id="za-menu-new">＋ 新增存档</a></li>
|
||
<li><a href="#">🖼 图片资源库</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">🏷 分类标签管理</a></li>
|
||
<li><a href="#">👤 用户管理</a></li>
|
||
<li><a href="#">🕷 爬虫任务日志</a></li>
|
||
<li><a href="#">⚙ 系统设置</a></li>
|
||
</ul>
|
||
</aside>
|
||
|
||
<!-- 主内容区 -->
|
||
<main class="za-main">
|
||
<!-- 顶部操作栏 -->
|
||
<div class="za-toolbar">
|
||
<div class="search-box">
|
||
<input id="za-search" type="text" placeholder="搜索标题/标签…" />
|
||
<button id="za-search-btn">🔍</button>
|
||
</div>
|
||
<select id="za-filter-category">
|
||
<option value="">全部分类</option>
|
||
</select>
|
||
<select id="za-filter-type">
|
||
<option value="">全部类型</option>
|
||
<option value="text">纯文字</option>
|
||
<option value="image">图文</option>
|
||
</select>
|
||
<select id="za-filter-status">
|
||
<option value="">全部状态</option>
|
||
<option value="normal">正常</option>
|
||
<option value="offline">已下架</option>
|
||
</select>
|
||
<button class="btn btn-outline" id="za-btn-batch-offline" disabled>批量下架</button>
|
||
<button class="btn btn-danger" id="za-btn-batch-delete" disabled>批量删除</button>
|
||
<button class="btn btn-outline" id="za-btn-batch-export" disabled>批量导出</button>
|
||
<button class="btn btn-primary" id="za-btn-new">＋ 新增存档</button>
|
||
</div>
|
||
|
||
<!-- 数据表格 -->
|
||
<div class="za-table-wrap">
|
||
<table class="za-table">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:40px"><input type="checkbox" id="za-select-all" title="全选" /></th>
|
||
<th style="width:70px">封面</th>
|
||
<th>标题</th>
|
||
<th style="width:90px">分类</th>
|
||
<th style="width:90px">类型</th>
|
||
<th style="width:100px">来源</th>
|
||
<th style="width:130px">创建时间</th>
|
||
<th style="width:60px">阅读</th>
|
||
<th style="width:70px">状态</th>
|
||
<th style="width:200px">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="za-tbody"></tbody>
|
||
</table>
|
||
|
||
<!-- 分页 -->
|
||
<div class="za-pagination" id="za-pagination">
|
||
<div>
|
||
<span id="za-page-info">共 0 条</span>
|
||
<span style="margin-left:12px">每页</span>
|
||
<select id="za-page-size">
|
||
<option value="10">10</option>
|
||
<option value="20" selected>20</option>
|
||
<option value="50">50</option>
|
||
<option value="100">100</option>
|
||
</select>
|
||
<span>条</span>
|
||
</div>
|
||
<div class="page-btns" id="za-page-btns"></div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="/tools/zhizi_notes/admin.js"></script>
|
||
</body>
|
||
</html> |