upfile popup

src/modules/13_salary/views/salaryChart.vue

@@ -13,7 +13,7 @@ import type {
 } from "@/modules/13_salary/interface/index/Main";
 import type { Salary } from "@/modules/13_salary/interface/response/Main";
 import type { FormQuerySalary } from "@/modules/13_salary/interface/request/Main";
-
+import DialogFormUpload from '@/modules/13_salary/components/SalaryChart/DialogUpload.vue'
 import DialogFormMain from "@/modules/13_salary/components/SalaryChart/DialogFormMain.vue";
 
 /** importStore*/
@@ -33,7 +33,8 @@ const {
 
 /** modalDialog*/
 const modalDialogFormMain = ref<boolean>(false);
-
+const modalUpload = ref<boolean>(false);
+const rowId = ref<string>('')
 /** Table*/
 const rows = ref<Salary[]>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -99,6 +100,12 @@ const itemMenu = ref<ItemsMenu[]>([
     color: "edit",
     type: "edit",
   },
+  {
+    label: "อัปโหลดเอกสารอ้างอิง",
+    icon: "mdi-upload",
+    color: "teal",
+    type: "upload",
+  },
   {
     label: "อัตราเงินเดือน",
     icon: "mdi-format-list-bulleted-triangle",
@@ -203,6 +210,12 @@ async function onClickDelete(id: string) {
   });
 }
 
+async function onClickUpload(type: string,id: string) {
+  modalUpload.value = true
+  typeAction.value = type;
+  rowId.value = id
+}
+
 onMounted(async () => {
   await fetchListSalaly();
 });
@@ -320,7 +333,7 @@ async function filterFn(page: number) {
                 size="12px"
               >
                 <q-menu>
-                  <q-list dense style="min-width: 150px">
+                  <q-list dense style="min-width: 200px">
                     <q-item
                       v-for="(item, index) in itemMenu"
                       :key="index"
@@ -331,6 +344,8 @@ async function filterFn(page: number) {
                           ? onClickSalary('edit', props.row)
                           : item.type === 'salaryRate'
                           ? onClickSalaryRate(props.row.id)
+                          : item.type === 'upload'
+                          ? onClickUpload('edit',props.row.id)
                           : item.type === 'copy'
                           ? onClickCoppy(props.row.id)
                           : item.type === 'delete'
@@ -377,6 +392,12 @@ async function filterFn(page: number) {
     :data="dataRow"
     :fetchData="fetchListSalaly"
   />
+  <DialogFormUpload
+    v-model:modal="modalUpload"
+    :typeAction="typeAction"
+    :id="rowId"
+    :fetchData="fetchListSalaly"
+  />
 </template>
 
 <style scoped></style>