seeOldForm.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  8. <title>查看表单</title>
  9. <link href="${ pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  10. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  11. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  12. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  13. <script type="text/javascript" src="/shares/js/yw/bpm/form/form.js"></script>
  14. <script type="text/javascript" src="/shares/js/constant.js"></script>
  15. <script type="text/javascript" src="/shares/js/common.js"></script>
  16. <script type="text/javascript" src="/shares/js/yw/bpm/oa.js"></script>
  17. <script type="text/javascript" src="/shares/js/yw/bpm/promptDefine.js"></script>
  18. <script type="text/javascript">
  19. function setFrame() {
  20. var iformIns = document.getElementById("formIns");
  21. iformIns.height = "100px";
  22. iformIns.height = formIns.document.body.scrollHeight;
  23. }
  24. function changeVersion() {
  25. var formId = "${requestScope.formInfo.formId}";
  26. if(confirm('确定将表单版本切换为该版本?')){
  27. $('#changeButton').attr('disabled',"true");
  28. $('#closeButton').attr('disabled',"true");
  29. $.ajax({
  30. url : 'FormAction.do',
  31. async : true,
  32. type : "post",
  33. data : {"task": "changeVersion", "formId": formId},
  34. success : function(data) {
  35. if (data == "10010") {
  36. addError("切换失败!");
  37. $('#changeButton').removeAttr("disabled");
  38. $('#closeButton').removeAttr("disabled");
  39. } else if (data == "10011") {
  40. addInfo("切换成功!");
  41. window.parent.frames['${param.tabid }'].refreshWindow('${param.formId }','${param.dialogId }');
  42. //window.parent.frames['${param.tabid }'].closeODialog('${param.dialogId }');
  43. } else if (data == "10017") {
  44. addInfo("版本切换成功!部分动作无法关联,请检查后重新配置相关动作!");
  45. window.parent.frames['${param.tabid }'].refreshWindow('${param.formId }','${param.dialogId }');
  46. } else {
  47. addError(data);
  48. $('#changeButton').removeAttr("disabled");
  49. $('#closeButton').removeAttr("disabled");
  50. }
  51. },
  52. error : function() {
  53. alert("数据处理失败,请检查网络重新登录或联系管理员!");
  54. $('#changeButton').removeAttr("disabled");
  55. $('#closeButton').removeAttr("disabled");
  56. }
  57. });
  58. }
  59. }
  60. </script>
  61. </head>
  62. <body>
  63. <form action="FormAction.do" method="post" id="cform" name="cform">
  64. <div id="title" class="form-button" style="width: 100%;">
  65. <input type="button" onclick="changeVersion();" class="l-button" value="切换版本" id="changeButton" name="changeButton"/>
  66. <input onclick="window.parent.frames['${param.tabid }'].closeODialog('${param.dialogId }');" type="button" value="关闭" class="l-button" id="closeButton" name="closeButton">
  67. </div>
  68. <div class="container-layout">
  69. <div class="forum-container">
  70. <center>
  71. <table class="l-table-edit line" style="width: 100%;">
  72. <tr>
  73. <th colspan="2">查看表单</th>
  74. </tr>
  75. <tr>
  76. <td class="l-table-edit-text">表单名称 :</td>
  77. <td class="l-table-edit-td">
  78. ${requestScope.formInfo.formName }
  79. </td>
  80. </tr>
  81. <tr>
  82. <td class="l-table-edit-text">表单备注:</td>
  83. <td class="l-table-edit-td">
  84. ${requestScope.formInfo.remark }
  85. </td>
  86. </tr>
  87. <tr>
  88. <td class="l-table-edit-text">是否启用印章 :</td>
  89. <td class="l-table-edit-td">
  90. ${requestScope.formInfo.hasGen.dataName }
  91. </td>
  92. </tr>
  93. <tr>
  94. <td class="l-table-edit-text">该版本:</td>
  95. <td class="l-table-edit-td">${requestScope.formInfo.version }
  96. </td>
  97. </tr>
  98. <tr>
  99. <td class="l-table-edit-text">表单保存方式 :</td>
  100. <td class="l-table-edit-td">
  101. ${requestScope.formInfo.saveType.dataName}
  102. </td>
  103. </tr>
  104. </table>
  105. <input type="hidden" id="formId" name="formId" value="${requestScope.formInfo.formId }">
  106. <input type="hidden" id="formVid" name="formVid" value="${requestScope.formInfo.formVid }">
  107. <input type="hidden" id="isCreate" name="isCreate" value="${requestScope.formInfo.isCreate.value }">
  108. <input type="hidden" id="version" name="version" value="${requestScope.formInfo.version }">
  109. <input type="hidden" id="fileId" name="fileId" value="${requestScope.formInfo.fileId.universalid }">
  110. <input type="hidden" id="task" name="task" value="edit">
  111. <input type="hidden" id="dept" name="dept" value="${session.unit.id }">
  112. <input type="hidden" id="tabid" name="tabid" value="${param.tabid }">
  113. <input type="hidden" id="state" name="state" value="1">
  114. </center>
  115. </div>
  116. <div class="forum-container">
  117. <center>
  118. <table style="width: 100%;">
  119. <tbody>
  120. <tr>
  121. <th style="width: 15%; text-align: center;">字段名称</th>
  122. <th style="width: 15%; text-align: center;">字段标题</th>
  123. <th style="width: 20%; text-align: center;">展示内容</th>
  124. <th style="width: 15%; text-align: center;">字段类型</th>
  125. <!-- <th style="width: 20%; text-align: center;">默认值</th> -->
  126. <!-- <th style="width: 5%; text-align: center;">非空验证</th> -->
  127. <th style="width: 10%; text-align: center;">长度验证</th>
  128. </tr>
  129. </tbody>
  130. <tbody>
  131. <c:forEach items="${requestScope.formElementList }" var="formElement">
  132. <input name="elementId" value="${formElement.elementId }" type="hidden">
  133. <input name="tableField${formElement.elementId }" id="tableField${formElement.elementId }"
  134. value="${formElement.tableField }" type="hidden">
  135. <input name="elementCode${formElement.elementId }" id="elementCode${formElement.elementId }"
  136. value="${formElement.elementCode }" type="hidden">
  137. <tr style="height: ">
  138. <td style="text-align: center;">${formElement.elementCode }</td>
  139. <td style="text-align: center;">
  140. ${formElement.elementName }
  141. </td>
  142. <td style="text-align: center;">
  143. <select id="type${formElement.elementId }" name="type${formElement.elementId }" disabled="disabled">
  144. <c:forEach items="${requestScope.types }" var="type">
  145. <option value="${type.value }">${type.dataName }</option>
  146. </c:forEach>
  147. </select>&nbsp;&nbsp;
  148. <span id="xlkSpan${formElement.elementId }">
  149. <select name="xlk${formElement.elementId }" id="xlk${formElement.elementId }" disabled="disabled">
  150. <option value="">请选择</option>
  151. <c:forEach items="${requestScope.xlks }" var="xlk">
  152. <option value="${xlk.enumId }">${xlk.enumName }</option>
  153. </c:forEach>
  154. </select>
  155. </span>
  156. <span id="skjSpan${formElement.elementId }">
  157. <select name="skj${formElement.elementId }" id="skj${formElement.elementId }" disabled="disabled">
  158. <option value="">请选择</option>
  159. <c:forEach items="${requestScope.skjs }" var="skj">
  160. <option value="${skj.value }">${skj.dataName }</option>
  161. </c:forEach>
  162. </select>
  163. </span>
  164. <span id="pluginSpan${formElement.elementId }">
  165. <select name="plugin${formElement.elementId }" id="plugin${formElement.elementId }" disabled="disabled">
  166. <option value="">请选择</option>
  167. <c:forEach items="${requestScope.pluginInfos }" var="plugin">
  168. <option value="${plugin.pluginId }">${plugin.pluginName }</option>
  169. </c:forEach>
  170. </select>
  171. </span>
  172. <span id="dxkSpan${formElement.elementId }">
  173. <select name="dxk${formElement.elementId }" id="dxk${formElement.elementId }" disabled="disabled">
  174. <option value="">请选择</option>
  175. <c:forEach items="${requestScope.dxks }" var="dxk">
  176. <option value="${dxk.enumId }">${dxk.enumName }</option>
  177. </c:forEach>
  178. </select>
  179. </span>
  180. <span id="fxkSpan${formElement.elementId }">
  181. <select name="fxk${formElement.elementId }" id="fxk${formElement.elementId }" disabled="disabled">
  182. <option value="">请选择</option>
  183. <c:forEach items="${requestScope.fxks }" var="fxk">
  184. <option value="${fxk.enumId }">${fxk.enumName }</option>
  185. </c:forEach>
  186. </select>
  187. </span>
  188. <script type="text/javascript">
  189. $("#type${formElement.elementId }").val("${formElement.type.value }");
  190. if("${formElement.type.value }" != 2){
  191. $("#xlkSpan${formElement.elementId }").hide();
  192. } else {
  193. $("#xlk${formElement.elementId }").val("${formElement.typeDetail }");
  194. }
  195. if("${formElement.type.value }" != 7){
  196. $("#skjSpan${formElement.elementId }").hide();
  197. } else {
  198. $("#skj${formElement.elementId }").val("${formElement.typeDetail }");
  199. }
  200. if("${formElement.type.value }" != 11){
  201. $("#pluginSpan${formElement.elementId }").hide();
  202. } else {
  203. $("#plugin${formElement.elementId }").val("${formElement.typeDetail }");
  204. }
  205. if("${formElement.type.value }" != 4){
  206. $("#dxkSpan${formElement.elementId }").hide();
  207. } else {
  208. $("#dxk${formElement.elementId }").val("${formElement.typeDetail }");
  209. }
  210. if("${formElement.type.value }" != 5){
  211. $("#fxkSpan${formElement.elementId }").hide();
  212. } else {
  213. $("#fxk${formElement.elementId }").val("${formElement.typeDetail }");
  214. }
  215. $("#type${formElement.elementId }").change(function(){
  216. var value = $(this).val();
  217. if(value == 2){
  218. $("#xlkSpan${formElement.elementId }").show();
  219. } else {
  220. $("#xlkSpan${formElement.elementId }").hide();
  221. }
  222. if(value == 7){
  223. $("#skjSpan${formElement.elementId }").show();
  224. } else {
  225. $("#skjSpan${formElement.elementId }").hide();
  226. }
  227. if(value == 11){
  228. $("#pluginSpan${formElement.elementId }").show();
  229. } else {
  230. $("#pluginSpan${formElement.elementId }").hide();
  231. }
  232. if(value == 4){
  233. $("#dxkSpan${formElement.elementId }").show();
  234. } else {
  235. $("#dxkSpan${formElement.elementId }").hide();
  236. }
  237. if(value == 5){
  238. $("#fxkSpan${formElement.elementId }").show();
  239. } else {
  240. $("#fxkSpan${formElement.elementId }").hide();
  241. }
  242. });
  243. </script>
  244. </td>
  245. <td style="text-align: center;">
  246. <select id="fieldType${formElement.elementId }" name="fieldType${formElement.elementId }" disabled="disabled">
  247. <c:forEach items="${requestScope.fieldTypes }" var="fieldType">
  248. <option value="${fieldType.value }">${fieldType.dataName }</option>
  249. </c:forEach>
  250. </select>
  251. <script type="text/javascript">
  252. $("#fieldType${formElement.elementId }").val("${formElement.fieldType.value }");
  253. </script>
  254. </td>
  255. <td style="text-align: center;" >
  256. ${formElement.length }
  257. </td>
  258. <input type="hidden" name="elementId${formElement.elementId }"
  259. id="elementId${formElement.elementId }" value="${formElement.elementId }">
  260. </tr>
  261. </c:forEach>
  262. </tbody>
  263. </table>
  264. </center>
  265. </div>
  266. <div class="forum-container">
  267. <center>
  268. <table class="l-table-edit line" style="width: 100%;">
  269. <tr>
  270. <th>表单预览</th>
  271. </tr>
  272. </table>
  273. </center>
  274. <iframe width="100%" onload="setFrame();" id="formIns" name="formIns" frameborder="0" scrolling="no" style="width:100%;"
  275. src="bpmFormInstanceAction.do?task=previewIns&formId=${requestScope.formInfo.formId}&version=${requestScope.formInfo.version}" >
  276. </iframe>
  277. </div>
  278. </div>
  279. </form>
  280. <%@ include file="/include/message.jsp"%>
  281. </body>
  282. </html>