basedDataView.jsp 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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. var validateForm;
  9. function doSubmit(){//回调函数,在编辑和保存动作时,供openDialog调用提交表单。
  10. if(validateForm.form()){
  11. $("#inputForm").submit();
  12. return true;
  13. }
  14. return false;
  15. }
  16. $(document).ready(function() {
  17. validateForm = $("#inputForm").validate({
  18. submitHandler: function(form){
  19. loading('正在提交,请稍等...');
  20. form.submit();
  21. },
  22. errorContainer: "#messageBox",
  23. errorPlacement: function(error, element) {
  24. $("#messageBox").text("输入有误,请先更正。");
  25. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  26. error.appendTo(element.parent().parent());
  27. } else {
  28. error.insertAfter(element);
  29. }
  30. }
  31. });
  32. laydate.render({
  33. elem: '#uploadDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  34. event: 'focus', //响应事件。如果没有传入event,则按照默认的click
  35. type : 'date'
  36. });
  37. laydate.render({
  38. elem: '#provideDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
  39. event: 'focus', //响应事件。如果没有传入event,则按照默认的click
  40. type : 'date'
  41. });
  42. });
  43. </script>
  44. </head>
  45. <body>
  46. <div class="single-form">
  47. <div class="container${container} view-form">
  48. <div class="form-group layui-row first lw12">
  49. <div class="form-group-label"><h2>基本信息</h2></div>
  50. <div class="layui-item layui-col-sm6">
  51. <label class="layui-form-label"><span class="require-item">*</span>资料名称:</label>
  52. <div class="layui-input-block with-icon">
  53. <input htmlEscape="false" readonly="true" class="form-control layui-input" value="${projectcontentinfo.projectBasedData.name}"/>
  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 htmlEscape="false" readonly="true" class="form-control layui-input" value="${projectcontentinfo.projectBasedData.number}"/>
  60. </div>
  61. </div>
  62. <div class="layui-item layui-col-sm6">
  63. <label class="layui-form-label"><span class="require-item">*</span>资料类别:</label>
  64. <div class="layui-input-block">
  65. <input htmlEscape="false" readonly="true" class="form-control layui-input" value="${fns:getDictLabel(projectcontentinfo.projectBasedData.type, 'project_document_type', '')}"/>
  66. </div>
  67. </div>
  68. <div class="layui-item layui-col-sm6">
  69. <label class="layui-form-label">资料提供者:</label>
  70. <div class="layui-input-block">
  71. <input htmlEscape="false" readonly="true" class="form-control layui-input" value="${projectcontentinfo.projectBasedData.provider}"/>
  72. </div>
  73. </div>
  74. <div class="layui-item layui-col-sm6">
  75. <label class="layui-form-label">提供日期:</label>
  76. <div class="layui-input-block">
  77. <input id="provideDate" name="projectBasedData.provideDate" type="text" htmlEscape="false" readonly="true" class="laydate-icondate form-control layer-date required layui-input laydate-icon"
  78. value="<fmt:formatDate value="${projectcontentinfo.projectBasedData.provideDate}" pattern="yyyy-MM-dd"/>"/>
  79. </div>
  80. </div>
  81. <div class="layui-item layui-col-sm6">
  82. <label class="layui-form-label">上传日期:</label>
  83. <div class="layui-input-block">
  84. <input id="uploadDate" name="projectBasedData.uploadDate" htmlEscape="false" readonly="true" class="laydate-icondate form-control layer-date required layui-input laydate-icon"
  85. value="<fmt:formatDate value="${projectcontentinfo.projectBasedData.uploadDate}" pattern="yyyy-MM-dd"/>"/>
  86. </div>
  87. </div>
  88. <div class="layui-item layui-col-sm6">
  89. <label class="layui-form-label">上传人:</label>
  90. <div class="layui-input-block">
  91. <input htmlEscape="false" readonly="true" class="form-control layui-input" value="${projectcontentinfo.projectBasedData.uploadUser.name}"/>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="form-group layui-row">
  96. <div class="form-group-label"><h2>附件信息</h2></div>
  97. <div class="layui-item layui-col-xs12" style="padding:0 16px;">
  98. <table id="upTable" class="table table-bordered table-condensed details">
  99. <thead>
  100. <tr>
  101. <%-- <th>序号</th>--%>
  102. <th>文件预览</th>
  103. <th>上传人</th>
  104. <th>上传时间</th>
  105. <th width="150px">操作</th>
  106. </tr>
  107. </thead>
  108. <tbody id="file_attachment">
  109. <c:forEach items="${projectcontentinfo.projectBasedData.workAttachments}" var = "workClientAttachment" varStatus="status">
  110. <tr>
  111. <%-- <td>${status.index + 1}</td>--%>
  112. <c:choose>
  113. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
  114. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
  115. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
  116. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
  117. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
  118. <td><img src="${workClientAttachment.url}" width="50" height="50" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}">
  119. </c:when>
  120. <c:otherwise>
  121. <c:choose>
  122. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
  123. <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
  124. </c:when>
  125. <c:otherwise>
  126. <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
  127. </c:otherwise>
  128. </c:choose>
  129. </c:otherwise>
  130. </c:choose>
  131. <td>${workClientAttachment.createBy.name}</td>
  132. <td><fmt:formatDate value="${workClientAttachment.createDate}" type="both"/></td>
  133. <td class="op-td">
  134. <div class="op-btn-box" >
  135. <a href="javascript:location.href='${ctx}/workfullmanage/workFullManage/downLoadAttach?file='+encodeURIComponent(encodeURIComponent('${workClientAttachment.url}'));" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
  136. </div>
  137. </td>
  138. </tr>
  139. </c:forEach>
  140. </tbody>
  141. </table>
  142. </div>
  143. </div>
  144. <div class="form-group layui-row page-end"></div>
  145. </div>
  146. </div>
  147. </body>
  148. </html>