evaluationForm.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  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. <style type="text/css">
  8. img{width: 50px;height: 50px;}
  9. </style>
  10. <script type="text/javascript">
  11. $(function(){
  12. // $("img").not(".upload_ico").each(function () {
  13. // var num = 1 ;
  14. // $(this).click(function () {
  15. // var flag = num%2;
  16. // if(flag == 1){
  17. // $(this).css("width","90%");
  18. // $(this).css("height","90%");
  19. // num++;
  20. // }else if(flag ==0){
  21. // $(this).css("width","50px");
  22. // $(this).css("height","50px");
  23. // num++;
  24. // }
  25. // })
  26. // });
  27. });
  28. var validateForm;
  29. function doSubmit(){//回调函数,在编辑和保存动作时,供openDialog调用提交表单。
  30. if(validateForm.form()){
  31. $("#inputForm").submit();
  32. return true;
  33. }
  34. return false;
  35. }
  36. $(document).ready(function() {
  37. validateForm = $("#inputForm").validate({
  38. submitHandler: function(form){
  39. loading('正在提交,请稍等...');
  40. form.submit();
  41. },
  42. errorContainer: "#messageBox",
  43. errorPlacement: function(error, element) {
  44. $("#messageBox").text("输入有误,请先更正。");
  45. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  46. error.appendTo(element.parent().parent());
  47. } else {
  48. error.insertAfter(element);
  49. }
  50. }
  51. });
  52. });
  53. </script>
  54. <script type="text/javascript">
  55. $(function () {
  56. ;$("#execute_btn").click(function () {
  57. $("#execute_file").click();
  58. })
  59. ;$("#manuscript_btn").click(function () {
  60. $("#manuscript_file").click();
  61. })
  62. })
  63. function execute_insertTitle(tValue){
  64. $("#execute_title_div").remove();
  65. var t1 = tValue.lastIndexOf("\\");
  66. if(t1 >= 0 && t1 < tValue.length){
  67. $("#execute_title").text(tValue.substring(t1+1));
  68. $("#execute_title").after("<div id='execute_title_div' style='float: right'>&nbsp;&nbsp;<span id='execute_delete' onclick='execute_del()'style='color: red ; cursor: pointer;'>x</span></div>");
  69. }
  70. }
  71. function execute_del() {
  72. $("#execute_file").val("");
  73. $("#execute_title").text("");
  74. $("#execute_delete").remove();
  75. $("#execute_title_div").remove();
  76. }
  77. function manuscript_insertTitle(tValue){
  78. $("#manuscript_title_div").remove();
  79. var t1 = tValue.lastIndexOf("\\");
  80. if(t1 >= 0 && t1 < tValue.length){
  81. $("#manuscript_title").text(tValue.substring(t1+1));
  82. $("#manuscript_title").after("<div id='manuscript_title_div' style='float: right'>&nbsp;&nbsp;<span id='execute_delete' onclick='manuscript_del()'style='color: red ; cursor: pointer;'>x</span></div>");
  83. }
  84. }
  85. function manuscript_del() {
  86. $("#manuscript_file").val("");
  87. $("#manuscript_title").text("");
  88. $("#manuscript_delete").remove();
  89. $("#manuscript_title_div").remove();
  90. }
  91. </script>
  92. </head>
  93. <body class="hideScroll">
  94. <%--action="${ctx}/hr/evaluation/save"--%>
  95. <form:form id="inputForm" modelAttribute="userInfo" method="post" enctype="multipart/form-data" class="form-horizontal">
  96. <form:hidden path="id"/>
  97. <form:hidden path="userOffice.userId"/>
  98. <form:hidden path="userOffice.companyId"/>
  99. <form:hidden path="userOffice.id"/>
  100. <form:hidden path="userId"/>
  101. <form:hidden path="companyId"/>
  102. <sys:message content="${message}"/>
  103. <table class="table table-bordered table-condensed dataTables-example dataTable no-footer">
  104. <tbody>
  105. <tr>
  106. <td class="width-15 active"><label class="pull-right">姓名:</label></td>
  107. <td class="width-35">
  108. ${userInfo.name}
  109. </td>
  110. <td class="width-15 active"><label class="pull-right">性别:</label></td>
  111. <td class="width-35">
  112. ${fns:getDictLabel(userInfo.gender,'sex' ,'' )}
  113. </td>
  114. </tr>
  115. <tr>
  116. <td class="width-15 active"><label class="pull-right">昵称:</label></td>
  117. <td class="width-35">
  118. ${userInfo.nickName}
  119. </td>
  120. <td class="width-15 active"><label class="pull-right">工号:</label></td>
  121. <td class="width-35">
  122. ${userInfo.jobNumber}
  123. </td>
  124. </tr>
  125. <tr>
  126. <td class="width-15 active"><label class="pull-right">联系电话:</label></td>
  127. <td class="width-35">
  128. ${userInfo.mobilePhone}
  129. </td>
  130. <td class="width-15 active"><label class="pull-right">电子邮件:</label></td>
  131. <td class="width-35">
  132. ${userInfo.email}
  133. </td>
  134. </tr>
  135. <tr>
  136. <td class="width-15 active"><label class="pull-right">个人简介:</label></td>
  137. <td class="width-35" colspan="3">
  138. ${userInfo.personalProfile}
  139. </td>
  140. </tr>
  141. <tr>
  142. <td class="width-15 active"><label class="pull-right">备注信息:</label></td>
  143. <td class="width-35" colspan="3">
  144. ${userInfo.remarks}
  145. </td>
  146. </tr>
  147. <tr>
  148. <td class="width-15 active"><label class="pull-right">人员评价信息:</label></td>
  149. <td class="width-35" colspan="3">
  150. <div>
  151. <div style="float:left; height: 100%; width: 100%; ">
  152. <div style="display: inline-block">
  153. <input id="execute_file" type="file" name="execute_file" multiple="multiple" style="display: none;" onChange="if(this.value)execute_insertTitle(this.value);"/>
  154. <a id="execute_btn" class="btn btn-info btn-xs" ><i class="fa fa-plus"></i> 添加附件</a>
  155. <span id="execute_title"></span>
  156. </div>
  157. <table id="listExecuteFile" style="text-align: center;width: 100%;margin-top:10px;" class="table table-striped table-bordered table-condensed" >
  158. <tr>
  159. <%--<td>序号</td>--%><td>文件名</td><td>上传人</td><td>上传时间</td><td>操作</td>
  160. </tr>
  161. <tr>
  162. <c:if test="${not empty userInfo.user.workattachment.id}">
  163. <%--<td>1</td>--%>
  164. <%--<span title="${userInfo.user.workattachment.attachmentName}">${fns:abbr(userInfo.user.workattachment.attachmentName, 30)}</span>--%>
  165. <c:choose>
  166. <c:when test="${fn:containsIgnoreCase(userInfo.user.workattachment.attachmentName,'jpg')
  167. or fn:containsIgnoreCase(userInfo.user.workattachment.attachmentName,'png')
  168. or fn:containsIgnoreCase(userInfo.user.workattachment.attachmentName,'gif')
  169. or fn:containsIgnoreCase(userInfo.user.workattachment.attachmentName,'jpeg')}">
  170. <td><img src="${userInfo.user.workattachment.url}" onclick="openDialogView(' ','${ctx}/sys/picturepreview/picturePreview?url=${userInfo.user.workattachment.url}','860px','600px')" width="50" height="50" alt="${userInfo.user.workattachment.attachmentName}"/></td>
  171. </c:when>
  172. <c:otherwise>
  173. <c:choose>
  174. <c:when test="${fn:containsIgnoreCase(userInfo.user.workattachment.attachmentName,'pdf')}">
  175. <td><a href="javascript:void(0)" onclick="preview('预览','${userInfo.user.workattachment.url}','80%','80%','1')">
  176. <span title="${userInfo.user.workattachment.attachmentName}">${fns:abbr(userInfo.user.workattachment.attachmentName, 30)}</span></a></td>
  177. </c:when>
  178. <c:otherwise>
  179. <td><a href="javascript:void(0)" onclick="preview('预览','${userInfo.user.workattachment.url}','80%','80%')">
  180. <span title="${userInfo.user.workattachment.attachmentName}">${fns:abbr(userInfo.user.workattachment.attachmentName, 30)}</span></a></td>
  181. </c:otherwise>
  182. </c:choose>
  183. </c:otherwise>
  184. </c:choose>
  185. <td>${userInfo.user.workattachment.attachmentUser}</td>
  186. <td><fmt:formatDate value="${userInfo.user.workattachment.createDate}" pattern="yyyy-MM-dd"/></td>
  187. <td>
  188. <a href="javascript:location.href='${ctx}/workfullmanage/workFullManage/downLoadAttach?file='+encodeURIComponent('${userInfo.user.workattachment.url}');" class="btn btn-success btn-xs">下载</a>
  189. <%--<a href="${ctx}/workfullmanage/workFullManage/downLoadAttach?file=${userInfo.user.workattachment.url}" class="btn btn-success btn-xs">下载</a>--%>
  190. </td>
  191. </c:if>
  192. </tr>
  193. </table>
  194. </div>
  195. </div>
  196. </td>
  197. </tr>
  198. <tr>
  199. <td class="width-15 active"><label class="pull-right">客户满意信息:</label></td>
  200. <td class="width-35" colspan="3">
  201. <div>
  202. <div style="float:left; height: 100%; width: 100%; ">
  203. <div style="display: inline-block">
  204. <input id="manuscript_file" type="file" name="manuscript_file" multiple="multiple" style="display: none;" onChange="if(this.value)manuscript_insertTitle(this.value);"/>
  205. <a id="manuscript_btn" class="btn btn-info btn-xs" ><i class="fa fa-plus"></i> 添加附件</a>
  206. <span id="manuscript_title"></span>
  207. </div>
  208. <table id="listManuscriptFile" style="text-align: center;width: 100%;margin-top:10px;" class="table table-striped table-bordered table-condensed" >
  209. <tr>
  210. <%-- <td>序号</td>--%><td>文件名</td><td>上传人</td><td>上传时间</td><td>操作</td>
  211. </tr>
  212. <tr>
  213. <c:if test="${not empty userInfo.user.satisfaction.id}">
  214. <%-- <td>${index.index + 1}</td>--%>
  215. <%--<span title="${userInfo.user.satisfaction.attachmentName}">${fns:abbr(userInfo.user.satisfaction.attachmentName, 30)}</span>--%>
  216. <c:choose>
  217. <c:when test="${fn:containsIgnoreCase(userInfo.user.satisfaction.attachmentName,'jpg')
  218. or fn:containsIgnoreCase(userInfo.user.satisfaction.attachmentName,'png')
  219. or fn:containsIgnoreCase(userInfo.user.satisfaction.attachmentName,'gif')
  220. or fn:containsIgnoreCase(userInfo.user.satisfaction.attachmentName,'jpeg')}">
  221. <td><img src="${userInfo.user.satisfaction.url}" onclick="openDialogView(' ','${ctx}/sys/picturepreview/picturePreview?url=${userInfo.user.satisfaction.url}','860px','600px')" width="50" height="50" alt="${userInfo.user.satisfaction.attachmentName}"/></td>
  222. </c:when>
  223. <c:otherwise>
  224. <c:choose>
  225. <c:when test="${fn:containsIgnoreCase(userInfo.user.satisfaction.attachmentName,'pdf')}">
  226. <td><a href="javascript:void(0)" onclick="preview('预览','${userInfo.user.satisfaction.url}','80%','80%','1')">
  227. <span title="${userInfo.user.satisfaction.attachmentName}">${fns:abbr(userInfo.user.satisfaction.attachmentName, 30)}</span></a></td>
  228. </c:when>
  229. <c:otherwise>
  230. <td><a href="javascript:void(0)" onclick="preview('预览','${userInfo.user.satisfaction.url}','80%','80%')">
  231. <span title="${userInfo.user.satisfaction.attachmentName}">${fns:abbr(userInfo.user.satisfaction.attachmentName, 30)}</span></a></td>
  232. </c:otherwise>
  233. </c:choose>
  234. </c:otherwise>
  235. </c:choose>
  236. <td>${userInfo.user.satisfaction.attachmentUser}</td>
  237. <td><fmt:formatDate value="${userInfo.user.satisfaction.createDate}" pattern="yyyy-MM-dd"/></td>
  238. <td>
  239. <%-- <a href="${ctx}/workfullmanage/workFullManage/downLoadAttach?file=${userInfo.user.satisfaction.url}" class="btn btn-success btn-xs">下载</a>--%>
  240. <a href="javascript:location.href='${ctx}/workfullmanage/workFullManage/downLoadAttach?file='+encodeURIComponent('${userInfo.user.satisfaction.url}');" class="btn btn-success btn-xs">下载</a>
  241. </td>
  242. </c:if>
  243. </tr>
  244. </table>
  245. </div>
  246. </div>
  247. </td>
  248. </tr>
  249. </tbody>
  250. </table>
  251. </form:form>
  252. </body>
  253. </html>