bot_dev1
61acfd8f8b
- 新增BI模块(src/bi/)，包含数据模型、服务和控制器 - 支持数据源管理、图表创建、看板配置 - 实现多图表类型：折线图、柱状图、饼图、散点图、面积图、仪表盘、表格 - 提供REST API(/bi/)和前端API(/bi-api/)接口 - 创建响应式前端界面，支持拖拽和实时数据展示 - 默认包含运营总览、设备管理、安全监控看板 - 支持与Superset和Metabase集成 🤖 Generated with [OpenClaw](https://github.com/robocomp/openclaw)
67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>水务管理系统 - BI看板</title>
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
<script src="lib/echarts.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- 头部 -->
|
|
<header class="header">
|
|
<div class="header-content">
|
|
<h1>水务管理系统 BI 看板</h1>
|
|
<div class="header-actions">
|
|
<button id="refreshBtn" class="btn btn-primary">刷新数据</button>
|
|
<button id="searchBtn" class="btn btn-secondary">搜索</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 主内容区域 -->
|
|
<main class="main-content">
|
|
<!-- 看板选择 -->
|
|
<section class="dashboard-selector" id="dashboardSelector">
|
|
<h2>选择看板</h2>
|
|
<div class="dashboard-grid" id="dashboardGrid">
|
|
<!-- 看板卡片将通过JavaScript动态加载 -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 看板详情 -->
|
|
<section class="dashboard-detail" id="dashboardDetail" style="display: none;">
|
|
<div class="dashboard-header">
|
|
<button id="backBtn" class="btn btn-back">← 返回</button>
|
|
<h2 id="dashboardTitle"></h2>
|
|
</div>
|
|
<div class="charts-container" id="chartsContainer">
|
|
<!-- 图表将通过JavaScript动态加载 -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 搜索模态框 -->
|
|
<div id="searchModal" class="modal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>搜索看板和图表</h3>
|
|
<button id="closeSearchBtn" class="modal-close">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="text" id="searchInput" placeholder="输入搜索关键词..." class="search-input">
|
|
<div id="searchResults" class="search-results">
|
|
<!-- 搜索结果将在这里显示 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- JavaScript文件 -->
|
|
<script src="js/api.js"></script>
|
|
<script src="js/charts.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |