feat: update web ui, docker make commands, and related docs/config

This commit is contained in:
liumangmang
2026-04-09 11:56:19 +08:00
parent 51be434f2a
commit 4ac755a7fe
27 changed files with 2718 additions and 507 deletions
+39 -33
View File
@@ -7,12 +7,22 @@
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<div class="bg-grid" aria-hidden="true"></div>
<div class="bg-glow bg-glow-1" aria-hidden="true"></div>
<div class="bg-glow bg-glow-2" aria-hidden="true"></div>
<div class="app-shell">
<aside class="sidebar" aria-label="主导航">
<h1>SVN 工作台</h1>
<nav>
<button class="nav-item" data-view="dashboard">工作台</button>
<button class="nav-item active" data-view="svn">SVN 日志抓取</button>
<div class="brand">
<span class="brand-dot" aria-hidden="true"></span>
<div>
<h1>SVN 工作台</h1>
<p>日志抓取与统计分析</p>
</div>
</div>
<nav class="nav-list">
<button class="nav-item active" data-view="dashboard">工作台</button>
<button class="nav-item" data-view="svn">SVN 日志抓取</button>
<button class="nav-item" data-view="history">任务历史</button>
<button class="nav-item" data-view="settings">系统设置</button>
</nav>
@@ -64,61 +74,59 @@
<section class="view" id="view-svn">
<article class="card form-card">
<h3>SVN 批量抓取参数</h3>
<div class="alert info span-2" style="margin-bottom:16px;padding:12px;border-radius:10px;background:#d1f0eb;color:#0f766e">
默认已填充3个常用项目路径,可选择月份自动填充版本号,或手动填写
<div class="alert info span-2">
默认已填充 3 个常用项目路径,可选择月份自动填充版本号,或手动填写。
</div>
<div class="span-2" style="margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:10px;">
<div class="grid cols-3" style="gap:10px;align-items:end;">
<div class="month-panel span-2">
<div class="grid cols-3 month-grid">
<label>统计月份
<input type="month" id="version-month">
</label>
<div style="grid-column: span 2;">
<button type="button" id="btn-auto-fill" class="primary" style="width:100%">一键填充所有项目版本号</button>
<div class="span-2 month-action">
<button type="button" id="btn-auto-fill" class="primary">一键填充所有项目版本号</button>
</div>
</div>
</div>
<form id="svn-form" class="form-grid">
<!-- 项目1 -->
<div class="span-2 project-item" style="border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px">
<h4 style="margin:0 0 10px 0">项目 1:PRS-7050 场站智慧管控</h4>
<div class="grid cols-2" style="gap:10px">
<div class="span-2 project-item">
<h4>项目 1:PRS-7050 场站智慧管控</h4>
<div class="grid cols-2">
<label>开始版本号<input name="startRevision_1" inputmode="numeric" placeholder="请输入开始版本"></label>
<label>结束版本号<input name="endRevision_1" inputmode="numeric" placeholder="请输入结束版本"></label>
</div>
</div>
<!-- 项目2 -->
<div class="span-2 project-item" style="border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px">
<h4 style="margin:0 0 10px 0">项目 2PRS-7950 在线巡视</h4>
<div class="grid cols-2" style="gap:10px">
<div class="span-2 project-item">
<h4>项目 2PRS-7950 在线巡视</h4>
<div class="grid cols-2">
<label>开始版本号<input name="startRevision_2" inputmode="numeric" placeholder="请输入开始版本"></label>
<label>结束版本号<input name="endRevision_2" inputmode="numeric" placeholder="请输入结束版本"></label>
</div>
</div>
<!-- 项目3 -->
<div class="span-2 project-item" style="border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px">
<h4 style="margin:0 0 10px 0">项目 3:PRS-7950 在线巡视电科院测试版</h4>
<div class="grid cols-2" style="gap:10px">
<div class="span-2 project-item">
<h4>项目 3:PRS-7950 在线巡视电科院测试版</h4>
<div class="grid cols-2">
<label>开始版本号<input name="startRevision_3" inputmode="numeric" placeholder="请输入开始版本"></label>
<label>结束版本号<input name="endRevision_3" inputmode="numeric" placeholder="请输入结束版本"></label>
</div>
</div>
<!-- 通用配置 -->
<label class="span-2">过滤用户名<input name="filterUser" placeholder="包含匹配,留空不过滤" value="liujing"></label>
<label>工作周期<input name="period" placeholder="例如 2026年03月"></label>
<label>输出文件名<input name="outputFileName" placeholder="例如 202603工作量统计.xlsx"></label>
<div class="actions span-2">
<button type="button" id="btn-test-connection">测试连接</button>
<button type="submit" id="btn-svn-run" class="primary">一键抓取并导出 Excel</button>
</div>
</form>
</article>
<!-- 执行日志面板 -->
<article class="card" id="log-panel" style="display:none;margin-top:16px;">
<article class="card" id="log-panel">
<h3>执行进度</h3>
<div class="live-grid">
<section class="live-column reasoning">
@@ -143,8 +151,6 @@
</article>
</section>
<section class="view" id="view-history">
<article class="card">
<h3>任务列表</h3>
@@ -199,6 +205,6 @@
</main>
</div>
<script src="/app.js" defer></script>
<script src="/app.js?v=20260407_1811" defer></script>
</body>
</html>