ตัวอย่างอัพไฟล์

src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue

@@ -7,11 +7,13 @@ import { useInvestigateDisStore } from "@/modules/11_discipline/store/Investigat
 
 import Dialogbody from "@/modules/11_discipline/components/3_InvestigateDisciplinary/Dialogbody.vue";
 import Table from "@/modules/11_discipline/components/3_InvestigateDisciplinary/DirectorTable.vue";
+import UploadFile from "@/modules/11_discipline/components/UploadFile.vue";
 
 import type {
   FormData,
   disciplinaryRef,
 } from "@/modules/11_discipline/interface/request/disciplinary";
+import type { FileLists } from "../../interface/index/Main";
 
 const investigateDis = useInvestigateDisStore();
 const { fecthDirector } = investigateDis;
@@ -264,9 +266,13 @@ onMounted(async () => {
   ]);
   await hideLoader();
 });
+
+const files = ref<FileLists[]>([{ id: "1", fileName: "test", pathName: "xxx" }]);
 </script>
 <template>
   <div class="col-xs-12 col-sm-12 col-md-11">
+    <UploadFile title="อัปโหลดเอกสาร" label="เลือกเอกสาร" :files="files" id="xx"/>
+
     <form @submit.prevent="validateForm">
       <div class="col-12">
         <q-card>
@@ -785,7 +791,7 @@ onMounted(async () => {
                     dense
                     ref="filesRecordAccuserRef"
                     for="#filesRecordAccuser"
-                    v-model="formData.filesRecordAccuser"
+                    v-model="filesRecordAccuser"
                     @added="fileUploadDoc"
                     label="ไฟล์เอกสารบันทึกถ้อยคำของผู้กล่าวหา"
                     hide-bottom-space