提交 08847cfc 编写于 作者: Skyeye云's avatar Skyeye云

删除服务器监控功能

上级 3bc761c3
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table;
authBtn('1637677810338');
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: reqBasePath + 'bossIntervieweeFrom001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers'},
{ field: 'name', title: '姓名', align: 'left', width: 100, templet: function(d){
return '<a lay-event="details" class="notice-title-click">' + d.name + '</a>';
}},
{ field: 'phone', title: '联系方式', align: 'left', width: 120 },
{ field: 'fromName', title: '来源', align: 'left', width: 120 },
{ field: 'workYears', title: '工作年限', align: 'left', width: 100 },
{ field: 'favoriteJob', title: '心仪岗位', align: 'left', width: 130 },
{ field: 'stateName', title: '状态', align: 'left', width: 80 },
{ field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], width: 120 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 120 },
{ field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150},
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 150, toolbar: '#tableBar'}
]],
done: function(){
matchingLanguage();
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') { //编辑
edit(data);
}else if (layEvent === 'delet') { //删除
delet(data);
}else if (layEvent === 'details') { //详情
details(data);
}
});
// 添加
$("body").on("click", "#addBean", function(){
_openNewWindows({
url: "../../tpl/bossInterviewee/bossIntervieweeAdd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "bossIntervieweeAdd",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
if (refreshCode == '0') {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
loadTable();
} else if (refreshCode == '-9999') {
winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
}
}});
});
// 删除
function delet(data){
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function(index){
layer.close(index);
AjaxPostUtil.request({url:reqBasePath + "bossIntervieweeFrom003", params:{id: data.id}, type:'json', method: "DELETE", callback:function(json){
if(json.returnCode == 0){
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1,time: 2000});
loadTable();
}else{
winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
});
}
// 编辑
function edit(data){
rowId = data.id;
_openNewWindows({
url: "../../tpl/bossInterviewee/bossIntervieweeEdit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "bossIntervieweeEdit",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
if (refreshCode == '0') {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
loadTable();
} else if (refreshCode == '-9999') {
winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
}
}
});
}
// 详情
function details(data){
rowId = data.id;
_openNewWindows({
url: "../../tpl/bossInterviewee/bossIntervieweeDetails.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "bossIntervieweeDetails",
area: ['90vw', '90vh'],
callBack: function(refreshCode){
}
});
}
form.render();
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
}
return false;
});
// 刷新数据
$("body").on("click", "#reloadTable", function(){
loadTable();
});
function loadTable(){
table.reload("messageTable", {where: getTableParams()});
}
function getTableParams(){
return {
name: $("#name").val(),
phone: $("#phone").val()
};
}
exports('bossIntervieweeList', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="txtcenter" style="margin:0 auto;padding-top:10px;">
<form class="layui-form layui-form-pane" action="" autocomplete="off">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline">
<input type="text" id="name" name="name" placeholder="请输入姓名" class="layui-input" />
</div>
<label class="layui-form-label">联系方式</label>
<div class="layui-input-inline">
<input type="text" id="phone" name="phone" placeholder="请输入联系方式" class="layui-input" />
</div>
<button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
<button class="layui-btn list-form-search" lay-submit lay-filter="formSearch"><language showName="com.skyeye.search2"></language></button>
</div>
</div>
</form>
</div>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn" auth="1637677810338"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1637677825950')){ }}
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1637677817862')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/bossInterviewee/'}).use('bossIntervieweeList');
</script>
</body>
</html>
\ No newline at end of file
......@@ -108,7 +108,7 @@ layui.config({
// 订单类型
orderType = treeNode.id == 0 ? "" : treeNode.id;
}
refreshTable();
table.reload("messageTable", {page: {curr: 1}, where: getTableParams()})
}
/********* tree 处理 end *************/
......
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window',
echarts: '../echarts/echarts',
echartsTheme: '../echarts/echartsTheme',
}).define(['window', 'jquery', 'winui', 'echarts'], function (exports) {
winui.renderColor();
var $ = layui.$;
var ws = null;
var refreshMinute = 60;
var option;
var totalMemoryChart = null, freeMemoryChart = null, freePhysicalMemorySizeChart = null, usedMemoryChart = null, totalThreadChart = null, cpuRatioChart = null,
xdata = [];
totalMemoryYdata = [], freeMemoryYdata = [], freePhysicalMemorySizeYdata = [], usedMemoryYdata = [], totalThreadYdata = [], cpuRatioYdata = [];
initMation();
//服务器信息变化
function initMation(){
option = {
title: {
text: '可使用内存',
textStyle: {
color: 'white'
}
},
tooltip: {
trigger: 'axis',
formatter: function (params) {
params = params[0];
return params.name + ' : ' + params.value[1];
},
axisPointer: {
animation: false
}
},
xAxis: {
type: 'category',
data: xdata,
splitLine: {
show: true,
lineStyle:{
color: ['RGB(66, 69, 76)'],
width: 2,
type: 'solid'
}
},
axisLabel: {
textStyle: {
color: 'white'
}
}
},
yAxis: {
type: 'value',
splitLine: {
show: true,
lineStyle:{
color: ['RGB(66, 69, 76)'],
width: 1,
type: 'solid'
}
},
axisLabel: {
textStyle: {
color: 'white'
}
}
},
series: [{
name: '模拟数据',
type: 'line',
showSymbol: false,
hoverAnimation: false,
data: totalMemoryYdata
}]
};
AjaxPostUtil.request({url:reqBasePath + "sysmonitor001", params:{}, type:'json', callback:function(json){
if(json.returnCode == 0){
totalMemoryChart = echarts.init($("#totalMemoryLine")[0], layui.echartsTheme);
freeMemoryChart = echarts.init($("#freeMemoryYLine")[0], layui.echartsTheme);
freePhysicalMemorySizeChart = echarts.init($("#freePhysicalMemorySizeLine")[0], layui.echartsTheme);
usedMemoryChart = echarts.init($("#usedMemoryLine")[0], layui.echartsTheme);
totalThreadChart = echarts.init($("#totalThreadLine")[0], layui.echartsTheme);
cpuRatioChart = echarts.init($("#cpuRatioLine")[0], layui.echartsTheme);
if (option && typeof option === "object") {
totalMemoryChart.setOption(option);
freeMemoryChart.setOption(option);
freePhysicalMemorySizeChart.setOption(option);
usedMemoryChart.setOption(option);
totalThreadChart.setOption(option);
cpuRatioChart.setOption(option);
}
$("#osName").html(json.rows[0].osName);
$("#IPName").html(json.rows[0].ip);
$("#totalMemorySize").html(json.rows[0].totalMemorySize);
$("#maxMemory").html(json.rows[0].maxMemory);
for(var i in json.rows){
xdata.push(json.rows[i].createTime);
totalMemoryYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].totalMemory],
});
freeMemoryYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].freeMemory],
});
freePhysicalMemorySizeYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].freePhysicalMemorySize],
});
usedMemoryYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].usedMemory],
});
totalThreadYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].totalThread],
});
cpuRatioYdata.push({
name: json.rows[i].createTime,
value: [json.rows[i].createTime, json.rows[i].cpuRatio],
});
}
totalMemoryChart.setOption({
xAxis: {data: xdata},
title: {
text: '当前JVM占用的内存总数(M)'
},
series: [{
data: totalMemoryYdata
}]
});
freeMemoryChart.setOption({
xAxis: {data: xdata},
title: {
text: 'JVM空闲内存(M)'
},
series: [{
data: freeMemoryYdata
}]
});
freePhysicalMemorySizeChart.setOption({
xAxis: {data: xdata},
title: {
text: '剩余的物理内存'
},
series: [{
data: freePhysicalMemorySizeYdata
}]
});
usedMemoryChart.setOption({
xAxis: {data: xdata},
title: {
text: '已使用的物理内存'
},
series: [{
data: usedMemoryYdata
}]
});
totalThreadChart.setOption({
xAxis: {data: xdata},
title: {
text: '线程总数'
},
series: [{
data: totalThreadYdata
}]
});
cpuRatioChart.setOption({
xAxis: {data: xdata},
title: {
text: 'cpu使用率'
},
series: [{
data: cpuRatioYdata
}]
});
if ('WebSocket' in window) {
ws = new WebSocket(sysMainMation.webSocketPath + "websocket001" + "?userToken=" + getCookie('userToken') + "&loginPCIp=" + returnCitySN["cip"]);
//连接成功建立的回调方法
ws.onopen = function(){
// Web Socket 已连接上,使用 send() 方法发送数据
};
//接收到消息的回调方法
ws.onmessage = function (evt) {
refreshMinute = 60;
var received_msg = evt.data;
try {
if(typeof JSON.parse(received_msg) == "object") {
var jsonData = JSON.parse(received_msg);
xdata.push(jsonData.createTime);
totalMemoryYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.totalMemory],
});
freeMemoryYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.freeMemory],
});
freePhysicalMemorySizeYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.freePhysicalMemorySize],
});
usedMemoryYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.usedMemory],
});
totalThreadYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.totalThread],
});
cpuRatioYdata.push({
name: jsonData.createTime,
value: [jsonData.createTime, jsonData.cpuRatio],
});
totalMemoryChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: totalMemoryYdata
}]
});
freeMemoryChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: freeMemoryYdata
}]
});
freePhysicalMemorySizeChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: freePhysicalMemorySizeYdata
}]
});
usedMemoryChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: usedMemoryYdata
}]
});
totalThreadChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: totalThreadYdata
}]
});
cpuRatioChart.setOption({
xAxis: {
data: xdata
},
series: [{
data: cpuRatioYdata
}]
});
}
} catch(e) {}
};
//连接关闭的回调方法
ws.onclose = function () {
};
//连接发生错误的回调方法
ws.onerror = function () {
};
setInterval(function(){
ws.send("你好");
}, 60000);
setInterval(function(){
if(refreshMinute > 0){
$(".refreshMinute").html(refreshMinute--);
}
}, 1000);
} else {
alert('当前浏览器 Not support websocket')
}
}else{
winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
}
}});
matchingLanguage();
//页面刷新或者关闭时,关闭socket
window.onbeforeunload = function(){
if (ws != null) {
ws.close();
}
}
}
//全屏模式
$("body").on("click", "#qpModel", function(e){
fullScreen();
});
//退出全屏模式
$("body").on("click", "#tcqpModel", function(e){
exitFullScreen();
});
window.onresize = function () {
totalMemoryChart.resize();
freeMemoryChart.resize();
freePhysicalMemorySizeChart.resize();
usedMemoryChart.resize();
totalThreadChart.resize();
cpuRatioChart.resize();
}
exports('sysmonitorlist', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body style="background-color: black;">
<div style="height: 100%;">
<div class="layui-col-xs12 sys-mation-module-operator">
<div class="sys-mation-module-operator-left">
服务器监控数据(每隔一分钟刷新一次)
</div>
<div class="sys-mation-module-operator-right">
<font>距离下次数据更新还有<font class="refreshMinute">60</font></font>
<button title="全屏模式" id="qpModel">
<i class="fa fa-fw fa-object-group"></i>
</button>
<button title="退出全屏" id="tcqpModel">
<i class="fa fa-fw fa-object-ungroup"></i>
</button>
</div>
</div>
<div class="layui-col-xs12">
<ul class="layui-row layui-this sys-mation-module-list">
<li class="layui-col-xs2"><a class="layadmin-backlog-body">
<h3>系统</h3>
<p>
<cite id="osName"></cite>
</p>
</a></li>
<li class="layui-col-xs2"><a class="layadmin-backlog-body">
<h3>IP</h3>
<p>
<cite id="IPName"></cite>
</p>
</a></li>
<li class="layui-col-xs2"><a class="layadmin-backlog-body">
<h3>总共物理内存(M)</h3>
<p>
<cite id="totalMemorySize"></cite>
</p>
</a></li>
<li class="layui-col-xs2"><a class="layadmin-backlog-body">
<h3>最大可使用内存(M)</h3>
<p>
<cite id="maxMemory"></cite>
</p>
</a></li>
</ul>
</div>
<div class="sys-statistics-list">
<div class="layui-col-xs4 sys-statistics">
<div id="totalMemoryLine" class="sys-statistics-show"></div>
</div>
<div class="layui-col-xs4 sys-statistics">
<div id="freeMemoryYLine" class="sys-statistics-show"></div>
</div>
<div class="layui-col-xs4 sys-statistics">
<div id="freePhysicalMemorySizeLine" class="sys-statistics-show"></div>
</div>
<div class="layui-col-xs4 sys-statistics">
<div id="usedMemoryLine" class="sys-statistics-show"></div>
</div>
<div class="layui-col-xs4 sys-statistics">
<div id="totalThreadLine" class="sys-statistics-show"></div>
</div>
<div class="layui-col-xs4 sys-statistics">
<div id="cpuRatioLine" class="sys-statistics-show"></div>
</div>
</div>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/sysmonitor/'}).use('sysmonitorlist');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册