ken_nogi/Pleasanter/Extended/wwwroot/myScripts/beforeCheck1.html
Kenichiro NOGI ce58cb4be4 初回コミット: dev配下(NodeSrv/Pleasanter等)をGitea管理下に統合
GitHub(nextgroup2706/ken_nogi)は今後使わず自社Gitea運用に切替え。
NodeSrvは旧リポジトリの履歴を破棄しファイルのみ統合(Dokploy用サービスアカウントは
別途mygit-admin/NodeSrv.gitに履歴あり)。notepmエクスポート(12GB)とPleasanter
インストーラzip(208MB)はサイズが大きいため.gitignoreで除外。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-04 15:37:06 +09:00

199 lines
7.4 KiB
HTML

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【本契約】事前確認</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2//themes/smoothness/jquery-ui.css">
<style>
pre {
margin: 0px;
padding: 0px;
font-size: 1em;
font-family: initial;
white-space: pre-wrap;
word-break: break-all;
}
table {
width: 100%;
border-collapse: collapse;
border: none;
border-spacing: 0px;
margin: 0px;
}
th,
td {
font-size: 75%;
padding: 5px 15px;
border: 1px solid #555;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
break-inside: avoid;
}
th {
background-color: lightyellow
}
.td1,
.td2,
.td3,
.td5 {
text-align: center;
}
.td4 {
white-space: normal;
}
</style>
</head>
<body>
<h2 style="margin-left:20px;">注文住宅MSS★マスターシート■本契約<br>★事前確認 担当営業チェックシート</h2>
<div style="font-size:80%; margin-left:20px;">
事前確認で指摘された事項を確認し、マスターシートを修正してください。<br>
すべての指摘事項を修正し、すべてチェックしないと本申請を行うことはできません。<br>
<span style="color:red;font-weight:bold;font-size:110%;">最後に必ず『チェックを保存』ボタンを押してください。</span><br>
<span style="color:red;font-weight:bold;font-size:90%;">担当役員によるチェック作業は無くなりました。</span><br>
<br>
</div>
<form id="myComment">
<table>
<thead>
<tr>
<th>確認部署</th>
<th>確認者</th>
<th>確認日</th>
<th>コメント</th>
<th>チェック</th>
</tr>
</thead>
<tbody>
<tr>
<td id="group124" class="td1"></td>
<td id="shonin_user124" class="td2"></td>
<td id="shonin_date124" class="td3"></td>
<td id="comments124" class="td4"></td>
<td class="td5">
<input type="checkbox" id="checkbox131" name="checkbox131" value="131">
<label for="checkbox131">確認完了</label>
</td>
</tr>
<tr>
<td id="group125" class="td1"></td>
<td id="shonin_user125" class="td2"></td>
<td id="shonin_date125" class="td3"></td>
<td id="comments125" class="td4"></td>
<td class="td5">
<input type="checkbox" id="checkbox132" name="checkbox132" value="132">
<label for="checkbox132">確認完了</label>
</td>
</tr>
<tr>
<td id="group126" class="td1"></td>
<td id="shonin_user126" class="td2"></td>
<td id="shonin_date126" class="td3"></td>
<td id="comments126" class="td4"></td>
<td class="td5">
<input type="checkbox" id="checkbox133" name="checkbox133" value="133">
<label for="checkbox133">確認完了</label>
</td>
</tr>
<tr>
<td id="group127" class="td1"></td>
<td id="shonin_user127" class="td2"></td>
<td id="shonin_date127" class="td3"></td>
<td id="comments127" class="td4"></td>
<td class="td5">
<input type="checkbox" id="checkbox134" name="checkbox134" value="134">
<label for="checkbox134">確認完了</label>
</td>
</tr>
<!--tr>
<td id="group128" class="td1"></td>
<td id="shonin_user128" class="td2"></td>
<td id="shonin_date128" class="td3"></td>
<td id="comments128" class="td4"></td>
<td class="td5">
<input type="checkbox" id="checkbox135" name="checkbox135" value="135">
<label for="checkbox135">確認完了</label>
</td>
</tr-->
</tbody>
</table>
<br><br>
<input type="submit" value="チェックを保存" style="margin-left:20px;">
</form>
</body>
<script>
window.onbeforeunload = function (e) {
e.returnValue = "ページを閉じます";
}
window.addEventListener('load', function () {
//let checkList = ['131', '132', '133', '134', '135'];
let checkList = ['131', '132', '133', '134'];
const form = document.getElementById('myComment');
//保存ボタン実行処理
form.addEventListener('submit', function (event) {
window.onbeforeunload = null;
event.preventDefault(); // デフォルトの送信処理をキャンセル
// JavaScriptで処理を実行する
//終了処理
window.opener.closeJizenKakuninWindow(checkList);
});
//チェックボックスが変化したらイベント
$('input[type=checkbox]').change(function () {
let id = $(this).val();
if ($(this).is(':checked')) {
console.log($(this).val() + ' is Checked');
window.opener.setCheckboxDataFromChild(id, 1);
} else {
console.log($(this).val() + ' is UnChecked');
window.opener.setCheckboxDataFromChild(id, 0);
}
});
//---------------------------------------------------------------------------------
//マスターシートからチェック情報取得
let checkData = window.opener.getCheckDataFromParent(checkList);
checkList.forEach(function (id) {
$('#checkbox' + id).prop('checked', checkData[id]);
});
//マスターシートからデータ取得
//let idList = ['124', '125', '126', '127', '128'];
let idList = ['124', '125', '126', '127'];
let groupList = {
'124': '管理設計',
'125': '所属長',
'126': '専務',
'127': '総務'
//'128': '役員'
};
let data = window.opener.getCommentsDataFromParent(idList);
//マスターシートからデータを取得して表示
idList.forEach(function (id) {
$('#group' + id).html(groupList[id]);
$('#shonin_user' + id).html(data[id]['shonin_user']);
$('#shonin_date' + id).html(data[id]['shonin_date']);
$('#comments' + id).html(data[id]['comments']);
});
});
</script>
</html>