Authored by XuHaoJie

杭州-资源视图-还原详情页的指标下探事件

@@ -30,7 +30,6 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -30,7 +30,6 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
30 sessions: layui.sessions, 30 sessions: layui.sessions,
31 // 获取编辑指标 31 // 获取编辑指标
32 getEditKpiList:function (){ 32 getEditKpiList:function (){
33 -  
34 var editFlag = localStorage.getItem("editFlag");//是否编辑状态 33 var editFlag = localStorage.getItem("editFlag");//是否编辑状态
35 if(!(editFlag && editFlag == "true")){ 34 if(!(editFlag && editFlag == "true")){
36 editKpiList.push('----'); 35 editKpiList.push('----');
@@ -197,46 +196,46 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -197,46 +196,46 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
197 //获取编辑状态 196 //获取编辑状态
198 var editFlag = localStorage.getItem("editFlag");//是否编辑状态 197 var editFlag = localStorage.getItem("editFlag");//是否编辑状态
199 var piechbox = '<div class="layui-form" style="float: left;top: 15px;position: relative;left: 12px;" >' + 198 var piechbox = '<div class="layui-form" style="float: left;top: 15px;position: relative;left: 12px;" >' +
200 - '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" data-unit="'+data.kpiUnit+'" ' +  
201 - 'data-id="' + kpiId + '" data-kpiname="' + data.name + '" data-flag="' + data.flag + '" data-name='+data.name+'></div>'; 199 + '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" data-unit="' + data.kpiUnit + '" ' +
  200 + 'data-id="' + kpiId + '" data-kpiname="' + data.name + '" data-flag="' + data.flag + '" data-name=' + data.name + '></div>';
202 pie.find("li").attr("data-degree", val); 201 pie.find("li").attr("data-degree", val);
203 - var resStyle = obj.alarmEleMatchStyle(data.flag,kpiId);  
204 -  
205 - // Start Wang 2021/11/18 15:03 查询字典编辑指标,判断编辑状态  
206 - // // 可编辑状态的性能指标  
207 - // if(data.ident=='1' && editFlag && editFlag == "true"){  
208 - // pie.find(".pie-half-text").html(piechbox+"<b><u style='"+resStyle+"'>"+val + "%</u></b>");  
209 - // form.render();  
210 - // }else{  
211 - // pie.find(".pie-half-text").find("b").html("<u style='"+resStyle+"'>"+val + "%</u>"); //增加下划线 202 + var resStyle = obj.alarmEleMatchStyle(data.flag, kpiId);
  203 +
  204 + // 获取配置指标 ww 优化
  205 + // var kpiList = obj.getEditKpiList();
  206 + //
  207 + // // 没有配置字典指标则按照性能指标判断
  208 + // if(kpiList.length == 1){
  209 + // // 可编辑状态的性能指标
  210 + // if(data.ident=='1' && editFlag && editFlag == "true"){
  211 + // pie.find(".pie-half-text").html(piechbox+"<b><u style='"+resStyle+"'>"+val + "%</u></b>");
  212 + // form.render();
  213 + // }else{
  214 + // pie.find(".pie-half-text").find("b").html("<u style='"+resStyle+"'>"+val + "%</u>"); //增加下划线
  215 + // }
  216 + // } else {
  217 + // // 按照指标配置展示
  218 + // let kpiObject = obj.checkKpi(kpiId)
  219 + // if(kpiObject[data.id] && kpiObject[data.id] == true && editFlag && editFlag == "true"){
  220 + // pie.find(".pie-half-text").html(piechbox+"<b><u style='"+resStyle+"'>"+val + "%</u></b>");
  221 + // form.render();
  222 + // } else {
  223 + // pie.find(".pie-half-text").find("b").html("<u style='"+resStyle+"'>"+val + "%</u>"); //增加下划线
  224 + // }
212 // } 225 // }
213 - // 获取配置指标  
214 - var kpiList = obj.getEditKpiList();  
215 -  
216 - // 没有配置字典指标则按照性能指标判断  
217 - if(kpiList.length == 1){  
218 - // 可编辑状态的性能指标  
219 - if(data.ident=='1' && editFlag && editFlag == "true"){  
220 - pie.find(".pie-half-text").html(piechbox+"<b><u style='"+resStyle+"'>"+val + "%</u></b>");  
221 - form.render();  
222 - }else{  
223 - pie.find(".pie-half-text").find("b").html("<u style='"+resStyle+"'>"+val + "%</u>"); //增加下划线  
224 - } 226 + // End Wang 2021/11/18 15:04 查询字典编辑指标,判断编辑状态
  227 +
  228 + //可编辑状态的性能指标 徐毫杰还原
  229 + if (data.ident == '1' && editFlag && editFlag == "true") {
  230 + pie.find(".pie-half-text").html(piechbox + "<b><u style='" + resStyle + "'>" + val + "%</u></b>");
  231 + form.render();
225 } else { 232 } else {
226 - // 按照指标配置展示  
227 - let kpiObject = obj.checkKpi(kpiId)  
228 - if(kpiObject[data.id] && kpiObject[data.id] == true && editFlag && editFlag == "true"){  
229 - pie.find(".pie-half-text").html(piechbox+"<b><u style='"+resStyle+"'>"+val + "%</u></b>");  
230 - form.render();  
231 - } else {  
232 - pie.find(".pie-half-text").find("b").html("<u style='"+resStyle+"'>"+val + "%</u>"); //增加下划线  
233 - } 233 + pie.find(".pie-half-text").find("b").html("<u style='" + resStyle + "'>" + val + "%</u>"); //增加下划线
234 } 234 }
235 - // End Wang 2021/11/18 15:04 查询字典编辑指标,判断编辑状态  
236 235
237 pie.find(".pie-half-text").find("span").text(data.name); 236 pie.find(".pie-half-text").find("span").text(data.name);
238 - pie.find(".pie-half-text").find("b").css('cursor','pointer'); //增加悬浮显示手指样式  
239 - pie.find(".pie-half-text").css('padding-top','50px'); 237 + pie.find(".pie-half-text").find("b").css('cursor', 'pointer'); //增加悬浮显示手指样式
  238 + pie.find(".pie-half-text").css('padding-top', '50px');
240 pie.find(".pie-half-text").find("span").hide(); 239 pie.find(".pie-half-text").find("span").hide();
241 240
242 //计算仪表盘的旋转角度 241 //计算仪表盘的旋转角度
@@ -1736,79 +1735,79 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -1736,79 +1735,79 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
1736 } 1735 }
1737 if (d[v.id] && d[v.id].kpiId) { 1736 if (d[v.id] && d[v.id].kpiId) {
1738 var value = d[v.id]; 1737 var value = d[v.id];
1739 - var resStyle = obj.alarmEleMatchStyle(value.flag,v.id);  
1740 - // Start Wang 2021/11/18 15:03 查询字典编辑指标,判断编辑状态  
1741 - // //拼接表空间名称、文件系统名称等等,如果是性能指标或者趋势指标,则可以下探  
1742 - // if (value.kpiIdent == '1' || value.isWarning == '1') {  
1743 - // var chbox = '';  
1744 - // if(editFlag && editFlag == "true" && value.kpiIdent == '1'){  
1745 - // chbox = '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" ' +  
1746 - // 'data-id="' + v.id + '" data-kpiname="' + v.name + '" data-flag="' + value.flag + '" data-name="' + kpiname + '" data-unit="'+v.unit+'">';  
1747 - // }  
1748 - // return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;'+resStyle+'" ' + 'data-isWarning="'+value.isWarning+'" data-ident="'+value.kpiIdent+'"'+  
1749 - // 'data-trend="'+value.isTrend+'" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +  
1750 - // '<a class="detail_row_menu hide" data-isWarning="'+value.isWarning+'" data-ident="'+value.kpiIdent+'" data-trend="'+value.isTrend+'" ' +  
1751 - // 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +  
1752 - // 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="'+resType+'"' +  
1753 - // '>' +  
1754 - // '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>'; 1738 + var resStyle = obj.alarmEleMatchStyle(value.flag, v.id);
  1739 + // let arr = obj.getEditKpiList();
  1740 + // var chbox = '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" ' +
  1741 + // 'data-id="' + v.id + '" data-kpiname="' + v.name + '" data-flag="' + value.flag + '" data-name="' + kpiname + '" data-unit="' + v.unit + '">';
  1742 + // if(arr.length == 1){
  1743 + // if (value.kpiIdent == '1' || value.isWarning == '1') {
  1744 + //
  1745 + // if (!(editFlag && editFlag == "true" && value.kpiIdent == '1')) {
  1746 + // chbox = '';
  1747 + // }
  1748 + // return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;' + resStyle + '" ' + 'data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '"' +
  1749 + // 'data-trend="' + value.isTrend + '" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +
  1750 + // '<a class="detail_row_menu hide" data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '" data-trend="' + value.isTrend + '" ' +
  1751 + // 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +
  1752 + // 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="' + resType + '"' +
  1753 + // '>' +
  1754 + // '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>';
1755 // 1755 //
  1756 + // } else {
  1757 + // var $html = addIconByValue(value.kpiValue);
  1758 + // //根据资源类型判断 修改样式
  1759 + // if ($html != "" && resType != "" && resType == "HOST_X86SERVER" && $html == '<i class="iconfont icon-size serious">\ue668</i>') {
  1760 + // $html = '<i class="iconfont icon-size grayColor">\ue61e</i>';
  1761 + // }
  1762 + // return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>';
  1763 + // }
1756 // } else { 1764 // } else {
1757 - // var $html = addIconByValue(value.kpiValue);  
1758 - // //根据资源类型判断 修改样式  
1759 - // if($html!="" && resType!="" && resType=="HOST_X86SERVER" && $html=='<i class="iconfont icon-size serious">\ue668</i>'){  
1760 - // $html='<i class="iconfont icon-size grayColor">\ue61e</i>'; 1765 + // var kpiId = d[v.id].kpiId;
  1766 + // // 按照指标配置展示
  1767 + // let kpiObject = obj.checkKpi(kpiId)
  1768 + // if(kpiObject[kpiId] && kpiObject[kpiId] == true && editFlag && editFlag == "true"){
  1769 + // return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;' + resStyle + '" ' + 'data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '"' +
  1770 + // 'data-trend="' + value.isTrend + '" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +
  1771 + // '<a class="detail_row_menu hide" data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '" data-trend="' + value.isTrend + '" ' +
  1772 + // 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +
  1773 + // 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="' + resType + '"' +
  1774 + // '>' +
  1775 + // '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>';
  1776 + // } else {
  1777 + // var $html = addIconByValue(value.kpiValue);
  1778 + // //根据资源类型判断 修改样式
  1779 + // if ($html != "" && resType != "" && resType == "HOST_X86SERVER" && $html == '<i class="iconfont icon-size serious">\ue668</i>') {
  1780 + // $html = '<i class="iconfont icon-size grayColor">\ue61e</i>';
  1781 + // }
  1782 + // return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>';
1761 // } 1783 // }
1762 - // return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>';  
1763 // } 1784 // }
1764 - let arr = obj.getEditKpiList();  
1765 - var chbox = '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" ' +  
1766 - 'data-id="' + v.id + '" data-kpiname="' + v.name + '" data-flag="' + value.flag + '" data-name="' + kpiname + '" data-unit="' + v.unit + '">';  
1767 - if(arr.length == 1){  
1768 - if (value.kpiIdent == '1' || value.isWarning == '1') {  
1769 -  
1770 - if (!(editFlag && editFlag == "true" && value.kpiIdent == '1')) {  
1771 - chbox = '';  
1772 - }  
1773 - return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;' + resStyle + '" ' + 'data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '"' +  
1774 - 'data-trend="' + value.isTrend + '" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +  
1775 - '<a class="detail_row_menu hide" data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '" data-trend="' + value.isTrend + '" ' +  
1776 - 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +  
1777 - 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="' + resType + '"' +  
1778 - '>' +  
1779 - '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>';  
1780 -  
1781 - } else {  
1782 - var $html = addIconByValue(value.kpiValue);  
1783 - //根据资源类型判断 修改样式  
1784 - if ($html != "" && resType != "" && resType == "HOST_X86SERVER" && $html == '<i class="iconfont icon-size serious">\ue668</i>') {  
1785 - $html = '<i class="iconfont icon-size grayColor">\ue61e</i>';  
1786 - }  
1787 - return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>'; 1785 + //
  1786 + // // End Wang 2021/11/18 15:03 查询字典编辑指标,判断编辑状态
  1787 +
  1788 + //拼接表空间名称、文件系统名称等等,如果是性能指标或者趋势指标,则可以下探 徐毫杰还原
  1789 + if (value.kpiIdent == '1' || value.isWarning == '1') {
  1790 + var chbox = '';
  1791 + if (editFlag && editFlag == "true" && value.kpiIdent == '1') {
  1792 + chbox = '<input lay-filter="kpicheckboxfilter" type="checkbox" lay-skin="primary" name="identKpiCheckbox" ' +
  1793 + 'data-id="' + v.id + '" data-kpiname="' + v.name + '" data-flag="' + value.flag + '" data-name="' + kpiname + '" data-unit="' + v.unit + '">';
1788 } 1794 }
  1795 + return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;' + resStyle + '" ' + 'data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '"' +
  1796 + 'data-trend="' + value.isTrend + '" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +
  1797 + '<a class="detail_row_menu hide" data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '" data-trend="' + value.isTrend + '" ' +
  1798 + 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +
  1799 + 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="' + resType + '"' +
  1800 + '>' +
  1801 + '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>';
  1802 +
1789 } else { 1803 } else {
1790 - var kpiId = d[v.id].kpiId;  
1791 - // 按照指标配置展示  
1792 - let kpiObject = obj.checkKpi(kpiId)  
1793 - if(kpiObject[kpiId] && kpiObject[kpiId] == true && editFlag && editFlag == "true"){  
1794 - return chbox + '<a class="link showlinechart_' + tableId + '" style="padding-left:5px;' + resStyle + '" ' + 'data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '"' +  
1795 - 'data-trend="' + value.isTrend + '" data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '">' + value.kpiValue + '</a>' +  
1796 - '<a class="detail_row_menu hide" data-isWarning="' + value.isWarning + '" data-ident="' + value.kpiIdent + '" data-trend="' + value.isTrend + '" ' +  
1797 - 'data-id="' + v.id + '" data-kpiname="' + kpiname + '" data-name="' + v.name + '" data-flag="' + value.flag + '"' +  
1798 - 'data-canca="' + value.canCA + '" data-incaing="' + value.inCAing + '" data-restype="' + resType + '"' +  
1799 - '>' +  
1800 - '<img style="width: 20px;height: 20px;" src="/src/style/img/icon_row_menu.png"></a>';  
1801 - } else {  
1802 - var $html = addIconByValue(value.kpiValue);  
1803 - //根据资源类型判断 修改样式  
1804 - if ($html != "" && resType != "" && resType == "HOST_X86SERVER" && $html == '<i class="iconfont icon-size serious">\ue668</i>') {  
1805 - $html = '<i class="iconfont icon-size grayColor">\ue61e</i>';  
1806 - }  
1807 - return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>'; 1804 + var $html = addIconByValue(value.kpiValue);
  1805 + //根据资源类型判断 修改样式
  1806 + if ($html != "" && resType != "" && resType == "HOST_X86SERVER" && $html == '<i class="iconfont icon-size serious">\ue668</i>') {
  1807 + $html = '<i class="iconfont icon-size grayColor">\ue61e</i>';
1808 } 1808 }
  1809 + return '<a data-id="' + v.id + '"data-flag="' + value.flag + '">' + $html + value.kpiValue + '</a>';
1809 } 1810 }
1810 -  
1811 - // End Wang 2021/11/18 15:03 查询字典编辑指标,判断编辑状态  
1812 } else { 1811 } else {
1813 return d[v.id]; 1812 return d[v.id];
1814 } 1813 }