<%@ page contentType="text/html; charset=utf-8" language="java"%>
<%@ taglib uri="/WEB-INF/taglib.tld" prefix="x"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<head>
<style type="text/css">
		@charset "utf-8";
		/* CSS Document */
		*{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
		body{font-family:"宋体","Arial";font-size:12px;background:#fff;min-width:800px;}
		img{border:0px;behavior:url("css/pngbehavior.htc");display:inline;}
		ul,li{list-style:none;}
		a{text-decoration:none;color:#555;}
		/**tabs**/
		.tabPanel ul{height:30px;border-bottom:1px solid #aaa;}
		.tabPanel ul li{
			float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:15px;height:29px;line-height:30px;width:111px;text-align:center;cursor:pointer;
			text-shadow:0 1px 0 #fff;
			border-radius:4px 4px 0 0;
			box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
			background:#ddd;
			background:-moz-linear-gradient(top, #eee, #ddd);
			background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
		}
		.tabPanel .hit{
			border-bottom:2px solid #fff;cursor:pointer;color:gray;text-shadow:0 2px 0 #fff;
			background:#fff;
			background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff));
			background:-moz-linear-gradient(top, #e1e1e1, #fff);
		}
		.pane{border:0px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;}
		.pane p{padding:15px 15px 0 10px;}
		.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}
		.clear{ clear:both;}
		.button{
			display: inline-block;
			padding: .3em .5em;
			border-radius: .3em;
			box-shadow: 0 1px white inset;
			text-align: center;
			text-shadow: 0 1px 1px black;
			font-family:Microsoft YaHei;
			font-weight:bolder;
			font-size: 14px;
			color:whitesmoke;
			background: #00a6c8;
		}
	</style>
<script src='<c:url value="/formdesign/forms/syfFormsFunction.js"/>' type="text/javascript"></script>
<script>
$(function(){
      $('.tabPanel ul li').click(function(){
          $(this).addClass('hit').siblings().removeClass('hit');
          $('.panes>div:eq('+$(this).index()+')').show().siblings().hide();
      })
  })
  </script>
</head>
<form class="hg-form" method="post" action="" id="syfFormsForm">
	  <x:hidden name="id" />
	  <x:hidden name="formId" />
  <div class="hg-form-row">
    <x:inputC name="formNo"  label="表单编号" maxLength="20" labelCol="2" fieldCol="2" required="true"  readonly="true"/>
    <x:inputC name="formName"  label="表单名称" maxLength="20" labelCol="2" fieldCol="2" required="true" readonly="true"/>
  
  </div>
      
     <div class="blank_div clearfix"></div>
	  <div id="tabPage">
		   <div class="tabPanel">
		   		<ul>
		   			<li class="hit" divid="dli_unit"><c:out value="列表功能按钮"/></li>
		   			<li divid="dli_listing"><c:out value="列表显示字段"/></li>
		   			<li divid="dli_search"><c:out value="查询条件字段"/></li>
		   			<li divid="dli_permission"><c:out value="数据权限配置"/></li>
		   			<li divid="dli_audit"><c:out value="流程审批规则"/></li>
		   		</ul>			   				   
			   <div  class="panes">
				   <div class="pane" style="display:block;">
				   	<div class="layout">
				   		<div id="dli_unit"  style="margin: 0px;overflow:hidden"></div>
				   	</div>				   				   		
				   </div>
				   <div class="pane">
				   	 <div class="layout">
				   	  	<div id="dli_listing"  style="margin: 0px;overflow:hidden"></div>	
				   	 </div>				    	  
				   </div>
				    <div class="pane">
				   	 <div class="layout">
				   	  	<div id="dli_search"  style="margin: 0px;overflow:hidden"></div>	
				   	 </div>				    	  
				   </div>
				   <div class="pane">
				   	 <div class="layout">
				   	  	<div id="dli_permission"  style="margin: 0px;overflow:hidden"></div>	
				   	 </div>				    	  
				   </div>
				     <div class="pane">
				   	 <div class="layout">
				   	  	<div id="dli_audit"  style="margin: 0px;overflow:hidden"></div>	
				   	 </div>				    	  
				   </div>
			   </div>
		   </div>
     </div>
     
  </div>
</form>

