uploadFinish type:info message

backend/.gitignore

@@ -124,3 +124,5 @@ cython_debug/
 
 # VS Code settings
 .vscode/
+
+*.lock

frontend/src/components/DocUpload.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="q-pa-md">
     <q-uploader
+        :on-finish="uploadFinished"
         style="max-width: 400px"
         :url="uploadUrl"
         :label="title"
@@ -8,9 +9,10 @@
         :on-rejected="onRejected"
     ></q-uploader>
   </div>
+
 </template>
 <script setup lang="ts">
- import { useQuasar } from 'quasar';
+ import { createUploaderComponent, useQuasar } from 'quasar';
 
 
     const $q=useQuasar();
@@ -35,8 +37,16 @@
         type: 'negative',
         message: `CSVおよびExcelファイルを選択してください。`
       })
+
+    
     }
 
+    function uploadFinished(){
+      $q.notify({
+        type: 'info',
+        message: 'ファイルの読込が完了しました。'
+      })
+    }
 interface Props {
   title: string;
   uploadUrl:string;
@@ -46,6 +56,8 @@ const props = withDefaults(defineProps<Props>(), {
   uploadUrl:process.env.KAB_BACKEND_URL
 });
 
+
+
 </script>
 <style lang="scss">