commonForm.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  1. <!--
  2. 使用说明:
  3. 路径:/jsps/mobile/commonForm/commonForm.jsp
  4. 参数:[例]?caller=Purchase&formCondition=pu_idIS50692311&gridCondition=pd_puidIS50692311&_readOnly=true
  5. 参数说明: caller = 要显示页面的caller
  6. formCondition = form条件,IS代替=
  7. gridCondition = grid条件,IS代替=,只支持单grid
  8. _readOnly = true(可选,页面模式为只读模式,无按钮,不可输入操作)
  9. 更新时间:suntg 2015年9月11日16:50:09
  10. -->
  11. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15. <meta charset="utf-8" />
  16. <meta name="viewport"
  17. content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width">
  18. <meta http-equiv="Cache-Control" content="no-siteapp" />
  19. <meta name="description"
  20. content="USOFTCHINA.COM,ERP,SCM,CRM,MRP,企业管理,优软" />
  21. <meta name="keywords" content="USOFTCHINA.COM,ERP,SCM,CRM,MRP,企业管理,优软" />
  22. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  23. <%
  24. String basePath = request.getScheme() + "://"
  25. + request.getServerName() + ":" + request.getServerPort()
  26. + request.getContextPath() + "/";
  27. %>
  28. <link href="<%=basePath%>resource/bootstrap/bootstrap.min.css"bootstrap
  29. rel="stylesheet">
  30. <link href="http://cdn.bootcss.com/bootstrap-datetimepicker/3.1.3/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
  31. <base href="<%=basePath%>jsps/mobile/" />
  32. <link rel="stylesheet" href="commonForm/commonForm.css" type="text/css" />
  33. <title></title>
  34. <script type="text/javascript">
  35. var username = '<%=session.getAttribute("em_name")%>';
  36. var em_code = '<%=session.getAttribute("em_code")%>';
  37. var em_depart ='<%=session.getAttribute("em_depart")%>';
  38. var master = '<%=session.getAttribute("master")%>';
  39. var basePath = (function() {
  40. var fullPath = window.document.location.href;
  41. var path = window.document.location.pathname;
  42. var subpos = fullPath.indexOf('//');
  43. var subpath = subpos > -1 ? fullPath.substring(0, subpos + 2) : '';
  44. if (subpos > -1)
  45. fullPath = fullPath.substring(subpos + 2);
  46. var pos = fullPath.indexOf(path), sname = path.substring(0, path.substr(1).indexOf('/') + 1);
  47. return subpath + fullPath.substring(0, pos) + (sname == '/ERP' ? '/ERP/' : '/');
  48. })();
  49. </script>
  50. </head>
  51. <body>
  52. <!-- top start -->
  53. <!-- <div id="top" class="container">
  54. <div class="top-sysname">
  55. <a href="<%=basePath%>"><span>UAS管理系统</span></a>
  56. </div>
  57. <div class="top-sysrelation">
  58. <span class="glyphicon glyphicon-user"></span>&nbsp;<span id="username">管理员</span>&nbsp;|&nbsp;
  59. <a href="<%=basePath%>"><span class="glyphicon glyphicon-home">
  60. </span>&nbsp;<span>首页</span>
  61. </a>
  62. </div>
  63. </div> -->
  64. <!-- top end -->
  65. <!-- main start -->
  66. <div id="mian" class="container">
  67. <div id="title">
  68. <span class="glyphicon glyphicon-pencil"></span>&nbsp;<span id="handler_name"></span>
  69. </div>
  70. <!-- 基本信息 start -->
  71. <div class="baseinfo-title" name="base_title">
  72. <span class="glyphicon glyphicon-tasks"></span><span>&nbsp;基本信息</span>
  73. </div>
  74. <div id="baseinfo" name="baseinfo">
  75. <form class="form-horizontal">
  76. <!-- <div>
  77. <div class="control-group">
  78. <div class="fieldlabel">
  79. <label class="control-label text-right" for="vr_code">单据编号:</label>
  80. </div>
  81. <div class="field">
  82. <input type="text" id="vr_code" name="vr_code" class="form-control">
  83. </div>
  84. <div class="fieldremark">
  85. </div>
  86. </div>
  87. </div> -->
  88. </form>
  89. <div class="spread-baseinfo text-center">
  90. 展开查看主表信息<span class="glyphicon glyphicon-share-alt"></span>
  91. </div>
  92. </div>
  93. <!-- 基本信息end -->
  94. <!-- 明细 start -->
  95. <div id="details" name="details" class="hidden">
  96. <div class="de-title" name="detail_title">
  97. <span>&nbsp;明细信息</span>
  98. </div>
  99. <div id="de-form">
  100. <form class="form-horizontal">
  101. </form>
  102. </div>
  103. <div class="de-body">
  104. <div class="text-center add-detail">
  105. <div id="add-detail">添加明细行</div>
  106. <div id="detail-handlers">
  107. <div class="btn-group btn-group-xs btn-group-justified">
  108. <div class="btn-group">
  109. <button id="de-delete" type="button" disabled class="btn btn-default line">
  110. <span class="glyphicon glyphicon-trash"></span>&nbsp;删除
  111. </button>
  112. </div>
  113. <div class="btn-group">
  114. <button id="de-modify" type="button" disabled class="btn btn-default text-success line">
  115. <span class="glyphicon glyphicon-edit"></span>&nbsp;修改
  116. </button>
  117. </div>
  118. <div class="btn-group">
  119. <button id="de-add" type="button" class="btn btn-default text-success line">
  120. <span class="glyphicon glyphicon-check"></span>&nbsp;添加
  121. </button>
  122. </div>
  123. <div class="btn-group">
  124. <button id="de-cancle" type="button" class="btn btn-default text-danger line">
  125. <span class="glyphicon glyphicon-collapse-up"></span>&nbsp;取消
  126. </button>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div id="de-content">
  132. <!-- <div class="detail-sub">
  133. <div class="sub-order"><span class="number">1</span></div>基于 Bootstrap 的衍生品也逐渐多了起来,就连WordPress插件都有专门基于Bootstrap样式的。倡萌最近发现国人搭建的 Bootstrap中文网 -- www.bootcss.com ,对Bootstrap的文档进行了翻译整理,方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。
  134. </div>
  135. <div class="detail-sub">
  136. <div class="sub-order"><span class="number">2</span></div><span class="sub-delete"><span class="glyphicon glyphicon-remove"></span></span>基于 Bootstrap 的衍生品也逐渐多了起来,就连WordPress插件都有专门基于Bootstrap样式的。倡萌最近发现国人搭建的 Bootstrap中文网 -- www.bootcss.com ,对Bootstrap的文档进行了翻译整理,方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。
  137. </div>
  138. <div class="detail-sub">
  139. <div class="sub-order"><span class="number">3</span></div><span class="sub-delete"><span class="glyphicon glyphicon-remove"></span></span>基于 Bootstrap 的衍生品也逐渐多了起来,就连WordPress插件都有专门基于Bootstrap样式的。倡萌最近发现国人搭建的 Bootstrap中文网 -- www.bootcss.com ,对Bootstrap的文档进行了翻译整理,方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。
  140. </div> -->
  141. </div>
  142. </div>
  143. </div>
  144. <!-- 明细 end -->
  145. <!-- 按钮组 start-->
  146. <div id="buttons">
  147. <div class="btn-group btn-group-xs btn-group-justified">
  148. <div class="btn-group">
  149. <button id="erpSaveButton" type="button" class="btn btn-success line"
  150. id="erpSaveButton">
  151. <span class="glyphicon glyphicon-ok-circle"></span>&nbsp;保存
  152. </button>
  153. </div>
  154. </div>
  155. <div class="btn-group btn-group-xs btn-group-justified">
  156. <div class="btn-group">
  157. <button id="erpDeleteButton" type="button"
  158. class="btn btn-default line text-error">
  159. <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;删除
  160. </button>
  161. </div>
  162. <div class="btn-group">
  163. <button id="erpUpdateButton" type="button" class="btn btn-default line">
  164. <span class="glyphicon glyphicon-refresh"></span>&nbsp;更新
  165. </button>
  166. </div>
  167. <div class="btn-group">
  168. <button id="erpAddButton" type="button" class="btn btn-default line">
  169. <span class="glyphicon glyphicon-plus-sign"></span>&nbsp;新增
  170. </button>
  171. </div>
  172. </div>
  173. <div class="btn-group btn-group-xs btn-group-justified">
  174. <div class="btn-group">
  175. <button id="erpSubmitButton" type="button" class="btn btn-default line">
  176. <span class="glyphicon glyphicon-floppy-saved"></span>&nbsp;提交
  177. </button>
  178. </div>
  179. <div class="btn-group">
  180. <button id="erpResSubmitButton" type="button" class="btn btn-default line text-danger">
  181. <span class="glyphicon glyphicon-floppy-remove"></span>&nbsp;反提交
  182. </button>
  183. </div>
  184. <div class="btn-group">
  185. <button id="erpAuditButton" type="button" class="btn btn-default line">
  186. <span class="glyphicon glyphicon-hand-up"></span>&nbsp;审核
  187. </button>
  188. </div>
  189. <div class="btn-group">
  190. <button id="erpResAuditButton" type="button" class="btn btn-default line">
  191. <span class="glyphicon glyphicon-hand-down"></span>&nbsp;反审核
  192. </button>
  193. </div>
  194. <div class="btn-group">
  195. <button id="erpEndButton" type="button" class="btn btn-default line">
  196. <span class="glyphicon glyphicon-pause"></span>&nbsp;结案
  197. </button>
  198. </div>
  199. <div class="btn-group">
  200. <button id="erpResEndButton" type="button" class="btn btn-default line">
  201. <span class="glyphicon glyphicon-play"></span>&nbsp;反结案
  202. </button>
  203. </div>
  204. <div class="btn-group">
  205. <button id="erpBannedButton" type="button" class="btn btn-default line">
  206. <span class="glyphicon glyphicon-eye-close"></span>&nbsp;禁用
  207. </button>
  208. </div>
  209. <div class="btn-group">
  210. <button id="erpResBannedButton" type="button" class="btn btn-default line">
  211. <span class="glyphicon glyphicon-eye-open"></span>&nbsp;反禁用
  212. </button>
  213. </div>
  214. </div>
  215. </div>
  216. <!-- 按扭组 end -->
  217. </div>
  218. <!-- main end -->
  219. <!-- footer start -->
  220. <div id="footer" class="container text-center">
  221. <div>深圳市优软科技有限公司</div>
  222. <div>Copyright @ 2012 All Rights Reserved</div>
  223. </div>
  224. <!-- footer end -->
  225. <!-- modal -->
  226. <div class="modal-backdrop in" style="z-index: 9998; display: none"></div>
  227. <div class="modal in" id="dialog" style="z-index: 9999; display: none">
  228. <div class="modal-dialog modal-sm" style="height:100%; padding-top:10%;">
  229. <div class="modal-content">
  230. <div class="modal-header text-center">
  231. <strong class="modal-title text-lg"></strong>
  232. <!-- <button type="button" class="pull-right btn btn-xs btn-default"
  233. onclick="closePage()">直接退出</button> -->
  234. </div>
  235. <div class="modal-body text-center"></div>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- loading -->
  240. <div class="loading-container" style="display:none;">请稍等...</div>
  241. <!-- DbFind 模态框 start -->
  242. <div class="modal" id="dbFindModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  243. <div class="modal-dialog">
  244. <div class="modal-content">
  245. <div class="modal-header">
  246. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
  247. <h4 class="modal-title" id="myModalLabel">选择项目信息</h4>
  248. </div>
  249. <div class="modal-body">
  250. <!-- 待加载... -->
  251. </div>
  252. <div class="modal-footer">
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <!-- DbFind 模态框 ned -->
  258. </body>
  259. <script type="text/javascript"
  260. src="<%=basePath%>resource/jquery/jquery-1.8.0.min.js"></script>
  261. <script type="text/javascript"
  262. src="<%=basePath%>resource/bootstrap/bootstrap.min.js"></script>
  263. <script type="text/javascript" src="<%=basePath%>resource/bootstrap/moment.js"></script>
  264. <script src="http://cdn.bootcss.com/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script>
  265. <script type="text/javascript" src="http://cdn.bootcss.com/bootstrap-datetimepicker/2.1.30/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
  266. <script type="text/javascript" src="commonForm/util.js"></script>
  267. <script type="text/javascript" src="commonForm/dbFind.js"></script>
  268. <script type="text/javascript" src="commonForm/commonForm.js"></script>
  269. </html>