<#include '/public/template/editTemplate.html'> <#macro editContent> <#if !staff> <@ZKUI.Layout pattern="2E" style="height:100%;width:100%;"> <@ZKUI.Cell height="180" hideHeader="true" fixSize="height">

<@i18n 'att_leftMenu_leaveType'/>*	<@ZKUI.Combo width="148" hideLabel="true" empty="true" name="leaveTypeId" path="attLeaveType.do?listJsonLeaveType">	<@i18n 'att_leave_image'/>
<@i18n 'common_startTime'/>*	<@ZKUI.Input id="attLeaveStartTimeId" type="datetime" value="${(item.startDatetime)!}" readonly="true" today="true" name="startDatetime" hideLabel="true" title="common_startTime" />	<#if !((item.id)?exists)> <@i18n 'att_leave_imageShow'/>
<@i18n 'common_endTime'/>*	<@ZKUI.Input id="attLeaveEndTimeId" type="datetime" value="${(item.endDatetime)!}" readonly="true" today="true" name="endDatetime" hideLabel="true" title="common_endTime"/>
<@i18n 'common_remark'/>	</td> </tr> </table> </form> </@ZKUI.Cell> <@ZKUI.Cell hideHeader="true"> <#include '/att/person/selectPersonContent.html'> </@ZKUI.Cell> </@ZKUI.Layout> <#else> <form action='flowable.do?start' method='post' id='${formId}' enctype='multipart/form-data'> <!-- 请假id --> <input type='hidden' name='id' value='${(item.id)!}'/> <input id="personId" name="personId" type="hidden" value="${(item.personId)!}" /> <input type='hidden' name='flowType' value='leave'/> <table class='tableStyle'> <tr> <!-- 假种 --> <th><label><@i18n 'att_leftMenu_leaveType'/></label><span class="required"></span></th> <td> <@ZKUI.Combo width="148" hideLabel="true" empty="true" name="leaveTypeId" path="attLeaveType.do?listJsonLeaveType"></@ZKUI.Combo> </td> </tr> <tr> <!-- 请假开始时间 --> <th><label><@i18n 'common_startTime'/></label><span class='required'></span></th> <td><@ZKUI.Input id="attLeaveStartTimeId" type="datetime" value="${(item.startDatetime)!}" readonly="true" today="true" name="startDatetime" hideLabel="true" title="common_startTime"/></td> </tr> <tr> <!-- 请假结束时间 --> <th><label><@i18n 'common_endTime'/></label><span class='required'></span></th> <td><@ZKUI.Input id="attLeaveEndTimeId" type="datetime" value="${(item.endDatetime)!}" readonly="true" today="true" name="endDatetime" hideLabel="true" title="common_endTime"/></td> </tr> <!-- <tr> --> <!-- 请假时长 --> <!-- <th><label><@i18n 'att_leave_leaveLongDay'/></label></th> --> <!-- <td><input id="idLeaveLongDay" name="leaveLongDay" maxlength="30" type="text" value="${(item.leaveLongDay)!'0.0'}" readonly="readonly"/></td> --> <!-- </tr> --> <tr> <!-- 请假理由 --> <th rowspan="2"><label><@i18n 'common_remark'/></label></th> <td rowspan="2"><textarea name='remark' rows="2" maxlength="100" type='text' value='${(item.remark)!}' style="width: 148px;height: 50px"/></td> </tr> <tr> <th><label><@i18n 'att_leave_image'/></label></th> <td> <input id="idBrowImage" value="<@i18n 'common_op_browse'/>" name="browImage" onclick="leaveImage.click();" type="button" /> </td> </tr> <tr> <td colspan="2"> <!-- 请假单图片 --> <div id="preview" style="width: 200px; height: 130px;"> <#if !((item.id)?exists)> <span id="idSpanImage" class="spanImage"><@i18n 'att_leave_imageShow'/></span> </#if> </div> <div style="display: none;"> <!-- accept:规定能够通过文件上传进行提交的文件类型，最后的结尾需要","结束，否则表单不能提交 --> <input id="leaveImage" name="leaveImage" onchange="preview(this);" type="file" accept="image/gif,image/jpeg,image/jpg,image/png," /> </div> </td> </tr> </table> </form> </#if> <script type='text/javascript'> //计算请假时长 //开始时间触发 // ZKUI.Input.get("attLeaveStartTimeId").obj.attachEvent("onClick", function(){ // setAttLeaveLong(); // }); //结束时间触发 // ZKUI.Input.get("attLeaveEndTimeId").obj.attachEvent("onClick", function(){ // setAttLeaveLong(); // }); //设置请假时长 // function setAttLeaveLong(){ // var attLeaveStartTime = $("#attLeaveStartTimeId").val(); // var attLeaveEndTime = $("#attLeaveEndTimeId").val(); // var leaveStartTime = new Date(attLeaveStartTime); // var leaveEndTime = new Date(attLeaveEndTime); // if (leaveEndTime.getTime()>leaveStartTime.getTime()){ // //分钟 // var minutes = (leaveEndTime.getTime() - leaveStartTime.getTime())/1000/60; // var attLeaveLong; // <#if !staff> // attLeaveLong = Math.ceil(minutes); // $("#idLeaveLong").val(attLeaveLong); // <#else> // attLeaveLong = parseFloat(miniutes / (2460)); // $("#idLeaveLongDay").val(attLeaveLong.toFixed(1)); // </#if> // }else{ // <#if !staff> // $("#idLeaveLong").val(0); // <#else> // $("#idLeaveLongDay").val(0.0.toFixed(1)); // </#if> // } // } $().ready(function() { $('#${formId}').validate( { debug : true, rules : { 'startDatetime' : { required : true }, 'endDatetime' : { required : true }, 'leaveTypeId' : { required : true } }, submitHandler : function() { var startTime = $("#attLeaveStartTimeId").val();//开始时间选择的新值 var endTime=$("#attLeaveEndTimeId").val(); <#if !staff> var personIds = ZKUI.Select.get("selectPerson${uuid!}").getValue();// 选人控件取值 var selectConten = ZKUI.Select.get("selectPerson${uuid!}").getSelectRows(); <#else> var personIds = $("#personId").val(); </#if> //开始时间与结束时间对比 if (startTime > endTime) { //开始时间不能大于结束时间 messageBox({ messageType: "alert", title: "<@i18n 'common_prompt_title'/>", text: "<@i18n 'common_dsTime_timeValid4'/>" }); return false; } else if(startTime == endTime){ //结束时间不能等于开始时间 messageBox({ messageType : "alert", title : "<@i18n 'common_prompt_title'/>", text : "<@i18n 'common_dsTime_timeValid1'/>" }); return false; } else if(personIds == "") { messageBox({ messageType : "alert", text : "<@i18n 'att_common_neesSelectPerson'/>" }); } else { $("#personIds").val(personIds); <#if !staff> var personPins = ""; for(var i=0; i<selectConten.length; i++) { personPins += selectConten[i].personPin + ","; } $("#personPins").val(personPins.substring(0,personPins.length-1)); </#if> //对上传的请假单图片进行过滤 var image = document.getElementById("leaveImage").files; if (image.length != 0) { //过滤图片格式 var extname = image[0].name.substring(image[0].name.lastIndexOf(".") + 1, image[0].name.length); extname = extname.toLowerCase();//处理了大小写 if (extname != "jpeg" && extname != "jpg" && extname != "gif" && extname != "png") { $("#newImage").css("height", "90px"); $("#picTip").css("display", "inline-block"); $("#picTip").html("<span style=\"color:Red;\"><@i18n 'att_leave_imageType'/></span>"); return false; } //过滤图片大小 var size = image[0].size; if (size > 4194304) { $("#newImage").css("height", "90px"); $("#picTip").css("display", "inline-block"); $("#picTip").html("<span style=\"color:Red\"><@i18n 'att_leave_imageSize'/></span>"); return false; } } //判断相同时间内是否存在其他申请 $.ajax({ type: "post", url: "attLeave.do?existApply", data:{ personIds:personIds, startTime:startTime, endTime:endTime, exceptionType:"leave" }, dataType: "json", async: false, success: function (result) { if(result.ret == "ok"){ <@submitHandler/> } else { openMessage(msgType.warning, result.msg); } } }); } } }); }); // 图片上传 function preview(file) { //清除错误信息 $("#picTip").html(""); var prevDiv = document.getElementById("preview"); if (file.files && file.files[0]) { var reader = new FileReader(); reader.onload = function(evt) { prevDiv.innerHTML = "<img id='newImage' width=\"200px\" height=\"130px\" src=\"" + evt.target.result + "\" style=\"margin-left: 80px;\"/><div id=\"picTip\" style=\"display: none; width: 350px;text-align:center;\"></div>"; } reader.readAsDataURL(file.files[0]); } else { prevDiv.innerHTML = "<div class=\"img\" style=\"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\"" + file.value + "\")\"></div>"; } } var minDate = new Date(); minDate.setMonth(minDate.getMonth()-2); minDate.setDate(1); ZKUI.Input.PULL.attLeaveStartTimeId.setMinDate(minDate); ZKUI.Input.PULL.attLeaveEndTimeId.setMinDate(minDate); </script> </#macro>