Add new fields for "Müdürlük" and "Çekiliş Görevlisi" in FormPiyangoOnay component. Implement conditional rendering based on "onayDurumuIslemTipiId". Update data store to ensure toast notifications are handled correctly after API calls.

src/module/cekilisler/components/form/FormPiyangoOnay.vue

@@ -61,6 +61,26 @@
           label="İzin Açıklaması"
           @keyup="OnKeyup" />
       </template>
+      <template v-if="showIzinVerildiFields">
+        <form-select
+          label="Müdürlük"
+          :listData="mudurlukListesi"
+          listText="name"
+          listVal="id"
+          v-model="piyangoOnayStore.piyangoOnayForm.mudurlukId"
+          required
+          :invalidText="piyangoOnayValidationStore.invalidTexts.mudurlukId"
+          @change="OnKeyup" />
+        <form-select
+          label="Çekiliş Görevlisi"
+          :listData="cekilisGorevlisiListesi"
+          listText="name"
+          listVal="id"
+          v-model="piyangoOnayStore.piyangoOnayForm.cekilisGorevlisiId"
+          required
+          :invalidText="piyangoOnayValidationStore.invalidTexts.cekilisGorevlisiId"
+          @change="OnKeyup" />
+      </template>
       <form-select
         v-if="showKapsamDisiSebebi"
         label="Kapsam Dışı Sebebi"
@@ -112,6 +132,12 @@
     )
   })
 
+  const showIzinVerildiFields = computed<boolean>(() => {
+    return (
+      piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === 4
+    )
+  })
+
   const showKapsamDisiSebebi = computed<boolean>(() => {
     return piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
   })
@@ -128,6 +154,24 @@
     { id: 'Diğer', name: 'Diğer' }
   ])
 
+  const cekilisGorevlisiListesi = ref<Record<string, any>[]>([
+    { id: 1, name: 'Antalya Şube Müdürlüğü' },
+    { id: 2, name: 'Gaziantep Şube Müdürlüğü' },
+    { id: 3, name: 'Aksaray Şube Müdürlüğü' },
+    { id: 4, name: 'Kadıköy Şube Müdürlüğü' },
+    { id: 5, name: 'Karşıyaka Şube Müdürlüğü' },
+    { id: 6, name: 'Muğla Şube Müdürlüğü' },
+    { id: 7, name: 'Trabzon Şube Müdürlüğü' },
+    { id: 8, name: 'Noter' },
+    { id: 9, name: 'Başkanlık Personeli' }
+  ])
+
+  const mudurlukListesi = ref<Record<string, any>[]>([
+    { id: 1, name: '1 No\'lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü' },
+    { id: 2, name: '2 No\'lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü' },
+    { id: 3, name: '3 No\'lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü' }
+  ])
+
   const OnKeyup = () => {
     piyangoOnayValidationStore.formChanged = true
   }

src/stores/dataStore.ts

@@ -35,13 +35,14 @@ export const useDataStore = defineStore('dataStore', () => {
       if (data.data !== undefined) sendData.data = data.data
       if (data.params !== undefined) sendData.params = data.params
       if (data.headers !== undefined) sendData.headers = data.headers
-      if (data.toast !== undefined) {
-        toastStore.AddToast(data.toast.toast, data.toast.type, data.toast.timeout)
-      }
 
       const response = await axios.get(apiBase.value + api, sendData)
       console.log('response --', api, response)
 
+      if (data.toast !== undefined) {
+        toastStore.AddToast(data.toast.toast, data.toast.type, data.toast.timeout)
+      }
+
       if (data.full !== undefined && data.full) {
         return response
       } else {
@@ -72,12 +73,13 @@ export const useDataStore = defineStore('dataStore', () => {
       if (data.options !== undefined) Object.assign(sendData, data.options)
       if (data.params !== undefined) sendData.params = data.params
       if (data.headers !== undefined) sendData.headers = data.headers
+
+      const response = await axios.post(apiBase.value + api, postData, sendData)
+
       if (data.toast !== undefined) {
         toastStore.AddToast(data.toast.toast, data.toast.type, data.toast.timeout)
       }
 
-      const response = await axios.post(apiBase.value + api, postData, sendData)
-
       if (data.full !== undefined && data.full) {
         return response
       } else {
@@ -109,11 +111,13 @@ export const useDataStore = defineStore('dataStore', () => {
       if (data.options !== undefined) Object.assign(sendData, data.options)
       if (data.params !== undefined) sendData.params = data.params
       if (data.headers !== undefined) sendData.headers = data.headers
+
+      const response = await axios.put(apiBase.value + api, postData, sendData)
+      
       if (data.toast !== undefined) {
         toastStore.AddToast(data.toast.toast, data.toast.type, data.toast.timeout)
       }
 
-      const response = await axios.put(apiBase.value + api, postData, sendData)
       if (data.full !== undefined && data.full) {
         return response
       } else {
@@ -144,11 +148,13 @@ export const useDataStore = defineStore('dataStore', () => {
       if (data.options !== undefined) Object.assign(sendData, data.options)
       if (data.params !== undefined) sendData.params = data.params
       if (data.headers !== undefined) sendData.headers = data.headers
+
+      const response = await axios.delete(apiBase.value + api, sendData)
+      
       if (data.toast !== undefined) {
         toastStore.AddToast(data.toast.toast, data.toast.type, data.toast.timeout)
       }
 
-      const response = await axios.delete(apiBase.value + api, sendData)
       if (data.full !== undefined && data.full) {
         return response
       } else {