<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
<head>  
<meta charset="utf-8"> 
 
    <title>WEB表单设计器 </title>
      
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="leipi.org">
    <link href="${pageContext.request.contextPath}/formdesign/resource/css/bootstrap/css/bootstrap.css?2023" rel="stylesheet" type="text/css" />
 
    <link href="${pageContext.request.contextPath}/formdesign/resource/css/site.css?2023" rel="stylesheet" type="text/css" />
 	  <style>
 	  .left {
        float: left;
        border:1px solid #999;
        width: 200px;
        height: 100%;
        background-color: white;
      }
       .right {
        position:absolute;
        margin-left: 4px;
        background-color: white;
     }
    
 	  </style>
      <!-- script src='<c:url value="/javaScript/common.js"/>' type="text/javascript"></script>
      <script src='<c:url value="/lib/jquery/jquery.utils.js"/>' type="text/javascript"></script>
      <script src='<c:url value="/lib/jquery/jquery.tip.js"/>' type="text/javascript"></script-->
 </head>
<body>

 

<div class="container" >
<form method="post" id="saveform" name="saveform" action="./save">
<input type="hidden" name="fields" id="fields" value="0">
<input type="hidden" name="formeditor" id="formeditor">
<input type="hidden" name="data" id="data">
<input type="hidden" name="formNo" id="formNo" value="${formNo}">
<input type="hidden" name="type" id="type"   value='1'>
<div class="row">
  &nbsp;
</div>
<div class="row" style="border:1px solid #999;width:104%;align:center"> 
  <p style="margin-left:20px;"> <font size="20px">表单名称: </font><input type="text" id="form_name" name="form_name" value="${form_name }" readonly="true" style="margin-top: 10px;">
              数据模型: <input type="text" id="table_name" name="table_name" value="${table_name }" readonly="true" style= "width:320px;margin-top:10px;">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      	<button type="button" id="save" class="btn btn-info" style="align:right">保存</button>
   </p>
</div>

<div class="alert" style="margin-left:-20px;border:1px solid #999;width:104%;">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>提醒：</strong>单选框和复选框，如：<code>{|-</code>选项<code>-|}</code>两边边界是防止误删除控件，请不要手动删除！
</div>


<div  class="row">
 <div class="left"> <!-- span2 -->
  <ul class="nav nav-list" >
    <li class="nav-header">表单元素</li>
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('text');" class="btn btn-link">文本框<input name="leipiNewField" type="text" style="height:6px;width:20px;margin-top:10px" placeholder="" title="文本框" value="" class="leipiplugins" leipiplugins="text"/></a></li>
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('textarea');" class="btn btn-link">多行文本 <textarea title="多行文本" name="leipiNewField" class="leipiplugins" style="height:6px;width:20px;margin-top:10px" leipiplugins="textarea"/> </textarea></a></li>
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('select');" class="btn btn-link">下拉选择框<select name="leipiNewField" title="下拉菜单" class="leipiplugins" style="height:16px;width:30px;margin-top:10px" leipiplugins="select">
      <option></option></select></a></li>
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('radios');" class="btn btn-link">单选框{|-<span leipiplugins="radios" title="" name="" url="" url_title_field="" url_value_field="" value_type="mine"
      orgchecked="orgchecked0"><input type="radio" name="leipiNewField" title="单选框" value="选项1" ></span>-|}</a></li>
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-link">复选框{|-<span leipiplugins="checkboxs" name="sex" title="性别" notnull="0" url="" url_title_field="" url_value_field="" 
    value_type="mine"><input type="checkbox" name="leipiNewField" title="" value="选项1"></span>-|}</a></li> 
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('datepicker');" class="btn btn-link">日期选择框
    <!--input type="text" title="日期" name="leipiNewField" leipiplugins="datepicker" style="height:6px;width:20px;margin-top:10px"  notnull="0" now="1"/-->
    </a></li> 
    <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-link">列表控件
      <input name="file" leipiplugins="listctrl" type="text" value="{列表}" readonly="readonly" style="height:10px;width:33px;margin-top:10px" title="" orgtitle="" orgkey="name`" orgcoltype="text`" orgunit="" orgsum="" notnull="0`" orgcolvalue="" orgwidth="100%" style="width: 100%;">
    </a></li> 
    <li>&nbsp;</li> 
    <li>&nbsp;</li>
    <li>&nbsp;</li>
    <li>&nbsp;</li>
  </ul>

</div>
<!-- span10 -->
<di class="right">
<script>
   var fieldLists = ${fieldLists}; 
   var strHtml='';
   var formNo='${formNo}'; 
 /*  $.each(fieldLists,function(infoIndex,info){
       strHtml += info["fieldName"];
       strHtml += info["fieldCode"];
     })*/
     // alert(strHtml+formNo);
</script>
<script id="myFormDesign" type="text/plain" style="width:94%;">
	 ${form_template }
</script>
</div>
 
</div><!--end row-->

</form>
<!-- 
	<div align="center" >
		<button type="button" id="preview" class="btn btn-info">预览</button>
    	<button type="button" id="save" class="btn btn-info">保存</button>
	</div>
 -->

</div><!--end container-->
 
<!-- script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/jquery-1.7.2.min.js?2023"></script-->

<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/ueditor/ueditor.config.js?2023"></script>
<!-- script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/ueditor/ueditor.all.min.js?2023"> </script  lxh 04.19-->
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/ueditor/ueditor.all.js?2023"> </script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/ueditor/lang/zh-cn/zh-cn.js?2023"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/formdesign/resource/js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script>
<!-- script start-->  

<script src='<c:url value="/formdesign/forms/form_edit.js"/>'  type="text/javascript"></script>
 
 
</body>
</html>