添加Prometheus初始化页面

This commit is contained in:
CN-JS-HuiBai
2026-04-04 16:57:58 +08:00
parent c6c3dd2134
commit 38c6b18ae6
2 changed files with 114 additions and 3 deletions

View File

@@ -124,6 +124,39 @@
<button class="btn btn-add" id="btnInit">初始化数据库</button>
</div>
</div>
<div class="init-form" id="promForm" style="display: none;">
<div class="form-row">
<div class="form-group form-group-wide">
<label for="promName">数据源名称 (Name)</label>
<input type="text" id="promName" placeholder="例如:生产环境" autocomplete="off">
</div>
</div>
<div class="form-row">
<div class="form-group form-group-wide">
<label for="promUrl">Prometheus URL</label>
<input type="url" id="promUrl" placeholder="http://ip:9090" autocomplete="off">
</div>
</div>
<div class="form-row">
<div class="form-group form-group-wide">
<label for="promDesc">描述 (Description)</label>
<input type="text" id="promDesc" placeholder="可选" autocomplete="off">
</div>
</div>
<div class="form-message" id="promMessageBox"></div>
<div class="actions">
<button class="btn btn-test" id="btnPromTest">测试连接</button>
<button class="btn btn-add" id="btnPromAdd">保存并应用</button>
</div>
<div style="text-align: center; margin-top: 15px;">
<a href="/" style="color: var(--text-muted); font-size: 14px; text-decoration: none;">跳过此步,直接进入系统</a>
</div>
</div>
</div>
<script src="/js/init.js"></script>