JSP选项卡显示

<%@ page language="java" contentType="text/html;charset=gbk" pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" href="module/base-info/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="module/base-info/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="module/base-info/js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="system/js/JsonTools.js"></script>
<script type="text/javascript" src="js/date/WdatePicker.js" defer="defer"></script>

<title>基站信息编辑</title>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 2px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.STYLE1 {color: #FF0000}

.selectWidth{width:135px}
#loading_div { position:absolute; left:0px; top:0px; width: 100%;
height: 100%; background-color:#f8fdff; filter:alpha(opacity=100); }
</style>
</head>
<body >
<div id="loading_div">
<div style="text-align:center;padding-top:200px">
<span style="font-family: 宋体; font-size:22px; color:red;">数据加载中...</span>
</div>
</div>
<!-- 引入头部  -->
  <jsp:include page="./edit_top1.jsp"></jsp:include>
      <div style="width:975px;margin:0 auto;"/>
<!-- Tabs -->
<div id="tabs" style="border:1px solid #ACD4EA;">
<ul style="border:1px solid #ACD4EA; background-color:none;">
<li><a href="#tabs-1">基础信息</a></li>
<li><a href="#tabs-2">主设备</a></li>
<li><a href="#tabs-3">传输</a></li>
<li><a href="#tabs-4">天馈、接地、铁塔</a></li>
<li><a href="#tabs-5">电源</a></li>
<li><a href="#tabs-6">空调</a></li>
<li><a href="#tabs-7">监控</a></li>
<li><a href="#tabs-8">灭火器</a></li>
<li><a href="#tabs-9">室分</a></li>
<li><a href="#tabs-10">RRU拉远</a></li>
<li><a href="#tabs-11">直放站</a></li>
<li><a href="#tabs-12">图片</a></li>
</ul>
<!-- 基础信息 -->
<div id="tabs-1">
<jsp:include page="jcxx.jsp"></jsp:include>
</div>
<!-- 主设备 -->
<div id="tabs-2">
<jsp:include page="zsb.jsp"></jsp:include>
</div>
<!-- 传输 -->
<div id="tabs-3">
    <jsp:include page="tran.jsp"></jsp:include>
</div>
<div id="tabs-4">
<jsp:include page="tkjdtt.jsp"></jsp:include>
</div>
<div id="tabs-5">
<jsp:include page="power.jsp"></jsp:include>
</div>
<!-- 空调 -->
<div id="tabs-6">
<jsp:include page="kt.jsp"></jsp:include>
</div>
<!-- 监控 -->
<div id="tabs-7">
<jsp:include page="jk.jsp"></jsp:include>
</div>
<!-- 灭火器 -->
<div id="tabs-8">
<jsp:include page="mhq.jsp"></jsp:include>
</div>
<!-- 室分 -->
<div id="tabs-9">
<jsp:include page="sf.jsp"></jsp:include>
</div>
<!-- RRU拉远 -->
<div id="tabs-10">
<jsp:include page="rru.jsp"></jsp:include>
</div>
<!-- 直放站 -->
<div id="tabs-11">
<jsp:include page="rpt.jsp"></jsp:include>
</div>
<!-- 图片 -->
<div id="tabs-12">
<jsp:include page="images.jsp"></jsp:include>
</div>
</div>
<script type="text/javascript">
$(function(){
  // Tabs
$('#tabs').tabs();

  });
  </script>
  <!-- 引入通用js -->
  <script type="text/javascript" src="module/base-info/js/common.js"></script>
  <!-- 引入基础信息js -->
  <script type="text/javascript" src="module/base-info/js/jcxx.js"></script>
  <!-- 引入主设备js -->
  <script type="text/javascript" src="module/base-info/js/zsb.js"></script>
  <!-- 引入电源js -->
  <script type="text/javascript" src="module/base-info/js/power.js"></script>
   <!-- 引入天馈,接地,铁塔js -->
  <script type="text/javascript" src="module/base-info/js/tkjdtt.js"></script>
  <!-- 引入传输JS -->
  <script type="text/javascript" src="module/base-info/js/tran.js"></script>
  <!-- 引入空调JS -->
  <script type="text/javascript" src="module/base-info/js/kt.js"></script>
  <!-- 引入监控JS -->
  <script type="text/javascript" src="module/base-info/js/jk.js"></script>
  <!-- 引入图片JS -->
  <script type="text/javascript" src="module/base-info/js/images.js"></script>  
   <!-- 引入直放站JS -->
  <script type="text/javascript" src="module/base-info/js/rpt.js"></script>    
  <!-- 引入灭火器JS -->
  <script type="text/javascript" src="module/base-info/js/mhq.js"></script> 
  <!-- 引入室分JS -->
  <script type="text/javascript" src="module/base-info/js/sf.js"></script>
  <!-- 引入RRU拉远JS -->
  <script type="text/javascript" src="module/base-info/js/rru.js"></script>
  <script type="text/javascript">
     document.onreadystatechange = function() {
if (document.readyState == "complete") {
document.getElementById("loading_div").style.display="none";
}
};

  </script>
</body>
</html>

猜你喜欢

转载自xiyuliuguang.iteye.com/blog/1870768
今日推荐