mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-28 03:09:24 +08:00
106 lines
3.3 KiB
HTML
106 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>光储充站控系统</title>
|
||
|
||
<script src="./libs/jquery/jquery-3.7.1.min.js"></script>
|
||
|
||
<link rel="stylesheet" href="./libs/DataTables-2.1.8/css/dataTables.dataTables.css" />
|
||
<script src="./libs/DataTables-2.1.8/js/dataTables.js"></script>
|
||
|
||
<link rel="stylesheet" href="./libs/bootstrap-5.3.3-dist/css/bootstrap.min.css" />
|
||
<script src="./libs/bootstrap-5.3.3-dist/js/bootstrap.min.js"></script>
|
||
<script src="./libs/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js"></script>
|
||
|
||
<script src="./libs/echarts/echarts.min.js"></script>
|
||
<script type="text/javascript" src="./js/qwebchannel.js"></script>
|
||
|
||
<link rel="stylesheet" type="text/css" href="./css/mystyle.css" />
|
||
|
||
<style>
|
||
body {
|
||
background-color: #012036;
|
||
/* background-image: url('../ui/bkg01.png'); */
|
||
background-size: 100% 100%;
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
button {
|
||
color: #f0f0f0;
|
||
background-color: #44aaec;
|
||
border: 1px solid #0a87da;
|
||
border-radius: 5px;
|
||
margin: 5px;
|
||
height: 40px;
|
||
font-size: 16px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<button onclick="jsCallCpp()">调用C++接口</button>
|
||
<button id="showPopup" onclick="showPopup()">弹出</button>
|
||
<div id="popMask" class="mask">
|
||
<div class="pop">
|
||
<p class="pop_title">提示</p>
|
||
<p class="pop_content">学会制作弹出框了吗？</p>
|
||
<div class="pop_btn">
|
||
<button class="cancelBtn" onclick="hidePopup()">取消</button>
|
||
<button class="confirmBtn" onclick="hidePopup()">确认</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function showPopup() {
|
||
var mask = document.getElementById('popMask')
|
||
mask.style.display = 'block'
|
||
}
|
||
function hidePopup() {
|
||
var mask = document.getElementById('popMask')
|
||
mask.style.display = 'none'
|
||
}
|
||
|
||
function initQtWebChannel() {
|
||
// var cppNative
|
||
// //第一个参数是QtWebEngine 挂载到前端全局环境中的 window.qt.webChannelTransport
|
||
// new QWebChannel(qt.webChannelTransport, function (channel) {
|
||
// // 在C++侧注册的对象名称为 cppNative，所以channel.objects后面的名字是cppNative
|
||
// cppNative = channel.objects.cppNative
|
||
// // 连接WebObject类的signalNativeTextChanged信号
|
||
// // cppNative.signalNativeTextChanged.connect(function (text) {
|
||
// // alert('signalNativeTextChanged: ' + text)
|
||
// // })
|
||
// })
|
||
}
|
||
|
||
function jsCallCpp() {
|
||
// 【readFile】 为 C++ 侧定义实现的 webChannel 接口
|
||
// var file = 'assets/html/系统管理/index.html'
|
||
// cppNative.readFile(file).then(function (text) {
|
||
// alert('readFile: ' + text)
|
||
// })
|
||
}
|
||
|
||
function setPageJS(id) {
|
||
|
||
var pageId = id;
|
||
// 此处可通过 CPP 接口读取脚本文件内容
|
||
var scriptText = 'function clickTest() { alert("点击按钮:" + pageid) }'
|
||
|
||
// 删除上一个page的脚步内容，再创建加载新的脚本
|
||
var elemt = document.getElementById('mypagejs')
|
||
if (elemt) { elemt.remove() }
|
||
|
||
elemt = document.createElement('script')
|
||
//elemt.src = jsUrl + '?t=' + new Date().getTime()
|
||
elemt.setAttribute('id', 'mypagejs')
|
||
elemt.innerHTML = scriptText
|
||
document.body.appendChild(elemt)
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |