diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 7c67049..a0b8dcb 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -393,18 +393,15 @@ onMounted(() => {
 								<q-icon name="attach_file" color="primary" />
 							</template>
 						</q-file>
-						<div class="col-12" v-if="leaveDocumentList">
-							<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
-						</div>
 					</div>
 				</div>
 				<div class="col-12" v-if="data">
 					<div class="col-12 col-md-12 col-sm-12">
-						<q-card bordered>
+						<q-card bordered flat>
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -418,6 +415,9 @@ onMounted(() => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index 978a6fa..bfc5f37 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -368,7 +368,7 @@ onMounted(() => {
 						<div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
 					</div> -->
 					<q-card bordered flat class="full-width">
-						<q-list separator>
+						<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 							<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 								<q-item-section>
 									<q-item-label class="row items-baseline">
@@ -382,6 +382,9 @@ onMounted(() => {
 								</q-item-section>
 							</q-item>
 						</q-list>
+						<div class="col-12" v-else>
+							<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+						</div>
 					</q-card>
 				</div>
 				<div class="col-12 col-sm-6 row" v-if="!edit">
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 4d4334a..d26a391 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -409,7 +409,7 @@ onMounted(() => {
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -423,6 +423,9 @@ onMounted(() => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 43318eb..c3fc915 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -407,7 +407,7 @@ onMounted(() => {
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -421,6 +421,9 @@ onMounted(() => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index e697820..e9a0052 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -519,7 +519,7 @@ onMounted(() => {
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -533,6 +533,9 @@ onMounted(() => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index 6c67c11..9f213ab 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -329,7 +329,7 @@ onMounted(() => {
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -343,6 +343,10 @@ onMounted(() => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 25cbc8d..62ebff9 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -406,7 +406,7 @@ onMounted(() => {
 								<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-								<q-list separator>
+								<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 									<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 										<q-item-section>
 											<q-item-label class="row items-baseline">
@@ -420,6 +420,9 @@ onMounted(() => {
 										</q-item-section>
 									</q-item>
 								</q-list>
+								<div class="col-12" v-else>
+									<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+								</div>
 							</q-card>
 						</div>
 					</div>
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index 234770d..bb0bc2f 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -507,7 +507,7 @@ onMounted(async () => {
 								<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-								<q-list separator>
+								<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 									<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 										<q-item-section>
 											<q-item-label class="row items-baseline">
@@ -521,6 +521,9 @@ onMounted(async () => {
 										</q-item-section>
 									</q-item>
 								</q-list>
+								<div class="col-12" v-else>
+									<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+								</div>
 							</q-card>
 						</div>
 					</div>
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index d79b75e..ab89df4 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -507,7 +507,7 @@ onMounted(async () => {
 								<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-								<q-list separator>
+								<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 									<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 										<q-item-section>
 											<q-item-label class="row items-baseline">
@@ -521,6 +521,9 @@ onMounted(async () => {
 										</q-item-section>
 									</q-item>
 								</q-list>
+								<div class="col-12" v-else>
+									<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+								</div>
 							</q-card>
 						</div>
 					</div>
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index 9b01c85..44aa05c 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -349,7 +349,7 @@ onMounted(() => {
 						<div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
 					</div>
 					<q-card bordered flat class="full-width">
-						<q-list separator>
+						<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 							<q-item v-for="(file, index) in leaveDocumentList" :key="index" class="q-my-xs">
 								<q-item-section>
 									<q-item-label class="full-width ellipsis">
@@ -359,6 +359,9 @@ onMounted(() => {
 								</q-item-section>
 							</q-item>
 						</q-list>
+						<div class="col-12" v-else>
+							<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+						</div>
 					</q-card>
 				</div>
 			</div>
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index 0dd0bff..0973dbe 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -566,7 +566,7 @@ onMounted(async () => {
 							<!-- <div class="col-12">
 								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ{{ leaveDocumentList }} </q-card>
 							</div> -->
-							<q-list separator>
+							<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 								<q-item v-for="(document, index) in leaveDocumentList" :key="index" class="q-my-xs">
 									<q-item-section>
 										<q-item-label class="row items-baseline">
@@ -580,6 +580,9 @@ onMounted(async () => {
 									</q-item-section>
 								</q-item>
 							</q-list>
+							<div class="col-12" v-else>
+								<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+							</div>
 						</q-card>
 					</div>
 				</div>
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index 20c17cc..9d81906 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -316,7 +316,7 @@ onMounted(() => {
 						<div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
 					</div>
 					<q-card bordered flat class="full-width">
-						<q-list separator>
+						<q-list separator v-if="leaveDocumentList && leaveDocumentList.length > 0">
 							<q-item v-for="(file, index) in leaveDocumentList" :key="index" class="q-my-xs">
 								<q-item-section>
 									<q-item-label class="full-width ellipsis">
@@ -326,6 +326,9 @@ onMounted(() => {
 								</q-item-section>
 							</q-item>
 						</q-list>
+						<div class="col-12" v-else>
+							<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสารประกอบ </q-card>
+						</div>
 					</q-card>
 				</div>
 			</div>