홈 탐색 도움말
로그인
wuhb
/
oa
1
0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
트리: 6f996a4380
브랜치 태그
oa
/
jsproot
/
yw
/
bpm
/
configuration
/
form
/
elementConfig.jsp

elementConfig.jsp 13 KB
히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261 
  1. <%@ page language="java" contentType="text/html; charset=gbk"
    2. 

  2.     pageEncoding="gbk"%>
    3. 

  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    4. 

  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
    5. 

  5. <!DOCTYPE html>
    6. 

  6. <html>
    7. 

  7. <head>
    8. 

  8. <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    9. 

  9. <meta name="renderer" content="ie-stand"> 
    10. 

  10. <meta http-equiv="X-UA-Compatible" content="IE=edge;">
    11. 

  11. <meta http-equiv="PRAGMA" content="no-cache">
    12. 

  12. <meta http-equiv="Cache-Control" content="no-cache">
    13. 

  13. <meta http-equiv="Expires" content="0">
    14. 

  14. <%@ include file="/yw/bpm/configuration/common.jsp"%> 
    15. 

  15. <link href="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/demo/css/screen.css" rel="stylesheet"></link>
    16. 

  16. <link href="${pageContext.request.contextPath }/yw/bpm/configuration/configuration.css" rel="stylesheet"></link>
    17. 

  17. <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/dist/jquery.validate.js"></script>
    18. 

  18. <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/localization/messages_zh.js"></script>
    19. 

  19. <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/esimakin-twbs-pagination/jquery.twbsPagination.js"></script>
    20. 

  20. <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/bootstrap-maxlength.js"></script>
    21. 

  21. <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/form/elementConfig.js"></script>
    22. 

  22. <title>流程列表</title>
    23. 

  23. <script type="text/javascript">
    24. 

  24. var contextPath = "${pageContext.request.contextPath }";
    25. 

  25. </script>
    26. 

  26. </head>
    27. 

  27. <body>
    28. 

  28. <!-- 头部导航区域 -->
    29. 

  29. <ul class="nav nav-pills nav-wizard navbar-fixed-top" id="header">
    30. 

  30.     <li class="active"><a href="#"  onclick="saveElements('toFormVersion','${requestScope.defFormId }');"><div class="badge badge-title">1</div>
    31. 

  31.         &nbsp;表&nbsp;单&nbsp;信&nbsp;息&nbsp;和&nbsp;版&nbsp;本&nbsp;&nbsp;</a><div class="nav-arrow"></div></li>
    32. 

  32.     <li class="active"><div class="nav-wedge"></div>
    33. 

  33.         <a href="#"><div class="badge badge-title badge-title-none">2</div>
    34. 

  34.         &nbsp;表&nbsp;单&nbsp;元&nbsp;素&nbsp;&nbsp;</a><div class="nav-arrow"></div></li>
    35. 

  35.     <li><div class="nav-wedge"></div>
    36. 

  36.         <a href="#"  onclick="saveElements('toFormFormula','${requestScope.defFormId }');"><div class="badge badge-title badge-title-none">3</div>
    37. 

  37.         &nbsp;公&nbsp;式&nbsp;管&nbsp;理&nbsp;&nbsp;</a><div class="nav-arrow"></div></li>
    38. 

  38.     <li><div class="nav-wedge"></div>
    39. 

  39.         <a href="#" onclick="saveElements('toFinish','${requestScope.defFormId }');"><div class="badge badge-title badge-title-none">4</div>
    40. 

  40.         &nbsp;完&nbsp;成&nbsp;&nbsp;</a></li>
    41. 

  41. </ul>
    42. 

  42. <!-- 头部导航区域 -->
    43. 

  43. <!-- 底部按钮区域 -->
    44. 

  44. <div class="navbar navbar-default navbar-fixed-top" id="footer">
    45. 

  45.     <div class="container-fluid text-right well well-sm">
    46. 

  46.         <button type="button" class="btn btn-info btn-sm" onclick="location.reload()">
    47. 

  47.             <span class="glyphicon glyphicon-refresh"></span>&nbsp;刷新</button>
    48. 

  48.         <button type="button" class="btn btn-default btn-sm" onclick="saveElements();">
    49. 

  49.             <span class="glyphicon glyphicon-floppy-disk"></span>&nbsp;保存</button>
    50. 

  50.         <button type="button" class="btn btn-primary btn-sm" onclick="saveElements('back','${requestScope.defFormId }');">
    51. 

  51.             <span class="glyphicon glyphicon-chevron-left"></span>&nbsp;上一步</button>
    52. 

  52.         <button type="button" class="btn btn-primary btn-sm" onclick="saveElements('next','${requestScope.defFormId }');">
    53. 

  53.             <span class="glyphicon glyphicon-chevron-right"></span>&nbsp;下一步</button>
    54. 

  54.     </div>
    55. 

  55. </div>  
    56. 

  56. <!-- 表单版本列表 -->
    57. 

  57. <form action="" id="iform" class="form-horizontal">
    58. 

  58. <div class="container-fluid" style="padding:65px 50px 30px 60px;"> 
    59. 

  59.     <table class="table table-hover">
    60. 

  60.       <thead>
    61. 

  61.         <tr>
    62. 

  62.           <th style="width: 20%;">元素名称</th>
    63. 

  63.           <th style="width: 20%;">手机端标题
    64. 

  64.           </th>
    65. 

  65.           <th style="width: 30%;">内容
    66. 

  66.           </th>
    67. 

  67.           <th style="width: 20%;">类型
    68. 

  68.           </th>
    69. 

  69.           <th style="width: 10%;">长度
    70. 

  70.           </th>
    71. 

  71.         </tr>
    72. 

  72.       </thead>
    73. 

  73.       <tbody id="elementTbody">
    74. 

  74.     	  <c:forEach items="${requestScope.formElementList }" var="formElement">
    75. 

  75. 					<input name="elementId" value="${formElement.elementId }" type="hidden">
    76. 

  76. 					<input name="tableField${formElement.elementId }" id="tableField${formElement.elementId }" 
    77. 

  77. 						value="${formElement.tableField }" type="hidden">
    78. 

  78. 					<input name="elementCode${formElement.elementId }" id="elementCode${formElement.elementId }" 
    79. 

  79. 								value="${formElement.elementCode }" type="hidden">
    80. 

  80. 					<tr>
    81. 

  81. 						<td style="width: 20%;">${formElement.elementCode }</td>
    82. 

  82. 						<td style="width: 20%;">
    83. 

  83. 							<input name="elementName${formElement.elementId }" id="elementName${formElement.elementId }" 
    84. 

  84. 								value="${formElement.elementName }" type="text" class="form-control" required>
    85. 

  85. 						</td>
    86. 

  86. 						<td style="width: 30%;">
    87. 

  87. 							<select id="type${formElement.elementId }" name="type${formElement.elementId }"  class="form-control">
    88. 

  88. 								<c:forEach items="${requestScope.types }" var="type">
    89. 

  89. 									<option value="${type.value }">${type.dataName }</option>
    90. 

  90. 								</c:forEach>
    91. 

  91. 							</select>
    92. 

  92. 							<span id="xlkSpan${formElement.elementId }">
    93. 

  93. 								<select name="xlk${formElement.elementId }" id="xlk${formElement.elementId }"  class="form-control" required>
    94. 

  94. 									<option value="">请选择</option>
    95. 

  95. 									<c:forEach items="${requestScope.xlks }" var="xlk">
    96. 

  96. 										<option value="${xlk.enumId }">${xlk.enumName }</option>
    97. 

  97. 									</c:forEach>
    98. 

  98. 								</select>
    99. 

  99. 							</span>
    100. 

  100. 							<span id="skjSpan${formElement.elementId }">
    101. 

  101. 								<select name="skj${formElement.elementId }" id="skj${formElement.elementId }"  class="form-control" required>
    102. 

  102. 									<option value="">请选择</option>
    103. 

  103. 									<c:forEach items="${requestScope.skjs }" var="skj">
    104. 

  104. 										<option value="${skj.value }">${skj.dataName }</option>
    105. 

  105. 									</c:forEach>
    106. 

  106. 								</select>
    107. 

  107. 							</span>
    108. 

  108. 							<span id="pluginSpan${formElement.elementId }">
    109. 

  109. 								<select name="plugin${formElement.elementId }" id="plugin${formElement.elementId }"  class="form-control" required>
    110. 

  110. 									<option value="">请选择</option>
    111. 

  111. 									<c:forEach items="${requestScope.pluginInfos }" var="plugin">
    112. 

  112. 										<option value="${plugin.pluginId }">${plugin.pluginName }</option>
    113. 

  113. 									</c:forEach>
    114. 

  114. 								</select>
    115. 

  115. 							</span>
    116. 

  116. 							<span id="dxkSpan${formElement.elementId }">
    117. 

  117. 								<select name="dxk${formElement.elementId }" id="dxk${formElement.elementId }"  class="form-control" required>
    118. 

  118. 									<option value="">请选择</option>
    119. 

  119. 									<c:forEach items="${requestScope.dxks }" var="dxk">
    120. 

  120. 										<option value="${dxk.enumId }">${dxk.enumName }</option>
    121. 

  121. 									</c:forEach>
    122. 

  122. 								</select>
    123. 

  123. 							</span>
    124. 

  124. 							<span id="fxkSpan${formElement.elementId }">
    125. 

  125. 								<select name="fxk${formElement.elementId }" id="fxk${formElement.elementId }"  class="form-control" required>
    126. 

  126. 									<option value="">请选择</option>
    127. 

  127. 									<c:forEach items="${requestScope.fxks }" var="fxk">
    128. 

  128. 										<option value="${fxk.enumId }">${fxk.enumName }</option>
    129. 

  129. 									</c:forEach>
    130. 

  130. 								</select>
    131. 

  131. 							</span> 
    132. 

  132. 							<span id="formElementSpan${formElement.elementId }">
    133. 

  133. 							配置显示字段和查询条件:<br>
    134. 

  134. 								<c:forEach items="${requestScope.formElementList4record }" var="elemen">
    135. 

  135. <!-- 									过滤特殊控件:13网络签名,10软航印章控件,18表单记录控件 -->
    136. 

  136. 									<c:choose>
    137. 

  137. 										<c:when test="${13 == elemen.type.value}"></c:when>
    138. 

  138. 										<c:when test="${10 == elemen.type.value}"></c:when>
    139. 

  139. 										<c:when test="${18 == elemen.type.value}"></c:when>
    140. 

  140. 										<c:otherwise>
    141. 

  141. 											<input type="checkbox" <c:if test="${fn:contains(formElement.typeDetail, elemen.elementId)}">checked="checked"</c:if> name="formElement${formElement.elementId }" id="formElement${elemen.elementId }" value="${elemen.elementId }" />显示
    142. 

  142. 											<input type="checkbox" <c:if test="${fn:contains(formElement.searchFiled, elemen.elementId)}">checked="checked"</c:if> name="searchElement${formElement.elementId }" id="searchElement${elemen.elementId }" value="${elemen.elementId }" />查询
    143. 

  143. 											 ${elemen.elementName }
    144. 

  144. 											 <br>
    145. 

  145. 										</c:otherwise>
    146. 

  146. 									</c:choose>
    147. 

  147. 								</c:forEach>
    148. 

  148. 								统计字段:
    149. 

  149. 								<select name="sumElement${formElement.elementId }" id="sumElement${formElement.elementId }"  class="form-control">
    150. 

  150. 									<option value="">请选择</option>
    151. 

  151. 									<c:forEach items="${requestScope.formElementList4record }" var="elemen">
    152. 

  152. 										<c:choose>
    153. 

  153. 											<c:when test="${13 == elemen.type.value}"></c:when>
    154. 

  154. 											<c:when test="${10 == elemen.type.value}"></c:when>
    155. 

  155. 											<c:when test="${18 == elemen.type.value}"></c:when>
    156. 

  156. 											<c:otherwise>
    157. 

  157. 												<option value="${elemen.tableField }">${elemen.elementName }</option>
    158. 

  158. 											</c:otherwise>
    159. 

  159. 										</c:choose>
    160. 

  160. 									</c:forEach>
    161. 

  161. 								</select>
    162. 

  162. 							</span> 
    163. 

  163. 							<script type="text/javascript">
    164. 

  164. 								
    165. 

  165. 								$("#type${formElement.elementId }").val("${formElement.type.value }");
    166. 

  166. 								if("${formElement.type.value }" != 2){//下拉框
    167. 

  167. 									$("#xlkSpan${formElement.elementId }").hide();
    168. 

  168. 								} else {
    169. 

  169. 									$("#xlk${formElement.elementId }").val("${formElement.typeDetail }");
    170. 

  170. 								}
    171. 

  171. 								if("${formElement.type.value }" != 7){//树控件
    172. 

  172. 									$("#skjSpan${formElement.elementId }").hide();
    173. 

  173. 								} else {
    174. 

  174. 									$("#skj${formElement.elementId }").val("${formElement.typeDetail }");
    175. 

  175. 								}
    176. 

  176. 								if("${formElement.type.value }" != 11){//自定义控件
    177. 

  177. 									$("#pluginSpan${formElement.elementId }").hide();
    178. 

  178. 								} else {
    179. 

  179. 									$("#plugin${formElement.elementId }").val("${formElement.typeDetail }");
    180. 

  180. 								}
    181. 

  181. 								if("${formElement.type.value }" != 4){//单选按钮
    182. 

  182. 									$("#dxkSpan${formElement.elementId }").hide();
    183. 

  183. 								} else {
    184. 

  184. 									$("#dxk${formElement.elementId }").val("${formElement.typeDetail }");
    185. 

  185. 								}
    186. 

  186. 								if("${formElement.type.value }" != 5){//复选框
    187. 

  187. 									$("#fxkSpan${formElement.elementId }").hide();
    188. 

  188. 								} else {
    189. 

  189. 									$("#fxk${formElement.elementId }").val("${formElement.typeDetail }");
    190. 

  190. 								} 
    191. 

  191. 								if("${formElement.type.value }" != 18){//表单字段
    192. 

  192. 									$("#formElementSpan${formElement.elementId }").hide();
    193. 

  193. 								} else {
    194. 

  194. 									$("#sumElement${formElement.elementId }").val("${formElement.sumField }");
    195. 

  195. 								} 
    196. 

  196. 								$("#type${formElement.elementId }").change(function(){
    197. 

  197. 									var value = $(this).val();
    198. 

  198. 									if(value == 2){
    199. 

  199. 										$("#xlkSpan${formElement.elementId }").show();
    200. 

  200. 									} else {
    201. 

  201. 										$("#xlkSpan${formElement.elementId }").hide();
    202. 

  202. 									}
    203. 

  203. 									if(value == 7){
    204. 

  204. 										$("#skjSpan${formElement.elementId }").show();
    205. 

  205. 									} else {
    206. 

  206. 										$("#skjSpan${formElement.elementId }").hide();
    207. 

  207. 									}
    208. 

  208. 									if(value == 11){
    209. 

  209. 										$("#pluginSpan${formElement.elementId }").show();
    210. 

  210. 									} else {
    211. 

  211. 										$("#pluginSpan${formElement.elementId }").hide();
    212. 

  212. 									}
    213. 

  213. 									if(value == 4){
    214. 

  214. 										$("#dxkSpan${formElement.elementId }").show();
    215. 

  215. 									} else {
    216. 

  216. 										$("#dxkSpan${formElement.elementId }").hide();
    217. 

  217. 									}
    218. 

  218. 									if(value == 5){
    219. 

  219. 										$("#fxkSpan${formElement.elementId }").show();
    220. 

  220. 									} else {
    221. 

  221. 										$("#fxkSpan${formElement.elementId }").hide();
    222. 

  222. 									} 
    223. 

  223. 									if(value == 18){
    224. 

  224. 										$("#formElementSpan${formElement.elementId }").show();
    225. 

  225. 									} else {
    226. 

  226. 										$("#formElementSpan${formElement.elementId }").hide();
    227. 

  227. 									} 
    228. 

  228. 								});
    229. 

  229. 								
    230. 

  230. 							</script>
    231. 

  231. 						</td>
    232. 

  232. 						<td style="width: 20%;">
    233. 

  233. 							<select id="fieldType${formElement.elementId }" name="fieldType${formElement.elementId }"  class="form-control">
    234. 

  234. 								<c:forEach items="${requestScope.fieldTypes }" var="fieldType">
    235. 

  235. 									<option value="${fieldType.value }">${fieldType.dataName }</option>
    236. 

  236. 								</c:forEach>
    237. 

  237. 							</select>
    238. 

  238. 							<script type="text/javascript">
    239. 

  239. 								$("#fieldType${formElement.elementId }").val("${formElement.fieldType.value }");
    240. 

  240. 							</script>
    241. 

  241. 						</td>
    242. 

  242. 						<td style="width: 10%;" >
    243. 

  243. 							<input  class="form-control" type="text" name="long${formElement.elementId }" id="long${formElement.elementId }" value="${formElement.length }" required>
    244. 

  244. 						</td>
    245. 

  245. 							<input type="hidden" name="elementId${formElement.elementId }" 
    246. 

  246. 								id="elementId${formElement.elementId }" value="${formElement.elementId }">
    247. 

  247. 					</tr>
    248. 

  248. 				</c:forEach>
    249. 

  249.       </tbody>
    250. 

  250.     
    251. 

  251.     </table>
    252. 

  252. </div>
    253. 

  253. <div class="text-center">
    254. 

  254. 	<div class="pagination"></div>
    255. 

  255. </div>
    256. 

  256. <input type="hidden" id="formVid" name="formVid" value="">
    257. 

  257. <input type="hidden" id="formId" name="formId" value="${requestScope.formId }">
    258. 

  258. </form>
    259. 

  259. <!-- 表单版本列表 -->
    260. 

  260. </body>
    261. 

  261. </html>
    262.