leaveView.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>离职申请表</title>
  7. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  8. <link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
  9. <script type="text/javascript" src="plug-in/uploadify/jquery.uploadify-3.1.js"></script>
  10. <script src="plug-in/layer/layer.js"></script>
  11. <script>
  12. function btn_ok(){
  13. $("#btnsub").click();
  14. }
  15. function callback(data){
  16. jeecgFormFileCallBack(data);
  17. if(data.success){
  18. layer.alert(data.msg, function(index){
  19. window.location.href="leaveController.do?list"
  20. layer.close(index);
  21. });
  22. }
  23. else{
  24. layer.alert(data.msg);
  25. }
  26. }
  27. </script>
  28. <script type="text/javascript">
  29. //编写自定义JS代码
  30. </script>
  31. <style type="text/css">
  32. .fixed-h{
  33. float:left;
  34. width:100%;
  35. height:940px;
  36. background:#ffffff;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <t:formvalid formid="formobj" dialog="false" usePlugin="password" layout="table" action="leaveController.do?doUpdate" tiptype="1" callback="callback">
  42. <input id="id" name="id" type="hidden" value="${leavePage.id }"/>
  43. <div class="fixed-h">
  44. <table style="width: 600px;" cellpadding="0" cellspacing="1" class="formtable">
  45. <tr>
  46. <td align="right"><label class="Validform_label"><span color="red" class="requiredIcon">*</span>离职员工:</label></td>
  47. <td class="value">
  48. <input id="userid" name="userid" type="hidden" value="${user.id}"/>
  49. <input name="realName" class="inputxt" value="${user.realName}" id="realName" readonly="readonly" datatype="*"/>
  50. <span class="Validform_checktip"></span>
  51. </td>
  52. </tr>
  53. <tr>
  54. <td align="right">
  55. <label class="Validform_label">
  56. <span color="red" class="requiredIcon">*</span>
  57. 离职日期:
  58. </label>
  59. </td>
  60. <td class="value">
  61. <input id="leaveDate" name="leaveDate" type="text" disabled="disabled" style="width: 150px" class="Wdate" onClick="WdatePicker()" datatype="*" ignore="ignore" value='<fmt:formatDate value='${leavePage.leaveDate}' type="date" pattern="yyyy-MM-dd"/>'/>
  62. <span class="Validform_checktip"></span>
  63. <label class="Validform_label" style="display: none;">离职日期</label>
  64. </td>
  65. </tr>
  66. <tr>
  67. <td align="right">
  68. <label class="Validform_label">
  69. <span color="red" class="requiredIcon">*</span>
  70. 离职类型:
  71. </label>
  72. </td>
  73. <td class="value">
  74. <t:dictSelect field="leaveType" type="list" typeGroupCode="outType" readonly="readonly" datatype="*" defaultVal="${leavePage.leaveType}" hasLabel="false" title="离职类型"></t:dictSelect>
  75. <span class="Validform_checktip"></span>
  76. <label class="Validform_label" style="display: none;">离职类型</label>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td align="right">
  81. <label class="Validform_label">
  82. <span color="red" class="requiredIcon">*</span>
  83. 离职原因:
  84. </label>
  85. </td>
  86. <td class="value" colspan="2" >
  87. <textarea style="width:600px;height: 80px;" class="inputxt" disabled="disabled" rows="6" id="leaveCause" maxlength="200" name="leaveCause" ignore="ignore" placeholder="请输入备注(最多输入文字数200)">${ leavePage.leaveCause}</textarea>
  88. <span class="Validform_checktip"></span>
  89. <label class="Validform_label" style="display: none;">离职原因</label>
  90. </td>
  91. </tr>
  92. <tr>
  93. <td align="right">
  94. <label class="Validform_label">
  95. <span color="red" class="requiredIcon">*</span>
  96. 离职报告:
  97. </label>
  98. </td>
  99. <td class="value">
  100. <t:webUploader auto="true" readOnly="readOnly" busiTable="jeecg_demo"
  101. busiId="${leavePage.id}" bizType="departurefile" remark="test"
  102. name="departurefile" duplicate="true" fileNumLimit="3"
  103. nullMsg="请选择附件(自定义提示信息)"></t:webUploader>
  104. </td>
  105. </tr>
  106. <tr>
  107. <td align="right">
  108. <label class="Validform_label">
  109. 是否交接:
  110. </label>
  111. </td>
  112. <td class="value">
  113. <t:dictSelect field="istransfer" type="radio" typeGroupCode="isTransfer" readonly="readonly" datatype="*" defaultVal="${leavePage.istransfer}" hasLabel="false" title="是否交接"></t:dictSelect>
  114. <span class="Validform_checktip"></span>
  115. <label class="Validform_label" style="display: none;">是否交接</label>
  116. </td>
  117. </tr>
  118. <tr>
  119. <td align="right">
  120. <label class="Validform_label">
  121. 工资是否结算:
  122. </label>
  123. </td>
  124. <td class="value">
  125. <t:dictSelect field="issettlement" type="radio" typeGroupCode="is_balance" readonly="readonly" datatype="*" defaultVal="${leavePage.issettlement}" hasLabel="false" title="工资是否结算"></t:dictSelect>
  126. <span class="Validform_checktip"></span>
  127. <label class="Validform_label" style="display: none;">工资是否结算</label>
  128. </td>
  129. </tr>
  130. <%--新增--%>
  131. <tr>
  132. <td align="right">
  133. <label class="Validform_label">
  134. <span color="red" class="requiredIcon">*</span>
  135. 服装归还情况:
  136. </label>
  137. </td>
  138. <td class="value" colspan="2" >
  139. <textarea style="width:600px;height: 80px;" class="inputxt" rows="6" disabled="disabled" id="clothesInfo" maxlength="500" name="clothesInfo" datatype="*" placeholder="请输入服装归还情况(最多输入文字数500)">${ leavePage.clothesInfo}</textarea>
  140. <label class="Validform_label" style="display: none;">服装归还情况</label>
  141. </td>
  142. </tr>
  143. <tr>
  144. <td align="right">
  145. <label class="Validform_label">
  146. <span color="red" class="requiredIcon">*</span>
  147. 工具用品归还情况:
  148. </label>
  149. </td>
  150. <td class="value" colspan="2" >
  151. <textarea style="width:600px;height: 80px;" class="inputxt" rows="6" disabled="disabled" id="toolInfo" maxlength="500" name="toolInfo" datatype="*" placeholder="请输入工具用品归还情况(最多输入文字数500)">${ leavePage.toolInfo}</textarea>
  152. <label class="Validform_label" style="display: none;">工具用品归还情况</label>
  153. </td>
  154. </tr>
  155. <tr>
  156. <td align="right">
  157. <label class="Validform_label">
  158. <span color="red" class="requiredIcon">*</span>
  159. 工作交接人:
  160. </label>
  161. </td>
  162. <td class="value" colspan="2" >
  163. <input type="hidden" name="transferUser" id="transferUser" value="${ leavePage.transferUser}"/>
  164. <input type="text" readonly="readonly" name="transferUserName" id="transferUserName" value="${ leavePage.transferUserName}"/>
  165. <label class="Validform_label" style="display: none;">工作交接人</label>
  166. </td>
  167. </tr>
  168. <tr>
  169. <td align="right">
  170. <label class="Validform_label">
  171. <span color="red" class="requiredIcon">*</span>
  172. 工作交接情况说明:
  173. </label>
  174. </td>
  175. <td class="value" colspan="2" >
  176. <textarea style="width:600px;height: 80px;" class="inputxt" rows="6" disabled="disabled" id="transferInfo" maxlength="500" name="transferInfo" datatype="*" placeholder="请输入工作交接情况说明(最多输入文字数500)">${ leavePage.transferInfo}</textarea>
  177. <label class="Validform_label" style="display: none;">工作交接情况说明</label>
  178. </td>
  179. </tr>
  180. <%--新增--%>
  181. <tr>
  182. <td align="center" colspan="2" >
  183. <a style="margin-left:80px" href="#" class="easyui-linkbutton l-btn" plain="true" iconcls="icon-return" onclick="history.go(-1)">返回</a>
  184. </td>
  185. </tr>
  186. </tr>
  187. </table>
  188. </div>
  189. </t:formvalid>
  190. </body>
  191. <script src = "webpage/cn/com/lzt/leave/leave.js"></script>
  192. <script type="text/javascript">
  193. function callbackTable(msg){
  194. window.parent.callbackTable(msg);
  195. }
  196. function popWriteOption1(title,width,height,buttonTitle,taskId,nextNodeCount,nextNodeId){
  197. if($("#eli").val() != ''){
  198. var transferReason = $("#transferReason").val();
  199. if(transferReason != ''){
  200. $.ajax({
  201. cache: true,
  202. type: "POST",
  203. url:"leaveController.do?doUpdate",
  204. data:$('#formobj').serialize(),// 你的formid
  205. dataType:"json",
  206. async: false,
  207. success: function(data) {
  208. popWriteOption(title,width,height,buttonTitle,taskId,nextNodeCount,nextNodeId);
  209. }
  210. });
  211. }
  212. }else{
  213. popWriteOption(title,width,height,buttonTitle,taskId,nextNodeCount,nextNodeId);
  214. }
  215. }
  216. //加载 已存在的 文件
  217. $(function(){
  218. $(".btns").children("input").after("&nbsp;&nbsp;&nbsp;<span>(支持的离职报告格式为:word,pdf,png,jpg)</span>");
  219. var cgFormId=$("input[name='id']").val();
  220. $.ajax({
  221. type: "post",
  222. url: "leaveController.do?getFiles&id=" + cgFormId,
  223. success: function(data){
  224. var arrayFileObj = jQuery.parseJSON(data).obj;
  225. $.each(arrayFileObj,function(n,file){
  226. var fieldName = file.field.toLowerCase();
  227. var table = $("#"+fieldName+"_fileTable");
  228. var tr = $("<tr style=\"height:34px;\"></tr>");
  229. var td_title = $("<td>" + file.title + "</td>")
  230. var td_download = $("<td><a href=\"commonController.do?viewFile&fileid=" + file.fileKey + "&subclassname=org.jeecgframework.web.cgform.entity.upload.CgUploadEntity\" title=\"下载\">下载</a></td>")
  231. var td_view = $("<td><a href=\"javascript:void(0);\" onclick=\"openwindow('预览','commonController.do?openViewFile&fileid=" + file.fileKey + "&subclassname=org.jeecgframework.web.cgform.entity.upload.CgUploadEntity','fList',700,500)\">预览</a></td>");
  232. var td_del = $("<td><a href=\"javascript:void(0)\" class=\"jeecgDetail\" onclick=\"del('cgUploadController.do?delFile&id=" + file.fileKey + "',this)\">删除</a></td>");
  233. tr.appendTo(table);
  234. td_title.appendTo(tr);
  235. td_download.appendTo(tr);
  236. td_view.appendTo(tr);
  237. td_del.appendTo(tr);
  238. });
  239. }
  240. });
  241. });
  242. /**
  243. * 删除图片数据资源
  244. */
  245. function del(url,obj){
  246. var content = "请问是否要删除该资源";
  247. var navigatorName = "Microsoft Internet Explorer";
  248. if( navigator.appName == navigatorName ){
  249. $.dialog.confirm(content, function(){
  250. submit(url,obj);
  251. }, function(){
  252. });
  253. }else{
  254. layer.open({
  255. title:"提示",
  256. content:content,
  257. icon:7,
  258. yes:function(index){
  259. submit(url,obj);
  260. },
  261. btn:['确定','取消'],
  262. btn2:function(index){
  263. layer.close(index);
  264. }
  265. });
  266. }
  267. }
  268. function submit(url,obj){
  269. $.ajax({
  270. async : false,
  271. cache : false,
  272. type : 'POST',
  273. url : url,// 请求的action路径
  274. error : function() {// 请求失败处理函数
  275. },
  276. success : function(data) {
  277. var d = data; // ------ $.parseJSON(data);
  278. if (d.success) {
  279. var msg = d.msg;
  280. tip(msg);
  281. obj.parentNode.parentNode.parentNode.deleteRow(obj.parentNode.parentNode);
  282. } else {
  283. tip(d.msg);
  284. }
  285. }
  286. });
  287. }
  288. function jeecgFormFileCallBack(data){
  289. if (data.success == true) {
  290. uploadFile(data);
  291. } else {
  292. if (data.responseText == '' || data.responseText == undefined) {
  293. $.messager.alert('错误', data.msg);
  294. $.Hidemsg();
  295. } else {
  296. try {
  297. var emsg = data.responseText.substring(data.responseText.indexOf('错误描述'), data.responseText.indexOf('错误信息'));
  298. $.messager.alert('错误', emsg);
  299. $.Hidemsg();
  300. } catch(ex) {
  301. $.messager.alert('错误', data.responseText + '');
  302. }
  303. }
  304. return false;
  305. }
  306. }
  307. function upload() {
  308. $('#departurefile').uploadify('upload', '*');
  309. }
  310. var neibuClickFlag = false;
  311. function neibuClick() {
  312. neibuClickFlag = true;
  313. $('#btn_sub').trigger('click');
  314. }
  315. function cancel() {
  316. $('#departurefile').uploadify('cancel', '*');
  317. }
  318. function uploadFile(data){
  319. if(!$("input[name='id']").val()){
  320. if(data.obj!=null && data.obj!='undefined'){
  321. $("input[name='id']").val(data.obj.id);
  322. }
  323. }
  324. if($(".uploadify-queue-item").length>0){
  325. upload();
  326. }else{
  327. if (neibuClickFlag){
  328. alert(data.msg);
  329. neibuClickFlag = false;
  330. }
  331. }
  332. }
  333. </script>