Authored by 王涛

实现动态布局

... ... @@ -1766,6 +1766,17 @@ layui.define(['xmSelect', 'md5'], function (exports) {
window.open(url);
};
/**
* 打开第三方系统界面
* <p>
* 作者: Wang
* 时间:2022/2/9 17:10
*/
admin.events.openOtherSystem = function (){
let code = $(this).attr("data-code");
admin.events[code].call();
}
//监听浏览器窗口变化
$(window).resize(function () { //当浏览器大小变化时
resizePageWidth();
... ...
... ... @@ -214,20 +214,6 @@ layui.define(['sessions', 'form', 'common'],function (exports) {
loginErrorNum = 0;
sessionStorage.removeItem('lockNum');
$.ajax({
type : 'get',
url : common.domainName + '/api-user/menus/findSettingDefaultMenus?access_token='+data.access_token,
success : function(res) {
var data = res.data;
//如果配置默认首页
if(data.length>0 && data[0].moduleid != 'index'){
location.hash = '/'+data[0].moduleid+'/'
}else{//如果没有配置则默认到首页
location.hash = '/';
}
}
});
//获取用户数据保存在sessionStorage中
$.ajax({
type : 'get',
... ... @@ -242,8 +228,32 @@ layui.define(['sessions', 'form', 'common'],function (exports) {
sessionStorage.setItem('permissions',data.permissions);
sessionStorage.setItem('roles',roles);
sessionStorage.setItem('user_id',data.id); //保存用户id joke add 20211206
// Start Wang 2022/2/8 15:37 用户登录后,获取用户信息时,增加获取用户扩展信息
var up = data.userProperty;
if(up){
up.map(function (v) {
sessionStorage.setItem(v.property, v.value);
})
}
// End Wang 2022/2/8 15:37
}
});
$.ajax({
type : 'get',
url : common.domainName + '/api-user/menus/findSettingDefaultMenus?access_token='+data.access_token,
success : function(res) {
var data = res.data;
//如果配置默认首页
if(data.length>0 && data[0].moduleid != 'index'){
location.hash = '/'+data[0].moduleid+'/'
}else{//如果没有配置则默认到首页
location.hash = '/';
}
}
});
});
} else {
layer.closeAll('loading');
... ...
... ... @@ -255,6 +255,10 @@ layui.extend({
// if(localStorage.getItem("lgn") != 'admin'){
// renderUrl = 'layout-nx';
// }
let userLayout = sessionStorage.getItem("userLayout");
if(userLayout && ['layout','layout-nx'].indexOf(userLayout)){
renderUrl = userLayout;
}
container.render(renderUrl).done(function(){
renderPage();
layui.element.render();
... ...
<!--宁夏客户现场使用-->
<div class="layui-layout layui-layout-admin">
<script>
var show = location.search.substr(1).split("&")[0].split("=")[1];
if(show == '0'){
document.querySelector("body").classList.add("layout-nav-hide");
document.querySelector("body").classList.add("layout-nav-hide");
}
var editFlag = location.search.substr(1).split("&")[1];
if(editFlag){
var name = editFlag.split("=")[0];
var val = editFlag.split("=")[1] == "true"?true:false;
if(name === "editFlag"){
localStorage.setItem("editFlag",val);
}
}
</script>
<div class="layui-header">
... ... @@ -22,7 +29,31 @@
<!--</ul>-->
<!--资源类型页签-->
<div class="nxIndex_top_restype_nav" id="indexResTypeTab"> </div>
<div class="nxIndex_top_restype_nav">
<!--资源类型-->
<script type="text/html" template lay-url="{{sessionStorage.getItem('domainName')}}/api-web/home/restype/getResTypeHealthResult"
lay-done="layui.element.render('nav', 'layadmin-app');">
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item active" data-restype="biz">
<a href="javascript:;" lay-href="/">应用</a>
</li>
</ul>
<div class="vline"></div>
<ul class="layui-nav layui-layout-left" style="left: 70px">
{{# var arr = d.data.sort(function (a, b) { return a.resNum < b.resNum ? 1 : -1; }) }}
{{# layui.each(arr, function(index, item){ }}
{{# if(item.resNum != 0 && index < 9){ }}
<li class="layui-nav-item" data-restype="{{item.resType}}" data-resnum="{{item.resNum}}"
lay-tips="资源总数:{{item.resNum }} <br>严重告警:{{item.serious}}<br>重要告警:{{item.important}}<br>一般告警:{{item.normal}}"
data-serious="{{item.serious}}" data-important="{{item.important}}" data-normal="{{item.normal}}" lay-filter="layadmin-app">
<a href="javascript:;" lay-href="{{ '/biz/list/restype=' + item.resType }}">{{item.resTypeName}}<span class="layui-badge">{{item.resNum}}</span></a>
</li>
{{# } }}
{{# }); }}
</ul>
</script>
</div>
<img src="/src/style/img/logo-small.png" class="logo nxlogo">
... ... @@ -30,11 +61,11 @@
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
</li>
<!--<li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!-- <a href="javascript:;" layadmin-event="theme">-->
<!-- <i class="layui-icon layui-icon-theme"></i>-->
<!-- </a>-->
<!--</li>-->
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="theme">
<i class="layui-icon layui-icon-theme"></i>
</a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" layadmin-event="refresh" title="刷新">
<i class="layui-icon layui-icon-refresh-3"></i>
... ... @@ -45,22 +76,69 @@
<i class="layui-icon layui-icon-screen-full"></i>
</a>
</li>
<!--<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="ipmanage" title="ip管理系统">
<span class="iconfont">&#xe511;</span>
</a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="assetsmanage" title="资产管理系统">
<span class="layui-icon">&#xe653;</span>
</a>
</li>
<script type="text/html" template lay-url="{{location.href.substring(0,location.href.lastIndexOf(':'))}}:8080/api-user/users/getUserByToken"
lay-done="layui.element.render('nav', 'layadmin-text-name');">
<li class="layui-nav-item layui-hide-xs" lay-unselect lay-filter="layadmin-text-name">
<a href="javascript:;" style="text-align: center;" >欢迎&nbsp;&nbsp;<b id="user-name" lay-tips="点击退出" layadmin-event="logout" style="color: #1E9FFF">{{d.object.nickname }}</b></a>
</li>
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="kelai" title="科来业务性能管理系统">
<span class="layui-icon layui-icon-chart-screen"></span>
</a>
</li>
{{#
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="javascript:;" layadmin-event="setAccount" title="第三方系统账号绑定">
<span class="layui-icon layui-icon-set"></span>
</a>
</li>-->
<li class="layui-nav-item" lay-unselect>
<script type="text/html" template lay-url="{{sessionStorage.getItem('domainName')}}/api-web/manage/ddic/list?ddicCategory=systems"
lay-done="layui.element.render('nav', 'layadmin-systems');">
<a href="javascript:;" title="第三方系统">
<span class="layui-icon layui-icon-slider"></span>
</a>
<dl class="layui-nav-child">
{{# layui.each(d.data, function(index, item){ }}
<dd style="text-align: left;" lay-filter="layadmin-systems">
<a href="javascript:;" layadmin-event="openOtherSystem" data-code="{{item.ddicCode}}" title="{{item.ddicName}}">
<i class="iconfont icon-tree {{ item.ddicDesc }}" />&nbsp;&nbsp;{{ item.ddicName }}
</a>
</dd>
{{# }); }}
</dl>
</script>
</li>
<li class="layui-nav-item" lay-unselect>
<script type="text/html" template lay-url="{{sessionStorage.getItem('domainName')}}/api-user/users/getUserByToken"
lay-done="layui.element.render('nav', 'layadmin-layout-right');">
<a href="javascript:;">
欢迎&nbsp;&nbsp;<cite style="color: #1E9FFF" user-info>{{d.object.nickname}}</cite>
</a>
{{#
var roles = '';
layui.each(d.object.sysRoles, function(idx, role){
roles += role.code+",";
roles += role.code+",";
});
}}
}}
<li><input type="hidden" id="user_roles" value="{{roles}}"></li>
<dl class="layui-nav-child">
<dd layadmin-event="updtpswd" style="text-align: center;"><a>修改密码</a></dd>
<dd user-info layadmin-event="changeInfo" style="text-align: center;"><a>修改信息</a></dd>
<dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
</dl>
</script>
</li>
<li><input type="hidden" id="user_roles" value="{{roles}}"></li>
</script>
</ul>
</div>
... ... @@ -70,21 +148,21 @@
<div class="layui-side layui-side-menu">
<div class="layui-side-scroll">
<script type="text/html" template lay-url="{{location.href.substring(0,location.href.lastIndexOf(':'))}}:8080/api-user/menus/current?type=1"
<script type="text/html" template lay-url="{{sessionStorage.getItem('domainName')}}/api-user/menus/current?type=1"
lay-done="layui.element.render('nav', 'layadmin-system-side-menu');" id="TPL_layout">
{{#
var dataName = layui.setter.response.dataName;
var fisthref = "/index";
var defaultMenu = d.str;
var defaultModuleid = '';
var defaultPath = '';
if(defaultMenu && defaultMenu != ''){
defaultModuleid = d.str.split('#')[0];
defaultPath = d.str.split('#')[1];
fisthref = defaultPath;
}
}}
{{#
var dataName = layui.setter.response.dataName;
var fisthref = "/index";
var defaultMenu = d.str;
var defaultModuleid = '';
var defaultPath = '';
if(defaultMenu && defaultMenu != ''){
defaultModuleid = d.str.split('#')[0];
defaultPath = d.str.split('#')[1];
fisthref = defaultPath;
}
}}
<!--<div class="layui-logo" lay-href="{{fisthref}}">
<span>{{ layui.setter.name || 'layuiAdmin' }}</span>
... ... @@ -96,49 +174,49 @@
<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
lay-filter="layadmin-system-side-menu">
{{#
if(show != '0') window.history.pushState({} ,'' ,'#');
var show = location.search.substr(1).split("&")[0].split("=")[1];
if(show != '0') window.history.pushState({} ,'' ,'#');
if(show != '0') location.hash = "/";
var path = layui.router().path
,pathURL = layui.admin.correctRouter(path.join('/'))
,dataName = layui.setter.response.dataName;
,pathURL = layui.admin.correctRouter(path.join('/'))
,dataName = layui.setter.response.dataName;
var fistModuleid = d[dataName][0].moduleid;
var fistModuleid = d[dataName][0].moduleid;
layui.each(d[dataName], function(index, item){
var isselectd = '';
if(defaultModuleid != '' || item.moduleid != ''){
if(item.moduleid == defaultModuleid || item.moduleid == fistModuleid){
isselectd = "layui-this";
}
}else{
if(item.moduleid == 'work'){
isselectd = "layui-this";
}
}
var hasChildren = typeof item.subMenus === 'object' && item.subMenus && item.subMenus.length > 0
,classSelected = function(){
var match = path[0] == item.moduleid || (index == 0 && !path[0]) || (item.path && pathURL ==
layui.admin.correctRouter(item.path)) || item.spread;
if(match){
return hasChildren ? 'layui-nav-itemed' : 'layui-nav-itemed';
}
return '';
}
,url = (item.path && typeof item.path === 'string') ? item.path : item.moduleid;
var closeMenuEvent = '';
if(item.moduleid == 'biz' || item.moduleid == 'res'){ closeMenuEvent = 'closeMenu'}
}}
layui.each(d[dataName], function(index, item){
var isselectd = '';
if(defaultModuleid != '' || item.moduleid != ''){
if(item.moduleid == defaultModuleid || item.moduleid == fistModuleid){
isselectd = "layui-this";
}
}else{
if(item.moduleid == 'work'){
isselectd = "layui-this";
}
}
var hasChildren = typeof item.subMenus === 'object' && item.subMenus && item.subMenus.length > 0
,classSelected = function(){
var match = path[0] == item.moduleid || (index == 0 && !path[0]) || (item.path && pathURL ==
layui.admin.correctRouter(item.path)) || item.spread;
if(match){
return hasChildren ? 'layui-nav-itemed' : 'layui-nav-itemed';
}
return '';
}
,url = (item.path && typeof item.path === 'string') ? item.path : item.moduleid;
var closeMenuEvent = '';
if(item.moduleid == 'biz' || item.moduleid == 'res'){ closeMenuEvent = 'closeMenu'}
}}
<li data-name="{{ item.moduleid || '' }}" data-jump="{{ item.path || '' }}"
class="layui-nav-item layui-nav-itemed {{isselectd}}"
style="display: {{ item.hidden ? 'none' : 'block' }}">
<a href="javascript:;" {{ hasChildren ? '' : 'lay-href="'+ url +'"' }} layadmin-event="{{closeMenuEvent}}" lay-tips="{{ item.name
}}" lay-direction="2">
<i class="layui-icon {{ item.css }}"></i>
<cite>{{ item.name }}</cite>
</a>
<a href="javascript:;" {{ hasChildren ? '' : 'lay-href="'+ url +'"' }} layadmin-event="{{closeMenuEvent}}" lay-tips="{{ item.name
}}" lay-direction="2">
<i class="layui-icon {{ item.css }}"></i>
<cite>{{ item.name }}</cite>
</a>
{{# if(hasChildren){ }}
<dl class="layui-nav-child">
{{# layui.each(item.subMenus, function(index2, item2){
... ... @@ -187,7 +265,7 @@
</div>
<!-- 页面标签 -->
<script type="text/html" template lay-url="{{location.href.substring(0,location.href.lastIndexOf(':'))}}:8080/api-user/menus/findSettingDefaultMenus"
<script type="text/html" template lay-url="{{sessionStorage.getItem('domainName')}}/api-user/menus/findSettingDefaultMenus"
lay-done="layui.element.render('nav', 'layadmin-pagetabs-nav')">
<div class="layadmin-pagetabs" id="LAY_app_tabs">
<div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
... ... @@ -207,12 +285,12 @@
<div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
<ul class="layui-tab-title" id="LAY_app_tabsheader">
{{# if(d.data.length >= 1 ){ }}
{{# if(d.data[0].moduleid == 'index'){ }}
<li lay-id="/"><i class="layui-icon layui-icon-home"></i></li>
{{# } }}
{{# if(d.data[0].moduleid != 'index'){ }}
<li lay-id="/{{d.data[0].moduleid}}/"><i class="layui-icon layui-icon-home"></i></li>
{{# } }}
{{# if(d.data[0].moduleid == 'index'){ }}
<li lay-id="/"><i class="layui-icon layui-icon-home"></i></li>
{{# } }}
{{# if(d.data[0].moduleid != 'index'){ }}
<li lay-id="/{{d.data[0].moduleid}}/"><i class="layui-icon layui-icon-home"></i></li>
{{# } }}
{{# } }}
{{# if(d.data.length == 0){ }}
<li lay-id="/"><i class="layui-icon layui-icon-home"></i></li>
... ... @@ -291,8 +369,8 @@
<div class="layui-title">{{v[0].reTypeName}}</div>
<div class="">
{{# layui.each(v, function(i, e){ }}
<div class="info-box link"
data-resid="{{e.targetId}}"
<div class="info-box link"
data-resid="{{e.targetId}}"
data-restype="{{e.resType}}"
data-restypename="{{e.resTypeName}}"
data-ip="{{e.ip}}"
... ... @@ -339,13 +417,13 @@
</thead>
<tbody>
{{# layui.each(d.data, function(index, item){ }}
<tr>
<td>{{index + 1}}</td>
<td>{{item.pid}}</td>
<td>{{item.username}}</td>
<td>{{item.usedPercent}}</td>
<!--<td>{{item.info}}</td>-->
</tr>
<tr>
<td>{{index + 1}}</td>
<td>{{item.pid}}</td>
<td>{{item.username}}</td>
<td>{{item.usedPercent}}</td>
<!--<td>{{item.info}}</td>-->
</tr>
{{# }); }}
</tbody>
</table>
... ... @@ -444,7 +522,7 @@
<div style="position:absolute; z-index:99999;width: 100%" id="{{d.resId}}_bizfileName" lay-tips="{{d.fileSysUseName}}"
data-id="{{d.resId}}_bizfileName" data-message="{{d.fileSysUseName}}"><span style="color: #000000;">{{d.fileSysUseName}}</span>
</div>
<div class="layui-progress-bar layui-bg-green {{ d.fileSysUseRate >= 98 ? 'layui-bg-red' : (d.fileSysUseRate >= 95 ? 'layui-bg-orange' : (d.fileSysUseRate >= 90 ? 'layui-bg-blue':'')) }}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.fileSysUseRate }}%"
style="width: {{ d.fileSysUseRate }}%;">
</div>
... ... @@ -457,7 +535,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPI7054BC34" data-flag="cpu" data-name="CPU使用率"
data-warning="0" data-ident="1" data-trend="1">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.cpuRate >= 95 ? 'layui-bg-red' : (d.cpuRate >= 90 ? 'layui-bg-orange' : (d.cpuRate >= 80 ? 'layui-bg-blue':''))}}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.cpuRate }}%"
style="width: {{ d.cpuRate }}%;">
</div>
... ... @@ -470,7 +548,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPI31CB8D97" data-flag="mem" data-name="内存使用率"
data-warning="1" data-ident="1" data-trend="1">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.memoryRate >= 95 ? 'layui-bg-red' : (d.memoryRate >= 90 ? 'layui-bg-orange' : (d.memoryRate >= 80 ? 'layui-bg-blue':''))}}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.memoryRate }}%"
style="width: {{ d.memoryRate }}%;">
</div>
... ... @@ -483,7 +561,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPI20352505" data-flag="vmem" data-name="虚拟内存使用率"
data-warning="1" data-ident="1" data-trend="1">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.vmmemoryUseRate >= 95 ? 'layui-bg-red' : (d.vmmemoryUseRate >= 90 ? 'layui-bg-orange' : (d.vmmemoryUseRate >= 80 ? 'layui-bg-blue':''))}}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.vmmemoryUseRate }}%"
style="width: {{ d.vmmemoryUseRate }}%;">
</div>
... ... @@ -496,7 +574,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPI18F18278" data-name="活动会话百分比" data-flag="session"
data-warning="0" data-ident="1" data-trend="0">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.sessionRate >= 80 ? 'layui-bg-red' : (d.sessionRate <= 50 ? '' : 'layui-bg-orange') }}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.sessionRate }}%"
style="width: {{ d.sessionRate }}%;">
</div>
... ... @@ -509,10 +587,10 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPIBFA3F5CD" data-name="CPU分配率" data-flag="cpu"
data-warning="0" data-ident="1" data-trend="0">
{{#
d.cpuSetRate = parseFloat(d.cpuSetRate).toFixed(2);
d.cpuSetRate = parseFloat(d.cpuSetRate).toFixed(2);
}}
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.cpuSetRate >= 80 ? 'layui-bg-red' : (d.cpuSetRate <= 50 ? '' : 'layui-bg-orange') }}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.cpuSetRate }}%"
style="width: {{ d.cpuSetRate }}%;">
</div>
... ... @@ -525,7 +603,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPIC40A80AC" data-name="内存分配率" data-flag="mem"
data-warning="0" data-ident="1" data-trend="0">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.memorySetRate >= 80 ? 'layui-bg-red' : (d.memorySetRate <= 50 ? '' : 'layui-bg-orange') }}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.memorySetRate }}%"
style="width: {{ d.memorySetRate }}%;">
</div>
... ... @@ -538,7 +616,7 @@
<div class="layui-progress-wrap kpiSubDiv" data-resid={{d.resId}} data-kpiid="KPI46BAA9BE" data-name="存储分配率" data-flag="storage"
data-warning="0" data-ident="1" data-trend="0">
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar layui-bg-green {{ d.storageSetRate >= 80 ? 'layui-bg-red' : (d.storageSetRate <= 50 ? '' : 'layui-bg-orange') }}"
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.storageSetRate }}%"
style="width: {{ d.storageSetRate }}%;">
</div>
... ... @@ -589,19 +667,17 @@
</script>
<!--健康状态-->
<script type="text/html" id="healthTpl">
{{# if(d.state != 'new'){ }}
{{# if(d.health === '1'){ }}
<button type="button" class="layui-btn layui-btn-danger layui-bg-red layui-btn-radius layui-btn-xs p-0-15 cant-click">
</button>
{{# } }}
{{# if(d.health === '2'){ }}
<button type="button" class="layui-btn layui-btn-warm layui-bg-orange layui-btn-radius layui-btn-xs p-0-15 cant-click">
</button>
{{# } }}
{{# if(d.health === '3'){ }}
<button type="button" class="layui-btn layui-btn-radius layui-bg-green layui-btn-xs p-0-15 cant-click"></button>
{{# } }}
{{# } }}
{{# if(d.health === '1'){ }}
<button type="button" class="layui-btn layui-btn-danger layui-bg-red layui-btn-radius layui-btn-xs p-0-15 cant-click">
</button>
{{# } }}
{{# if(d.health === '2'){ }}
<button type="button" class="layui-btn layui-btn-warm layui-bg-orange layui-btn-radius layui-btn-xs p-0-15 cant-click">
</button>
{{# } }}
{{# if(d.health === '3'){ }}
<button type="button" class="layui-btn layui-btn-radius layui-bg-green layui-btn-xs p-0-15 cant-click"></button>
{{# } }}
</script>
<!--主机状态-->
<script type="text/html" id="hostStateTpl">
... ... @@ -636,20 +712,20 @@
<!--资源状态-->
<script type="text/html" id="resStateTpl">
{{#
switch (d.state) {
case "new" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-blue layui-btn-radius layui-btn-xs p-0-15 cant-click">未监控</button> {{#
break;
case "monitor" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-green layui-btn-radius layui-btn-xs p-0-15 cant-click">监控中</button> {{#
break;
case "stop" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-red layui-btn-radius layui-btn-xs p-0-15 cant-click">暂停监控</button> {{#
break;
case "alarmIgnore" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-orange layui-btn-radius layui-btn-xs p-0-15 cant-click">告警压制中</button> {{#
break;
}
switch (d.state) {
case "new" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-blue layui-btn-radius layui-btn-xs p-0-15 cant-click">未监控</button> {{#
break;
case "monitor" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-green layui-btn-radius layui-btn-xs p-0-15 cant-click">监控中</button> {{#
break;
case "stop" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-red layui-btn-radius layui-btn-xs p-0-15 cant-click">暂停监控</button> {{#
break;
case "alarmIgnore" :
}} <button type="button" class="layui-btn layui-btn-warm layui-bg-orange layui-btn-radius layui-btn-xs p-0-15 cant-click">告警压制中</button> {{#
break;
}
}}
</script>
<!--判断树结构有无子节点-->
... ... @@ -666,12 +742,12 @@
data-warning="0" data-ident="1" data-trend="0" data-flag="tps" >
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div style="position:absolute; z-index:99999;width: 100%" id="{{d.resId}}_bizTableSpaceUseRate" class="showTipsName" data-id="{{d.resId}}_bizTableSpaceUseRate" data-message="{{d.tableSpaceUseName}}"><span style="color: #000000;" >{{d.tableSpaceUseName}}</span></div>
<div class="layui-progress-bar layui-bg-green {{ d.tableSpaceUseRate >= 80 ? 'layui-bg-red' : (d.tableSpaceUseRate <= 50 ? '' : 'layui-bg-orange') }}"
lay-percent="{{ d.tableSpaceUseRate }}%"
style="width: {{ d.tableSpaceUseRate }}%;">
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.tableSpaceUseRate }}%"
style="width: {{ d.tableSpaceUseRate }}%;">
</div>
</div>
</div>
<span class="layui-progress-text">{{ (d.tableSpaceUseRate == null || d.tableSpaceUseRate == '' || d.tableSpaceUseRate === '未知' || d.tableSpaceUseRate === '无' )? '0%' : d.tableSpaceUseRate +'%' }}</span>
<span class="layui-progress-text">{{ (d.tableSpaceUseRate == null || d.tableSpaceUseRate == '' || d.tableSpaceUseRate === '未知' || d.tableSpaceUseRate === '无' )? '0%' : d.tableSpaceUseRate +'%' }}</span>
</div>
</script>
<!--ASM磁盘空间使用率-->
... ... @@ -680,12 +756,12 @@
data-warning="0" data-ident="1" data-trend="0" data-flag="asm" >
<div class="layui-progress layui-progress-big" lay-showpercent="true">
<div style="position:absolute; z-index:99999;width: 100%" id="{{d.resId}}_asmDiskUsedRate" class="showTipsName" data-id="{{d.resId}}_asmDiskUsedRate" data-message="{{d.asmDiskUsedRate}}"><span style="color: #000000;" >{{d.asmDiskUsedRateName}}</span></div>
<div class="layui-progress-bar layui-bg-green {{ d.asmDiskUsedRate >= 80 ? 'layui-bg-red' : (d.asmDiskUsedRate <= 50 ? '' : 'layui-bg-orange') }}"
lay-percent="{{ d.asmDiskUsedRate }}%"
style="width: {{ d.asmDiskUsedRate }}%;">
<div class="layui-progress-bar layui-bg-green"
lay-percent="{{ d.asmDiskUsedRate }}%"
style="width: {{ d.asmDiskUsedRate }}%;">
</div>
</div>
</div>
<span class="layui-progress-text">{{ (d.asmDiskUsedRate == null || d.asmDiskUsedRate == '' || d.asmDiskUsedRate === '未知' || d.asmDiskUsedRate === '无' )? '0%' : d.asmDiskUsedRate +'%' }}</span>
<span class="layui-progress-text">{{ (d.asmDiskUsedRate == null || d.asmDiskUsedRate == '' || d.asmDiskUsedRate === '未知' || d.asmDiskUsedRate === '无' )? '0%' : d.asmDiskUsedRate +'%' }}</span>
</div>
</script>
<!--weblogic定制表头-->
... ... @@ -693,7 +769,7 @@
{{# if(d.resType == 'MIDDLEWARE_WEBLOGIC' && (d.parentId == null || d.parentId == '') ){ }}
<div><span data-childrennum="{{d.childrenNum}}">{{d.resName}}</span></div>
{{# }else{ }}
<div><span data-zymc="{{ d.resId }}" data-restype="{{d.resType}}" data-name="{{d.resName}}" data-childrennum="{{d.childrenNum}}" data-ip="{{ d.ip }}" data-resTypeName="{{ d.resTypeName }}" data-admin="{{ d.admin }}" data-pingenable="{{d.pingEnable}}" class="layui-table-link">{{ d.resName }}</span></div>
<div><span data-zymc="{{ d.resId }}" data-restype="{{d.resType}}" data-name="{{d.resName}}" data-childrennum="{{d.childrenNum}}" data-ip="{{ d.ip }}" data-resTypeName="{{ d.resTypeName }}" data-admin="{{ d.admin }}" data-adminName="{{ d.adminName }}" data-pingenable="{{d.pingEnable}}" class="layui-table-link">{{ d.resName }}</span></div>
{{# } }}
</script>
<script type="text/html" id="weblogicIpTpl">
... ... @@ -704,9 +780,45 @@
</script>
<!--cup核心数-->
<script type="text/html" id="cpuCoresTpl">
<div>{{d.cpuCores?(d.cpuCores+"核"):""}}</div>
<div>{{(d.cpuCores && d.cpuCores != '0')?(d.cpuCores+"核"):"1核"}}</div>
</script>
<!--cup个数-->
<script type="text/html" id="cpuNumTpl">
<div>{{d.cpuNum?(d.cpuNum+"个"):""}}</div>
</script>
<!--队列长度-->
<script type="text/html" id="queueLengthTpl">
<div>{{d.queueLength ? d.queueLength : 0}}</div>
</script>
<!--总线程数-->
<script type="text/html" id="threadTotalTpl">
<div>{{d.threadTotal ? d.threadTotal + ' 个' : 0}}</div>
</script>
<!--独占线程数-->
<script type="text/html" id="exclusiveTotalTpl">
<div>{{d.exclusiveTotal ? d.exclusiveTotal + ' 个' : 0}}</div>
</script>
<!--吞吐量-->
<script type="text/html" id="throughputTpl">
<div>{{d.throughput ? d.throughput : 0}}</div>
</script>
<!--已完成请求数-->
<script type="text/html" id="requestFinishedTpl">
<div>{{d.requestFinished ? d.requestFinished + ' 个' : 0}}</div>
</script>
<!--堆内存使用率-->
<script type="text/html" id="heapRamPercentTpl">
<div>{{d.heapRamPercent ? d.heapRamPercent + '%' : 0}}</div>
</script>
<!--堆内存使用量-->
<script type="text/html" id="heapRamTpl">
<div>{{d.heapRam ? d.heapRam + ' MB' : 0}}</div>
</script>
<!--堆内存使用量(最大)-->
<script type="text/html" id="heapRamMaxTpl">
<div>{{d.heapRamMax ? d.heapRamMax + ' MB' : 0}}</div>
</script>
<!--别名-->
<script type="text/html" id="shortNameTpl">
<div class="res-list-short-name" lay-tips="点击修改别名" data-resid="{{d.resId}}">{{d.shortName ? d.shortName : ''}}</div>
</script>
... ...
... ... @@ -12,7 +12,7 @@ server:
key-store-password: Hg0801..
key-password: Hg0801..
url:
gateway: http://127.0.0.1:8080
gateway: http://192.168.0.41:8080
inspection_web: http://127.0.0.1:8082
assetsweb: http://127.0.0.1:8082
mxgraph_editor: http://127.0.0.1:8085
... ...
/**
@Name:layuiAdmin 公共业务
@Author:贤心
@Site:http://www.layui.com/admin/
@License:LPPL
*/
layui.define(['xmSelect', 'md5'], function (exports) {
var $ = layui.$
, laytpl = layui.laytpl
, layer = layui.layer
, view = layui.view
, xmSelect = layui.xmSelect
, md5 = layui.md5
, form = layui.form
, commonDetail = layui.commonDetail
, admin = layui.admin;
//公共业务的逻辑处理可以写在此处,切换任何页面都会执行
var obj = {
domainIpManage: "http://94.12.40.231:8080/zoneportal/",
domainName: sessionStorage.getItem('domainName'), // gateway地址
domainInspectionURI: sessionStorage.getItem('domainInspectionURI'), // 巡检系统地址
domainAssetsManage: sessionStorage.getItem('domainAssetsManage'), // 资产系统地址
graphEditorOrigin: sessionStorage.getItem('graphEditorOrigin'), // 拓扑系统地址
workflowName: sessionStorage.getItem('workflow'),//流程系统地址
domainCMDBName: "http://80.12.147.24:8888/hgkjcmdb", //杭州咨源老cmdb系统地址
lineTimer: null,//性能曲线图全局定时器
detailTimer: [],//详细页的全局定时器
alarmTimer: null,//首页告警刷新定时器
limit: 50,//全局分页条目数
limits: [50,100,150,200],//全局分页条目数组
//base64加密
Base64: {
_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
encode: function (e) {
var t = "";
var n, r, i, s, o, u, a;
var f = 0;
e = obj.Base64._utf8_encode(e);
while (f < e.length) {
n = e.charCodeAt(f++);
r = e.charCodeAt(f++);
i = e.charCodeAt(f++);
s = n >> 2;
o = (n & 3) << 4 | r >> 4;
u = (r & 15) << 2 | i >> 6;
a = i & 63;
if (isNaN(r)) {
u = a = 64
} else if (isNaN(i)) {
a = 64
}
t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a)
}
return t
},
decode: function (e) {
var t = "";
var n, r, i;
var s, o, u, a;
var f = 0;
e = e.replace(/[^A-Za-z0-9+/=]/g, "");
while (f < e.length) {
s = this._keyStr.indexOf(e.charAt(f++));
o = this._keyStr.indexOf(e.charAt(f++));
u = this._keyStr.indexOf(e.charAt(f++));
a = this._keyStr.indexOf(e.charAt(f++));
n = s << 2 | o >> 4;
r = (o & 15) << 4 | u >> 2;
i = (u & 3) << 6 | a;
t = t + String.fromCharCode(n);
if (u != 64) {
t = t + String.fromCharCode(r)
}
if (a != 64) {
t = t + String.fromCharCode(i)
}
}
t = obj.Base64._utf8_decode(t);
return t
},
_utf8_encode: function (e) {
e = e.replace(/rn/g, "n");
var t = "";
for (var n = 0; n < e.length; n++) {
var r = e.charCodeAt(n);
if (r < 128) {
t += String.fromCharCode(r)
} else if (r > 127 && r < 2048) {
t += String.fromCharCode(r >> 6 | 192);
t += String.fromCharCode(r & 63 | 128)
} else {
t += String.fromCharCode(r >> 12 | 224);
t += String.fromCharCode(r >> 6 & 63 | 128);
t += String.fromCharCode(r & 63 | 128)
}
}
return t
},
_utf8_decode: function (e) {
var t = "";
var n = 0;
var r = c1 = c2 = 0;
while (n < e.length) {
r = e.charCodeAt(n);
if (r < 128) {
t += String.fromCharCode(r);
n++
} else if (r > 191 && r < 224) {
c2 = e.charCodeAt(n + 1);
t += String.fromCharCode((r & 31) << 6 | c2 & 63);
n += 2
} else {
c2 = e.charCodeAt(n + 1);
c3 = e.charCodeAt(n + 2);
t += String.fromCharCode((r & 15) << 12 | (c2 & 63) << 6 | c3 & 63);
n += 3
}
}
return t
}
},
/**
* 颜色数组
*/
colorsArr: [
{
start: '#46d6d8',
end: '#2883d0'
},
{
start: '#facf5b',
end: '#f77623'
},
{
start: '#C04DD8',
end: '#D81F72'
},
{
start: '#F5A1EB',
end: '#A04DE2'
},
{
start: '#F36093',
end: '#FF465C'
},
{
start: '#C2E74D',
end: '#00AE8B'
},
{
start: '#3DC3FF',
end: '#01FFFF'
},
{
start: '#B850ED',
end: '#9062EF'
},
{
start: '#305be6',
end: '#36a7d3'
},
{
start: '#FFA500',
end: '#FFEE00'
},
{
start: '#C4E64C',
end: '#2de078'
},
{
start: '#30ffb3',
end: '#01FFFF'
},
{
start: '#FF4488',
end: '#F13EFF'
},
{
start: '#A64CE2',
end: '#625AE7'
},
{
start: '#5AEBC7',
end: '#5FC9F8'
},
{
start: '#FFA500',
end: '#FFEE00'
},
{
start: '#00AAD6',
end: '#625AE7'
},
{
start: '#E48BDE',
end: '#FF9262'
},
{
start: '#B2797B',
end: '#FF4B51'
},
{
start: '#ffe393',
end: '#feff5b'
}
],
//资源类型悬浮提示信息定义
nodeTipsKpiArr: {
//小型机:主机状态,主机IP、运行状态、磁盘使用率、CPU使用率、网络联通状态、网络带宽占用率、运行时长
HOST_MINICOMPUTER_SERVER: "KPI1635BB9B,KPI1AF5B3C6,KPIE4B51D5C,KPI2C8A6D17,KPI7054BC34,KPI618689D8,KPID1E6EFA1,KPI1C777D98",
//小型机分区:主机状态,主机IP、运行状态、磁盘使用率、CPU使用率、网络联通状态、网络带宽占用率、运行时长
HOST_MINICOMPUTER_PARTITION: "KPI1635BB9B,KPI1AF5B3C6,KPIE4B51D5C,KPI2C8A6D17,KPI7054BC34,KPI618689D8,KPID1E6EFA1,KPI1C777D98",
//物理服务器:主机状态、主机IP、磁盘使用率、内存使用率、网络连通状态、CPU使用率、服务器与存储间的连通状态、、网络带宽占用率
HOST_X86SERVER: "KPI1635BB9B,KPI1AF5B3C6,KPI2C8A6D17,KPI31CB8D97,KPI618689D8,KPI7054BC34,KPIA537846F,KPID1E6EFA1",
//虚拟服务器:主机状态、主机IP、磁盘使用率、内存使用率、网络连通状态、CPU使用率、服务器与存储间的连通状态、、网络带宽占用率
HOST_X86VIRTUAL: "KPI1635BB9B,KPI1AF5B3C6,KPI2C8A6D17,KPI31CB8D97,KPI618689D8,KPI7054BC34,KPIA537846F,KPID1E6EFA1",
//华为云:物理机数量
HUAWEI_CLOUD: "KPI3CF8A73E",
//华为云物理机:物理主机IP、所属资源池、已分配内存大小、已分配磁盘大小、CPU使用率、内存使用率、磁盘使用率
HUAWEI_CLOUD_PHYSICSHOST: "KPIEA270DAB,KPID7BE5E90,KPI191373C6,KPI9B34D90F,KPI7054BC34,KPI31CB8D97,KPI2C8A6D17",
//华为存储 IP地址、总容量、已使用容量、CPU使用率、内存占用率、运行状态
HUAWEI_CLOUD_STORAGE: "KPI2DC9105C,KPI2D4365CA,KPI008F0D3A,KPI7054BC34,KPI31CB8D97,KPIE4B51D5C",
//华为交换机:IP地址、管理状态、操作状态、所属区域、CPU平均使用率、内存平均使用率
HUAWEI_CLOUD_SWITCHBOARD: "KPI2DC9105C,KPI6F17667E,KPIF21A9F60,KPI5364695E,KPI961A9688,KPIE78B29FF",
//华为防火墙:IP地址、管理状态、操作状态、所属区域、CPU平均使用率、内存平均使用率
HUAWEI_CLOUD_FIREWALL: "KPI2DC9105C,KPI6F17667E,KPIF21A9F60,KPI5364695E,KPI961A9688,KPIE78B29FF",
//虚拟化vmware平台:主机数、虚拟机数量、磁盘已使用大小、已使用内存、网络数、磁盘数量、网卡数量、平台运行状态
VIRTUALIZATION_VMWARE: "KPI02EA188F,KPID4E1FD1D,KPI1988842F,KPI4A216352,KPI63916615,KPIA4D671CC,KPID1BA9510",
//虚拟化资源池:资源池名称、HA健康监测、主机数、网络数、CPU大小、内存大小、CPU线程数、资源池状态、CPU使用率、内存使用率
VIRTUALIZATION_VMWARE_CLUSTER: "KPIC3F28B34,KPI26E85604,KPI02EA188F,KPI63916615,KPI98960E55,KPI1584BE1C,KPI15358CE3,KPIEE008133,KPI7054BC34,KPI31CB8D97",
//虚拟化物理机:所属资源池 、主机状态 、CPU使用率、内存使用率、启动时间
VIRTUALIZATION_VMWARE_PHYSICSHOST: "KPID7BE5E90,KPI1635BB9B,KPI7054BC34,KPI31CB8D97,KPIF0A20BB4",
//虚拟化虚拟机:所属资源池、所属物理主机IP、主机状态、运行状态、网卡数量、磁盘数量、CPU使用率、内存使用率
VIRTUALIZATION_VMWARE_VHOST: "KPID7BE5E90,KPI9BFCAA00,KPI1635BB9B,KPIE4B51D5C,KPICB05513A,KPIA4D671CC,KPI7054BC34,KPI31CB8D97",
//存储:总容量、已使用容量、已分配容量、已分配未使用容量、磁带库运行状态
STORAGE: "KPI2D4365CA,KPI008F0D3A,KPIFAFA06EE,KPI358301D0,KPIEFF93409",
//网络设备路由器:端口数量\所属区域\视频会议期间链路带宽占用率\接收丢包率\端口发送流量\发送丢包率\设备的连通状态\征收期宽带链路占用率\主备链路的通断状态
NETHARDWARE_ROUTER: "KPI1FC18754,KPI5364695E,KPI59705C06,KPI87312ED9,KPI88D5DF44,KPI89560B13,KPI94AEBD99,KPI9806211A,KPIC37FE51C",
//网络设备:交换机
NETHARDWARE_SWITCHBOARD: "KPI1FC18754,KPI5364695E,KPI59705C06,KPI87312ED9,KPI88D5DF44,KPI89560B13,KPI94AEBD99,KPI9806211A,KPIC37FE51C",
//负载均衡 CPU使用率
NETHARDWARE_LOADBALANCING: "KPI7054BC34",
//Oracle 数据库:数据库状态、是否为集群、会话百分比、表空间使用率、归档日志状态、安装的选项、锁数量、活动会话数量
DATABASE_ORACLE: "KPI7498580B,KPI096EB5BA,KPI18F18278,KPI64B1610A,KPI69E67C68,KPIA52AF07F,KPIA55F9590,KPICFA785F5",
//DATABASE_MYSQL :mysql运行线程数、mysql当前连接线程数最大连接数、mysql进程执行时间、吞吐量、版本信息
DATABASE_MYSQL: "KPI08809218,KPIA5980712,KPI8914AC3B,KPIDB9E6D41,KPIFB54AE94,KPIDAC7AC64",
//weblogic:活动线程数、网络连通性、最大连接数、执行线程数使用率、已打开会话数、队列长度、总队列数
MIDDLEWARE_WEBLOGIC: "KPI2893A9EC,KPI2DBC270D,KPI8914AC3B,KPI8BF5E027,KPIC0A94965,KPIC18DC28A,KPIFDB4AD23",
//tomcat:最大线程数、当前线程数、繁忙线程数、已使用heap内存量、Non-heap使用率、heap使用率
MIDDLEWARE_TOMCAT: "KPI0A144EC2,KPI70500CAA,KPIAAF2D335,KPIA0FB8392,KPI68B432E5,KPIADACC4E3"
},
/**
* 预览附件
* @param id 附件ID
*/
openReport: function (id, flag, suffix, code, name, document) {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var url = obj.domainName + '/api-web/home/priviewOfiice/' + id + '?document=' + document + '&access_token=' + accessToken;
var loadIndex = layer.load(1, {shade: [0.3], content: '文件正在转换...'});
$.ajax({
type: "get",
url: url,
async: true,
success: function (data) {
if (data.code == 0) {
layer.close(loadIndex);
window.open("/src/lib/extend/pdfjs/web/viewer.html?test=" + encodeURIComponent(data.pdfPath));
}
}
});
},
//业务下拉选择数据绑定
bizTypeSelect: function (targtetId, callback) {
var options = "<option value=''>=所属业务=</option>";
admin.req({
url: this.domainName + '/api-web/home/business/findAllBusType',
data: {'type': 'per'}
,async:false
}).done(function (res) {
var bizlist = res.data;
$.each(bizlist, function (i, v) {
options += '<option value="' + v.busId + '">' + v.busTypeName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback();
}
}).error(function (error) {
console.error(error);
});
},
//资源类型下拉选择数据绑定
resTypeSelect: function (targtetId, callback, ajaxParams) {
var options = "<option value=''>=资源类型=</option>";
admin.req(Object.assign({
url: this.domainName + '/api-web/home/restype/getAllResType'
}, ajaxParams)).done(function (res) {
var reslist = res.data;
$.each(reslist, function (i, v) {
options += '<option value="' + v.resTypeCode + '">' + v.resTypeName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback();
}
}).error(function (error) {
console.error(error);
});
},
resTypeXmSelect: function (xmSelectParams) {
admin.req({
url: `${obj.domainName}/api-web/manage/restype/list`,
async: false,
success: function (res) {
// 资源类型下拉框
var resTypeList = res.data;
var resTypeTree = obj.pidToChildren(resTypeList, "resTypeCode", "parentId");
xmSelect.render(Object.assign({
el: '#',
tips: '=资源类型=',
filterable: true,
radio: false,
clickClose: false,
initValue: [],
prop: {
name: 'resTypeName',
value: 'resTypeCode'
},
toolbar: {
show: true,
list: ['CLEAR']
},
tree: {
show: true,
showFolderIcon: true,
showLine: true,
strict: false,
indent: 20
},
data: resTypeTree,
on: function (data) {
}
}, xmSelectParams));
}
});
},
/**
* @description 厂商公共方法
* @author XuHaoJie
* @date 2021/12/27 15:03
*/
providerSelect: function (targtetId, callback) {
var sessions = layui.sessions;
var accessToken = sessions.getToken()['access_token'];
var options = "<option value=''>=所属厂商=</option>";
admin.req({
url: `${obj.domainName}/api-web/manage/ddic/findSucDdics/provider?access_token=` + accessToken,
type: 'POST',
async:false
}).done(function (res) {
var list = res.data;
$.each(list, function (i, v) {
options += '<option value="' + v.ddicCode + '">' + v.ddicName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback();
}
}).error(function (error) {
console.error(error);
});
},
menuXmSelect: function (xmSelectParams, done, username_, roleId_) {
var username = username_ ? username_ : '';
var roleId = roleId_ ? roleId_ : '';
admin.req({
url: `${obj.domainName}/api-user/menus/findMenus?username=` + username + '&roleIds=' + roleId,
success: function (res) {
// 菜单下拉框
var menuList = res.data;
// menuList.forEach(item => {
// item.disabled = item.isLeaf !== 'Y';
// });
var menuTree = obj.pidToChildren(menuList, "id", "parentId");
//XuHaoJie 2021/10/21 添加是否是父节点
addProperty(menuTree);
var menuSelect = xmSelect.render(Object.assign({
el: '#',
tips: '=菜单=',
filterable: true,
radio: false,
clickClose: false,
initValue: [],
prop: {
name: 'name',
value: 'id'
},
toolbar: {
show: true,
list: ['CLEAR']
},
tree: {
show: true,
showFolderIcon: true,
showLine: true,
strict: false,
indent: 20
},
data: menuTree,
on: function (data) {
}
}, xmSelectParams));
if (done) {
done(menuSelect);
}
}
});
//添加是否是父节点的删除
function addProperty(list) {
list.forEach(item => {
if (item.children && item.children.length > 0) {
item['isParent'] = 1;
addProperty(item.children);
} else {
item['isParent'] = 0;
}
return item;
})
}
},
relationTypeXmSelect: function (xmSelectParams, done) {
admin.req({
url: `${obj.domainName}/api-web/relationType/getAll`,
success: function (res) {
var relationTypeList = res.data;
var relationTypeSelect = xmSelect.render(Object.assign({
el: '#',
tips: '=关系=',
filterable: true,
radio: false,
clickClose: false,
initValue: [],
prop: {
name: 'typeName',
value: 'reType'
},
toolbar: {
show: true,
list: ['ALL', 'CLEAR']
},
data: relationTypeList,
on: function (data) {
}
}, xmSelectParams));
if (done) {
done(relationTypeSelect);
}
}
});
},
//绑定拓扑数据
topoSelect: function (targtetId, callback) {
var options = "<option value=''>=选择拓扑=</option>";
admin.req({
url: this.domainName + "/api-web/topo/jtopo/getListByUser?page=1&limit=50"
}).done(function (res) {
var topolist = res.data;
$.each(topolist, function (i, v) {
options += '<option value="' + v.jtopoId + '">' + v.topoName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback();
}
}).error(function (error) {
console.error(error);
});
},
//绑定虚拟化平台
virtualPlatFormSelect: function (targtetId, bizId, callback) {
var options = "<option value=''>=所属平台=</option>";
admin.req({
url: this.domainName + '/api-web/home/virtual/platform'
}).done(function (res) {
var virtuallist = res.data;
$.each(virtuallist, function (i, v) {
options += '<option value="' + v.resId + '">' + v.resName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback();
}
}).error(function (error) {
console.error(error);
});
},
/**
* 数据字典下拉选择数据绑定
*
* @param targtetId 下拉框id
* @param ddicCategory 数据类别
* @param callback 回调函数
*/
ddicSelect: function (targtetId, ddicCategory, callback) {
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var options = "<option value=''>=请选择=</option>";
$.ajax({
url: `${this.domainName}/api-web/manage/ddic/findSucDdics/${ddicCategory}?access_token=${accessToken}`
, method: 'POST'
, success: function (res) {
if (res && res.data){
var ddiclist = res.data;
$.each(ddiclist, function (i, v) {
options += '<option value="' + v.ddicCode + '">' + v.ddicName + '</option>';
});
$('#' + targtetId).html($(options));
if (callback) {
callback(ddiclist);
}
}
}
, error(error) {
console.error(error);
}
});
},
// 用户下拉框
userXmSelect: function (xmSelectParams) {
var userSelect;
$.ajax({
url: this.domainName + '/api-user/users/getAll?access_token=' + localStorage.getItem("access_token"),
async: false,
success: function (response) {
userSelect = xmSelect.render(Object.assign({
el: '#',
tips: '=选择用户=',
prop: {
name: 'nickname',
value: 'username'
},
autoRow: true,
filterable: true,
toolbar: {
show: true,
list: ['ALL', 'REVERSE', 'CLEAR']
},
data: response,
on: function (data) {
}
}, xmSelectParams));
}
});
return userSelect;
},
//打开弹框
openWin: function (url, name, params, btns, fn, cancelfn, area, done, layerParams) {
if (!name) {
name = "信息";
}
if (!area) {
area = ['80%', '90%']
}
var id = md5(url)
view('commonViewModel').render(url).then(function (res) {
layer.open(Object.assign({
title: [name, 'font-size:18px;'],
type: 1,
area: area,
resize: false,
shadeClose: true,//开启遮罩层
id: id,
content: laytpl(res.body).render(JSON.stringify(params)),
success: function (layero, index) {
if (done) {
done(layero, index);
}
},
yes: function (index, layero) {
if (fn && fn(index)) {
layer.close(index);
}
},
cancel: function () {
$.each(obj.detailTimer, function (i, v) {
clearTimeout(obj.detailTimer[i]);
});
obj.detailTimer.length = 0;
//取消的回调函数
if (cancelfn) {
cancelfn();
}
},
btn: btns
}, layerParams));
});
},
openMoreBtnWin: function (url, name, params, btns, fn, fn2, cancelfn, area, done, layerParams) {
if (!name) {
name = "信息";
}
if (!area) {
area = ['80%', '90%']
}
view('commonViewModel').render(url).then(function (res) {
layer.open(Object.assign({
title: [name, 'font-size:18px;'],
type: 1,
resize: false,
area: area,
content: laytpl(res.body).render(JSON.stringify(params)),
scrollbar: false,
success: function (layero, index) {
if (done) {
done(layero, index);
}
},
yes: function (index, layero) {
if (fn && fn()) {
layer.close(index);
}
}
, btn2: function (index, layero) {
if (fn2 && fn2()) {
layer.close(index);
}
}
, cancel: function () {
//取消的回调函数
if (cancelfn) {
cancelfn();
}
},
btn: btns
}, layerParams));
});
},
/**
* @desc 以layer.open打开弹框,渲染html元素在弹框的内容区域,可以直接传参为html片段
* @param id 设定一个id,防止重复弹出
* @param conent html内容
* @param title 标题,可选
* @param width 宽度,可选
* @param height 高度,可选
* @param btns 按钮组 ,可选
* @param fn 点击确定回调函数,可选
* @param successfn 加载成功后的回调处理,可选
*/
openWindow: function (id, conent, title, width, height, btns, fn, successfn) {
if (!width) {
width = '80%'
}
if (!height) {
height = '90%'
}
layer.open({
type: 1
, title: title //不显示标题栏
, closeBtn: false
, area: [width, height]
, shade: 0.8
, resize: false
, id: id //设定一个id,防止重复弹出
, btn: btns
, content: conent
, success: function (layero, index) {
if (successfn && successfn) {
successfn();
}
}
, yes: function (index, layero) {
if (fn && fn()) {
fn()
layer.close(index); //如果设定了yes回调,需进行手工关闭
}
}
});
},
//详细页地址
detailPath: function (resType,resId,protocol) {
//供从详细页配置策略时使用
localStorage.setItem("currentResType", resType);
//网络设备
if (resType.indexOf("NETHARDWARE_") == 0 && resType != 'NETHARDWARE_360SAFE' && resType != 'NETHARDWARE_LOADBALANCING' && resType != 'NETHARDWARE_SAN_SWITCHBOARD') {
resType = 'NETHARDWARE';
}
//安全
// if (resType != 'NETSAFE_FIREWALL_SUB' && resType.indexOf("NETSAFE_") == 0 && resType !== 'NETSAFE_FIREWALL') {
// resType = 'NETHARDWARE';
// }
//华为云的防火墙和路由器走相同页面
if (resType == 'HUAWEI_CLOUD_SWITCHBOARD' || resType == 'HUAWEI_CLOUD_FIREWALL') {
resType = "HUAWEI_CLOUD_NETHARDWARE";
}
//小型机分区
if (resType.indexOf("HOST_MINICOMPUTER_P") != -1) {
resType = 'HOST_MINICOMPUTER_PARTITION';
}
//如果是物理服务器并且配置了ssh和snmp协议。则跳转至tab详情页
if (resType.indexOf("HOST_X86SERVER") != -1 && protocol && protocol.split(",").length > 1) {
resType = 'X86SERVER_BMC';
}
//如果是HOST_X86SERVER服务器并且协议为snmp,或共享存储则根据厂商和型号判断类型
if ((resType.indexOf("HOST_X86SERVER") !== -1 && protocol =='SNMP') || resType.indexOf("STORAGE_SHARE") != -1) {
resType = this.detailPathByProviderAndModel(resType,resId);
}
//如果是虚拟化相关资源类型,则根据采集协议判断去那个页面
var resTypeList = ['VIRTUALIZATION_VMWARE_VHOST','VIRTUALIZATION_HUAWEI_VHOST','HUAWEI_CLOUD_VIRTUALHOST','ALI_CLOUD_ECS'];
if (resTypeList.indexOf(resType) != -1) {
if (protocol == 'SSH' || protocol == 'SNMP') {
resType = 'HOST_X86VIRTUAL';
}
}
//如果是虚拟化虚拟机资源,则直接走X86虚拟机页面
if (resType.indexOf("VIRTUALIZATION_VHOST") != -1) {
resType = 'HOST_X86VIRTUAL';
}
//如果是oracle数据库,则判定是否配置集群
if (resType == 'DATABASE_ORACLE'){
resType = this.checkHasCluster(resType,resId);
}
return "template/detail/" + resType.toLowerCase();
},
checkHasCluster : function(resType,resId) {
$.ajax({
url: this.domainName + '/api-web/detail/block?access_token=' + layui.sessions.getToken()['access_token'],
data: {
resId: resId,
kpiId: 'KPI096EB5BA'
},
async: false,
success: function (res) {
if (res && res.data && res.data.length > 0){
if (res.data[0].value == '是'){
resType = 'ORACLE_RAC';
}
}
}
});
return resType;
},
//BMC服务器和共享存储根据厂商和型号跳转不同的详情页
detailPathByProviderAndModel: function(resType,resId) {
$.ajax({
url: this.domainName + '/api-web/manage/resource/findById?access_token=' + layui.sessions.getToken()['access_token'],
data: {resId: resId},
async: false,
success: function (res) {
var res = res.obj;
var bean = res['bean'];
//存放BMC服务器厂商和详情页关系的map
var BMCMap = new Map();
BMCMap.set('DELL', 'HOST_BMC_DELL');
BMCMap.set('H3C', 'HOST_BMC_H3C');
BMCMap.set('HUAWEI', 'HOST_BMC_HUAWEI');
BMCMap.set('LENOVO', 'HOST_BMC_LENOVO');
BMCMap.set("IBM", "HOST_BMC_IBM");
BMCMap.set('Inspur', 'HOST_BMC_INSPUR');
BMCMap.set('sugon', 'HOST_BMC_SUGON');
BMCMap.set('HP', 'HOST_BMC_HP');
BMCMap.set('HP_knifeBox', 'HOST_BMC_HP_KNIFEBOX');
BMCMap.set('HUAWEI_KNIFEBOX', 'HOST_BMC_HUAWEI_KNIFEBOX');
BMCMap.set('HUAWEI_BLADE', 'HOST_BMC_HUAWEI_BLADE');
//存放共享存储厂商和详情页关系的map
var shareMap = new Map();
shareMap.set('HUAWEI', 'STORAGE_SHARE');
shareMap.set('Inspur', 'STORAGE_SHARE_INSPUR');
if (resType.indexOf('HOST_X86SERVER') != -1) {
if (bean.provider == 'HP' && bean.model.split('-')[0] == 'C7000') {
resType = BMCMap.get('HP_knifeBox');
} else if (bean.provider == 'H3C' && bean.model.split('-')[1] == 'R690') {
resType = BMCMap.get('HP');
} else if (bean.provider === 'HUAWEI' && bean.model === 'E9000') {
resType = BMCMap.get('HUAWEI_KNIFEBOX');
} else if (bean.resCode && bean.resCode.indexOf('华为Blade__') && bean.parentId) {
resType = BMCMap.get('HUAWEI_BLADE');
} else {
if(BMCMap.get(bean.provider)){
resType = BMCMap.get(bean.provider)
}
}
}
if (resType.indexOf('STORAGE_SHARE') != -1) {
resType = shareMap.get(bean.provider)
}
}
})
return resType;
},
//打开性能曲线图
openLineChart: function (title, params) {
// Start 将对象转成key=value&key1=value1 LSQ 2022/1/17
let urlParams='';
for(let key in params){
if(params[key]){
urlParams+=key+'='+params[key]+'&'
}
}
urlParams=urlParams.substr(0,urlParams.length-1)
//End LSQ 2022/1/17
if (!title) {
title = "性能曲线图";
}
view('commonViewModel').render("template/detail/line").then(function (res) {
// Start ident==1为性能趋势 LSQ 2022/1/17
let type=1;
let content=laytpl(res.body).render(JSON.stringify(params));
if(params.ident && params.ident == 1){
type=2;
content=['/vue3/index.html#/vue3/pieDetailLine?'+urlParams, 'no'];
}
//End LSQ 2022/1/17
layer.open({
title: [title, 'font-size:18px;'],
// type: 1,
type: type,
area: ['80%', '90%'],
shadeClose: true,//开启遮罩层
id: 'line_chart_div',
// content: laytpl(res.body).render(JSON.stringify(params)),
content: content,
cancel: function () {
clearTimeout(obj.lineTimer);
}
});
});
},
//打开性能柱状图
openBarChart: function (title, params) {
if (!title) {
title = "使用情况";
}
view('commonViewModel').render("template/detail/bar").then(function (res) {
layer.open({
title: [title, 'font-size:18px;'],
type: 1,
area: ['90%', '600px'],
content: laytpl(res.body).render(JSON.stringify(params))
});
});
},
//将数组切割分组
splieceGroup: function (array, subLength) {
var index = 0;
var newArray = [];
while (index < array.length) {
newArray.push(array.slice(index, index += subLength));
}
return newArray;
},
//判定是否为空或者undefined wtc add
isNotEmpty: function (data) {
if (data != '' && data != null && data != undefined) {
return true
} else {
return false
}
},
getPreMonth(date) {
var arr = date.split('-');
var year = arr[0]; //获取当前日期的年份
var month = arr[1]; //获取当前日期的月份
var day = arr[2]; //获取当前日期的日
var days = new Date(year, month, 0);
days = days.getDate(); //获取当前日期中月的天数
var year2 = year;
var month2 = parseInt(month) - 1;
if (month2 == 0) {
year2 = parseInt(year2) - 1;
month2 = 12;
}
var day2 = day;
var days2 = new Date(year2, month2, 0);
days2 = days2.getDate();
if (day2 > days2) {
day2 = days2;
}
if (month2 < 10) {
month2 = '0' + month2;
}
var t2 = year2 + '年' + month2+'月';
return t2;
},
//生成uuid wtc add
uuid: function () {
var s = [];
var hexDigits = "0123456789abcdef";
for (var i = 0; i < 36; i++) {
s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
}
s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
s[8] = s[13] = s[18] = s[23] = "-";
var uuid = s.join("");
return uuid;
},
//获取当日 joke add 0200422
getToday: function (type) {
var date = new Date();
var year = date.getFullYear();//当前年份
var month = date.getMonth();//当前月份
var data = date.getDate();//天
var hours = date.getHours();//小时
var minute = date.getMinutes();//分
var second = date.getSeconds();//秒
if (type === 'day') {
return year + "-" + obj.fnW(month + 1) + "-" + obj.fnW(data)
} else {
return year + "-" + obj.fnW(month + 1) + "-" + obj.fnW(data) + ' ' + obj.fnW(hours) + ":" + obj.fnW(minute) + ":" + obj.fnW(second);
}
},
//日期时间补0 joke add 0200422
fnW: function (str) {
var num;
str > 9 ? num = str : num = "0" + str;
return num;
},
getUrlParam: function (key) {
var href = window.location.href;
href = href.substr(0, href.indexOf("#"));
var url = href.split("?");
if (url.length <= 1) {
return "";
}
var params = url[1].split("&");
for (var i = 0; i < params.length; i++) {
var param = params[i].split("=");
if (key == param[0]) {
return param[1];
}
}
return "";
},
//保存列
saveTableCols: function (data,sign) {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var cols = data['cols'][0];
if(sign === 0){
var parseData=JSON.parse(data['cols']);
cols = parseData[0];
}
$.each(cols, function (i, e) {
if (e['isChild']) {
if (e['isChild'] && typeof e['isChild'] === 'function') {
e['isChild'] = e['isChild'] + '';
}
}
if (e['children']) {
$.each(e['children'], function (j, k) {
if (k['url'] && typeof k['url'] === 'function') {
k['url'] = k['url'] + '';
}
if (k['done'] && typeof k['done'] === 'function') {
k['done'] = k['done'] + '';
}
})
}
})
data['cols'] = JSON.stringify([cols]);
layer.load(2);
admin.req({
url: obj.domainName + '/api-web/bUsercustomTable/save?access_token=' + accessToken
, type: 'post'
, contentType: "application/json;charset=UTF-8"//指定消息请求类型
, data: JSON.stringify(data)
, error: function (e) {
layer.closeAll('loading');
}
}).done(function (res) {
layer.closeAll('loading');
layer.msg("保存成功", {icon: 1, time: 2000})
});
},
//获取列
getTableCols: function (param, callback) {
//获取配置的列
admin.req({
url: obj.domainName + '/api-web/bUsercustomTable/findByUserNameAndOthers'
, data: param
}).done(function (res) {
var cols = null;
if (res.object && res.object.cols) {
cols = JSON.parse(res.object.cols)[0];
$.each(cols, function (i, e) {
if (e['isChild']) {
if (e['isChild']) {
e['isChild'] = eval("(function(){return " + e['isChild'] + " })()");
}
}
if (e['children']) {
$.each(e['children'], function (j, k) {
if (k['url']) {
k['url'] = eval("(function(){return " + k['url'] + " })()");
}
if (k['done']) {
k['done'] = eval("(function(){return " + k['done'] + " })()");
}
})
}
})
}
if (callback) {
callback(cols);
}
});
},
//列拖动事件
dragCols: function (target) {
$(".layui-table th").mousedown(function () {
$(".layui-table th").mousemove(function () {
$("#" + target).show();
$("#" + target).removeClass("hide");
});
});
},
// 树表格列拖动/保存事件
treeTableDragCols: function (tableTarget, toolBarTarget) {
var toolBarHtml = '';
if (toolBarTarget) {
toolBarHtml = '<div class="layui-table-tool"><div class="layui-table-tool-temp">' + $(toolBarTarget).html() + '</div></div>';
} else {
toolBarHtml = '<div class="layui-table-tool"><div class="layui-table-tool-temp"><button class="layui-btn layui-btn-primary layui-btn-xs btn_save_cols toolbar-btn" lay-tips="保存列顺序"><i class="iconfont">&#xe633;</i></button></div></div>';
}
$(tableTarget).next().find('.layui-table-box').before(toolBarHtml);
$(".layui-table th").mousedown(function () {
$(".layui-table th").mousemove(function () {
$(tableTarget).next().find('.layui-table-tool .btn_save_cols').removeClass('hide');
$(tableTarget).next().find('.layui-table-tool .btn_save_cols').show();
});
});
},
// 普通表格导出到excel
exportTableData: function (tableObj, title) {
var cols = tableObj.config.cols[0].filter(item => (item.title && item.field));
var tableData = layui.table.cache[tableObj.config.id];
var headList = cols.map(item => item.title);
var rowList = tableData.map(item => {
var row = {};
cols.forEach(col => {
if (!col.templet) {
row[col.field] = item[col.field];
} else {
var renderHtml = laytpl($(col.templet).html()).render(item).replace(/[\r\n]/g, '');
if (renderHtml.match(/(<.+>)([^<]+)(<\/.+>)/)) {
row[col.field] = renderHtml.match(/(<.+>)([^<]+)(<\/.+>)/)[2];
if (!row[col.field].trim()) {
row[col.field] = item[col.field];
}
} else {
row[col.field] = renderHtml
}
}
});
return row;
});
obj.exportData(title, headList, rowList);
},
// 树表格导出到excel
exportTreeTableData: function (tableObj, title) {
var cols = tableObj.getTreeOptions().cols[0].filter(item => (item.title && item.field));
var tableData = tableObj.getTableTreeData();
var headList = cols.map(item => item.title);
var rowList = [];
rowList = treeToList(tableData, rowList, cols);
obj.exportData(title, headList, rowList);
function treeToList(treeData, rowList, cols) {
treeData.forEach(item => {
var row = {};
cols.forEach(col => {
if (!col.templet) {
row[col.field] = item[col.field];
} else {
var renderHtml = laytpl($(col.templet).html()).render(item);
var value = '';
if (renderHtml.match(/(<.+>|\w)+(.+)(\w|<\/.+>)+/)) {
value = renderHtml.match(/(<.+>|\w)+(.+)(\w|<\/.+>)+/)[0];
}
if (value) {
row[col.field] = value
} else {
row[col.field] = renderHtml
}
}
});
rowList.push(row);
if (item.children && item.children.length > 0) {
treeToList(item.children, rowList, cols);
}
});
return rowList;
}
},
/**
* 导出数据至excel
*
* @return null
* @author 惠佳旭
* @date 2020/11/23
* @param title 导出excel文件名
* @param headList 导出excel列头
* @param rowList 导出excel数据
*/
exportData: function (title, headList, rowList) {
if (rowList.length < 1) {
layer.msg('暂无数据导出...', {icon: 0});
return;
}
if (layui.device().ie) {
layer.msg('不支持ie导出...', {icon: 0});
return;
}
// 转换bodyData
var bodyData = rowList.map(row => Object.values(row).map(item => item ? item.toString().trim().replace(/,/g, ',') : '').join(','));
// 创建下载文件的a标签
var alink = document.createElement('a');
var content = encodeURIComponent(headList.join(',') + '\r\n' + bodyData.join('\r\n'));
var contentType = ({csv: 'text/csv', xls: 'application/vnd.ms-excel'})['xls'];
alink.href = 'data:' + contentType + ';charset=utf-8,\ufeff' + content;
alink.download = title + '.xls';
document.body.appendChild(alink);
alink.click();
document.body.removeChild(alink);
},
/**检查权限*/
checkPermission:function(access_token) {
// Start Wang 2021/12/13 19:42 权限列表,如果能从缓存中加载到数据,则获取缓存中的数据
var ps = sessionStorage.getItem('permissions');
if(ps && ps != '' && ps != null){
return ps.split(',');
}
// End Wang 2021/12/13 19:43 权限列表,如果能从缓存中加载到数据,则获取缓存中的数据
var pers = [];
$.ajax({
type : 'get',
url : obj.domainName + '/api-u/users/current?access_token='+access_token,
contentType : "application/json; charset=utf-8",
async : false,
success : function(data) {
pers = data.permissions;
$("[permission]").each(function () {
var per = $(this).attr("permission");
if ($.inArray(per, pers) < 0) {
$(this).hide();
}
});
}
});
return pers;
},
/* pid转children形式 */
pidToChildren: function (data, idName, pidName, childName, pId,canNotCheckPranet) {
childName || (childName = 'children');
var newList = [];
for (var i = 0; i < data.length; i++) {
(pId == undefined) && (pId = obj.getPids(data, idName, pidName));
if (obj.pidEquals(data[i][pidName], pId)) {
var children = this.pidToChildren(data, idName, pidName, childName, data[i][idName],canNotCheckPranet);
if (canNotCheckPranet === false){ //当不能选择时,设置父节点不可选择
if(children.length>0){
data[i].disabled = true;
}
}
(children.length > 0) && (data[i][childName] = children);
newList.push(data[i]);
}
}
return newList;
},
/** 获取顶级的pId */
getPids: function (list, idName, pidName) {
var pids = [];
for (var i = 0; i < list.length; i++) {
var hasPid = false;
for (var j = 0; j < list.length; j++) {
if (i != j && list[j][idName] == list[i][pidName]) {
hasPid = true;
}
}
if (!hasPid) {
pids.push(list[i][pidName]);
}
}
return pids;
},
/** 判断pId是否相等 */
pidEquals: function (pId, pIds) {
if (obj.isClass(pIds) == 'Array') {
for (var i = 0; i < pIds.length; i++) {
if (pId == pIds[i]) {
return true;
}
}
} else {
return pId == pIds;
}
return false;
},
/** 获取变量类型 */
isClass: function (o) {
if (o === null)
return 'Null';
if (o === undefined)
return 'Undefined';
return Object.prototype.toString.call(o).slice(8, -1);
},
copyText: function (text, formId) {
var textarea = document.createElement("textarea"); //创建input对象
var currentFocus = document.activeElement; //当前获得焦点的元素
var toolBoxwrap = document.getElementById(formId); //将文本框插入到NewsToolBox这个之后
toolBoxwrap.appendChild(textarea); //添加元素
textarea.value = text;
textarea.focus();
if (textarea.setSelectionRange) {
textarea.setSelectionRange(0, textarea.value.length); //获取光标起始位置到结束位置
} else {
textarea.select();
}
try {
var flag = document.execCommand("copy"); //执行复制
} catch (e) {
var flag = false;
}
toolBoxwrap.removeChild(textarea); //删除元素
currentFocus.focus();
return flag;
},
layJump: function (layHref) {
var alink = document.createElement('a');
var param = '';
if (layHref.indexOf('=') !== -1) {
param = "=" + encodeURIComponent(layHref.split('=')[1]);
}
alink.setAttribute("lay-href",layHref.split('=')[0] + param);
admin.req({
url: obj.domainName + '/api-web/mxgraph/getJtopoInfoById/'+layHref.split('=')[2],
success(response) {
//LH 修改 弹框展示子拓扑
layer.open({
title:response.object.topoName,
type: 2,
area:['90%','90%'],
content: obj.graphEditorOrigin + "/jgraph/grapheditor/viewer.html?access_token=" + localStorage.getItem('access_token') + '&id='+layHref.split('=')[2] ,//+ "&layout=organic",
})
},
error() {
layer.closeAll('loading');
layer.msg('生成资源拓扑失败...', {icon: 2});
}
});
// document.body.appendChild(alink);
// alink.click();
// document.body.removeChild(alink);
},
/**
* @desc 查看资源详细
* @author wangfeng
* @date 2020/9/1 15:42
**/
viewMxGraphNodeResInfo: function (resId) {
admin.req({
url: obj.domainName + "/api-web/home/resource/findById?resId=" + resId
, type: "get"
, done: function (res) {
if (res.str === 'false') {
layer.msg('暂无该资源权限!', {icon: 0});
return;
}
var data = res.object;
if (data) {
// var resTypeName = data.resTypeName ? data.resTypeName + " | " : "";
// var resName = data.resName ? data.resName + " | " : "";
// var resIp = data.ip ? data.ip + " | " : "";
// var resPositon = data.resPositon ? data.resPositon + " | " : "";
// var resLabel = data.resLabel ? data.resLabel + " | " : "";
// var admin = data.admin ? data.admin : "";
// var title = resTypeName + resName + resIp + resPositon + resLabel + admin;
var resId = data.resId;
var resType = data.resType;
var resName =data.resName;
var ip = data.ip;
var resTypeName = data.resTypeName;
var adminName = data.adminName;
var manageIp = data.manageIp;
var collProtocol = data.collProtocol;
var title = resName;
if (title && title != '') {
title += '|';
}
if (resTypeName && resType !== 'HOST_X86SERVER') {
title += resTypeName + '|';
}
if (ip) {
if (resType === 'HOST_X86SERVER') {
if (collProtocol && (collProtocol.split(",").length > 1 || collProtocol === 'SSH')) {
title += '应用IP-' + ip + '|';
}
} else {
title += ip + '|';
}
}
if (resType === 'HOST_X86SERVER' && collProtocol && collProtocol.indexOf('SNMP') !== -1 ) {
if (manageIp) {
title += '管理IP-' + manageIp + '|';
}
}
if (adminName) {
title += adminName + '|';
}
if (title.length > 0) {
title = title.substr(0, title.length - 1);
}
if (!commonDetail) {
commonDetail = layui.commonDetail;
}
if (data.pingEnable == '2') { //如果pingEnable为2,则进入ping状态详情页面
commonDetail.openNewWin('template/detail/pingIndex', title, {'resId': data.resId}, false);
} else { //否则进入监控详情页面
commonDetail.openDetail(data.resId, data.resType, title);
}
} else {
layer.msg("获取资源详细信息失败,请稍后再试!", {offset: '15px', icon: 7, time: 2000});
}
}
});
},
viewResTopo: function (resId) {
layer.load(2);
admin.req({
url: obj.domainName + '/api-web/mxgraph/generateByResId',
data: {resId},
success(response) {
layer.closeAll('loading');
if (response && response.success) {
layer.open({
type: 2,
content: obj.graphEditorOrigin + "/jgraph/grapheditor/viewer.html?access_token=" + localStorage.getItem('access_token') + '&id=' + response.str + "&layout=organic",
area: ['98%', '98%'],
title: ''
});
} else {
layer.msg('生成资源拓扑失败!', {icon: 2});
}
},
error() {
layer.closeAll('loading');
layer.msg('生成资源拓扑失败...', {icon: 2});
}
});
},
viewBizTopo: function (busId) {
layer.load(2);
admin.req({
url: obj.domainName + '/api-web/mxgraph/generateByBusId',
data: {busId},
success(response) {
layer.closeAll('loading');
if (response && response.success) {
layer.open({
type: 2,
content: obj.graphEditorOrigin + "/jgraph/grapheditor/viewer.html?access_token=" + localStorage.getItem('access_token') + '&id=' + response.str + "&layout=organic",
area: ['98%', '98%'],
title: ''
});
} else {
layer.msg('生成业务拓扑失败!', {icon: 2});
}
},
error() {
layer.closeAll('loading');
layer.msg('生成业务拓扑失败...', {icon: 2});
}
});
},
/**
* @description 采集器选择一级是所属域,第二级别是域下采集器
* @author XuHaoJie
* @date 2021/6/9 15:43
*/
collectorTree: function (data, parentId, parentName, childName, childId) {
var dataList=[];
$.each(data,function(i,v){
var child=[];
$.each(v.children,function (x,y) {
child.push({name:y[childName]+' | '+y.deployIp,value:y[childId]})
})
var val={
name:v[parentName],
value: i==0?parentId:-(i+1),
children: child,
}
dataList.push(val);
})
return dataList;
},
/** 业务下拉选择(tree)
*radio传入则为单选,不传或传入false为多选 joke add
*strict传入false为非严格父子关系,不传或传入非false为严格父子关系 joke add
* canNotCheckPranet传入true为不能选择,传入false为可以选择
*/
busTreeSelect: function (xmSelectParams,canNotCheckPranet) {
//绑定业务下拉选择数据
admin.req({
url: this.domainName + '/api-web/home/business/findAllBusType',
async: false,
success: function (response) {
if (response && response.success) {
var bizList = response.data.map(item => {
return {
name: item.busTypeName,
value: item.busId,
parentId: item.parentId
}
});
var bizTree = obj.pidToChildren(bizList, 'value', 'parentId',canNotCheckPranet);
// 影响业务下拉框
xmSelect.render(Object.assign({
el: '#',
name: '',
tips: '=所属业务=',
//默认开启多选、选完不关闭下拉
radio: false,
clickClose: false,
//开启搜索
filterable: true,
direction: 'down',
initValue: [],
toolbar: {
show: true,
list: ['ALL', 'REVERSE', 'CLEAR']
},
height: '400px',
tree: {
show: true,
showFolderIcon: true,
showLine: true,
strict: true,
//间距
indent: 20,
},
data: bizTree,
on: function (data) {
}
}, xmSelectParams));
} else {
layer.msg('获取业务失败', {icon: 2});
}
},
error: function () {
layer.msg('获取业务失败', {icon: 2});
}
},);
},
getTingyunToken: function () {
var token = '';
var api_key = '';
var secret_key = '';
$.ajax({
url: '/config/getConfig',
data: {
configName: 'config.tingyun'
},
async: false,
success(response) {
api_key = response.api_key;
secret_key = response.secret_key;
}
});
var timestamp = Date.now();
var auth = md5(`api_key=${api_key}&secret_key=${secret_key}&timestamp=${timestamp}`);
var formData = new FormData();
formData.append("api_key", api_key);
formData.append("auth", auth);
formData.append("timestamp", timestamp);
$.ajax({
url: sessionStorage.getItem('tingyun') + '/auth-api/auth/token',
type: 'POST',
processData: false,
mimeType: "multipart/form-data",
contentType: false,
async: false,
data: formData,
success(response) {
response = JSON.parse(response)
if (response && response.code == '200') {
token = 'Bearer ' + response.access_token;
}
}
});
sessionStorage.setItem("tingyun_token", token);
return token;
},
tingyunReq: function (ajaxParams) {
var response = {
success: false,
msg: '',
data: []
}
var token = sessionStorage.getItem("tingyun_token");
if (!token) {
token = obj.getTingyunToken();
}
if (!token) {
response.msg = '获取token失败!';
ajaxParams.success(response);
return;
}
var successFun = ajaxParams.success;
var errorFun = ajaxParams.error;
delete ajaxParams.success;
delete ajaxParams.error;
var failCount = 2;
var res = null;
var err = null;
do {
try {
$.ajax(Object.assign({
url: '',
headers: {
Authorization: token
},
async: false,
success(response) {
res = response;
if (response && response.code.toString().startsWith('401')) {
throw new Error();
}
},
error(error) {
err = error;
throw new Error();
}
}, ajaxParams));
} catch (e) {
failCount--;
if (failCount) {
token = obj.getTingyunToken();
}
continue;
}
failCount = 0;
} while (failCount)
if (res) {
successFun(res);
} else {
errorFun();
}
},
//音频播放
audioPlayer: function (url) {
var audio = document.createElement('audio')
if (audio.canPlayType) {
var element = document.createElement('source')
element.setAttribute('src', url)
element.setAttribute('type', 'audio/mpeg')
audio.appendChild(element)
audio.load()
audio.muted=true;
audio.playclip = function () {
audio.pause();
audio.currentTime = 0;
audio.play();
}
return audio
}
},
/**
* 导出数据至excel 可以修改sheet
*
* @return null
* @author 徐毫杰
* @date 2021/08/01
* @param title 导出excel文件名
* @param headList 导出excel列头
* @param rowList 导出excel数据
* @param sheet 导出excel sheet页
*/
exportDataExcel: function (title, headList, rowList, sheetName) {
rowList.unshift(headList);
var sheet = XLSX.utils.aoa_to_sheet(rowList);
openDownloadDialog(sheet2blob(sheet,sheetName), title+'.xlsx');
},
/**
* @description 根据用户资源权限或、业务权限、资源类型权限获取详情页展示页签(优先度由高到低)
* @author XuHaoJie
* @date 2021/9/23 11:41
*/
getShowType: function (resId,username) {
//默认查出全部
var value='all';
//查找用户资源权限
admin.req({
url: this.domainName + '/api-web/manage/resource/getShowType?resId='+resId+'&username='+username,
async: false,
success: function (response) {
if (response && response.success) {
value = response.str;
}
},
error: function () {
layer.msg('获取用户权限失败', {icon: 2});
}
});
return value;
},
};
//通用的打开下载对话框方法,没有测试过具体兼容性
//url 下载地址,也可以是一个blob对象,必选
//saveName 保存文件名,可选
function openDownloadDialog(url, saveName) {
if(typeof url == 'object' && url instanceof Blob)
{
url = URL.createObjectURL(url); // 创建blob地址
}
var aLink = document.createElement('a');
aLink.href = url;
aLink.download = saveName || ''; // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效
var event;
if(window.MouseEvent) event = new MouseEvent('click');
else
{
event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
}
aLink.dispatchEvent(event);
}
// 将一个sheet转成最终的excel文件的blob对象,然后利用URL.createObjectURL下载
function sheet2blob(sheet, sheetName) {
sheetName = sheetName || 'sheet1';
var workbook = {
SheetNames: [sheetName],
Sheets: {}
};
workbook.Sheets[sheetName] = sheet;
// 生成excel的配置项
var wopts = {
bookType: 'xlsx', // 要生成的文件类型
bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
type: 'binary'
};
var wbout = XLSX.write(workbook, wopts);
var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"});
// 字符串转ArrayBuffer
function s2ab(s) {
var buf = new ArrayBuffer(s.length);
var view = new Uint8Array(buf);
for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
return buf;
}
return blob;
}
//退出
admin.events.logout = function () {
var logoutIdx = layer.confirm('确定退出登录?', function () {
admin.exit();
layer.close(logoutIdx);
});
};
//菜单折叠事件
admin.events.closeMenu = function () {
admin.sideFlexible();
};
//监听F5刷新
$(document).keydown(function (e) {
e = e || window.event;
if ((e.ctrlKey && e.keyCode == 82) || //ctrl+R
e.keyCode == 116) {//F5刷新
//获取首页
var firstTab = $('.layui-tab-title').children().first().attr('lay-id');
if (firstTab === '/index/' || firstTab === '/') {
location.hash = "/";
} else {
//刷新后跳转到首页(用户默认首页)
location.hash = firstTab;
}
if ($.isFunction(admin.closeAllTabs)) {
admin.closeAllTabs();
}
return false;
}
});
//检索条件区域收缩事件
$("a.search_expend_icon").on("click", function () {
if ($(this).hasClass("expend")) {
$(this).parent().css("height", "auto")
$(".layui-status .layui-form-item").slideDown(300, 'linear');
} else {
$(".layui-status .layui-form-item").not(":eq(0)").slideUp(300, 'linear');
}
$(this).toggleClass("expend");
});
//解决layui-table-tips不能点击其他地方关闭问题 joke add 20200420
document.onclick = function (event) {
//如果页面中有layui-table-tips样式,且点击其他的元素不是layui-table-tips或者点击元素的腹肌不是layui-table-tips(资源名称需要判定父级)
if ($('.layui-table-tips').length > 0 && event.target.className.indexOf('layui-table-tips') == -1 && event.target.parentNode.className.indexOf('layui-table-tips') == -1) {
$('.layui-table-tips-c').click();
}
};
//自动化巡检系统
admin.events.inspectionsys = function () {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var url = obj.domainInspectionURI + "/start/index.html#/access_token=" + accessToken;
window.open(url);
}
// 资产管理系统
admin.events.assetsmanage = function () {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var url = obj.domainAssetsManage + "/ITAM/index.jsp?access_token=" + accessToken;
window.open(url);
};
// ip管理系统
admin.events.ipmanage = function () {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
var url = obj.domainIpManage + "?access_token=" + accessToken;
window.open(url);
};
// 科来系统
admin.events.kelai = function () {
var accessToken = '';
layui.use(['sessions', 'common'], function () {
var sessions = layui.sessions;
accessToken = sessions.getToken()['access_token'];
});
//查询科来系统账号及密码
admin.req({
url: obj.domainName + '/api-web/userRefSystem/getByUsernameAndSystem',
type: "GET",
dataType: "json",
data:{
username: localStorage.getItem("lgn"),
refSystem: 'kelai'
},
success: function (res) {
if (res && res.success && res.object){
var url = obj.kelaiTargetUrl;
url = url.replace('{USERNAME}',res.object.account).replace('{PASSWORD}',obj.Base64.decode(res.object.password))
window.open(url);
}else{
layer.alert('请先绑定科来账号');
}
}
})
};
//第三方系统账号绑定 joke add 20210525
admin.events.setAccount = function () {
view('data-setting-account').render('template/user/accountSet').then(function (res) {
layer.open({
title: ['第三方账号绑定', 'font-size:18px;'],
type: 1,
area: ['450px', '300px'],
content: res.body
});
});
};
/**
* 打开第三方系统界面
* <p>
* 作者: Wang
* 时间:2022/2/9 17:10
*/
admin.events.openOtherSystem = function (){
let code = $(this).attr("data-code");
admin.events[code].call();
}
//监听浏览器窗口变化
$(window).resize(function () { //当浏览器大小变化时
resizePageWidth();
});
function resizePageWidth() {
var pagewidth = $('.layui-body').width() - 40;
$(".layui-table-page").css({width: pagewidth + "px"});
};
//修改密码 joke add 20210413
admin.events.updtpswd = function () {
view('data-setting-pwd').render('template/user/password').then(function (res) {
layer.open({
title: ['修改密码', 'font-size:18px;'],
type: 1,
area: ['450px', '300px'],
content: res.body
});
});
};
//修改基本信息 joke add 20211206
admin.events.changeInfo = function () {
obj.openWin('baseconfig/user/userChange', '个人信息修改', {id: sessionStorage.getItem('user_id'),type:'userChange'}, ['保存', '取消'], function f() {
$("#user_form_save_id").trigger("click");
},null,['60%', '45%']);
};
// 监听拓扑iframe事件
window.onmessage = function (messageEvent) {
if (messageEvent.data.type === 'function') {
// 如果是执行方法
var result = eval(messageEvent.data.evalParam);
}
}
//全局搜索框回车事件
$('#allSearchKeywords').keydown(function (e) {
if (e.keyCode === 13) {
$('[layadmin-event="globalSearch"]').trigger("click");
}
})
// 日期个格式化
Date.prototype.format = function (fmt,hoursTime) {
//12小时制和24小时制
var hours=12;
if(hoursTime==24){
hours=24;
}
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours() % hours == 0 ? hours : this.getHours() % hours, //小时
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
// 表单验证
form.verify({
json: function (d) {
try {
if (d) {
var obj = JSON.parse(d);
}
} catch (e) {
return "请输入格式正确的JSON"
}
}
});
//对外暴露的接口
exports('common', obj);
});
... ...
<div class="layadmin-user-login layadmin-user-display-show setting">
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item hide">
<label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
<input type="text" name="username" lay-verify="required" placeholder="监控账号" class="layui-input">
</div>
<div class="layui-form-item">
<div class="">
<select id="refSystem" name="refSystem" lay-filter="refSystem" lay-verify="required" class="layui-select layui-input"></select>
</div>
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon"></label>
<input type="text" name="account" lay-verify="required" placeholder="系统账号" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon"></label>
<input type="password" name="password" lay-verify="required" placeholder="系统密码" class="layui-input">
</div>
<div class="layui-form-item">
<div class="setting-btn">
<button class="layui-btn" id="setCommit" lay-submit lay-filter="setAccount">保存</button>
<button class="layui-btn layui-btn-primary" id="setClose">取消</button>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['admin', 'form','common','sessions'], function () {
var $ = layui.$;
var admin = layui.admin;
var form = layui.form;
var common = layui.common;
var sessions = layui.sessions;
var accessToken = sessions.getToken().access_token;
form.render();
//填充用户监控账号
var username = localStorage.getItem("lgn");
$('input[name="username"]').val(username);
//第三方系统下拉框切换事件监听
form.on('select(refSystem)', function(data){
if (data.value != ''){
getOldAccountAndPwd(username,data.value);
}
});
//第三方系统下拉框数据填充
common.ddicSelect('refSystem','systems',function (datalist) {
if (datalist.length == 1){
$('#refSystem').val(datalist[0].ddicCode);
getOldAccountAndPwd(username,datalist[0].ddicCode);
}
form.render('select');
});
$('#setClose').on('click',function () {
layer.closeAll();
});
//保存点击事件
form.on('submit(setAccount)', function (obj) {
var userRefSystem = {};
//修改密码
userRefSystem.username = $('input[name="username"]').val();
userRefSystem.refSystem = $('#refSystem').val();
userRefSystem.account = $('input[name="account"]').val();
userRefSystem.password = $('input[name="password"]').val();
saveOrUpdate(userRefSystem);
});
//增加或更细第三方账号关联信息
function saveOrUpdate(data) {
admin.req({
url: common.domainName + '/api-web/userRefSystem/saveOrUpdate?access_token='+accessToken,
type: "POST",
dataType: "json",
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
success: function (res) {
if (res){
var icon = 7;
if (res.success){
icon = 1;
}
layer.msg(res.msg, { offset: '15px' , icon: icon , time: 1000 },function (){
if (res.success){
layer.closeAll();
}
});
}
}
})
}
//根据监控账号及第三方系统,查找关联信息
function getOldAccountAndPwd(username,refSystem) {
admin.req({
url: common.domainName + '/api-web/userRefSystem/getByUsernameAndSystem',
type: "GET",
dataType: "json",
data:{
username: username,
refSystem: refSystem
},
success: function (res) {
if (res && res.success){
if (res.object){ //如果有绑定
$('#resSystem').val(res.object.refSystem);
$('input[name="account"]').val(res.object.account);
$('input[name="password"]').val(common.Base64.decode(res.object.password));
}else{ //如果未绑定
$('input[name="account"]').val(localStorage.getItem("lgn"));
}
}
form.render();
},
error: function () {
layer.msg('获取第三方账号异常', { offset: '15px' , icon: 1 , time: 1000 },function (){
});
}
})
}
});
</script>
... ...