mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-28 03:09:24 +08:00
238 lines
9.4 KiB
JavaScript
238 lines
9.4 KiB
JavaScript
var G = {
|
||
user: { username: '' },
|
||
|
||
loadPage: function (pagename) {
|
||
while (1) {
|
||
var script = document.querySelector("script[id='mytempfile']")
|
||
if (!script) break
|
||
script.remove()
|
||
}
|
||
var file = 'assets/html/pages/' + pagename + '.html'
|
||
G.cppNative.readFile(file).then(function (text) {
|
||
// 加载 html 页面内容文件
|
||
document.getElementById('mypage').innerHTML = text
|
||
// 加载 js 脚本文件
|
||
var jsUrl = './pages/' + pagename + '.js'
|
||
var element = document.createElement('script')
|
||
element.src = jsUrl + '?t=' + new Date().getTime()
|
||
element.async = false // 脚本按照加载先后顺序处理
|
||
element.setAttribute('id', 'mytempfile')
|
||
document.body.appendChild(element)
|
||
})
|
||
},
|
||
|
||
switchSetStatus: function (id1, id2, checked, callback) {
|
||
document.getElementById(id2).checked = !(document.getElementById(id1).checked = checked)
|
||
if (callback) callback(checked)
|
||
},
|
||
switchGetStatus: function (id) { return document.getElementById(id).checked },
|
||
|
||
initTable: function (id, info) {
|
||
if (info.table) {
|
||
info.table.ajax.reload()
|
||
return;
|
||
}
|
||
var tableOption = G.tableGetOption()
|
||
tableOption.columns = info.columns
|
||
tableOption.ajax = function (req, callback, settings) {
|
||
G.cppNative.log('lxy=== table ajax start')
|
||
if (info.query) {
|
||
info.query(1, 10).then(res => {
|
||
var result = []
|
||
res.data.forEach(function (item, index) {
|
||
var rowData = []
|
||
info.header.forEach(function (key, index) { rowData.push(item[key]) })
|
||
result.push(rowData)
|
||
})
|
||
G.cppNative.log("table ajax: " + JSON.stringify(result))
|
||
callback({ draw: req.draw, recordsTotal: result.length, recordsFiltered: result.length, data: result })
|
||
})
|
||
} else {
|
||
callback({ draw: req.draw, recordsTotal: 0, recordsFiltered: 0, data: [] })
|
||
}
|
||
}
|
||
// 初始化表格
|
||
info.table = $('#' + id + 'Table').DataTable(tableOption)
|
||
G.cppNative.log('lxy=== table init end')
|
||
//$('div.gotopage').html('<b style="color:#7f8fa4">跳转至 </b><input id="searchNumber" style="width:80px"/><b style="color:#7f8fa4;"> 页</b>')
|
||
},
|
||
|
||
updateTableData: function (queryFunc, params) {
|
||
if (queryFunc) {
|
||
}
|
||
},
|
||
|
||
cppCall: function (id) {
|
||
var cppfunc = G.cppNative[id]
|
||
if (cppfunc) {
|
||
G.cppNative.log('call cpp function [' + id + ']')
|
||
cppfunc()
|
||
} else {
|
||
G.cppNative.log('call cpp function [' + id + '] error: not exist')
|
||
}
|
||
},
|
||
|
||
cppSignal: function (id, callback) {
|
||
var signal = G.cppNative[id]
|
||
if (signal) {
|
||
G.cppNative.log('cpp signal [' + id + '] ')
|
||
signal.connect(callback)
|
||
} else {
|
||
G.cppNative.log('cpp signal [' + id + '] error: not exist')
|
||
}
|
||
},
|
||
|
||
initForm: function (id, funcPopConfirm) {
|
||
var form = document.getElementById(id + 'Form')
|
||
var formBtnOk = document.getElementById(id + 'FormOk')
|
||
if (form && formBtnOk) {
|
||
// 监听表单的输入事件，检查表单的必填项是否完成输入，如果未完成，则确认按钮不可用
|
||
form.addEventListener('input', function () { formBtnOk.disabled = !form.checkValidity() })
|
||
// 编辑弹窗的确定按钮监听点击事件
|
||
formBtnOk.addEventListener('click', function () { if (funcPopConfirm) { funcPopConfirm(id) } })
|
||
}
|
||
},
|
||
|
||
showElement: function (id, visible) {
|
||
var elemt = document.getElementById(id)
|
||
if (elemt) { elemt.style.display = visible ? 'block' : 'none' }
|
||
},
|
||
|
||
popSetParams: function (id, keys, rowdata, callback) {
|
||
keys.forEach(function (key, index) {
|
||
var val = ''
|
||
if (rowdata && rowdata.length > index) { val = rowdata[index] }
|
||
|
||
if (key == 'is_open') {
|
||
G.switchSetStatus(id + 'Form_on', id + 'Form_off', parseInt(val))
|
||
} else {
|
||
var myval = (callback) ? callback(id, key, val) : val
|
||
// 回调函数返回 undefined 时， 不需要设置参数值
|
||
if (myval != undefined) {
|
||
val = myval
|
||
var element = $('#' + id + 'Form_' + key)
|
||
if (element) {
|
||
if (element.prop("tagName") == "SELECT" && val == '') {
|
||
element.get(0).selectedIndex = 0;
|
||
} else {
|
||
element.val(val)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
popGetParams: function (id, keys, rowdata, callback) {
|
||
var params = {}
|
||
keys.forEach(function (key, index) {
|
||
var val
|
||
if (key == 'is_open') {
|
||
val = G.switchGetStatus(id + 'Form_on') ? '1' : '0'
|
||
} else {
|
||
var myval = callback ? callback(id, key) : undefined
|
||
val = myval != undefined ? myval : $('#' + id + 'Form_' + key).val()
|
||
}
|
||
if (rowdata) {
|
||
if (rowdata.length > index && val != rowdata[index]) { params[key] = val }
|
||
} else {
|
||
if (val != '') { params[key] = val }
|
||
}
|
||
})
|
||
G.cppNative.log('POP get params： id=' + id + ', params=' + JSON.stringify(params))
|
||
return params
|
||
},
|
||
|
||
popSetParamReadonly: function (id, key, isReadonly) {
|
||
$('#' + id + 'Form_' + key).attr('readonly', isReadonly)
|
||
},
|
||
|
||
tableGetOption: function () {
|
||
return {
|
||
data: [],
|
||
columns: [],
|
||
bSort: false,
|
||
scollY: "600px",
|
||
//aLengthMenu: [10, 20, 50, 100], //设置每页显示数据条数的下拉选项
|
||
//displayLength: 5, //每页初始显示最大记录数量
|
||
// 设置：表格（t）、分页数据条数（l）、搜索框（f）、表格信息（i）、分页（p）、加载信息（r）
|
||
dom: 'rt<"mydt-ext"p<"item"<"gotopage">><"item"i><"item"f>>',
|
||
language: {
|
||
emptyTable: '无数据',
|
||
lengthMenu: '每页显示 _MENU_ 条记录',
|
||
zeroRecords: '对不起，查询不到任何相关数据',
|
||
info: '共有 _TOTAL_ 条记录', // '当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录',
|
||
infoEmpty: '共 0 页',
|
||
infoFiltered: '数据表中共为 _MAX_ 条记录)',
|
||
processing: '正在加载中...',
|
||
search: '结果中搜索',
|
||
paginate: {
|
||
previous: '上一页', next: '下一页', first: '首页', last: '尾页'
|
||
},
|
||
},
|
||
columnDefs: [{ targets: '_all', className: 'dt-head-left' }, { targets: '_all', className: 'dt-body-left' }],
|
||
//serverSide: true,
|
||
processing: false,
|
||
ajax: function (req, callback, settings) {
|
||
// 查询服务器获取数据， 同时获取总数据条数
|
||
callback({ draw: req.draw, recordsTotal: 0, recordsFiltered: 0, data: [] })
|
||
},
|
||
|
||
createdRow: function (row, data, dataIndex) {
|
||
if (dataIndex % 2 === 0) {
|
||
//$(row).css('background-color', '#ff000010')
|
||
} else {
|
||
//$(row).css('background-color', '#00ff0010')
|
||
}
|
||
|
||
$(row).on('mouseenter', function () {
|
||
//if (curEditRow && myTableApi.row(curEditRow).index() == myTableApi.row($(this)).index()) return
|
||
$(this).css('background-color', '#ff808050') // 高亮颜色
|
||
})
|
||
$(row).on('mouseleave', function () {
|
||
//if (curEditRow && myTableApi.row(curEditRow).index() == myTableApi.row($(this)).index()) return
|
||
$(this).css('background-color', '') // 恢复默认
|
||
})
|
||
},
|
||
}
|
||
},
|
||
|
||
clickSubpageBtn: function (id) {
|
||
if (G.curSubpageId == id) return
|
||
|
||
if (G.curSubpageId) {
|
||
var oldBtn = document.getElementById(G.curSubpageId + 'Btn')
|
||
if (oldBtn) { oldBtn.className = 'btn btn-primary' }
|
||
var oldSubpage = $('#' + G.curSubpageId)
|
||
if (oldSubpage) { oldSubpage.hide() }
|
||
}
|
||
if (id) {
|
||
var curBtn = document.getElementById(id + 'Btn')
|
||
if (curBtn) { curBtn.className = 'btn btn-success btn-lg' }
|
||
var curSubpage = $('#' + id)
|
||
if (curSubpage) { curSubpage.show() }
|
||
}
|
||
|
||
G.curSubpageId = id
|
||
},
|
||
|
||
|
||
getRandDataDay: function (a, b, n) {
|
||
var data = []
|
||
var t0 = Date.parse('2025-03-01 00:00:00')
|
||
if (!n) { n = 24 }
|
||
var step = 86400 / n
|
||
var y = a;
|
||
for (var i = 0; i < n; ++i) {
|
||
// data[i] = { x: t0 + i * step * 1000, y: Math.sin(i * 0.1) * (n - m) }
|
||
y = Math.floor((y + RAND(0, 50) - 25) * 100) / 100
|
||
data[i] = { x: t0 + i * step * 1000, y: y }
|
||
}
|
||
return data
|
||
}
|
||
}
|
||
|
||
|
||
function RAND(a, b) {
|
||
return a + Math.random() * (b - a)
|
||
} |