topTabs.html
1.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
<th:block th:include="include :: header('头部多面板')" />
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">
<div class="row">
<div class="col-sm-12">
<div class="tabs-container">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" th:onclick="changeTab()" th:dataurl="${activeTab.tabUrl}" th:title="${activeTab.hrefTitle}" aria-expanded="true">[[${activeTab.tabTitle}]]</a>
</li>
<li th:if="${tabList != null}" th:each="item : ${tabList}" class="">
<a data-toggle="tab" th:onclick="changeTab()" th:dataurl="${item.tabUrl}" th:title="${item.hrefTitle}" aria-expanded="false">[[${item.tabTitle}]]</a>
</li>
</ul>
<div class="tab-content">
<div id="tab-1" class="tab-pane active">
<div class="panel-body">
<iframe class="RuoYi_iframe" style="min-height: 600px;" id="credit_iframe" th:name="${activeTab.frameName}" width="100%" height="100%"
th:data-id="${activeTab.tabUrl}" th:src="${activeTab.tabUrl}" frameborder="0" seamless></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer" />
<script>
function changeTab() {
var tabUrl = $(event.target).attr("dataurl");
$('#credit_iframe').attr('src',tabUrl);
}
</script>
</body>
</html>