<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>รายงานชี้แจงกรณีไม่เข้าเวรตำรวจ</title>
<style>
@page {
size: A4;
margin: 2cm;
}
body {
font-family: 'Sarabun', 'TH Sarabun New', Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000;
background: white;
margin: 0;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid #000;
padding-bottom: 15px;
}
.header h1 {
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0;
}
.to-line {
text-align: left;
margin: 20px 0;
}
.section {
margin: 20px 0;
padding: 15px;
border: 1px solid #ddd;
background: #f9f9f9;
}
.section h3 {
font-size: 16px;
font-weight: bold;
margin: 0 0 15px 0;
padding: 0;
color: #333;
border-bottom: 1px solid #ccc;
paddding-bottom: 5px;
}
.form-row {
display: flex;
margin: 10px 0;
align-items: center;
}
.form-label {
font-weight: bold;
min-width: 150px;
margin-right: 10px;
}
.form-input {
border: none;
border-bottom: 1px solid #000;
padding: 2px 5px;
background: transparent;
flex: 1;
font-family: inherit;
font-size: inherit;
}
.checkbox-group {
margin: 10px 0;
}
.checkbox-item {
margin: 8px 0;
display: flex;
align-items: center;
}
.checkbox {
width: 15px;
height: 15px;
border: 1px solid #000;
margin-right: 8px;
display: inline-block;
}
.sub-item {
margin-left: 25px;
margin-top: 5px;
}
.textarea {
width: 100%;
min-height: 60px;
border: 1px solid #000;
padding: 5px;
font-family: inherit;
font-size: inherit;
resize: vertical;
}
.signature-section {
margin-top: 30px;
padding: 20px;
border: 1px solid #000;
}
.signature-row {
display: flex;
justify-content: space-between;
margin: 15px 0;
}
.signature-box {
text-align: center;
min-width: 200px;
}
.footer-note {
margin-top: 30px;
padding: 10px;
background: #f0f0f0;
border-left: 4px solid #333;
font-size: 12px;
}
@media print {
body {
padding: 0;
}
.section {
break-inside: avoid;
}
}
</style>
</head>
<body>
<div class="header">
<h1>รายงานชี้แจงกรณีไม่เข้าเวรตำรวจ</h1>
</div>
<div class="to-line">
<strong>เรียน</strong> ผู้บังคับบัญชา <input type="text" class="form-input" style="width: 300px;" placeholder="ระบุตำแหน่ง/ชื่อหน่วยงาน"><br><br>
<strong>เรื่อง</strong> ขออนุญาตไม่เข้าเวรตำรวจ และชี้แจงเหตุผลการขาดเวร
</div>
<div class="section">
<h3>ข้อมูลผู้รายงาน</h3>
<div class="form-row">
<span class="form-label">ยศ-ชื่อ-สกุล:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">เลขประจำตัว:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">ตำแหน่ง:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">สังกัด:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">เบอร์โทรศัพท์:</span>
<input type="text" class="form-input">
</div>
</div>
<div class="section">
<h3>รายละเอียดการเวร</h3>
<div class="form-row">
<span class="form-label">วันที่ขาดเวร:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">เวลาเวร:</span>
<input type="text" class="form-input" style="width: 100px;"> น. ถึง
<input type="text" class="form-input" style="width: 100px;"> น.
</div>
<div class="form-row">
<span class="form-label">ประเภทเวร:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">สถานที่เวร:</span>
<input type="text" class="form-input">
</div>
</div>
<div class="section">
<h3>เหตุผลการไม่เข้าเวร</h3>
<div class="checkbox-group">
<div class="checkbox-item">
<span class="checkbox">☐</span>
<strong>เจ็บป่วย</strong>
</div>
<div class="sub-item">
รายละเอียดอาการ: <input type="text" class="form-input" style="width: 300px;"><br>
มีใบรับรองแพทย์: <span class="checkbox">☐</span> มี <span class="checkbox">☐</span> ไม่มี<br>
โรงพยาบาล/คลินิก: <input type="text" class="form-input" style="width: 250px;">
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span>
<strong>ธุระส่วนตัวเร่งด่วน</strong>
</div>
<div class="sub-item">
รายละเอียด: <input type="text" class="form-input" style="width: 350px;">
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span>
<strong>ภาระครอบครัว</strong>
</div>
<div class="sub-item">
รายละเอียด: <input type="text" class="form-input" style="width: 350px;">
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span>
<strong>อุบัติเหตุ/เหตุสุดวิสัย</strong>
</div>
<div class="sub-item">
รายละเอียด: <input type="text" class="form-input" style="width: 350px;">
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span>
<strong>อื่นๆ</strong>
</div>
<div class="sub-item">
ระบุ: <input type="text" class="form-input" style="width: 350px;">
</div>
</div>
</div>
<div class="section">
<h3>การแจ้งล่วงหนา</h3>
<div class="form-row">
<span class="form-label">ได้แจ้งผู้บังคับบัญชาล่วงหนา:</span>
<span class="checkbox">☐</span> ใช่ <span class="checkbox">☐</span> ไม่ใช่
</div>
<div class="form-row">
<span class="form-label">ถ้าใช่ แจ้งเมื่อไหร่:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">แจ้งผ่านช่องทางใด:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">ผู้รับแจ้ง:</span>
<input type="text" class="form-input">
</div>
<div style="margin-top: 15px;">
<strong>หากไม่ได้แจ้งล่วงหนา เพราะเหตุใด:</strong><br>
<textarea class="textarea" rows="3"></textarea>
</div>
</div>
<div class="section">
<h3>การจัดหาผู้เวรแทน</h3>
<div class="form-row">
<span class="form-label">ได้จัดหาผู้เวรแทน:</span>
<span class="checkbox">☐</span> ใช่ <span class="checkbox">☐</span> ไม่ใช่
</div>
<div class="form-row">
<span class="form-label">ถ้าใช่ ผู้เวรแทนคือ:</span>
<input type="text" class="form-input">
</div>
<div class="form-row">
<span class="form-label">ยศ-ชื่อ-สกุลผู้เวรแทน:</span>
<input type="text" class="form-input">
</div>
</div>
<div class="section">
<h3>หลักฐานประกอบ</h3>
<div class="checkbox-group">
<div class="checkbox-item">
<span class="checkbox">☐</span> ใบรับรองแพทย์
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> เอกสารราชการ
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> หนังสือรับรองจากหน่วยงานอื่น
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> รูปถ่าย/เอกสารอื่นๆ
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> ไม่มีหลักฐานประกอบ
</div>
</div>
<div style="margin-top: 15px;">
<strong>รายละเอียดหลักฐาน:</strong><br>
<textarea class="textarea" rows="3"></textarea>
</div>
</div>
<div class="section">
<h3>คำชี้แจงเพิ่มเติม</h3>
<textarea class="textarea" rows="5"></textarea>
</div>
<div class="signature-section">
<h3>คำรับรองและขออภัย</h3>
<p>ข้าพเจ้าขอรับรองว่า ข้อมูลที่แจ้งข้างต้นเป็นความจริงทุกประการ และขอแสดงความเสียใจที่ไม่สามารถปฏิบัติหน้าที่เวรได้ตามกำหนด</p>
<p>ข้าพเจ้าพร้อมที่จะรับผิดชอบตามระเบียบ และจะดำเนินการให้เหมาะสมเพื่อมิให้เกิดเหตุการณ์เช่นนี้อีก</p>
<div class="signature-row">
<div class="signature-box">
<strong>ลายมือชื่อ</strong><br>
<div style="border-bottom: 1px solid #000; margin: 20px 0; height: 40px;"></div>
</div>
<div class="signature-box">
<strong>วันที่</strong><br>
<div style="border-bottom: 1px solid #000; margin: 20px 0; height: 40px;"></div>
</div>
</div>
</div>
<div class="section">
<h3>สำหรับผู้บังคับบัญชา</h3>
<div style="margin: 15px 0;">
<strong>การพิจารณา:</strong><br>
<div class="checkbox-group">
<div class="checkbox-item">
<span class="checkbox">☐</span> อนุมัติ
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> ไม่อนุมัติ
</div>
<div class="checkbox-item">
<span class="checkbox">☐</span> ต้องการข้อมูลเพิ่มเติม
</div>
</div>
</div>
<div style="margin: 15px 0;">
<strong>ความเห็น:</strong><br>
<textarea class="textarea" rows="4"></textarea>
</div>
<div class="signature-row">
<div class="signature-box">
<strong>ลายมือชื่อผู้บังคับบัญชา</strong><br>
<div style="border-bottom: 1px solid #000; margin: 20px 0; height: 40px;"></div>
</div>
<div class="signature-box">
<strong>ตำแหน่ง</strong><br>
<div style="border-bottom: 1px solid #000; margin: 20px 0; height: 40px;"></div>
</div>
</div>
<div class="signature-box" style="margin-top: 20px;">
<strong>วันที่</strong><br>
<div style="border-bottom: 1px solid #000; margin: 20px 0; height: 40px;"></div>
</div>
</div>
<div class="footer-note">
<strong>หมายเหตุ:</strong> กรณีไม่เข้าเวรโดยไม่มีเหตุผลอันสมควร อาจได้รับโทษทางวินัยตามระเบียบของทางราชการ
</div>
</body>
</html>