<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="
IE=edge">
<meta name="v
iewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>休暇申請</title>
<th:block th:replace="css.html"/>
<style>
h5{display:inline-block;}.modal-body,.modal-body p{font-size:14px;}#tipId{margin-top:-12px; margin-left:1
6px;}.color-input-disabled{color:#2f4154;}
</style>
</head>
<body>
<th:block th:replace="menu.html"/>
<div class="header-
6">
<div class="header-blur"></div>
<div id="particles-js" class="header-particles"></div>
<div class="header-inner">
<h2 class="header-title">休暇申請</h2>
</div>
</div>
<div class="container content" style="transition: height 1s ease">
<div class="content-wrapper">
<div class="row margin-bottom-30">
<div class="col-auto">
<h5>休暇申請</h5>
<input id="tipId" class="btn btn-info btn-xs" type="button" value="説明">
</div>
</div>
<!-- form -->
<form role="form" th:action="@{/leave/submit}" th:object="${leaveApplyForm}" method="post" id="applyForm">
<div class="row">
<div class="col-md-2 col-sm-4 form-group">
<label class="col-form-label label-gray">開始日付</label>
<font class="text-danger">※</font>
</div>
<div class="col-md-4 col-sm-4 form-group">
<input type="text" id="restDate" th:f
ield="*{startDate}" autocomplete="off" class="form-control datetimepicker" placeholder="年/月/日">
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4 form-group">
<label class="col-form-label label-gray">休暇時間</label>
<font class="text-danger">※</font>
</div>
<div class="col-md-2 col-sm-4 form-group after-day">
<input type="text" id="restDays" th:f
ield="*{restDays}" autocomplete="off" class="form-control textbox" placeholder="1日単位"/>
</div>
<div class="col-md-2 col-sm-4 form-group after-hour">
<input type="text" id="restHours" th:f
ield="*{restHours}" autocomplete="off" class="form-control textbox" placeholder="1時間単位"/>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4 form-group">
<label class="col-form-label label-gray">有給使用時間</label>
</div>
<div class="col-md-2 col-sm-4 form-group after-day">
<input type="text" id="paidDays" th:f
ield="*{paidDays}" autocomplete="off" class="form-control textbox" placeholder="1日単位"/>
</div>
<div class="col-md-2 col-sm-4 form-group after-hour">
<input type="text" id="paidHours" th:f
ield="*{paidHours}" autocomplete="off" class="form-control textbox" placeholder="1時間単位"/>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<label class="col-form-label label-gray">特別休暇使用時間</label>
</div>
<div class="col-md-4 form-group">
<div id="specialRest" class="form-control custom-selector"></div>
<select id="specialRest" th:f
ield="*{specialRest}">
<option value=""> </option>
<option
th:each="item : ${T(jp.co.yangtze.common.enums.SpecialRestReason).values()}"
th:value="${item.getCode()}"
th:
selected="${item.getCode()} == *{specialRest}"
th:text="${item.getLabel()}"></option>
</select>
</div>
<div class="col-md-2 col-sm-3 form-group after-day">
<input type="text" id="specialDays" th:f
ield="*{specialDays}" autocomplete="off" disabled class="form-control textbox" placeholder="1日単位"/>
</div>
<div class="col-md-2 col-sm-3 form-group after-hour">
<input type="text" id="specialHours" th:f
ield="*{specialHours}" autocomplete="off" disabled class="form-control textbox" placeholder="1時間単位"/>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<label class="col-form-label label-gray">休暇理由</label>
<font class="text-danger">※</font>
</div>
<div class="col-md-4 form-group">
<div id="reasonCode" class="form-control custom-selector"></div>
<select id="reasonCode" th:f
ield="*{reasonCode}">
<option value=""> </option>
<option
th:each="item : ${T(jp.co.yangtze.common.enums.RestReason).values()}"
th:value="${item.getCode()}"
th:
selected="${item.getCode()} == *{reasonCode}"
th:text="${item.getLabel()}"></option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<label class="col-form-label label-gray">備考</label>
</div>
<div class="col-md-10 form-group">
<input type="text" id="remark" th:f
ield="*{remark}" class="form-control textbox" autocomplete="off" placeholder="備考"></input>
</div>
</div>
</form>
<div class="row margin-top-30">
<div class="col-md-3 offset-md-2 form-group">
<button id="apply" class="btn btn-block btn-info" type="button">申請</button>
</div>
<div class="col-md-3 offset-md-2 form-group">
<button id="back" class="btn btn-block btn-info" type="button">戻る</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="restRuleModal" tabInx="-1" aria-labelledby="mydelby" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h
6 class="modal-title" id="myModalLabel">休暇申請説明</h
6>
</div>
<div class="modal-body">
<p>数字は半角で入力してください；</p>
<p>休暇時間＝有給使用時間＋特別休暇使用時間；</p>
<p>特別休暇使用の説明：</p>
<p>1親等→父母、配偶者、子女；</p>
<p>2親等→祖父母、配偶者の父母、及び兄弟姉妹；</p>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal">確認</button>
</div>
</div>
</div>
</div>
<th:block th:replace="footer.html" />
<th:block th:replace="js.html" />
<th:block th:replace="chose_approver.html"/>
<script th:inline="
javascript">
var overtime = /*[[${overtime}]]*/ 0;
console.log("Remaining hours:", overtime);
</script>
<script>
$(document).ready(function() {
//特別休暇制御
if($("select#specialRest").val().trim().length !== 0) {
$("#specialDays").removeAttr("disabled");
$("#specialHours").removeAttr("disabled");
} else {
$("#specialDays").attr("disabled","true");
$("#specialHours").attr("disabled","true");
}
$("#tipId").click(function() {
$("#restRuleModal").modal();
});
// 申請
$("#apply").click(function(){
$("#choseApproverModal").modal();
approvePermission = "leave:manage";
});
// 戻る
$("#back").click(function() {
$("#applyForm").attr('action', '/leave/back');
$("#applyForm").attr('method', 'get');
$("#applyForm").submit();
});
$("select#specialRest").change(function() {
if(this.value.trim().length !== 0) {
$("#specialDays").removeAttr("disabled");
$("#specialHours").removeAttr("disabled");
} else {
$("#specialDays").attr("disabled","true");
$("#specialHours").attr("disabled","true");
$("#specialDays").val("");
$("#specialHours").val("");
}
});
});
//20250521 mod by soki start
/*function onApproverChosed(approverId){
$("#applyForm").attr('action', '/leave/submit');
$("#applyForm").attr('method', 'post');
$("#applyForm").append($('<input />', {
type: 'hidden',
name: 'approverId',
value: approverId,
}));
$(window).rippleLoading();
$("#applyForm").submit();
}*/
//var overMessage = ' /*[[${overMessage}]]*/ ';
function onApproverChosed(approverId) {
console.log(overtime);
// 新增条件判断（修改点1）
if (overtime < 0) {
// 弹出确认对话框（修改点2）
$(window).confirmDialog({
info: '有給残時間はマイナスとなります、申請後有給残時間：',
confirmText: "はい",
cancleText: "キャンセル",
confirmCallback: function() { // 确认后执行原逻辑（修改点3）
doFormSubmit(approverId);
},
cancelCallback: function() { // 取消时停止（修改点4）
$(window).rippleLoading("hide"); // 可选的加载动画关闭
}
});
} else {
// 无消息时直接提交（修改点5）
doFormSubmit(approverId);
}
}
// 新增公共提交方法（修改点
6）
function doFormSubmit(approverId) {
// 先清空可能存在的旧字段（修改点7）
$("#applyForm input[name='approverId']").remove();
$("#applyForm")
.attr('action', '/leave/submit')
.attr('method', 'post')
.append($('<input />', {
type: 'hidden',
name: 'approverId',
value: approverId
}));
$(window).rippleLoading(); // 显示加载动画
$("#applyForm").submit();
}
//20250521 mod by soki end
</script>
</body>
</html>这是我前端代码，帮我分析一下
本文解决了一个在Internet Explorer 6浏览器中使用jQuery设置元素selected属性时出现的未指明错误问题。通过使用setTimeout延迟执行设置selected属性的方法，成功地避免了IE6中的脚本错误。
扫一扫
1388
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
