调整流量统计滚动显示宽度显示更大数量级,调整界面table中tooltip与表头不互相遮挡

This commit is contained in:
zhanghongqing
2018-11-16 09:25:44 +08:00
parent 3cfc88ce29
commit e5215accb9
4 changed files with 27 additions and 20 deletions

View File

@@ -38,8 +38,7 @@
<div class="fl_fc"> <div class="fl_fc">
<%-- <a href="${ctx}/dashboard/bandwidthList"> 详情显示--%> <%-- <a href="${ctx}/dashboard/bandwidthList"> 详情显示--%>
<p> <p>
<label data-original-title="<spring:message code="bandwith"/>" <label data-original-title="<spring:message code="bandwith"/>" class="tooltips" data-flag="false" data-html="true" data-placement="top">
class="tooltips" data-flag="false" data-html="true" data-placement="top">
<!-- 网络带宽 --><spring:message code="bandwith"/> <!-- 网络带宽 --><spring:message code="bandwith"/>
</label> </label>
</p> </p>
@@ -53,7 +52,7 @@
</div> </div>
<div class="fl_fc"> <div class="fl_fc">
<!-- <a href="javacript:;"> --> <!-- <a href="javacript:;"> -->
<p> <p style="margin-left: 0px;width:100%">
<label data-original-title="<spring:message code="action_reject"/>" <label data-original-title="<spring:message code="action_reject"/>"
class="tooltips" data-flag="false" data-html="true" data-placement="top"> class="tooltips" data-flag="false" data-html="true" data-placement="top">
<!-- 阻断链接数 --><spring:message code="action_reject"/> <!-- 阻断链接数 --><spring:message code="action_reject"/>

View File

@@ -2227,7 +2227,7 @@ table th[class*="col-"] {
.table-responsive { .table-responsive {
overflow-x: auto; overflow-x: auto;
min-height: 0.01%; min-height: 0.01%;
position: fixed; /* position: fixed; */
right: 14px; right: 14px;
left: 14px; left: 14px;
margin-top: 20px; margin-top: 20px;
@@ -3182,7 +3182,7 @@ tbody.collapse.in {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0/*rtl:auto*/; left: 0/*rtl:auto*/;
z-index: 1000; z-index: 2147483647;
display: none; display: none;
float: left; float: left;
min-width: 160px; min-width: 160px;

View File

@@ -43,7 +43,7 @@ p{
margin-top: 15px; margin-top: 15px;
} }
.data_content .data_info .fr_fc .fl_fc{ .data_content .data_info .fr_fc .fl_fc{
width: 68%; width: 70%;
height: 110px; height: 110px;
border-width: 0 1px; border-width: 0 1px;
margin-left: 0px; margin-left: 0px;
@@ -105,58 +105,74 @@ p{
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; /* text-overflow: ellipsis; */
margin-left: -12px;
} }
.data_content .data_info .info_1 label:nth-child(1){ .data_content .data_info .info_1 label:nth-child(1){
width:100%;
color:#fff; color:#fff;
font-size: 18px; font-size: 18px;
text-align: center;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin: -3px; margin: -3px;
margin-left: -20px;
} }
.data_content .data_info>div.info_1 p:nth-child(2){ .data_content .data_info>div.info_1 p:nth-child(2){
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.0em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info .info_2 .fr_fc .numberRun2{ .data_content .data_info .info_2 .fr_fc .numberRun2{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.1em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info .info_2 .fr_fc .numberRun3{ .data_content .data_info .info_2 .fr_fc .numberRun3{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.1em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info .info_2 .fr_fc .numberRun5{ .data_content .data_info .info_2 .fr_fc .numberRun5{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.1em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info .info_2 .fr_fc .numberRun6{ .data_content .data_info .info_2 .fr_fc .numberRun6{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.1em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info .info_2 .fr_fc .numberRun{ .data_content .data_info .info_2 .fr_fc .numberRun{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 2.1em; margin-top: 2.1em;
margin-left: 0px;
} }
.data_content .data_info>div.info_1 .fl_fc .numberRun4{ .data_content .data_info>div.info_1 .fl_fc .numberRun4{
width:100%;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
color:#288dce; color:#288dce;
margin-top: 1px; margin-top: 1px;
margin-left: 0px;
} }
.data_content .data_info>div.info_1 .fl_fc .numberRun4-unit{ .data_content .data_info>div.info_1 .fl_fc .numberRun4-unit{
font-weight: 500; font-weight: 500;
@@ -344,7 +360,7 @@ p{
margin-bottom: 5px; margin-bottom: 5px;
} }
.data_content .data_main1 .main_left1 div .main_title1{ .data_content .data_main1 .main_left1 div .main_title1{
width: 230px; width: 250px;
height: 35px; height: 35px;
line-height: 33px; line-height: 33px;
background-color: #3D3D3D; background-color: #3D3D3D;

View File

@@ -47,7 +47,6 @@
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'Protocol-Type', filename:'Protocol-Type',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -233,8 +232,7 @@
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
// filename:'Active-IP',
// filename:'Active-IP',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
series: { series: {
@@ -396,7 +394,6 @@
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'App', filename:'App',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -555,7 +552,6 @@ function echart_2(rs){
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'BS', filename:'BS',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -699,7 +695,6 @@ function echart_5(rs){
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'BS', filename:'BS',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -845,7 +840,6 @@ function echart_4(rs){
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'Website', filename:'Website',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -984,7 +978,6 @@ function echart_6(rs){
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'Website', filename:'Website',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
@@ -1128,8 +1121,7 @@ function echart_topic_domain(rs){
}, },
exporting: { exporting: {
allowHTML:true, allowHTML:true,
filename:'Topic',
chartOptions: { chartOptions: {
plotOptions: { plotOptions: {
series: { series: {