实时报表--标签样式优化

This commit is contained in:
leijun
2018-11-16 13:39:52 +08:00
parent f7270efecb
commit 6f6a129193

View File

@@ -89,6 +89,10 @@ $(document).ready(function() {
$('.table-responsive').css({'height':height-166+'px'}); $('.table-responsive').css({'height':height-166+'px'});
//style.height=height-130+'px'; //style.height=height-130+'px';
} }
var li=document.getElementById("liwhite").offsetWidth;
var lipx=Number(li/6);
$(".lireport").css({'width':lipx+'px','text-overflow':'ellipsis','overflow':'hidden'});
}); });
function getXlsxFileName() { function getXlsxFileName() {
var cfgName = $("[name=cfgName2]").val() + "_"; var cfgName = $("[name=cfgName2]").val() + "_";
@@ -356,8 +360,16 @@ function customColumnClick(){
if($('.table-responsive')){ if($('.table-responsive')){
$('.table-responsive').css({'height':height-186+'px'}); $('.table-responsive').css({'height':height-186+'px'});
} }
var li=document.getElementById("liwhite").offsetWidth;
var lipx=Number(li/6);
$(".lireport").css({'width':lipx+'px','text-overflow':'ellipsis','overflow':'hidden'});
} }
</script> </script>
<style type="text/css">
li{
white-space:nowrap;
}
</style>
</head> </head>
<body> <body>
<div class="page-content"> <div class="page-content">
@@ -470,7 +482,7 @@ function customColumnClick(){
</form:form> </form:form>
</div> </div>
<div> <div id="liwhite">
<sys:message content="${message}"/> <sys:message content="${message}"/>
<br> <br>
<ul class="nav nav-tabs nav-justified" > <ul class="nav nav-tabs nav-justified" >
@@ -478,32 +490,32 @@ function customColumnClick(){
<c:if test="${bean.reportBusinessType eq 'label_report' or bean.reportBusinessType ==null}"> <c:if test="${bean.reportBusinessType eq 'label_report' or bean.reportBusinessType ==null}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="label_report" data-toggle="tab" href="#label"><spring:message code="label_report"/></a></li> ><a class="lireport" data-bussiness="label_report" data-toggle="tab" href="#label" title="<spring:message code="label_report"/>"><spring:message code="label_report"/></a></li>
<li <li
<c:if test="${bean.reportBusinessType eq 'attr_type_report'}"> <c:if test="${bean.reportBusinessType eq 'attr_type_report'}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="attr_type_report" data-toggle="tab" href="#attrType"><spring:message code="attr_type_report"/></a></li> ><a class="lireport" data-bussiness="attr_type_report" data-toggle="tab" href="#attrType" title="<spring:message code="attr_type_report"/>" ><spring:message code="attr_type_report"/></a></li>
<li <li
<c:if test="${bean.reportBusinessType eq 'lwhh_report'}"> <c:if test="${bean.reportBusinessType eq 'lwhh_report'}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="lwhh_report" data-toggle="tab" href="#lwhh"><spring:message code="lwhh_report"/></a></li> ><a class="lireport" data-bussiness="lwhh_report" data-toggle="tab" href="#lwhh" title="<spring:message code="lwhh_report"/>" ><spring:message code="lwhh_report"/></a></li>
<li <li
<c:if test="${bean.reportBusinessType eq 'src_ip_report'}"> <c:if test="${bean.reportBusinessType eq 'src_ip_report'}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="src_ip_report" data-toggle="tab" href="#srcIp"><spring:message code="src_ip_report"/></a></li> ><a class="lireport" data-bussiness="src_ip_report" data-toggle="tab" href="#srcIp" title="<spring:message code="src_ip_report"/>" ><spring:message code="src_ip_report"/></a></li>
<li <li
<c:if test="${bean.reportBusinessType eq 'dest_ip_report'}"> <c:if test="${bean.reportBusinessType eq 'dest_ip_report'}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="dest_ip_report" data-toggle="tab" href="#destIp"><spring:message code="dest_ip_report"/></a></li> ><a class="lireport" data-bussiness="dest_ip_report" data-toggle="tab" href="#destIp" title="<spring:message code="dest_ip_report"/>" ><spring:message code="dest_ip_report"/></a></li>
<li <li
<c:if test="${bean.reportBusinessType eq 'isp_report'}"> <c:if test="${bean.reportBusinessType eq 'isp_report'}">
class="active" class="active"
</c:if> </c:if>
><a data-bussiness="isp_report" data-toggle="tab" href="#entranceId"><spring:message code="isp_report"/></a></li> ><a class="lireport" data-bussiness="isp_report" data-toggle="tab" href="#entranceId" title="<spring:message code="isp_report"/>"><spring:message code="isp_report"/></a></li>
</ul> </ul>
<div class="tab-content table-responsive"> <div class="tab-content table-responsive">
<div id="label" class="tab-pane fade <div id="label" class="tab-pane fade