修改同一选项卡内多条配置的样式,以及当前tab样式

This commit is contained in:
zhangwei
2018-05-30 15:55:02 +08:00
parent 8168274b30
commit 911b9a6e09
3 changed files with 26011 additions and 16997 deletions

View File

@@ -81,6 +81,8 @@
function switchInfo(flag,index){ function switchInfo(flag,index){
$("div[name='subCfg"+index+"']").hide(); $("div[name='subCfg"+index+"']").hide();
$("div[id='"+flag+"Info"+index+"']").show(); $("div[id='"+flag+"Info"+index+"']").show();
$("div[name='tabTitle"+index+"']").removeClass("badge-info");
$("div[id='"+flag+"Title"+index+"']").addClass("badge-info");
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up"); $("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down"); $("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down"); $("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
@@ -88,6 +90,7 @@
} }
</script> </script>
</head> </head>
<body> <body>

View File

@@ -10,12 +10,10 @@
<style type="text/css"> <style type="text/css">
.tabInfo { .tabInfo {
width: 150px; width: 150px;
background-color: #eeeeee;
border: 1px solid #c2cad8; border: 1px solid #c2cad8;
padding: 5px; padding: 5px;
border-bottom: 0px border-bottom: 0px
} }
.content { .content {
width: 1050px; width: 1050px;
background-color: #f6f3f3; background-color: #f6f3f3;
@@ -27,63 +25,50 @@
<c:if test="${fn:length(_cfg.ipPortList)>0}"> <c:if test="${fn:length(_cfg.ipPortList)>0}">
<div id="ipTitle${index}" onclick="switchInfo('ip',${index})" <div id="ipTitle${index}" onclick="switchInfo('ip',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_ip_title' /> <spring:message code='http_ip_title' />
<i id="ip${index}" class="fa" name="tabFlag${index}"></i> <i id="ip${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
<c:if test="${fn:length(_cfg.httpUrlList)>0}"> <c:if test="${fn:length(_cfg.httpUrlList)>0}">
<div id="urlTitle${index}" onclick="switchInfo('url',${index})" <div id="urlTitle${index}" onclick="switchInfo('url',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_url_title' /> <spring:message code='http_url_title' />
<i id="url${index}" class="fa" name="tabFlag${index}"></i> <i id="url${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}"> <c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
<div id="reqHdrTitle${index}" onclick="switchInfo('reqHdr',${index})" <div id="reqHdrTitle${index}" onclick="switchInfo('reqHdr',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_req_hdr_title' /> <spring:message code='http_req_hdr_title' />
<i id="reqHdr${index}" class="fa" name="tabFlag${index}"></i> <i id="reqHdr${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}"> <c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
<div id="reqBodyTitle${index}" onclick="switchInfo('reqBody',${index})" <div id="reqBodyTitle${index}" onclick="switchInfo('reqBody',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_req_hdr_title' /> <spring:message code='http_req_hdr_title' />
<i id="reqBody${index}" class="fa" name="tabFlag${index}"></i> <i id="reqBody${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
<c:if test="${fn:length(_cfg.httpResHdrList)>0}"> <c:if test="${fn:length(_cfg.httpResHdrList)>0}">
<div id="resHdrTitle${index}" onclick="switchInfo('resHdr',${index})" <div id="resHdrTitle${index}" onclick="switchInfo('resHdr',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_res_hdr_title' /> <spring:message code='http_res_hdr_title' />
<i id="resHdr${index}" class="fa" name="tabFlag${index}"></i> <i id="resHdr${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
<c:if test="${fn:length(_cfg.httpResBodyList)>0}"> <c:if test="${fn:length(_cfg.httpResBodyList)>0}">
<div id="resBodyTitle${index}" onclick="switchInfo('resBody',${index})" <div id="resBodyTitle${index}" onclick="switchInfo('resBody',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }"> class="col-md-1 tabInfo" name="tabTitle${index }">
<a href="#">
<spring:message code='http_res_body_title' /> <spring:message code='http_res_body_title' />
<i id="resBody${index}" class="fa" name="tabFlag${index}"></i> <i id="resBody${index}" class="fa" name="tabFlag${index}"></i>
</a>
</div> </div>
</c:if> </c:if>
</div> </div>
<c:if test="${fn:length(_cfg.ipPortList)>0}">
<div id="ipInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.ipPortList}" var="cfg"> <c:forEach items="${_cfg.ipPortList}" var="cfg">
<div id="ipInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
@@ -174,11 +159,8 @@
</div> </div>
</div> </div>
</c:forEach> </c:forEach>
<c:if test="${fn:length(_cfg.httpUrlList)>0}">
<div id="urlInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.httpUrlList}" var="cfg"> <c:forEach items="${_cfg.httpUrlList}" var="cfg">
<div id="urlInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
@@ -232,10 +214,8 @@
</div> </div>
</c:forEach> </c:forEach>
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
<div id="reqHdrInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.httpReqHdrList}" var="cfg"> <c:forEach items="${_cfg.httpReqHdrList}" var="cfg">
<div id="reqHdrInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
@@ -293,11 +273,8 @@
</div> </div>
</div> </div>
</c:forEach> </c:forEach>
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
<div id="reqBodyInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.httpReqBodyList}" var="cfg"> <c:forEach items="${_cfg.httpReqBodyList}" var="cfg">
<div id="reqBodyInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
@@ -351,10 +328,8 @@
</div> </div>
</c:forEach> </c:forEach>
<c:if test="${fn:length(_cfg.httpResHdrList)>0}">
<div id="resHdrInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.httpResHdrList}" var="cfg"> <c:forEach items="${_cfg.httpResHdrList}" var="cfg">
<div id="resHdrInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">
@@ -413,10 +388,8 @@
</div> </div>
</c:forEach> </c:forEach>
<c:if test="${fn:length(_cfg.httpResBodyList)>0}">
<div id="resBodyInfo${index}" class="content" name="subCfg${index}">
</c:if>
<c:forEach items="${_cfg.httpResBodyList}" var="cfg"> <c:forEach items="${_cfg.httpResBodyList}" var="cfg">
<div id="resBodyInfo${index}" class="content" name="subCfg${index}">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group"> <div class="form-group">

File diff suppressed because it is too large Load Diff