From 4e3620040d18968a6c0ad876ec32fdcde538ebf4 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 8 Aug 2024 14:58:58 +0700
Subject: [PATCH] feat: employer attachment

---
 .../employer/EmployerFormAttachment.vue       | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue

diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue b/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue
new file mode 100644
index 00000000..ac95b7a0
--- /dev/null
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue';
+defineProps<{
+  readonly?: boolean;
+  prefixId?: string;
+}>();
+
+const attachment = defineModel<File[]>('attachment');
+</script>
+
+<template>
+  <div class="row q-col-gutter-md">
+    <q-file
+      :id="`${prefixId}-input-attchment`"
+      dense
+      outlined
+      :readonly="readonly"
+      multiple
+      append
+      :label="$t('customerBranch.form.attachment')"
+      class="col-12"
+      v-model="attachment"
+    >
+      <template #prepend>
+        <Icon
+          icon="material-symbols:attach-file"
+          width="20px"
+          style="color: var(--brand-1)"
+        />
+      </template>
+    </q-file>
+  </div>
+</template>
+
+<style></style>