src/pages/Travel/Card/TravelThermographsForm.vue

@@ -40,6 +40,7 @@ const thermographsOptions = ref([]);
 const dmsTypesOptions = ref([]);
 const companiesOptions = ref([]);
 const warehousesOptions = ref([]);
+const inputFileRef = ref(null);
 
 const thermographForm = reactive({
     thermographId: null,
@@ -300,13 +301,18 @@ const updateThermograph = async () => {
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QFile
+                            ref="inputFileRef"
                             :label="t('travel.thermographs.file')"
                             multiple
                             :accept="allowedFileTypes"
                             v-model="thermographForm.files"
                         >
                             <template #append>
-                                <QIcon name="vn:attach" class="cursor-pointer">
+                                <QIcon
+                                    name="vn:attach"
+                                    class="cursor-pointer"
+                                    @click="inputFileRef.pickFiles()"
+                                >
                                     <QTooltip>{{ t('Select files') }}</QTooltip>
                                 </QIcon>
                             </template>