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

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'});
//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() {
var cfgName = $("[name=cfgName2]").val() + "_";
@@ -356,8 +360,16 @@ function customColumnClick(){
if($('.table-responsive')){
$('.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>
<style type="text/css">
li{
white-space:nowrap;
}
</style>
</head>
<body>
<div class="page-content">
@@ -470,40 +482,40 @@ function customColumnClick(){
</form:form>
</div>
<div>
<div id="liwhite">
<sys:message content="${message}"/>
<br>
<ul class="nav nav-tabs nav-justified">
<ul class="nav nav-tabs nav-justified" >
<li
<c:if test="${bean.reportBusinessType eq 'label_report' or bean.reportBusinessType ==null}">
class="active"
</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
<c:if test="${bean.reportBusinessType eq 'attr_type_report'}">
class="active"
</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
<c:if test="${bean.reportBusinessType eq 'lwhh_report'}">
class="active"
</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
<c:if test="${bean.reportBusinessType eq 'src_ip_report'}">
class="active"
</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
<c:if test="${bean.reportBusinessType eq 'dest_ip_report'}">
class="active"
</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
<c:if test="${bean.reportBusinessType eq 'isp_report'}">
class="active"
</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>
<div class="tab-content table-responsive">
<div id="label" class="tab-pane fade