resourcesTab.jsp 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"
  3. import="com.hotent.platform.model.system.Resources"%>
  4. <%@include file="/commons/include/html_doctype.html"%>
  5. <html>
  6. <head>
  7. <title>TAB</title>
  8. <%@include file="/commons/include/get.jsp"%>
  9. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerTab.js"></script>
  10. <script type="text/javascript">
  11. $(function() {
  12. $("#tabMyInfo").ligerTab({});
  13. });
  14. </script>
  15. <style type="text/css">
  16. .tab {
  17. width: 90px;
  18. margin: 10px 5px;
  19. cursor: pointer;
  20. padding: 10px 6px;
  21. display: inline-block;
  22. }
  23. .title {
  24. text-align: center;
  25. margin-top: 6px;
  26. height: 35px;
  27. float: left;
  28. width: 90px;
  29. display: block;
  30. word-break: break-all;
  31. word-wrap: break-word;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div id="tabMyInfo" class="panel-nav" style="overflow: hidden; position: relative;">
  37. <c:forEach var="item" items="${resList}">
  38. <div title="${item.resName}" tabid="${item.alias }">
  39. <ul>
  40. <c:forEach items="${resrouceMap[item.alias]}" var="subItem">
  41. <div class="tab">
  42. <div style="height: 64px; text-align: center;" title="${subItem.resName}" onclick="jQuery.openFullWindow('${subItem.defaultUrl}')">
  43. <img id="iconImg" alt="" src="${ctx}/${subItem.icon}" width="64px;" height="64px;" />
  44. </div>
  45. <div class="title">${subItem.resName}</div>
  46. </div>
  47. </c:forEach>
  48. </ul>
  49. </div>
  50. </c:forEach>
  51. </div>
  52. </body>
  53. </html>