workContentVisamanageView.jsp 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <form:form id="subForm" modelAttribute="workContentVisamanage" action="#" method="post" class="form-horizontal">
  4. <form:hidden path="id"/>
  5. <div class="form-group layui-row lw12">
  6. <div class="layui-item layui-col-sm6">
  7. <label class="layui-form-label"><span class="require-item">*</span>合同名称:</label>
  8. <div class="layui-input-block with-icon">
  9. <sys:gridselectProjcontent url="${ctx}/projectcontentinfo/projectContentData/selectcontent" id="contId" name="contract.id" value="${workContentVisamanage.contract.id}" title="选择合同" labelName="contract.name"
  10. labelValue="${workContentVisamanage.contract.name}" cssClass="form-control layui-input required" projectId="${workContentVisamanage.projectId}" type="41" fieldLabels="" fieldKeys="" searchLabel="${fns:urlEncode('合同名称')}" searchKey="" ></sys:gridselectProjcontent>
  11. </div>
  12. </div>
  13. <div class="layui-item layui-col-sm6">
  14. <label class="layui-form-label"><span class="require-item">*</span>签证类型:</label>
  15. <div class="layui-input-block">
  16. <form:select path="visaType" class="form-control layui-input required">
  17. <form:option value="" label=""/>
  18. <form:options items="${fns:getMainDictList('content_visa_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
  19. </form:select>
  20. </div>
  21. </div>
  22. <div class="layui-item layui-col-sm6">
  23. <label class="layui-form-label"><span class="require-item">*</span>签证日期:</label>
  24. <div class="layui-input-block">
  25. <input class="laydate-icondate form-control layui-input layer-date laydate-icon required" id="visaDate" name="visaDate" value="<fmt:formatDate value="${workContentVisamanage.visaDate}" pattern="yyyy-MM-dd"/>">
  26. </div>
  27. </div>
  28. <div class="layui-item layui-col-sm12 with-textarea">
  29. <label class="layui-form-label">签证主要内容:</label>
  30. <div class="layui-input-block">
  31. <form:textarea path="visaCtnt" htmlEscape="false" rows="3" class="form-control layui-area"/>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="form-group layui-row lw12">
  36. <div class="form-group-label"><h2>详情信息</h2></div>
  37. <div class="layui-item layui-col-sm6">
  38. <label class="layui-form-label"><span class="require-item">*</span>送审金额:</label>
  39. <div class="layui-input-block">
  40. <input name="reviewAmt" htmlEscape="false" value="<fmt:formatNumber value="${workContentVisamanage.reviewAmt}" pattern="#,##0.00#"/>" onchange="formatNum(this);" class="form-control layui-input required number"/>
  41. </div>
  42. </div>
  43. <div class="layui-item layui-col-sm6">
  44. <label class="layui-form-label"><span class="require-item">*</span>审定金额:</label>
  45. <div class="layui-input-block">
  46. <input name="setAmt" htmlEscape="false" value="<fmt:formatNumber value="${workContentVisamanage.setAmt}" pattern="#,##0.00#"/>" onchange="formatNum(this);" class="form-control layui-input required number"/>
  47. </div>
  48. </div>
  49. <div class="layui-item layui-col-sm6">
  50. <label class="layui-form-label"><span class="require-item">*</span>报送日期:</label>
  51. <div class="layui-input-block">
  52. <input id="subDate" name="subDate" type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon required"
  53. value="<fmt:formatDate value="${workContentVisamanage.subDate}" pattern="yyyy-MM-dd"/>"/>
  54. </div>
  55. </div>
  56. <div class="layui-item layui-col-sm6">
  57. <label class="layui-form-label"><span class="require-item">*</span>审定日期:</label>
  58. <div class="layui-input-block">
  59. <input id="setDate" name="setDate" type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon required"
  60. value="<fmt:formatDate value="${workContentVisamanage.setDate}" pattern="yyyy-MM-dd"/>"/>
  61. </div>
  62. </div>
  63. <div class="layui-item layui-col-sm6">
  64. <label class="layui-form-label"><span class="require-item">*</span>计入台账:</label>
  65. <div class="layui-input-block">
  66. <form:select path="inAccount" class="form-control layui-input required">
  67. <form:option value="" label=""/>
  68. <form:options items="${fns:getDictList('yes_no')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
  69. </form:select>
  70. </div>
  71. </div>
  72. <div class="layui-item layui-col-sm6">
  73. <label class="layui-form-label"><span class="require-item">*</span>计入支付:</label>
  74. <div class="layui-input-block">
  75. <form:select path="inPayment" class="form-control layui-input required">
  76. <form:option value="" label=""/>
  77. <form:options items="${fns:getDictList('yes_no')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
  78. </form:select>
  79. </div>
  80. </div>
  81. <div class="layui-item layui-col-sm12 with-textarea">
  82. <label class="layui-form-label">备注信息:</label>
  83. <div class="layui-input-block">
  84. <form:textarea path="remarks" htmlEscape="false" rows="3" class="form-control layui-area"/>
  85. </div>
  86. </div>
  87. </div>
  88. </form:form>
  89. <script type="text/javascript">
  90. var validateForm;
  91. $(document).ready(function() {
  92. validateForm = $("#subForm").validate({
  93. errorContainer: "#messageBox",
  94. errorPlacement: function(error, element) {
  95. $("#messageBox").text("输入有误,请先更正。");
  96. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  97. error.appendTo(element.parent().parent());
  98. } else {
  99. error.insertAfter(element);
  100. }
  101. }
  102. });
  103. laydate.render({
  104. elem: '#visaDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  105. event: 'focus' //响应事件。如果没有传入event,则按照默认的click
  106. });
  107. laydate.render({
  108. elem: '#subDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  109. event: 'focus' //响应事件。如果没有传入event,则按照默认的click
  110. });
  111. laydate.render({
  112. elem: '#setDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  113. event: 'focus' //响应事件。如果没有传入event,则按照默认的click
  114. });
  115. });
  116. function genDetailStr(){
  117. var stringify = JSON.stringify($("#subForm").serializeJson());
  118. return stringify;
  119. }
  120. </script>