bot_dev1
85df71fc28
- 新增OperationDashboard.vue全屏大屏组件 - 添加6个核心KPI指标卡片: 进水总量/出水总量/产销差率/营收额/平均水质/报警次数 - 实现6个ECharts图表: 供水趋势/水质分布/报警统计/管网空间/设备状态/营收分析 - 创建静态HTML版本operation-dashboard.html，使用CDN加载Vue3/ECharts/Element Plus - 更新路由配置，添加/operation路径支持 - 修复nextTick导入问题，优化build脚本 🚧 开发者: bot_dev1 📝 任务: #38 [BI] 运营仪表盘 + 供水专题大屏
37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>NoSleep.js - Simple Test Page</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<h1>NoSleep Test Page</h1>
|
|
<script src="../dist/NoSleep.min.js"></script>
|
|
|
|
<input type="button" id="toggle" value="Wake Lock is disabled" />
|
|
|
|
<script>
|
|
var noSleep = new NoSleep();
|
|
|
|
var wakeLockEnabled = false;
|
|
var toggleEl = document.querySelector("#toggle");
|
|
toggleEl.addEventListener('click', function() {
|
|
if (!wakeLockEnabled) {
|
|
noSleep.enable(); // keep the screen on!
|
|
wakeLockEnabled = true;
|
|
toggleEl.value = "Wake Lock is enabled";
|
|
document.body.style.backgroundColor = "green";
|
|
} else {
|
|
noSleep.disable(); // let the screen turn off.
|
|
wakeLockEnabled = false;
|
|
toggleEl.value = "Wake Lock is disabled";
|
|
document.body.style.backgroundColor = "";
|
|
}
|
|
}, false);
|
|
</script>
|
|
|
|
<!-- Github Ribbon -->
|
|
<a href="https://github.com/richtr/NoSleep.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
|
|
</body>
|
|
</html>
|