แก้ไขให้ไฟล์ เป็นว่างได้

-เพิ่มโชว์ชื่อไฟล์หน้า edit

src/modules/02_transfer/views/AddTransfer.vue

@@ -143,7 +143,7 @@ const fileUploadDoc = async (file: any) => {
 									:readonly="routeName != 'addTransfer'"
 									:rules="[(val:string) => !!val || `${'กรุณากรอกเหตุผล'}`]"
 								/>
-								<div class="col-12 row">
+								<div class="col-12 row" v-if="routeName == 'addTransfer'">
 									<q-uploader
 										bordered
 										flat
@@ -156,6 +156,24 @@ const fileUploadDoc = async (file: any) => {
 										@removed="filesNull"
 									/>
 								</div>
+								<div class="col-12 row" v-if="routeName != 'addTransfer'">
+									<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+										<div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
+									</div>
+									<q-card bordered flat class="full-width">
+										<q-list separator>
+											<q-item v-for="file in files" :key="file.key" class="q-my-xs">
+												<q-item-section>
+													<q-item-label class="full-width ellipsis">
+														{{ file.fileName }}
+													</q-item-label>
+
+													<q-item-label caption> </q-item-label>
+												</q-item-section>
+											</q-item>
+										</q-list>
+									</q-card>
+								</div>
 							</div>
 						</div>
 					</div>

src/modules/03_leave/views/AddLeave.vue

@@ -143,17 +143,19 @@ const deleteResting = async (id: string) => {
 //บันทึกข้อมูล
 const createFormresign = async () => {
 	const formData = new FormData()
-
+	if (files.value > 0) {
-	// const blob = files.value.slice(0, files.value[0].size)
+		const blob = files.value.slice(0, files.value[0].size)
-	// const newFile = new File(blob, nameFile.value, {
+		const newFile = new File(blob, nameFile.value, {
-	// 	type: files.value[0].type,
+			type: files.value[0].type,
-	// })
+		})
+		formData.append("file", newFile)
+	}
 
 	formData.append("Location", tranferOrg.value)
 	formData.append("SendDate", dateToISO(dateCommand.value))
 	formData.append("ActiveDate", dateToISO(dateLeave.value))
 	formData.append("Reason", noteReason.value)
-	formData.append("file", files.value)
+
 	await http
 		.post(config.API.listResign(), formData)
 		.then((res: any) => {
@@ -277,7 +279,7 @@ const fectDataresign = async (id: string) => {
 									:rules="[val => !!val || `${'กรุณากรอกเหตุผลที่ลาออกจากราชการ'}`]"
 								/>
 
-								<div class="col-12 row">
+								<div class="col-12 row" v-if="routeName == 'AddLeave'">
 									<q-uploader
 										flat
 										bordered
@@ -291,6 +293,23 @@ const fectDataresign = async (id: string) => {
 										style="max-width: px"
 									/>
 								</div>
+								<div class="col-12 row" v-if="routeName != 'AddLeave'">
+									<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+										<div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
+									</div>
+									<q-card bordered flat class="full-width">
+										<q-list separator>
+											<q-item v-for="file in files" :key="file.key" class="q-my-xs">
+												<q-item-section>
+													<q-item-label class="full-width ellipsis">
+														{{ file.fileName }}
+													</q-item-label>
+
+													<q-item-label caption> </q-item-label>
+												</q-item-section>
+											</q-item>
+										</q-list>
+									</q-card>
 								</div>
 							</div>
 							<q-card bordered class="row col-12 text-dark q-mt-sm" v-if="routeName != 'AddLeave'">
@@ -356,6 +375,8 @@ const fectDataresign = async (id: string) => {
 									</div>
 								</div>
 							</q-card>
+						</div>
+
 						<div class="row col-12 q-pa-md" v-if="routeName != 'AddLeave'">
 							<q-space />
 							<q-btn