workAdministrativeAtampModifyApply.jsp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  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. $("#attachment_btn").click(function () {
  33. $("#attachment_file").click();
  34. });
  35. });
  36. function insertTitle(tValue){
  37. var list = "${workAdministrativeAtamp.workAttachments}";
  38. var size = (list.split('url')).length-1;
  39. var files = $("#attachment_file")[0].files; for(var i = 0;i<files.length;i++) { var file = files[i];
  40. var attachmentId = "";
  41. var attachmentFlag = "102";
  42. console.log(file);
  43. var timestamp=new Date().getTime();
  44. var storeAs = "attachment-file/workIncomingMessage/"+timestamp+"/"+file['name'];
  45. var uploadPath="http://gangwan-app.oss-cn-hangzhou.aliyuncs.com/"+storeAs;/*将这段字符串存到数据库即可*/
  46. var divId = "_attachment";
  47. $("#addFile"+divId).show();
  48. multipartUploadWithSts(storeAs, file,attachmentId,attachmentFlag,uploadPath,divId,size);}
  49. }
  50. </script>
  51. </head>
  52. <body>
  53. <div class="single-form">
  54. <div class="container">
  55. <form:form id="inputForm" modelAttribute="workAdministrativeAtamp" action="${ctx}/workadministrativeatamp/workAdministrativeAtamp/saveAudit" method="post" class="form-horizontal">
  56. <form:hidden path="id"/>
  57. <form:hidden path="home"/>
  58. <form:hidden path="act.taskId"/>
  59. <form:hidden path="act.taskName"/>
  60. <form:hidden path="act.taskDefKey"/>
  61. <form:hidden path="act.procInsId"/>
  62. <form:hidden path="act.procDefId"/>
  63. <form:hidden id="flag" path="act.flag"/>
  64. <div class="form-group layui-row first">
  65. <div class="form-group-label"><h2>基本信息</h2></div>
  66. <div class="layui-item layui-col-sm6">
  67. <label class="layui-form-label"><span class="require-item">*</span>文档类型:</label>
  68. <div class="layui-input-block">
  69. <form:select path="docType" class="form-control simple-select required">
  70. <form:option value="" label=""/>
  71. <form:options items="${fns:getMainDictList('doc_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
  72. </form:select>
  73. </div>
  74. </div>
  75. <div class="layui-item layui-col-sm6">
  76. <label class="layui-form-label"><span class="require-item">*</span>申请编号:</label>
  77. <div class="layui-input-block">
  78. <div class="input-group">
  79. <form:input path="num" htmlEscape="false" readonly="true" class="form-control layui-input"/>
  80. <span class="input-group-btn">
  81. <label class="form-status"><c:choose><c:when test="${not empty workAdministrativeAtamp.state}">${fns:getDictLabel(workAdministrativeAtamp.state, 'audit_state', '')}</c:when><c:otherwise>新添</c:otherwise></c:choose></label>
  82. </span>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="layui-item layui-col-sm6">
  87. <label class="layui-form-label"><span class="require-item">*</span>签章公司:</label>
  88. <div class="layui-input-block with-icon">
  89. <sys:treeselect id="comSign" name="comSign.id" value="${workAdministrativeAtamp.comSign.id}" labelName="comSign.name" labelValue="${workAdministrativeAtamp.comSign.name}"
  90. title="签章公司" url="/sys/office/treeDataCompany?type=2" cssClass="form-control layui-input required" allowClear="true" />
  91. </div>
  92. </div>
  93. <div class="layui-item layui-col-sm6">
  94. <label class="layui-form-label"><span class="require-item">*</span>印章类型:</label>
  95. <div class="layui-input-block">
  96. <form:select path="sealType" class="form-control simple-select required">
  97. <form:option value="" label=""/>
  98. <form:options items="${fns:getMainDictList('seal_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
  99. </form:select>
  100. </div>
  101. </div>
  102. <div class="layui-item layui-col-sm6">
  103. <label class="layui-form-label"><span class="require-item">*</span>申请人:</label>
  104. <div class="layui-input-block">
  105. <form:input path="submiter.name" htmlEscape="false" readonly="true" class="form-control layui-input required"/>
  106. <form:hidden path="submiter.id" htmlEscape="false" class="form-control required"/>
  107. </div>
  108. </div>
  109. <div class="layui-item layui-col-sm6">
  110. <label class="layui-form-label">所属部门:</label>
  111. <div class="layui-input-block">
  112. <input type="text" name="office.name" readonly="readonly" class="form-control layui-input" value="${workAdministrativeAtamp.office.topCompany}"/>
  113. <input type="hidden" name="office.id" readonly="readonly" class="form-control layui-input" value="${workAdministrativeAtamp.office.id}"/>
  114. </div>
  115. </div>
  116. <div class="layui-item layui-col-sm6">
  117. <label class="layui-form-label"><span class="require-item">*</span>申请日期:</label>
  118. <div class="layui-input-block">
  119. <input type="text" name="submitDate" readonly="readonly" class="form-control layui-input"
  120. value="<fmt:formatDate value="${workAdministrativeAtamp.submitDate}" pattern="yyyy-MM-dd"/>"/>
  121. </div>
  122. </div>
  123. <div class="layui-item layui-col-sm12 with-textarea">
  124. <label class="layui-form-label">说 明:</label>
  125. <div class="layui-input-block">
  126. <form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="255" class="form-control"/>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="form-group layui-row">
  131. <div class="form-group-label"><h2>附件信息</h2></div>
  132. <div class="layui-item nav-btns">
  133. <a id="attachment_btn" class="nav-btn nav-btn-add" title="添加附件"><i class="fa fa-plus"></i>&nbsp;添加附件</a>
  134. </div>
  135. <div id="addFile_attachment" style="display: none" class="upload-progress">
  136. <span id="fileName_attachment" ></span>
  137. <b><span id="baifenbi_attachment" ></span></b>
  138. <div class="progress">
  139. <div id="jindutiao_attachment" class="progress-bar" style="width: 0%" aria-valuenow="0">
  140. </div>
  141. </div>
  142. </div>
  143. <input id="attachment_file" type="file" name="attachment_file" multiple="multiple" style="display: none;" onChange="if(this.value)insertTitle(this.value);"/>
  144. <span id="attachment_title"></span>
  145. <div class="layui-item layui-col-xs12" style="padding:0 16px;">
  146. <table id="upTable" class="table table-bordered table-condensed details">
  147. <thead>
  148. <tr>
  149. <%-- <th>序号</th>--%>
  150. <th>文件预览</th>
  151. <th>上传人</th>
  152. <th>上传时间</th>
  153. <th width="150px">操作</th>
  154. </tr>
  155. </thead>
  156. <tbody id="file_attachment">
  157. <c:forEach items="${workAdministrativeAtamp.workAttachments}" var = "workClientAttachment" varStatus="status">
  158. <tr>
  159. <%-- <td>${status.index + 1}</td>--%>
  160. <c:choose>
  161. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
  162. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
  163. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
  164. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
  165. or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
  166. <td><img src="${workClientAttachment.url}" width="50" height="50" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}"></td>
  167. </c:when>
  168. <c:otherwise>
  169. <c:choose>
  170. <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
  171. <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
  172. </c:when>
  173. <c:otherwise>
  174. <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
  175. </c:otherwise>
  176. </c:choose>
  177. </c:otherwise>
  178. </c:choose>
  179. <td>${workClientAttachment.createBy.name}</td>
  180. <td><fmt:formatDate value="${workClientAttachment.createDate}" type="both"/></td>
  181. <td class="op-td">
  182. <div class="op-btn-box" >
  183. <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>
  184. <c:if test="${workClientAttachment.createBy.id eq fns:getUser().id}">
  185. <a href="javascript:void(0)" onclick="deleteFileFromAliyun(this,'${ctx}/sys/workattachment/deleteFileFromAliyun?url=${workClientAttachment.url}&id=${workClientAttachment.id}&type=2','addFile')" class="op-btn op-btn-delete" ><i class="fa fa-trash"></i>&nbsp;删除</a>
  186. </c:if>
  187. </div>
  188. </td>
  189. </tr>
  190. </c:forEach>
  191. </tbody>
  192. </table>
  193. </div>
  194. </div>
  195. </form:form>
  196. </div>
  197. </div>
  198. </body>
  199. </html>