monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 袁晋鹏
Commit 103f7e775a0b09bfc61626af4bab48314486a614 1 parent f165c37b

fix:备份相关功能整体ui优化

Inline Side-by-side
Showing 7 changed files with 29 additions and 83 deletions
... ... @@ -40,21 +40,21 @@ layui.define(['common', 'admin', 'echarts', 'common', 'table', 'sessions', 'layd
cellMinWidth: 80,
autoSort: false,
cols: [[{
field: 'createDate', title: '备份时间', align: 'center', sort: true, drag: false, width: 220
field: 'createDate', title: '备份时间', align: 'center', sort: true, drag: false,
}, {
field: 'shouldBack', title: '应备份数量', align: 'center', drag: false, width: 220,
field: 'shouldBack', title: '应备份数量', align: 'center', drag: false,
}, {
field: 'success', title: '备份成功数量', align: 'center', drag: false, width: 220,
field: 'success', title: '备份成功数量', align: 'center', drag: false,
templet: '<div><span data-date="{{d.createDate}}" data-status="成功" class="layui-table-link view-failCount-collectValue" style="color: green;font-size: 14px">{{d.success}}</span></div>'
}, {
field: 'fail', title: '备份失败数量', align: 'center', drag: false, width: 220,
field: 'fail', title: '备份失败数量', align: 'center', drag: false,
templet: '<div><span data-date="{{d.createDate}}" data-status="失败" class="layui-table-link view-failCount-collectValue" style="color: red;font-size: 14px">{{d.fail}}</span></div>'
}, {
field: 'inback', title: '备份中数量', align: 'center', drag: false, width: 220,
field: 'inback', title: '备份中数量', align: 'center', drag: false,
}, {
field: 'noback', title: '未备份数量', align: 'center', drag: false, width: 220,
field: 'noback', title: '未备份数量', align: 'center', drag: false,
}, {
field: 'sucRate', title: '备份成功率', align: 'center', drag: false,
}]],
... ...
... ... @@ -111,11 +111,11 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'view',
$('.view-backed-collectValue').on('click', function () {
var busId = $(this).data("busid");
var flag = $(this).data("flag");
var title = '备份服务器列表'
var title = '备份服务器列表(数据来源于鼎甲备份作业列表)'
common.openWin('backup/backDingjiaList', title, {
busId: busId,
flag: flag
}, ['确定', '取消'])
}, ['确定', '取消'],null,null,['90%', '90%'])
});
}
... ...
... ... @@ -240,7 +240,7 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'view',
'<td>' + endTime + '</td>' +
'<td>' + remark + '</td>' +
'<td>' + lastTime + '</td>' +
'<td><input type="button" value="编辑" class="edit" style="background-color: #1E9FFF;"/></td>' +
'<td><input type="button" value="编辑" class="edit layui-button layui-btn-sm layui-btn-normal" style="color: #ffffff;border-radius:4px"/></td>' +
'</tr>'
} else {
tr += '<td style="display: none" class="bizid" data-bizId = "' + e.businfo.busId + '" data-bizName = "' + e.businfo.busTypeName + '">' + id + '</td>' +
... ... @@ -257,7 +257,7 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'view',
'<td>' + endTime + '</td>' +
'<td>' + remark + '</td>' +
'<td>' + lastTime + '</td>' +
'<td style="display:grid"><input type="button" value="编辑" class="edit" style="background-color: #1E9FFF;"/><input type="button" class="import" value="引用上次" style="background-color: #c0c4cc;margin-top: 5px"/></td>' +
'<td style="display:grid"><input type="button" value="编辑" class="edit layui-button layui-btn-sm layui-btn-normal" style="color: #ffffff;border-radius:4px"/><input type="button" class="import layui-button layui-btn-sm layui-btn-normal" value="引用上次" style="background-color: #c0c4cc;margin-top: 5px;border-radius:4px"/></td>' +
'</tr>'
}
});
... ... @@ -274,7 +274,7 @@ layui.define(['table', 'admin', 'form', 'laydate', 'common', 'sessions', 'view',
startTime: startTime,
resId: resId,
resIp: ip
}, ['确定', '取消'])
}, ['确定', '取消'],null,null,['90%', '90%'])
});
$('#inspectioncount_table_id :button.edit').click(function () {
var toEdit = this.value == '编辑';
... ...
... ... @@ -139,7 +139,7 @@ layui.define(['table', 'form', 'sessions', 'admin', 'common', 'echarts', 'laydat
function openmeetingsummaryForm(id) {
var title = id ? '编辑' : '新增'
common.openWin('machineroom/meetingsummaryAdd', title, {id: id}, ['确定', '取消'], function f(index,layero){
},null,null,null,{end: reloadAllChange()})
},null,['90%', '90%'],null,{end: reloadAllChange()})
}
... ...
<title>数据库备份统计</title>
<style type="text/css">
table th {
background-color: cornflowerblue;
}
</style>
<article class="page-container template">
<div class="page-panel">
<div class="main" style="background-color: #fff">
... ...
<style type="text/css">
td input {
width: 70px;
border: 1px;
}
element.style {
}
.layui-table td, .layui-table th {
position: relative;
padding: 9px 15px;
min-height: 20px;
line-height: 20px;
font-size: 14px;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
border-width: 1px;
border-style: solid;
border-color: #e6e6e6;
}
.layui-table th {
min-width: 35px;
text-align: center;
background-color: cornflowerblue;
}
</style>
<title>服务器备份概况</title>
<article class="page-container template">
<div class="page-panel">
... ...
<style type="text/css">
td input {
width: 70px;
border: 1px;
}
element.style {
}
.layui-table td, .layui-table th {
position: relative;
padding: 9px 15px;
min-height: 20px;
line-height: 20px;
font-size: 14px;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
border-width: 1px;
border-style: solid;
border-color: #e6e6e6;
}
.layui-table th {
min-width: 35px;
text-align: center;
background-color: cornflowerblue;
}
</style>
<title>数据库备份概况</title>
<article class="page-container template">
<div class="page-panel">
<div class="main" style="background-color: #fff">
<div class="main">
<div class="layui-card-body" style="margin-top: 10px;">
<div style="display: flex;justify-content: space-between;align-items: center;">
<form class="layui-form layui-card-header" onsubmit="return false"
... ... @@ -64,16 +35,16 @@
<thead>
<tr>
<th>序号</th>
<th>系统名称</th>
<th>等保等级</th>
<th>数据库名称</th>
<th width="150">系统名称</th>
<th width="100">等保等级</th>
<th width="200">数据库名称</th>
<th>IP地址</th>
<th>备份平台</th>
<th>备份级别</th>
<th>备份状态</th>
<th>数据量(GB)</th>
<th>速率(MB/s)</th>
<th>运行时间(分)</th>
<th width="100">备份状态</th>
<th width="100">数据量(GB)</th>
<th width="100">速率(MB/s)</th>
<th width="100">运行时间(分)</th>
<th>开始时间</th>
<th>结束时间</th>
<th>备注</th>
... ... @@ -93,4 +64,12 @@
layui.use('backupmain', function (fn) {
fn();
});
</script>
\ No newline at end of file
</script>
<style type="text/css">
.layui-table td, .layui-table th {
padding: 0 5px!important;
}
td input:not([type=button]) {
width: 80px;
}
</style>
\ No newline at end of file
... ...