projectPlanWeeklyForm.jsp 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>新增个人周报</title>
  6. <meta name="decorator" content="default"/>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9. laydate.render({
  10. elem: '#beginDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  11. format: 'yyyy-MM-dd',
  12. type : 'date'
  13. });
  14. laydate.render({
  15. elem: '#endDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  16. format: 'yyyy-MM-dd',
  17. type : 'date'
  18. });
  19. });
  20. function doSubmit(){//回调函数,在编辑和保存动作时,供openDialog调用提交表单。
  21. if(validateForm.form()){
  22. $("#inputForm").submit();
  23. return true;
  24. }
  25. return false;
  26. }
  27. var validateForm;
  28. $(document).ready(function() {
  29. validateForm = $("#inputForm").validate({
  30. submitHandler: function(form){
  31. loading('正在提交,请稍等...');
  32. form.submit();
  33. },
  34. rules:{
  35. },
  36. messages:{
  37. },
  38. errorContainer: "#messageBox",
  39. errorPlacement: function(error, element) {
  40. $("#messageBox").text("输入有误,请先更正。");
  41. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  42. error.appendTo(element.parent().parent());
  43. } else {
  44. error.insertAfter(element);
  45. }
  46. }
  47. });
  48. });
  49. function isNumber(val){
  50. if(val === "" || val ==null){
  51. return false;
  52. }
  53. var regPos = /^\d+(\.\d+)?$/; //非负浮点数
  54. var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
  55. if(regPos.test(val) || regNeg.test(val)){
  56. return true;
  57. }else{
  58. return false;
  59. }
  60. }
  61. </script>
  62. <style>
  63. /*超过5个汉字,调整label的长度,以下是配套的*/
  64. .layui-item .layui-form-label{
  65. width:90px;
  66. }
  67. .form-group .layui-item .layui-input-block,
  68. .query .layui-input-block {
  69. margin-left: 116px;
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <div class="single-form">
  75. <div class="container">
  76. <form:form id="inputForm" modelAttribute="projectPlanWeekly" action="${ctx}/projectplan/weekly/save" method="post" class="form-horizontal" >
  77. <form:hidden path="id"/>
  78. <div class="form-group layui-row first">
  79. <div class="form-group-label"><h2>个人周报</h2></div>
  80. <div class="layui-item layui-col-sm6">
  81. <label class="layui-form-label"><span class="require-item">*</span>创建人:</label>
  82. <div class="layui-input-block">
  83. <input path="id" type="hidden" id="id" class="form-control required layui-input" value="${projectPlanWeekly.id}"/>
  84. <input path="user.name" htmlEscape="false" readonly="readonly" id="userId" class="form-control required layui-input" value="${projectPlanWeekly.user.name}"/>
  85. </div>
  86. </div>
  87. <div class="layui-item layui-col-sm6">
  88. <label class="layui-form-label"><span class="require-item">*</span>所属公司:</label>
  89. <div class="layui-input-block">
  90. <input path="office.name" htmlEscape="false" readonly="readonly" id="officeId" class="form-control required layui-input" value="${projectPlanWeekly.office.name}"/>
  91. </div>
  92. </div>
  93. <div class="layui-item layui-col-sm6">
  94. <label class="layui-form-label">开始时间:</label>
  95. <div class="layui-input-block">
  96. <input id="beginDate" name="beginDate" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date required layui-input"
  97. value="<fmt:formatDate value="${projectPlanWeekly.beginDate}" pattern="yyyy-MM-dd"/>"/>
  98. </div>
  99. </div>
  100. <div class="layui-item layui-col-sm6">
  101. <label class="layui-form-label">结束时间:</label>
  102. <div class="layui-input-block">
  103. <input id="endDate" name="endDate" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date required layui-input"
  104. value="<fmt:formatDate value="${projectPlanWeekly.endDate}" pattern="yyyy-MM-dd"/>"/>
  105. </div>
  106. </div>
  107. <div class="layui-item layui-col-sm12 with-textarea">
  108. <label class="layui-form-label">周报内容:</label>
  109. <div class="layui-input-block">
  110. <form:textarea path="remarks" htmlEscape="false" rows="5" maxlength="127" class="form-control"/>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="form-group layui-row page-end"></div>
  115. </form:form>
  116. </div>
  117. </div>
  118. </body>
  119. </html>