Add 'Çekiliş Hakkı Adedi' field to piyangoKatilimciStore and implement validation in piyangoKatilimciValidationStore. Ensure the value is at least 1 to maintain data integrity during form submissions.

Enhance error handling in useDataStore by adding skipErrorForStatuses option to bypass specific status codes in CheckApiError. This improves error management and allows for more flexible API response handling.
Add removeUploadHandlers function to signalrService for improved memory management by detaching event handlers, preventing memory leaks and multiple triggers.
2026-03-26 12:38:56 +03:00 · 2026-03-26 12:38:43 +03:00 · 2026-03-26 12:38:29 +03:00 · 2026-03-26 12:38:18 +03:00 · 2026-03-26 12:38:07 +03:00 · 2026-03-26 12:37:56 +03:00
112 changed files with 5410 additions and 1384 deletions
--- a/Configs.ts
+++ b/Configs.ts
@ -0,0 +1,23 @@
+// build olurken bazı klasorlerin ayri script olarak kaydedilmesi
+export const TEMPLATE_CHUNK_GROUPS: Record<string, (RegExp | string)[]> = {
+  store: [/\/src\/stores\//],
+  //lott: [/\/src\/module\/cekilisler\//],
+  //user: [/\/src\/module\/kullanicilar\//],
+  //cust: [/\/src\/module\/uyeler\//],
+  //acc: [/\/src\/module\/muhasebe\//],
+  //site: [/\/src\/module\/site-yonetimi\//],
+  //aut: [/\/src\/module\/auth\//]
+}
+
+// id -> group_name
+export function SetTemplateGroup(id: string): string | undefined {
+  const cleanId = id.split('?')[0]
+  for (const [group, pats] of Object.entries(TEMPLATE_CHUNK_GROUPS)) {
+    if (
+      pats.some((p) => (typeof p === 'string' ? cleanId.includes(p) : p.test(cleanId)))
+    ) {
+      return group
+    }
+  }
+  return undefined
+}
--- a/package-lock.json
+++ b/package-lock.json
@ -15,8 +15,6 @@
        "jquery": "^3.7.1",
        "parchment": "^3.0.0",
        "pinia": "^2.1.7",
-        "quill": "^2.0.3",
-        "quill-image-resize-module": "^3.0.0",
        "summernote": "^0.9.1",
        "uuid": "^11.1.0",
        "vue": "^3.4.29",
@ -1718,14 +1716,6 @@
        }
      ]
    },
-    "node_modules/clone": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
-      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
    "node_modules/combined-stream": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@ -2006,11 +1996,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
-    },
    "node_modules/eventsource": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-2.0.2.tgz",
@ -2019,11 +2004,6 @@
        "node": ">=12.0.0"
      }
    },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
-    },
    "node_modules/fetch-cookie": {
      "version": "2.2.0",
      "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-2.2.0.tgz",
@ -2359,26 +2339,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-    },
-    "node_modules/lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
-    },
-    "node_modules/lodash.isequal": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
-    },
    "node_modules/lru-cache": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@ -2752,94 +2712,6 @@
      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
    },
-    "node_modules/quill": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.3.tgz",
-      "integrity": "sha512-xEYQBqfYx/sfb33VJiKnSJp8ehloavImQ2A6564GAbqG55PGw1dAWUn1MUbQB62t0azawUS2CZZhWCjO8gRvTw==",
-      "dependencies": {
-        "eventemitter3": "^5.0.1",
-        "lodash-es": "^4.17.21",
-        "parchment": "^3.0.0",
-        "quill-delta": "^5.1.0"
-      },
-      "engines": {
-        "npm": ">=8.2.3"
-      }
-    },
-    "node_modules/quill-image-resize-module": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/quill-image-resize-module/-/quill-image-resize-module-3.0.0.tgz",
-      "integrity": "sha512-1TZBnUxU/WIx5dPyVjQ9yN7C6mLZSp04HyWBEMqT320DIq4MW4JgzlOPDZX5ZpBM3bU6sacU4kTLUc8VgYQZYw==",
-      "dependencies": {
-        "lodash": "^4.17.4",
-        "quill": "^1.2.2",
-        "raw-loader": "^0.5.1"
-      }
-    },
-    "node_modules/quill-image-resize-module/node_modules/eventemitter3": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
-      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg=="
-    },
-    "node_modules/quill-image-resize-module/node_modules/fast-diff": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
-      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig=="
-    },
-    "node_modules/quill-image-resize-module/node_modules/parchment": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
-      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg=="
-    },
-    "node_modules/quill-image-resize-module/node_modules/quill": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
-      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
-      "dependencies": {
-        "clone": "^2.1.1",
-        "deep-equal": "^1.0.1",
-        "eventemitter3": "^2.0.3",
-        "extend": "^3.0.2",
-        "parchment": "^1.1.4",
-        "quill-delta": "^3.6.2"
-      }
-    },
-    "node_modules/quill-image-resize-module/node_modules/quill-delta": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
-      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
-      "dependencies": {
-        "deep-equal": "^1.0.1",
-        "extend": "^3.0.2",
-        "fast-diff": "1.1.2"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/quill/node_modules/fast-diff": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
-    },
-    "node_modules/quill/node_modules/quill-delta": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-5.1.0.tgz",
-      "integrity": "sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==",
-      "dependencies": {
-        "fast-diff": "^1.3.0",
-        "lodash.clonedeep": "^4.5.0",
-        "lodash.isequal": "^4.5.0"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      }
-    },
-    "node_modules/raw-loader": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
-      "integrity": "sha512-sf7oGoLuaYAScB4VGr0tzetsYlS8EJH6qnTCfQ/WVEa89hALQ4RQfCKt5xCyPQKPDUbVUAIP1QsxAwfAjlDp7Q=="
-    },
    "node_modules/read-package-json-fast": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz",
--- a/package.json
+++ b/package.json
@ -5,7 +5,7 @@
  "type": "module",
  "scripts": {
    "dev": "vite",
-    "localdev": "vite",
+    "localdev": "vite  --mode localdev",
    "build": "run-p type-check \"build-only {@}\" --",
    "buildtest": "run-p type-check \"build-only-test {@}\" --",
    "preview": "vite preview",
@ -21,8 +21,6 @@
    "jquery": "^3.7.1",
    "parchment": "^3.0.0",
    "pinia": "^2.1.7",
-    "quill": "^2.0.3",
-    "quill-image-resize-module": "^3.0.0",
    "summernote": "^0.9.1",
    "uuid": "^11.1.0",
    "vue": "^3.4.29",
--- a/public/docs/KVKK_Sartlari.docx
+++ b/public/docs/KVKK_Sartlari.docx
--- a/public/docs/cekilisevi.gov.tr_Uyelik_Sozlesmesi.docx
+++ b/public/docs/cekilisevi.gov.tr_Uyelik_Sozlesmesi.docx
--- a/public/web.config
+++ b/public/web.config
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+  <system.webServer>
+    <rewrite>
+      <rules>
+        <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
+          <match url="(.*)" />
+          <conditions logicalGrouping="MatchAll">
+            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
+            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
+          </conditions>
+          <action type="Rewrite" url="/" />
+        </rule>
+      </rules>
+    </rewrite>
+  </system.webServer>
+</configuration>
--- a/sql_query_updated.sql
+++ b/sql_query_updated.sql
@ -0,0 +1,167 @@
+SELECT        c.Id, c.PiyangoId, c.Baslik, ISNULL(c.CreateDate, '0001-01-01') AS OlusturmaTarihi, MIN(ISNULL(cb.BaslangicTarihi, '0001-01-01')) AS BaslangicTarihi, MIN(ISNULL(cb.BitisTarihi, '0001-01-01')) AS BitisTarihi, 
+
+                         /* DÜZENLEYEN (mevcut)*/ COALESCE (NULLIF (d .DernekUnvan, ''), NULLIF (d .GercekTicariUnvan, ''), NULLIF (d .kamuUnvan, ''), NULLIF (d .SirketUnvan, ''), NULLIF (d .TuzelUnvan, ''), LTRIM(RTRIM(COALESCE (d .GercekAdi, 
+
+                         '') + ' ' + COALESCE (d .GercekSoyadi, ''))), iblist.IrtibatAdSoyad, 'Bilinmiyor') AS Duzenleyen, ISNULL(d .Id, 0) AS DuzenleyenId, 
+                         
+                         /* MÜDÜRLÜK (yeni - 2. başlık)*/ 
+                         CASE 
+                            WHEN odlast.Mudurluk = 1 THEN '1 No''lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü'
+                            WHEN odlast.Mudurluk = 2 THEN '2 No''lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü'
+                            WHEN odlast.Mudurluk = 3 THEN '3 No''lu Özel Çekilişler İzin ve Takip Şubesi Müdürlüğü'
+                            ELSE ISNULL(birim.BirimAdi, '')
+                         END AS Mudurluk,
+                         
+                         MIN(cy.Deger) AS CekilisYontemi, MIN(cb.CekilisYontemiId) AS CekilisYontemiId, MIN(cb.KatilimciListesiTeslimYontemiId) AS KatilimciListesiTeslimYontemiId, MIN(klt.Deger) AS KatilimciListesiTeslimYontemi, ik.Ikramiyeler, 
+
+                         ISNULL(odlast.OnayDurumuIslemTipiId, 0) AS DurumId, ISNULL(odlast.IslemTipi, 'Yeni Piyango') AS Durum, MIN(ISNULL(cb.CekilisTarihi, '0001-01-01')) AS CekilisTarihi, ap.AmacAdi AS piyangoamac, 
+
+                         c.amacpiyangoId AS piyangoAmacId, ISNULL(oc.OnayVerecekKisi1Id, 0) AS OnayVerecekKisi1Id, ISNULL(oc.OnayVerecekKisi2Id, 0) AS OnayVerecekKisi2Id, ISNULL(oc.OnayVerecekKisi3Id, 0) AS OnayVerecekKisi3Id, 
+
+                         c.izinBedelNo, c.BasvuruBedelNo, c.izinBedeliDurum, c.basvuruBedeliDurum, c.baglisirketId, /* Atanmis (mevcut)*/ CASE WHEN ISNULL(oc.OnayVerecekKisi1Id, 0) > 0 OR
+
+                         ISNULL(oc.OnayVerecekKisi2Id, 0) > 0 OR
+
+                         ISNULL(oc.OnayVerecekKisi3Id, 0) > 0 THEN CAST(1 AS BIT) ELSE CAST(0 AS BIT) END AS Atanmis, ISNULL(atananlar.AlananIsimler, '') AS Atananlar, /* ARACI FİRMA (yeni - 5. başlık)*/ CASE WHEN EXISTS
+
+                             (SELECT        1
+
+                               FROM            AspNetUserRoles ur INNER JOIN
+
+                                                         AspNetRoles r ON ur.RoleId = r.Id
+
+                               WHERE        ur.UserId = d .ParentUserId AND r.Name = 'AraciFirma') THEN COALESCE (NULLIF (parentUser.DernekUnvan, ''), NULLIF (parentUser.GercekTicariUnvan, ''), NULLIF (parentUser.kamuUnvan, ''), 
+
+                         NULLIF (parentUser.SirketUnvan, ''), NULLIF (parentUser.TuzelUnvan, ''), LTRIM(RTRIM(COALESCE (parentUser.GercekAdi, '') + ' ' + COALESCE (parentUser.GercekSoyadi, ''))), '') ELSE '' END AS AraciFirma, 
+
+                         /* İZİN TARİHİ (yeni - 7. başlık)*/ odlast.IzinTarihi AS IzinTarihi, /* İZİN SAYISI (yeni - 8. başlık)*/ odlast.IzinSayisi AS IzinSayisi, 
+
+                         /* ÇEKİLİŞ GÖREVLİSİ (yeni - 12. başlık)*/ 
+                         CASE 
+                            WHEN odlast.CekilisGorevlisi = 1 THEN 'Antalya Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 2 THEN 'Gaziantep Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 3 THEN 'Aksaray Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 4 THEN 'Kadıköy Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 5 THEN 'Karşıyaka Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 6 THEN 'Muğla Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 7 THEN 'Trabzon Şube Müdürlüğü'
+                            WHEN odlast.CekilisGorevlisi = 8 THEN 'Noter'
+                            WHEN odlast.CekilisGorevlisi = 9 THEN 'Başkanlık Personeli'
+                            ELSE COALESCE (LTRIM(RTRIM(COALESCE (personel.GercekAdi, '') + ' ' + COALESCE (personel.GercekSoyadi, ''))), LTRIM(RTRIM(COALESCE (birimSefi.GercekAdi, '') + ' ' + COALESCE (birimSefi.GercekSoyadi, ''))), '')
+                         END AS CekilisGorevlisi,
+                         
+                         /* GAZETE İLAN TARİHİ (yeni - 13. başlık)*/ MIN(cb.ilantarihi) AS GazeteIlanTarihi, /* GAZETE ADI (yeni - 14. başlık)*/ MIN(cb.ilanEdilecekGazete) 
+
+                         AS GazeteAdi, /* KDV Oranı = 0.20 (sabit)*/ CASE WHEN ikramiyeTutar.ToplamTutar IS NOT NULL AND izinBedelOrani.Oran IS NOT NULL THEN CAST((ikramiyeTutar.ToplamTutar * izinBedelOrani.Oran / 100.0) 
+
+                         * 1.20 AS DECIMAL(18, 2)) ELSE NULL END AS IzinBedeliTutari, /* İKRAMİYE TUTARI (yeni - 16. başlık)*/ ISNULL(ikramiyeTutar.ToplamTutar, 0) AS IkramiyeTutari, 
+
+                         /* TEMİNAT TARİHİ (yeni - 17. başlık)*/ ts .TeminantDate AS TeminatTarihi, /* TEMİNAT SAYISI (yeni - 18. başlık)*/ ts .TeminantNo AS TeminatSayisi, /* TEMİNAT BANKASI (yeni - 19. başlık)*/ ts .BankName AS TeminatBankasi, 
+
+                         /* TEMİNAT TUTARI (yeni - 20. başlık)*/ ts .Amount AS TeminatTutari, /* T. PARA CİNSİ (yeni - 21. başlık)*/ ISNULL(paraBirimi.ParaBirimiSembol, '') AS ParaBirimiSembol, 
+
+                         /* T. İADE TARİHİ (yeni - 22. başlık)*/ ts .RefundDate AS TeminatIadeTarihi, /* T. İADE SAYISI (yeni - 23. başlık)*/ ts .RefundCount AS TeminatIadeSayisi
+
+FROM            Cekilisler c LEFT JOIN
+
+                         CekilisBilgiler cb ON cb.CekilisId = c.Id LEFT JOIN
+
+                         AspNetUsers d ON d .Id = c.DuzenleyenId LEFT JOIN
+
+                         Birimler birim ON birim.Id = d .BirimId /* MÜDÜRLÜK için*/ LEFT JOIN
+
+                         AspNetUsers parentUser ON parentUser.Id = d .ParentUserId /* ARACI FİRMA için*/ LEFT JOIN
+
+                         AspNetUsers personel ON personel.Id = c.PersonelId /* ÇEKİLİŞ GÖREVLİSİ için*/ LEFT JOIN
+
+                         AspNetUsers birimSefi ON birimSefi.Id = c.BirimSefiId /* ÇEKİLİŞ GÖREVLİSİ için*/ LEFT JOIN
+
+                         PiyangoAmacs ap ON ap.Id = c.amacpiyangoId LEFT JOIN
+
+                         OnayCekilisler oc ON oc.CekilisId = c.Id LEFT JOIN
+
+                         CekilisYontemleri cy ON cb.CekilisYontemiId = cy.Id LEFT JOIN
+
+                         KatilimciListesiTeslimYontemleri klt ON cb.KatilimciListesiTeslimYontemiId = klt.Id /* APPLY ile son OnayDurumu (İZİN TARİHİ, İZİN SAYISI, MÜDÜRLÜK ve ÇEKİLİŞ GÖREVLİSİ dahil)*/ OUTER APPLY
+
+                             (SELECT        TOP 1 od.OnayDurumuIslemTipiId, od.IslemTipi, od.IzinTarihi, od.IzinSayisi, od.Mudurluk, od.CekilisGorevlisi
+
+                               FROM            OnayCekilisler oc2 INNER JOIN
+
+                                                         OnayDurumlari od ON oc2.Id = od.OnayCekilisId
+
+                               WHERE        oc2.CekilisId = c.Id
+
+                               ORDER BY od.Tarih DESC) odlast /* APPLY ile ikramiyeler string*/ OUTER APPLY
+
+                             (SELECT        STUFF
+
+                                                             ((SELECT        ', ' + i2.Marka + ' ' + i2.Model
+
+                                                                 FROM            Ikramiyeler i2
+
+                                                                 WHERE        i2.CekilisId = c.Id FOR XML PATH(''), TYPE ).value('.', 'NVARCHAR(MAX)'), 1, 2, '')) ik(Ikramiyeler) /* APPLY ile ikramiye tutarı toplamı*/ OUTER APPLY
+
+                                                             (SELECT        SUM(i3.BirimFiyat * i3.AsilTalihliAdedi) AS ToplamTutar
+
+                                                               FROM            Ikramiyeler i3
+
+                                                               WHERE        i3.CekilisId = c.Id) ikramiyeTutar /* APPLY ile aktif izin bedel oranı (ilk aktif oran)*/ OUTER APPLY
+
+                                                             (SELECT        TOP 1 ibo.Oran
+
+                                                               FROM            IzinBedelOranlari ibo
+
+                                                               WHERE        ibo.Aktif = 1
+
+                                                               ORDER BY ibo.Id) izinBedelOrani /* APPLY ile para birimi sembolü (ilk ikramiyenin para birimi)*/ OUTER APPLY
+
+                                                             (SELECT        TOP 1 pb.ParaBirimiSembol
+
+                                                               FROM            Ikramiyeler i4 LEFT JOIN
+
+                                                                                         ParaBirimleri pb ON pb.Id = i4.ParaBirimiId
+
+                                                               WHERE        i4.CekilisId = c.Id AND pb.ParaBirimiSembol IS NOT NULL
+
+                                                               ORDER BY i4.Id) paraBirimi /* APPLY ile irtibat bilgileri string*/ OUTER APPLY
+
+                                                             (SELECT        STUFF
+
+                                                                                             ((SELECT        ', ' + ib2.AdSoyad
+
+                                                                                                 FROM            IrtibatBilgiler ib2
+
+                                                                                                 WHERE        ib2.CekilisId = c.Id FOR XML PATH(''), TYPE ).value('.', 'NVARCHAR(MAX)'), 1, 2, '')) iblist(IrtibatAdSoyad) /* APPLY ile atanan kullanıcı isimleri*/ OUTER APPLY
+
+                                                                                             (SELECT        STUFF
+
+                                                                                                                             ((SELECT        ', ' + u.GercekAdi + ' ' + u.GercekSoyadi
+
+                                                                                                                                 FROM            AspNetUsers u
+
+                                                                                                                                 WHERE        u.Id IN (ISNULL(oc.OnayVerecekKisi1Id, 0), ISNULL(oc.OnayVerecekKisi2Id, 0), ISNULL(oc.OnayVerecekKisi3Id, 0)) FOR XML PATH(''), TYPE ).value('.', 
+
+                                                                                                                                                          'NVARCHAR(MAX)'), 1, 2, '')) atananlar(AlananIsimler) /* APPLY ile teminat bilgileri (son teminat kaydı)*/ OUTER APPLY
+
+                                                                                                                             (SELECT        TOP 1 ts2.TeminantDate, ts2.TeminantNo, ts2.BankName, ts2.Amount, ts2.RefundDate, ts2.RefundCount
+
+                                                                                                                               FROM            TeminantStates ts2
+
+                                                                                                                               WHERE        ts2.CekilisId = c.Id
+
+                                                                                                                               ORDER BY ts2.Id DESC) ts
+
+                                                                                               GROUP BY c.Id, c.PiyangoId, c.Baslik, c.CreateDate, d .DernekUnvan, d .GercekTicariUnvan, d .kamuUnvan, d .SirketUnvan, d .TuzelUnvan, d .GercekAdi, d .GercekSoyadi, d .Id, d .ParentUserId, 
+
+                                                                                                                         birim.BirimAdi, ap.AmacAdi, c.amacpiyangoId, oc.OnayVerecekKisi1Id, oc.OnayVerecekKisi2Id, oc.OnayVerecekKisi3Id, c.izinBedelNo, c.BasvuruBedelNo, c.izinBedeliDurum, 
+
+                                                                                                                         c.basvuruBedeliDurum, c.baglisirketId, ik.Ikramiyeler, iblist.IrtibatAdSoyad, odlast.OnayDurumuIslemTipiId, odlast.IslemTipi, odlast.IzinTarihi, odlast.IzinSayisi, 
+
+                                                                                                                         atananlar.AlananIsimler, personel.GercekAdi, personel.GercekSoyadi, birimSefi.GercekAdi, birimSefi.GercekSoyadi, parentUser.DernekUnvan, parentUser.GercekTicariUnvan, 
+
+                                                                                                                         parentUser.kamuUnvan, parentUser.SirketUnvan, parentUser.TuzelUnvan, parentUser.GercekAdi, parentUser.GercekSoyadi, ikramiyeTutar.ToplamTutar, izinBedelOrani.Oran, 
+
+                                                                                                                         paraBirimi.ParaBirimiSembol, ts .TeminantDate, ts .TeminantNo, ts .BankName, ts .Amount, ts .RefundDate, ts .RefundCount, odlast.Mudurluk, odlast.CekilisGorevlisi;
+
+
--- a/src/assets/images/icons.svg
+++ b/src/assets/images/icons.svg
@ -251,4 +251,14 @@
            d="M14.3272 17.4867H5.66513C5.33609 17.4867 5.07048 17.7574 5.07048 18.0928C5.07048 18.4281 5.33609 18.6989 5.66513 18.6989H14.3232C14.6522 18.6989 14.9179 18.4281 14.9179 18.0928C14.9179 17.7574 14.6522 17.4867 14.3232 17.4867H14.3272Z"
        />
    </symbol>
+    <symbol id="eyeclose" viewBox="0 0 59 22">
+        <path
+            d="M56.61,11.89l2.55-1.57L52.83.03l-2.55,1.57h0s-11.76,7.25-11.76,7.25c-.94.58-1.91,1.05-2.91,1.43l-2.61.74v.02c-2.43.5-4.94.45-7.36-.14l-1.2-.34c-1.28-.41-2.53-.98-3.72-1.71L7.68.82h0s-1.35-.82-1.35-.82L0,10.28l2.55,1.57,4.76-7.73,6.18,3.81-4.79,7.77,2.55,1.57,4.79-7.77,3.09,1.9c1.15.71,2.35,1.28,3.58,1.74l-2.48,8.78,2.89.82,2.48-8.76c1.32.27,2.66.41,4.01.41,1.41,0,2.82-.16,4.2-.46l2.46,8.7,2.89-.82-2.48-8.75c1.16-.44,2.3-.99,3.39-1.66l3.12-1.92,4.79,7.77,2.55-1.57-4.79-7.77,6.08-3.75,4.75,7.72Z" />
+    </symbol>
+    <symbol id="eye" viewBox="0 0 51 24">
+        <path
+            d="M25.59,24.58c-3.62,0-7.24-.99-10.47-2.98L0,12.29,15.11,2.98c6.46-3.98,14.48-3.98,20.94,0l15.11,9.31-15.11,9.31c-3.23,1.99-6.85,2.98-10.47,2.98ZM5.72,12.29l10.97,6.75c5.49,3.38,12.31,3.38,17.8,0l10.97-6.75-10.97-6.75c-5.49-3.38-12.31-3.38-17.8,0l-10.97,6.75Z" />
+        <path
+            d="M25.59,21.71c-5.19,0-9.42-4.23-9.42-9.42S20.39,2.87,25.59,2.87s9.42,4.23,9.42,9.42-4.23,9.42-9.42,9.42ZM25.59,5.87c-3.54,0-6.42,2.88-6.42,6.42s2.88,6.42,6.42,6.42,6.42-2.88,6.42-6.42-2.88-6.42-6.42-6.42Z" />
+    </symbol>
 </svg>
--- a/src/assets/style/default.css
+++ b/src/assets/style/default.css
@ -454,6 +454,7 @@ label {
  flex-wrap: wrap;
  width: 100%;
  padding: 2px;
+  position: relative;
 }

 label>span {
@ -726,6 +727,99 @@ svg {
  background-color: #f1f1f1;
 }

+/* İşlem durumu badge stilleri - basit ve kompakt */
+.islem-status-badge {
+  display: inline-block;
+  padding: 4px 10px;
+  color: #fff;
+  border-radius: 12px;
+  font-size: 0.875em;
+  font-weight: 500;
+  white-space: nowrap;
+  line-height: 1.4;
+}
+
+.form-select-list-item .islem-status-badge {
+  display: inline-block;
+  width: auto;
+}
+
+.form-select-activator .islem-status-badge {
+  display: inline-block;
+  width: auto;
+}
+
+/* Her durum için benzersiz canlı renkler */
+.islem-status-coral {
+  background: #e74c3c;
+}
+.islem-status-amber {
+  background: #f39c12;
+}
+.islem-status-sky {
+  background: #3498db;
+}
+.islem-status-rose {
+  background: #e91e63;
+}
+.islem-status-pink {
+  background: #ec407a;
+}
+.islem-status-slate {
+  background: #607d8b;
+  color: #fff;
+}
+.islem-status-emerald {
+  background: #27ae60;
+}
+.islem-status-red {
+  background: #c0392b;
+}
+.islem-status-salmon {
+  background: #e67e22;
+}
+.islem-status-mint {
+  background: #2ecc71;
+}
+.islem-status-peach {
+  background: #ff9800;
+}
+.islem-status-yellow {
+  background: #f1c40f;
+  color: #333;
+}
+.islem-status-teal {
+  background: #1abc9c;
+}
+.islem-status-cyan {
+  background: #00bcd4;
+}
+.islem-status-orange {
+  background: #ff5722;
+}
+.islem-status-blue {
+  background: #2196f3;
+}
+.islem-status-gold {
+  background: #ffc107;
+  color: #333;
+}
+.islem-status-lavender {
+  background: #9c27b0;
+}
+.islem-status-violet {
+  background: #673ab7;
+}
+.islem-status-crimson {
+  background: #d32f2f;
+}
+.islem-status-indigo {
+  background: #3f51b5;
+}
+.islem-status-default {
+  background: #757575;
+}
+
 /* login */
 .login-w {
  min-width: 100%;
@ -1152,6 +1246,44 @@ section {
  padding: 10px;
 }

+.list-wrapper-container {
+  width: 100%;
+  position: relative;
+}
+
+.list-wrapper-scrollbar-top {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  height: 17px;
+  margin-bottom: 0;
+  display: none;
+  position: relative;
+  z-index: 10;
+}
+
+.list-wrapper-scrollbar-top .scrollbar-content {
+  height: 1px;
+  width: 0;
+}
+
+.list-wrapper-scrollbar-top::-webkit-scrollbar {
+  height: 17px;
+}
+
+.list-wrapper-scrollbar-top::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.list-wrapper-scrollbar-top::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+}
+
+.list-wrapper-scrollbar-top::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.3);
+}
+
 .list-wrapper {
  width: 100%;
  position: relative;
@ -2161,7 +2293,7 @@ section {
  }

  .panel-wrapper {
-    max-width: 480px;
+    max-width: 600px;
  }

  .panel-wrapper.panel-wide {
@ -2174,7 +2306,7 @@ section {
  }

  .panel-wrapper.panel-right.showme {
-    left: calc(100% - 480px);
+    left: calc(100% - 600px);
  }

  .panel-wrapper.panel-right.panel-wide.showme {
@ -2280,6 +2412,14 @@ section {
    width: 100% !important;
  }

+  .list-wrapper-container {
+    overflow: visible;
+  }
+
+  .list-wrapper-scrollbar-top {
+    display: none !important;
+  }
+
  .list-wrapper {
    overflow: visible;
    overflow-x: visible;
--- a/src/components/DashPiyangoListe.vue
+++ b/src/components/DashPiyangoListe.vue
@ -10,7 +10,7 @@
      </h1>
      <div class="section-header-buttons-c">
        <icon-button
-          toRoute="/piyangolar/piyango-listesi"
+          @click="goToListWithFilter"
          icon="list"
          iconClass="ico-section ico-section-header-btn" />
      </div>
@ -60,12 +60,14 @@
 <script setup lang="ts">
  import { ref } from 'vue'
  import { useDateStore } from '@/stores/dateStore'
+  import { useRouter } from 'vue-router'
  import icourl from '@/assets/images/icons.svg'

  const dateStore = useDateStore()
+  const router = useRouter()

  const props = defineProps<{
-    tableData: Record<string, any>
+    tableData: Record<string, any>[]
    lineFunction?: Function
    title?: string
    listText?: string
@ -76,6 +78,7 @@
    dateKey: string
    iconBack: string
    total: number
+    filterParams?: Record<string, any>
  }>()
  const totalData = ref<number>(props.total)

@ -92,4 +95,38 @@
  const OnClick = (e: Event, row: object) => {
    emit('click', row)
  }
+
+  const goToListWithFilter = () => {
+    try {
+      const query: Record<string, any> = {}
+      
+      // Filtre parametrelerini query'ye ekle (Filters[...] formatına dönüştür)
+      if (props.filterParams && typeof props.filterParams === 'object') {
+        Object.keys(props.filterParams).forEach((key) => {
+          const value = props.filterParams![key]
+          if (value !== undefined && value !== null && value !== '') {
+            // Değer zaten operatör içeriyorsa olduğu gibi kullan, yoksa '=' ekle
+            let filterValue = String(value)
+            // Eğer değer zaten operatör içermiyorsa '=' ekle
+            if (!filterValue.match(/^[<>=]/)) {
+              filterValue = '=' + filterValue
+            }
+            // Query parametresine string olarak ekle (Vue Router array'leri yanlış serialize ediyor)
+            query[`Filters[${key}]`] = filterValue
+          }
+        })
+      }
+      
+      router.push({
+        path: '/piyangolar/piyango-listesi',
+        query: query
+      })
+    } catch (error) {
+      console.error('goToListWithFilter hatası:', error)
+      // Hata durumunda filtre olmadan yönlendir
+      router.push({
+        path: '/piyangolar/piyango-listesi'
+      })
+    }
+  }
 </script>
--- a/src/components/global/Breadcrumb.vue
+++ b/src/components/global/Breadcrumb.vue
@ -1,7 +1,7 @@
 <template>
  <div class="breadcrumb-wrapper">
    <icon-button
-      @click="$router.go(-1)"
+      @click="props.go ? $router.push(go!) : $router.go(-1)"
      icon="arrow"
      classList="breadcrumbs-back breadcrumb-link" />
    <div class="breadcrumbs-list">
@ -13,5 +13,6 @@
 <script setup lang="ts">
  const props = defineProps<{
    currentPageText: string
+    go?: string
  }>()
 </script>
--- a/src/components/global/DataTable.vue
+++ b/src/components/global/DataTable.vue
@ -1,5 +1,9 @@
 <template>
-  <div class="list-wrapper">
+  <div class="list-wrapper-container">
+    <div class="list-wrapper-scrollbar-top" ref="scrollbarTopRef">
+      <div class="scrollbar-content"></div>
+    </div>
+    <div class="list-wrapper" ref="listWrapperRef" @scroll="onScroll">
      <table class="table-border table-colored table-list">
      <thead>
        <tr>
@ -136,16 +140,21 @@
      </tbody>
    </table>
    </div>
+  </div>
  <data-table-pagination
    v-if="pagination !== undefined && showPagination && !isPreview"
-    v-model:pagination="localPagination" />
+    v-model:pagination="localPagination"
+    :isUseRoute="isUseRoute" />
 </template>
 <script setup lang="ts">
-  import { ref, reactive, computed, watch } from 'vue'
+  import { ref, reactive, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'
  import type { Ref } from 'vue'
  import { useGlobalStore } from '@/stores/globalStore'
  import icourl from '@/assets/images/icons.svg'
  const globalStore = useGlobalStore()
+  import { useRouter, useRoute } from 'vue-router'
+  const router = useRouter()
+  const route = useRoute()

  interface ITableHead {
    [key: string]: any
@ -168,7 +177,7 @@
  }
  export interface Props {
    tableHeader: ITableHead[]
-    tableData: Record<string, any>
+    tableData: Record<string, any>[]
    rowAction?: Function | string
    pagination?: IPagination
    sortData?: ISort
@ -178,12 +187,14 @@
    rowActions?: Record<string, any>[]
    actionFixed?: boolean
    rowActionStyle?: string
+    isUseRoute?: boolean
  }
  const props = withDefaults(defineProps<Props>(), {
    tableData: () => [],
    rowNumber: false,
    isPreview: false,
-    actionFixed: false
+    actionFixed: false,
+    isUseRoute: false
  })

  const emit = defineEmits(['update:sortData', 'update:pagination'])
@ -254,9 +265,19 @@
        localSort.value.sortColumn = d.name
        localSort.value.sortOrder = 'desc'
      }
+      if (props.isUseRoute) {
+        router.push({
+          query: {
+            ...route.query,
+            sortColumn: localSort.value.sortColumn,
+            sortOrder: localSort.value.sortOrder
+          }
+        })
+      }
      emit('update:sortData', localSort.value)
    }
  }
+  
  const CellData = (d: Record<string, any>, key: string): any => {
    if (d[key] === null) return d
    else return d[key]
@ -269,6 +290,95 @@
    },
    { deep: true }
  )
+
+  watch(
+    () => props.tableData,
+    () => {
+      // Tablo verisi değiştiğinde scrollbar'ı güncelle
+      setTimeout(() => {
+        syncScrollbars()
+      }, 100)
+    },
+    { deep: true }
+  )
+
+  const listWrapperRef = ref<HTMLElement | null>(null)
+  const scrollbarTopRef = ref<HTMLElement | null>(null)
+
+  const onScroll = (e: Event) => {
+    const target = e.target as HTMLElement
+    if (scrollbarTopRef.value) {
+      scrollbarTopRef.value.scrollLeft = target.scrollLeft
+    }
+  }
+
+  const syncScrollbars = () => {
+    if (listWrapperRef.value && scrollbarTopRef.value) {
+      const table = listWrapperRef.value.querySelector('table')
+      if (table) {
+        const tableWidth = table.scrollWidth
+        const wrapperWidth = listWrapperRef.value.clientWidth
+        
+        if (tableWidth > wrapperWidth) {
+          scrollbarTopRef.value.style.display = 'block'
+          scrollbarTopRef.value.scrollLeft = listWrapperRef.value.scrollLeft
+          // Scrollbar wrapper'ın içeriğinin genişliğini tablo genişliğine eşitle
+          const scrollbarContent = scrollbarTopRef.value.querySelector('.scrollbar-content') as HTMLElement | null
+          if (scrollbarContent) {
+            scrollbarContent.style.width = tableWidth + 'px'
+            scrollbarContent.style.height = '1px'
+          }
+        } else {
+          scrollbarTopRef.value.style.display = 'none'
+        }
+      }
+    }
+  }
+
+  const onTopScroll = (e: Event) => {
+    const target = e.target as HTMLElement
+    if (listWrapperRef.value) {
+      listWrapperRef.value.scrollLeft = target.scrollLeft
+    }
+  }
+
+  onMounted(async () => {
+    await nextTick()
+    
+    if (scrollbarTopRef.value) {
+      scrollbarTopRef.value.addEventListener('scroll', onTopScroll)
+    }
+    
+    // İlk scrollbar senkronizasyonu
+    setTimeout(() => {
+      syncScrollbars()
+    }, 100)
+    
+    const resizeObserver = new ResizeObserver(() => {
+      syncScrollbars()
+    })
+    
+    if (listWrapperRef.value) {
+      resizeObserver.observe(listWrapperRef.value)
+    }
+    
+    const tableObserver = new MutationObserver(() => {
+      syncScrollbars()
+    })
+    
+    if (listWrapperRef.value) {
+      const table = listWrapperRef.value.querySelector('table')
+      if (table) {
+        tableObserver.observe(table, { childList: true, subtree: true, attributes: true })
+      }
+    }
+  })
+
+  onUnmounted(() => {
+    if (scrollbarTopRef.value) {
+      scrollbarTopRef.value.removeEventListener('scroll', onTopScroll)
+    }
+  })
 </script>
 <style scoped>
  .action-fixed {
--- a/src/components/global/DataTablePagination.vue
+++ b/src/components/global/DataTablePagination.vue
@ -29,10 +29,13 @@
  </div>
 </template>
 <script setup lang="ts">
-  import { ref, computed } from 'vue'
+  import { ref, onBeforeMount, watch } from 'vue'
  import type { Ref } from 'vue'
  import { useGlobalStore } from '@/stores/globalStore'
  import { useValidationStore } from '@/stores/validationStore'
+  import { useRouter, useRoute } from 'vue-router'
+  const router = useRouter()
+  const route = useRoute()

  const globalStore = useGlobalStore()
  const validationStore = useValidationStore()
@ -45,9 +48,11 @@

  export interface Props {
    pagination: IPagination
+    isUseRoute?: boolean
  }

  const props = withDefaults(defineProps<Props>(), {
+    isUseRoute: false
  })

  const emit = defineEmits(['update:pagination'])
@ -66,23 +71,53 @@
      if (Number(pageNumber.value) < totalPage()) pageNumber.value++
    }
    localPagination.value.pageNumber = pageNumber.value
+    IfRouteUsing()
    emit('update:pagination', localPagination.value)
  }
-
+  const IfRouteUsing = () => {
+    if (props.isUseRoute) {
+      router.push({
+        query: {
+          ...route.query,
+          pageNumber: pageNumber.value
+        }
+      })
+    }
+  }
  const InputPageControl = (e: Event) => {
    if (Number((e.target as HTMLInputElement).value) < 1)
      (e.target as HTMLInputElement).value = '1'
    if (Number((e.target as HTMLInputElement).value) > totalPage())
      (e.target as HTMLInputElement).value = String(totalPage())
    pageNumber.value = Number((e.target as HTMLInputElement).value)
-
-    if((e as KeyboardEvent).key === 'Enter') getPage()
+    if ((e as KeyboardEvent).key === 'Enter') getPage()
  }
  const PageNumberFocus = (e: Event) => {
    ;(e.target as HTMLInputElement).select()
  }
  const getPage = () => {
    localPagination.value.pageNumber = pageNumber.value
+    IfRouteUsing()
    emit('update:pagination', localPagination.value)
  }
+  const SetPageNumber = () => {
+    if (props.isUseRoute) {
+      if (route.query.pageNumber !== undefined && route.query.pageNumber !== '') {
+        localPagination.value.pageNumber = pageNumber.value = Number(
+          route.query.pageNumber
+        )
+      } else {
+        localPagination.value.pageNumber = pageNumber.value = 1
+      }
+    }
+  }
+  onBeforeMount(() => {
+    SetPageNumber()
+  })
+  watch(
+    () => route.query.pageNumber,
+    () => {
+      SetPageNumber()
+    }
+  )
 </script>
--- a/src/components/global/DialogItem.vue
+++ b/src/components/global/DialogItem.vue
@ -13,6 +13,10 @@
          v-if="localData.content !== undefined && localData.content !== ''">
          {{ localData.content }}
        </div>
+        <div
+          class="dialog-content"
+          v-if="localData.contentHtml !== undefined && localData.contentHtml !== ''"
+          v-html="localData.contentHtml"></div>
        <div class="dialog-footer">
          <template
            v-if="localData.buttons !== undefined && localData.buttons.length > 0"
@ -49,6 +53,7 @@
  const localData = reactive({
    title: '',
    content: '',
+    contentHtml: '',
    showClose: true,
    closeText: 'Kapat',
    closeFunction: () => {
--- a/src/components/global/FormCheckbox.vue
+++ b/src/components/global/FormCheckbox.vue
@ -91,9 +91,9 @@

  const emit = defineEmits(['update:modelValue', 'change', 'click'])

-  const localValue = ref<(string | number)[] | boolean | null | string | number|undefined>(
-    props.modelValue
-  )
+  const localValue = ref<
+    (string | number)[] | boolean | null | string | number | undefined
+  >(props.modelValue)

  const InvalidMessageText = reactive<Record<string, any>>({})
  const InvalidMessages = computed<string>(() => {
--- a/src/components/global/FormInput.vue
+++ b/src/components/global/FormInput.vue
@ -11,7 +11,7 @@
        </span>
        <input
          :value="modelValue"
-          :type="type"
+          :type="inputType"
          :placeholder="placeholder"
          :disabled="disabled"
          @input="OnInput"
@ -22,12 +22,24 @@
          @keyup="OnKeyUp"
          :class="[
            invalidText !== undefined && invalidText !== '' ? 'invalid' : '',
-            iclass || ''
+            iclass || '',
+            isPasswordVisible || props.type === 'password' ? 'password-visible' : ''
          ]"
          :min="min"
          :max="max"
          :minlength="minlength"
          :maxlength="maxlength" />
+        <i
+          class="ico-c ico-password-visible"
+          v-if="props.type === 'password'"
+          @click="PasswordVisibleToggle">
+          <svg>
+            <use
+              :href="
+                '/src/assets/images/icons.svg#' + (isPasswordVisible ? 'eye' : 'eyeclose')
+              "></use>
+          </svg>
+        </i>
        <span
          class="form-item-alert"
          v-if="InvalidMessages.length > 0 && InvalidMessages !== ''">
@ -82,9 +94,18 @@
    'keydown',
    'keyup'
  ])
-  const localValue = ref<any>()
+  const isPasswordVisible = ref<boolean>(false)
  const InvalidMessageText = reactive<Record<string, any>>({})

+  const inputType = computed(() => {
+    if (props.type !== 'password') {
+      return props.type
+    } else {
+      if (isPasswordVisible.value) return 'text'
+      else return 'password'
+    }
+  })
+
  const InvalidMessages = computed<string>(() => {
    let text = ''
    Object.keys(InvalidMessageText).forEach((k: string, i: number) => {
@ -138,7 +159,9 @@
    emit('update:modelValue', (e.target as HTMLInputElement).value)
    emit('keyup', e)
  }
-  
+  const PasswordVisibleToggle = () => {
+    if (props.type === 'password') isPasswordVisible.value = !isPasswordVisible.value
+  }
  watch(
    () => props.invalidText,
    () => {
@ -151,3 +174,16 @@
    }
  )
 </script>
+<style scoped>
+  .ico-password-visible {
+    position: absolute;
+    right: 8px;
+    top: 32px;
+    min-width: 32px;
+    min-height: 32px;
+    cursor: pointer;
+  }
+  .password-visible {
+    padding: 8px 40px 8px 8px;
+  }
+</style>
--- a/src/components/global/FormQuill.vue
+++ b/src/components/global/FormQuill.vue
@ -1,210 +0,0 @@
-<template>
-  <div :class="['form-item', half ? 'form-item-half' : '', elclass || '']">
-    <span class="form-item-title" v-if="title !== undefined && title !== ''">
-      {{ title }}
-    </span>
-    <slot name="input">
-      <label>
-        <span v-if="label !== undefined && label !== ''">
-          {{ label }}
-          <i v-if="required" class="form-item-alert">*</i>
-        </span>
-        <div :ref="'quillContainer' + rnd"></div>
-        <span
-          class="form-item-alert"
-          v-if="InvalidMessages.length > 0 && InvalidMessages !== ''">
-          {{ InvalidMessages }}
-        </span>
-        <span
-          class="form-item-description"
-          v-if="description !== undefined && description !== ''">
-          {{ description }}
-        </span>
-      </label>
-    </slot>
-  </div>
-</template>
-<script setup lang="ts">
-  import { ref, reactive, computed, onMounted, useTemplateRef, watch } from 'vue'
-  import Quill from 'quill'
-  import 'quill/dist/quill.snow.css'
-
-  declare const window: any
-
-  window.Quill = Quill
-
-  export interface Props {
-    label?: string
-    disabled?: boolean
-    modelValue: string
-    half?: boolean
-    title?: string
-    invalidText?: string
-    description?: string
-    placeholder?: string
-    required?: boolean
-    maxlength?: string
-    minlength?: string
-    iclass?: string
-    elclass?: string
-    modelKey?: string
-  }
-  const props = withDefaults(defineProps<Props>(), {
-    disabled: false,
-    half: false,
-    required: false,
-    placeholder: ''
-  })
-
-  const emit = defineEmits(['update:modelValue', 'change', 'text-change'])
-  const rnd = ref<number>(Number(Math.random() * 10000000))
-
-  const toolbar = ref<any[]>([
-    [{ font: [] }, { size: [] }],
-    ['bold', 'italic', 'underline', 'strike'],
-    [{ color: [] }, { background: [] }],
-    [{ script: 'super' }, { script: 'sub' }],
-    [{ header: '1' }, { header: '2' }, 'blockquote'],
-    [{ list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' }],
-    [{ align: [] }],
-    ['link', 'image', 'video'],
-    ['clean']
-  ])
-
-  const options = reactive<Record<string, any>>({
-    theme: 'snow',
-    modules: {
-      toolbar: toolbar.value,
-      imageResize: {
-        modules: ['Resize', 'DisplaySize', 'Toolbar']
-      }
-    },
-    placeholder: props.placeholder,
-    readOnly: false,
-    debug: false
-  })
-
-  const QuillImageResize = ref<any>()
-
-  const editor = useTemplateRef<any>('quillContainer' + rnd.value)
-  const quill = ref<Quill | null>(null)
-
-  const localValue = ref<string>(props.modelValue)
-
-  const InvalidMessageText = ref<Record<string, any>>({})
-  const InvalidMessages = computed(() => {
-    let text = ''
-    Object.keys(InvalidMessageText.value).forEach((k: string, i: number) => {
-      text += InvalidMessageText.value[k] + ', '
-    })
-    return text
-  })
-
-  const OnTextChange = (e: any) => {
-    if (props.minlength !== undefined) {
-      if (localValue.value.length < Number(props.minlength)) {
-        InvalidMessageText.value.minlength = `Girdiğiniz bilgi en az ${props.minlength} karakter uzunluğunda olmalı`
-      } else {
-        delete InvalidMessageText.value.minlength
-      }
-    }
-
-    if (quill.value !== null) {
-      localValue.value = quill.value!.container.querySelector('.ql-editor')!.innerHTML
-    }
-
-    emit('update:modelValue', localValue.value)
-    emit('change', e)
-  }
-
-  const InitializeEditor = async () => {
-    await setupQuillEditor()
-    SetContent()
-    RegisterEditorEventListeners()
-  }
-
-  const SetContent = () => {
-    if (props.modelValue) quill.value!.root.innerHTML = props.modelValue
-  }
-
-  const setupQuillEditor = async () => {
-    //let Parchment = Quill.import('parchment')
-
-    window.Quill.imports.parchment.Attributor.Style =
-      window.Quill.imports.parchment.StyleAttributor
-
-    //@ts-ignore
-    QuillImageResize.value = await import('quill-image-resize-module')
-
-    quill.value = new Quill(editor.value, options) as Quill
-    ;(quill.value!.getModule('toolbar') as Record<
-      string,
-      any
-    >)!.container.addEventListener('mousedown', (e: Event) => {
-      e.preventDefault()
-    })
-    ;(quill.value!.getModule('toolbar') as Record<
-      string,
-      any
-    >)!.container.addEventListener('click', (e: Event) => {
-      if ((e.target as HTMLElement).className !== 'ql-image') e.preventDefault()
-    })
-  }
-
-  const RegisterEditorEventListeners = () => {
-    quill.value!.on('text-change', OnTextChange)
-    quill.value!.on('editor-change', OnTextChange)
-    //image resize imaja tıklandığını anlamıyor.
-    quill.value!.root.addEventListener('mouseover', OnMouseOver, false)
-    ListenForEditorEvent('text-change')
-  }
-  const ListenForEditorEvent = (type: any) => {
-    quill.value!.on(type, (...args) => {
-      emit(type, ...args)
-    })
-  }
-
-  const OnMouseOver = (e: Event) => {
-    if (
-      (e.target as HTMLElement)!.firstChild &&
-      ((e.target as HTMLElement)!.firstChild as HTMLElement)!.tagName &&
-      ((e.target as HTMLElement)!.firstChild as HTMLElement)!.tagName.toUpperCase() ===
-        'IMG'
-    ) {
-      ;(e.target as HTMLElement)!.classList.add('remove-click-p')
-      ;((e.target as HTMLElement)!.firstChild as HTMLElement)!.classList.add(
-        'add-click-img'
-      )
-    }
-  }
-
-  onMounted(async () => {
-    InitializeEditor()
-  })
-
-  watch(
-    () => props.invalidText,
-    () => {
-      if (props.invalidText !== undefined && props.invalidText !== '') {
-        InvalidMessageText.value.invalid = props.invalidText
-      } else {
-        delete InvalidMessageText.value.invalid
-      }
-    }
-  )
-</script>
-<style>
-  .ql-toolbar {
-    width: 100%;
-  }
-  .ql-container {
-    width: 100%;
-    min-height: 120px;
-  }
-  .remove-click-p {
-    pointer-events: none;
-  }
-  .add-click-img {
-    pointer-events: all;
-  }
-</style>
--- a/src/components/global/FormSelect.vue
+++ b/src/components/global/FormSelect.vue
@ -142,7 +142,7 @@
    multipleText: 'Tümü'
  })

-  const emit = defineEmits(['update:modelValue', 'change','clear'])
+  const emit = defineEmits(['update:modelValue', 'change', 'clear'])

  const activated = ref<Boolean>(false)
  const multipleAllSelected = ref<boolean>(false)
@ -214,9 +214,8 @@
      } else {
        let text = props.listData.filter((v: Record<string, any>) => {
          let val = props.listVal !== undefined ? v[props.listVal] : v
-          return localValue.value === val
+          return String(localValue.value) === String(val)
        })[0]
-
        return text !== undefined
          ? props.listText !== undefined
            ? text[props.listText]
@ -357,7 +356,7 @@

  const SetSelectedOption = () => {
    selectedOption.value = props.listData.filter((v: Record<string, any>) => {
-      return v[props.listVal as string] === props.modelValue
+      return String(v[props.listVal as string]) === String(props.modelValue)
    })[0]
  }

--- a/src/components/global/ListTableContent.vue
+++ b/src/components/global/ListTableContent.vue
@ -61,7 +61,7 @@
            @click="exportPanel = !exportPanel"
            icon="export" />
          <icon-button
-            v-if="filterable()"
+            v-if="filterable"
            classList="ico-section ico-section-header-btn"
            @click="OpenFilterPanel"
            icon="filter" />
@ -85,7 +85,7 @@
      page === 'list' ? 'section-content section-inner' : '',
      page === 'form' ? 'form-part-content' : ''
    ]">
-    <div class="list-filter-wrapper" v-if="filters() || searched">
+    <div class="list-filter-wrapper" v-if="haveFilter || searched">
      <h4>Filtreler ve Arama</h4>
      <div class="list-filter-content">
        <template v-if="localQuery !== ''">
@ -97,15 +97,22 @@
            <span class="list-filter-close" @click="RemoveSearch"></span>
          </div>
        </template>
-        <template v-for="(filter, k) in filterParams">
-          <div class="list-filter-item" data-filter="durum-onaylanmis">
-            <strong>{{ filter.title }}:</strong>
+        <template v-for="(filterA, index) in filterParams" :key="index">
+          <template v-for="(filter, filterIndex) in filterA.values" :key="filterIndex">
+            <div
+              class="list-filter-item"
+              data-filter="durum-onaylanmis"
+              v-if="filterA.filter && (filter.text !== '' || filter.val !== '')">
+              <strong>{{ filterA.title }}:</strong>
              <span>
                {{ filter.text || filter.val }} {{ filter.op === '=' ? '' : filter.op }}
              </span>
-            <span class="list-filter-close" @click="RemoveFilterKey(k as string)"></span>
+              <span
+                class="list-filter-close"
+                @click="RemoveFilterKey(index, filterIndex)"></span>
            </div>
          </template>
+        </template>
      </div>
    </div>
    <slot name="datatable">
@ -120,13 +127,14 @@
        :isPreview="isPreview"
        :rowActions="rowActions"
        :actionFixed="actionFixed"
-        :rowActionStyle="rowActionStyle" />
+        :rowActionStyle="rowActionStyle"
+        :isUseRoute="isUseRoute" />
    </slot>
  </div>

  <panel-wrapper v-if="filterPanel" v-model="filterPanel" :panel-title="'Filtreleme'">
    <template #panelContent>
-      <panel-filter :filterHead="tableHeader" v-model:filterParams="localFilterParams" />
+      <panel-filter :filterHead="tableHeader" :filterParams="localFilterParams" />
    </template>
    <template #footerButton>
      <div class="button-c button-save" @click="FilterData">Filtrele</div>
@ -140,8 +148,11 @@
 </template>

 <script setup lang="ts">
-  import { ref, reactive, onBeforeMount, watch, computed } from 'vue'
+  import { ref, reactive, onBeforeMount, watch, computed, nextTick } from 'vue'
  import axios from 'axios'
+  import { useRouter, useRoute } from 'vue-router'
+  const router = useRouter()
+  const route = useRoute()

  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
@ -200,7 +211,8 @@
    isPreview?: boolean
    rowActions?: Record<string, any>[]
    actionFixed?: boolean
-    rowActionStyle?:string
+    rowActionStyle?: string
+    isUseRoute?: boolean
  }

  const props = withDefaults(defineProps<Props>(), {
@ -213,7 +225,8 @@
    search: true,
    rowNumber: false,
    isPreview: false,
-    actionFixed:false
+    actionFixed: false,
+    isUseRoute: false
  })

  const emit = defineEmits([
@ -238,6 +251,7 @@
  const localPagination = ref<IPagination>({} as IPagination)
  const localTotalValues = reactive<Record<string, any>>({})
  const searchFieldPos = ref<string>('')
+  const localLoaded = ref<boolean>(false)

  if (props.totalValues !== undefined) Object.assign(localTotalValues, props.totalValues)

@ -250,11 +264,10 @@
  const localTotalRecord = ref<string | number>(0)
  if (props.totalRecord !== undefined) localTotalRecord.value = props.totalRecord

-  const localFilterParams = ref<Record<string, any>>({})
-  const filterParams = reactive<Record<string, any>>({})
+  const localFilterParams = ref<Record<string, any>[]>([])
+  const filterParams = ref<Record<string, any>[]>([])

  const OpenFilterPanel = () => {
-    Object.assign(localFilterParams.value, filterParams)
    filterPanel.value = true
  }

@ -263,10 +276,74 @@
      if (dest[keys] === undefined) delete source[keys]
    })
  }
+  const CreateFilterData = () => {
+    props.tableHeader.forEach((d: Record<string, any>, ind: number) => {
+      if (d.filter !== undefined) {
+        const filterKey = d.filter.filterId || d.name
+        const filterItem: Record<string, any> = {}
+        const firstVal: Record<string, any> = {}
+        const secondVal: Record<string, any> = {}

+        filterItem.title = d.title
+        filterItem.type = d.filter.type
+        filterItem.between = d.filter.between || false
+        filterItem.range = d.filter.range || false
+        filterItem.key = filterKey
+        filterItem.filter = false
+        filterItem.hIndex = ind
+        filterItem.values = []
+
+        const opKey =
+          d.filter.type === 'date'
+            ? d.filter.between !== undefined && d.filter.between
+              ? '>'
+              : '='
+            : '='
+        firstVal.op = opKey
+        firstVal.val = ''
+        firstVal.text = ''
+        filterItem.values.push(firstVal)
+        if (d.filter.between !== undefined && d.filter.between) {
+          secondVal.op = '<'
+          secondVal.val = ''
+          secondVal.text = ''
+          filterItem.values.push(secondVal)
+        }
+
+        localFilterParams.value.push(filterItem)
+      }
+    })
+  }
+
+  const AddParamsToObject = (obj: Record<string, any>) => {
+    filterParams.value.forEach((filter, index) => {
+      if (filter.filter) {
+        const key = 'Filters[' + filter.key + ']'
+        if (obj[key] === undefined) obj[key] = [] as string[]
+        filter.values.forEach((val: Record<string, any>, vIndex: number) => {
+          if (val.val !== '') {
+            ;(obj[key] as string[]).push(val.op + val.val)
+          }
+        })
+      }
+    })
+  }
+  const ResetFilterQueries = async () => {
+    if (props.isUseRoute) {
+      const newQuery: Record<string, any> = {
+        ...route.query
+      }
+      Object.keys(newQuery).forEach((q) => {
+        if (q.includes('Filters[')) delete newQuery[q]
+      })
+      await router.replace({ query: newQuery })
+      AddParamsToObject(newQuery)
+      await router.push({ query: newQuery })
+    }
+  }
  const FilterData = async () => {
-    Object.assign(filterParams, localFilterParams.value)
-    EqualObjects(filterParams, localFilterParams.value)
+    filterParams.value = JSON.parse(JSON.stringify(localFilterParams.value))
+    ResetFilterQueries()
    setTimeout(async () => {
      await GetLocalData()
      filterPanel.value = false
@ -278,37 +355,259 @@
      (props.addAction as Function)()
  }

-  const filterable = () => {
-    return props.tableHeader.filter((e) => e.hasOwnProperty('filter')).length > 0
-  }
+  const filterable = computed(() =>
+    props.tableHeader.some((obj: Record<string, any>) => obj.filter !== undefined)
+  )

-  const filters = (): boolean => {
-    return Object.keys(filterParams).length > 0
-  }
+  const haveFilter = computed(() =>
+    filterParams.value.some((obj: Record<string, any>) => obj.filter)
+  )

-  const RemoveFilterKey = (k: string) => {
-    delete localFilterParams.value[k]
-    delete filterParams[k]
-    GetLocalData()
+  const RemoveFilterKey = (index: number, fIndex: number) => {
+    const query: Record<string, any> = { ...route.query }
+
+    filterParams.value[index].values[fIndex].val = ''
+    filterParams.value[index].values[fIndex].text = ''
+
+    const allEmpty: boolean = filterParams.value[index].values.every(
+      (obj: Record<string, any>) => obj.val === ''
+    )
+    if (allEmpty) filterParams.value[index].filter = false
+
+    localFilterParams.value = JSON.parse(JSON.stringify(filterParams.value))
+
+    ResetFilterQueries()
+    setTimeout(async () => {
+      await GetLocalData()
+      filterPanel.value = false
+    }, 50)
  }
  const RemoveSearch = () => {
    localQuery.value = ''
    searched.value = false
    GetLocalData()
  }
-  const GetLocalData = async () => {
-    if (selectedExport.value !== null) {
-      const exportUrl =
-        axios.defaults.baseURL + dataStore.apiBase + props.apiList + '?isPdf=true'
+  const pageNumberChanging = ref<boolean>(false)
+  const sortChanging = ref<boolean>(false)
+  const searchChanging = ref<boolean>(false)
+  const filterChanging = ref<boolean>(false)

+  const isQueryEqual = (a: Record<string, any>, b: Record<string, any>) => {
+    const keys = new Set([...Object.keys(a || {}), ...Object.keys(b || {})])
+    for (const k of keys) {
+      const va = a?.[k]
+      const vb = b?.[k]
+      if (Array.isArray(va) && Array.isArray(vb)) {
+        if (va.length !== vb.length || va.some((v: any, i: number) => v !== vb[i]))
+          return false
+      } else if (String(va ?? '') !== String(vb ?? '')) return false
+    }
+    return true
+  }
+
+  const RoutePageControl = () => {
+    if (props.isUseRoute) {
+      const q = { ...route.query } as Record<string, any>
+      pageNumberChanging.value = true
+
+      if (q.pageNumber !== undefined && q.pageNumber !== '') {
+        localPagination.value.pageNumber = Number(q.pageNumber)
+      } else {
+        q.pageNumber = String(1)
+        localPagination.value.pageNumber = localPagination.value.pageNumber || 1
+      }
+
+      if (!isQueryEqual(q, route.query as Record<string, any>)) {
+        router.push({ query: q })
+      }
+      nextTick(() => {
+        pageNumberChanging.value = false
+      })
+    }
+  }
+
+  const RouteSortControl = () => {
+    if (props.isUseRoute) {
+      const q = { ...route.query } as Record<string, any>
+      sortChanging.value = true
+      if (q.sortOrder !== undefined && q.sortOrder !== null && q.sortOrder !== '') {
+        localSort.value.sortColumn = q.sortColumn as string
+        localSort.value.sortOrder = q.sortOrder as string
+      } else {
+        delete q.sortOrder
+        delete q.sortColumn
+        delete localSort.value.sortColumn
+        delete localSort.value.sortOrder
+      }
+      if (!isQueryEqual(q, route.query as Record<string, any>)) {
+        router.push({ query: q })
+      }
+      nextTick(() => {
+        sortChanging.value = false
+      })
+    }
+  }
+
+  const RouteSearchControl = () => {
+    if (props.isUseRoute) {
+      const q = { ...route.query } as Record<string, any>
+      searchChanging.value = true
+      if (
+        q.searchString !== undefined &&
+        q.searchString !== null &&
+        q.searchString !== ''
+      ) {
+        localQuery.value = q.searchString as string
+      } else {
+        localQuery.value = ''
+        delete q.searchString
+      }
+      if (!isQueryEqual(q, route.query as Record<string, any>)) {
+        router.push({ query: q })
+      }
+      nextTick(() => {
+        searchChanging.value = false
+      })
+    }
+  }
+
+  const RouteFilterControl = () => {
+    if (props.isUseRoute) {
+      filterChanging.value = true
+      if (Object.keys(route.query).length > 0) {
+        Object.keys(route.query).forEach((key) => {
+          if (key.includes('Filters[')) {
+            const newKey = key.match(/(?<=\[)[^\]]+(?=\])/)![0]
+
+            localFilterParams.value.forEach((filter: Record<string, any>) => {
+              if (filter.key === newKey) {
+                if (!filter.filter) {
+                  const isArray = Array.isArray(route.query[key])
+                  if (isArray) {
+                    ;(route.query[key]! as string[]).forEach((val, ind) => {
+                      filter.values[ind].op = (route.query[key]! as string[])[ind].charAt(
+                        0
+                      )
+                      filter.values[ind].val = (route.query[key]! as string[])[ind].slice(
+                        1
+                      )
+                      if (filter.type === 'select') {
+                        const filterData = props.tableHeader[filter.hIndex].filter!.data
+                        if (filterData && Array.isArray(filterData)) {
+                          const forText = filterData.find(
+                            (o: Record<string, any>) =>
+                              String(
+                                o[props.tableHeader[filter.hIndex].filter!.listVal]
+                              ) === String(filter.values[ind].val)
+                          )
+                          if (forText) {
+                            filter.values[ind].text =
+                              forText[props.tableHeader[filter.hIndex].filter!.listText]
+                          } else {
+                            filter.values[ind].text = filter.values[ind].val
+                          }
+                        } else {
+                          filter.values[ind].text = filter.values[ind].val
+                        }
+                      }
+                    })
+                  } else {
+                    filter.values[0].op = (route.query[key] as string).charAt(0)
+                    filter.values[0].val = (route.query[key] as string).slice(1)
+
+                    if (filter.type === 'select') {
+                      const filterData = props.tableHeader[filter.hIndex].filter!.data
+                      if (filterData && Array.isArray(filterData)) {
+                        const forText = filterData.find(
+                          (o: Record<string, any>) =>
+                            String(o[props.tableHeader[filter.hIndex].filter!.listVal]) ===
+                            String(filter.values[0].val)
+                        )
+                        if (forText) {
+                          filter.values[0].text =
+                            forText[props.tableHeader[filter.hIndex].filter!.listText]
+                        } else {
+                          filter.values[0].text = filter.values[0].val
+                        }
+                      } else {
+                        filter.values[0].text = filter.values[0].val
+                      }
+                    }
+                  }
+                  filter.filter = true
+                }
+              }
+            })
+          }
+        })
+
+        filterParams.value = JSON.parse(JSON.stringify(localFilterParams.value))
+      }
+      nextTick(() => {
+        filterChanging.value = false
+      })
+    }
+  }
+
+  const GetLocalData = async () => {
+    localLoaded.value = false
+    if (selectedExport.value !== null) {
+      let exportUrl = ''
+      let fileType = ''
+      let fileName = ''
+
+      // Export tipine göre URL ve dosya ayarları
+      if (selectedExport.value === 1) {
+        // PDF
+        exportUrl = axios.defaults.baseURL + dataStore.apiBase + props.apiList + '/Pdf'
+        fileType = 'application/pdf'
+        fileName = 'export.pdf'
+      } else if (selectedExport.value === 2) {
+        // Excel
+        exportUrl = axios.defaults.baseURL + dataStore.apiBase + props.apiList + '/Excel'
+        fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+        fileName = 'export.xlsx'
+      }
+
+      // Export için parametreleri hazırla
+      let exportParams: Record<string, any> = {}
+
+      // Sıralama parametrelerini ekle
+      if (localSort.value.sortColumn !== undefined) {
+        exportParams.sortColumn = localSort.value.sortColumn
+        if (localSort.value.sortOrder !== undefined && localSort.value.sortOrder !== '')
+          exportParams.sortOrder = localSort.value.sortOrder
+      }
+
+      // Arama parametresini ekle
+      if (localQuery.value !== '') {
+        exportParams.searchString = localQuery.value
+      }
+
+      // Filtre parametrelerini ekle
+      if (haveFilter.value) AddParamsToObject(exportParams)
+
+      // Axios ile dosya indirme - interceptor otomatik olarak token ekleyecek
+      try {
+        const response = await axios.get(exportUrl, {
+          params: exportParams,
+          responseType: 'blob'
+        })
+
+        const blob = new Blob([response.data], { type: fileType })
+        const url = window.URL.createObjectURL(blob)
        const link = document.createElement('a')
-      link.href = exportUrl
+        link.href = url
+        link.download = fileName
        document.body.appendChild(link)
        link.dispatchEvent(
          new MouseEvent('click', { bubbles: true, cancelable: true, view: window })
        )
        link.remove()
-      window.URL.revokeObjectURL(link.href)
+        window.URL.revokeObjectURL(url)
+      } catch (error) {
+        console.error('Export error:', error)
+      }

      selectedExport.value = null
      exportPanel.value = false
@ -336,10 +635,8 @@

      var filterparam: Record<string, any> = {}

-      if (filters()) {
-        Object.keys(filterParams).forEach((f, k) => {
-          filterparam['Filters[' + f + ']'] = filterParams[f].op + filterParams[f].val
-        })
+      if (haveFilter.value) {
+        AddParamsToObject(filterparam)
        Object.assign(apiData.params, filterparam)
      }
      let dt = await dataStore.dataGet(props.apiList as string, apiData)
@ -363,6 +660,9 @@
      }
      emit('update:refresh', false)
    }
+    nextTick(() => {
+      localLoaded.value = true
+    })
  }
  const OpenMobileButtons = () => {
    searchForm.value = false
@ -382,7 +682,7 @@
        let el: HTMLInputElement = document.getElementById(
          'listsearch' + rnd.value
        ) as HTMLInputElement
-        el.focus
+        el.focus()
        el.select()
      }, 50)
    }
@ -393,6 +693,14 @@
  const SearchQuery = () => {
    if (props.apiList !== undefined) GetLocalData()
    else emit('update:query', localQuery.value)
+    if (props.isUseRoute) {
+      router.push({
+        query: {
+          ...route.query,
+          searchString: localQuery.value
+        }
+      })
+    }
    searchForm.value = false
    searched.value = true
  }
@ -400,28 +708,46 @@
    searchForm.value = false
    mobileButtons.value = false
  }
+
  onBeforeMount(() => {
    if (globalStore.screenWidth >= globalStore.breakPoints.tabletp)
      mobileButtons.value = true

-    if (props.apiList !== undefined) GetLocalData()
+    CreateFilterData()
+    RoutePageControl()
+    RouteSortControl()
+    RouteSearchControl()
+    RouteFilterControl()

+    if (props.apiList !== undefined) GetLocalData()
    window.addEventListener('resize', Resize)
  })

  watch(
-    () => localSort.value,
+    () => [localSort.value],
    () => {
+      if (!sortChanging.value) GetLocalData()
+    },
+    { deep: true }
+  )
+  watch(
+    () => [route],
+    () => {
+      RoutePageControl()
+      RouteSortControl()
+      RouteSearchControl()
+      RouteFilterControl()
      GetLocalData()
    },
    { deep: true }
  )
-
  watch(
    () => localPagination.value.pageNumber,
    () => {
+      if (!pageNumberChanging.value) {
        GetLocalData()
      }
+    }
  )
  watch(
    () => props.refresh,
@ -432,8 +758,9 @@
  watch(
    () => localQuery.value,
    () => {
-      if (props.apiList !== undefined && localQuery.value.length === 0) GetLocalData()
-      else if (localQuery.value.length === 0) emit('update:query', localQuery.value)
+      if (props.apiList !== undefined && localQuery.value.length === 0) {
+        if (!searchChanging.value) GetLocalData()
+      } else if (localQuery.value.length === 0) emit('update:query', localQuery.value)
    }
  )
  watch(
--- a/src/components/global/PanelExport.vue
+++ b/src/components/global/PanelExport.vue
@ -22,7 +22,7 @@
      </div>
    </div>

-    <div class="panel-content-item" v-if="showExport">
+    <!-- <div class="panel-content-item" v-if="showExport">
      <div class="button-c button-icon button-export" @click="SelectExport(3)">
        <i class="ico-c">
          <svg>
@ -31,7 +31,7 @@
        </i>
        <span class="panel-date">CSV</span>
      </div>
-    </div>
+    </div> -->
  </div>
 </template>
 <script setup lang="ts">
@ -45,7 +45,7 @@
  const emit = defineEmits(['update:selectedExport'])

  const selected = ref<number>(0)
-  const showExport = ref<boolean>(false)
+  const showExport = ref<boolean>(true)

  const SelectExport = (exp: number) => {
    selected.value = exp
--- a/src/components/global/PanelFilter.vue
+++ b/src/components/global/PanelFilter.vue
@ -1,103 +1,104 @@
 <template>
-  <template v-for="(filter, i) in filterHead">
-    <template v-if="filter.filter !== undefined">
-      <template v-if="filter.filter.type === 'datetime-local'">
+  <template v-for="(filter, i) in localFilterParams">
+    <template v-if="filter.type === 'datetime-local'">
      <div class="panel-content-item">
        <form-date
-            v-model="localFilterData[filter.name]"
-            :label="filter.title"
-            @change="UpdateFilter(filter)" />
+          v-model="filter.values[0].val"
+          :label="
+            filter.title +
+            (filter.between !== undefined && filter.between ? ' (Başlangıç)' : '')
+          "
+          @change="UpdateFilter(filter, 0)" />
        <form-select
-            v-if="filter.filter.range !== undefined && filter.filter.range"
+          v-if="filter.range !== undefined && filter.range"
          :listData="filterOperator"
-            v-model="localFilterData[filter.name + 'op']"
-            @change="UpdateFilter(filter)" />
+          v-model="filter.values[0].op"
+          @change="UpdateFilter(filter, 0)"
+          label="Operator" />
+        <form-date
+          v-if="filter.between !== undefined && filter.between"
+          v-model="filter.values[1].val"
+          :label="
+            filter.title +
+            (filter.between !== undefined && filter.between ? ' (Bitiş)' : '')
+          "
+          @change="UpdateFilter(filter, 1)" />
      </div>
    </template>
-      <template v-if="filter.filter.type === 'date'">
+    <template v-if="filter.type === 'date'">
      <div class="panel-content-item">
        <form-date
          type="date"
-            v-model="localFilterData[filter.name]"
-            :label="filter.title"
-            @change="UpdateFilter(filter)" />
+          v-model="filter.values[0].val"
+          :label="
+            filter.title +
+            (filter.between !== undefined && filter.between ? ' (Başlangıç)' : '')
+          "
+          @change="UpdateFilter(filter, 0)" />
        <form-select
-            v-if="filter.filter.range !== undefined && filter.filter.range"
+          v-if="filter.range !== undefined && filter.range"
          :listData="filterOperator"
-            v-model="localFilterData[filter.name + 'op']"
-            @change="UpdateFilter(filter)" />
+          v-model="filter.values[0].op"
+          @change="UpdateFilter(filter, 0)"
+          label="Operator" />
+        <form-date
+          v-if="filter.between !== undefined && filter.between"
+          type="date"
+          v-model="filter.values[1].val"
+          :label="
+            filter.title +
+            (filter.between !== undefined && filter.between ? ' (Bitiş)' : '')
+          "
+          @change="UpdateFilter(filter, 1)" />
      </div>
    </template>
-      <template v-if="filter.filter.type === 'text'">
+    <template v-if="filter.type === 'text'">
      <div class="panel-content-item">
        <form-input
-            v-model="localFilterData[filter.name]"
+          v-model="filter.values[0].val"
          :label="filter.title"
-            @change="UpdateFilter(filter)" />
+          @change="UpdateFilter(filter, 0)" />
        <form-select
-            v-if="filter.filter.range !== undefined && filter.filter.range"
+          v-if="filter.range !== undefined && filter.range"
          :listData="filterOperator"
-            v-model="localFilterData[filter.name + 'op']"
-            @change="UpdateFilter(filter)" />
+          v-model="filter.values[0].op"
+          @change="UpdateFilter(filter, 0)"
+          label="Operator" />
      </div>
    </template>
-      <template v-if="filter.filter.type === 'select'">
+    <template v-if="filter.type === 'select'">
      <div class="panel-content-item">
        <form-select
-            :listData="filter.filter.data"
-            :listText="filter.filter.listText"
-            :listVal="filter.filter.listVal"
-            :extraData="filter"
+          :listData="filterHead[filter.hIndex].filter.data"
+          :listText="filterHead[filter.hIndex].filter.listText"
+          :listVal="filterHead[filter.hIndex].filter.listVal"
+          :extraData="{ f: filter, k: filterHead[filter.hIndex].filter.listText }"
          :label="filter.title"
-            v-model="localFilterData[filter.filter.filterId || filter.name]"
+          v-model="filter.values[0].val"
          @change="UpdateFilterSelect"
          clearable />
      </div>
    </template>
  </template>
-  </template>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, onBeforeMount } from 'vue'
+  import { ref } from 'vue'

  const props = defineProps<{
-    filterHead: Record<string, any>
-    filterParams: Record<string, any>
+    filterHead: Record<string, any>[]
+    filterParams: Record<string, any>[]
  }>()

  const emit = defineEmits(['update:filterParams'])
-
-  const localFilterData = reactive<Record<string, any>>({})
-  const localFilterParams = reactive<Record<string, any>>(
-    Object.assign(props.filterParams)
-  )
+  const localFilterParams = ref<Record<string, any>[]>(props.filterParams)
  const filterOperator = ref<string[]>(['=', '<', '>'])

-  const createFilterData = () => {
-    props.filterHead.forEach((d: Record<string, any>) => {
-      if (d.filter !== undefined) {
-        let filterKey = d.filter.filterId || d.name
-        localFilterData[filterKey] = ''
-        localFilterData[filterKey + 'op'] = '='
-      }
-    })
-
-    Object.keys(localFilterParams).forEach((k, i) => {
-      localFilterData[k] = localFilterParams[k].val
-      localFilterData[k + 'op'] = localFilterParams[k].op
-    })
-  }
-
-  const UpdateFilter = (k: Record<string, any>) => {
-    let filterKey = k.filter.filterId || k.name
-    if (localFilterData[filterKey] !== '') {
-      localFilterParams[filterKey] = {}
-      localFilterParams[filterKey].val = localFilterData[filterKey]
-      localFilterParams[filterKey].op = localFilterData[filterKey + 'op']
-      localFilterParams[filterKey].title = k.title
-    } else delete localFilterParams[filterKey]
-
-    emit('update:filterParams', localFilterParams)
+  const UpdateFilter = (filter: Record<string, any>, index: number) => {
+    const allEmpty: boolean = filter.values.every(
+      (obj: Record<string, any>) => obj.val === ''
+    )
+    if (filter.values[index].val === '') filter.values[index].text = ''
+    filter.filter = !allEmpty
  }
  const UpdateFilterSelect = (
    e: Event,
@ -105,19 +106,13 @@
    d: Record<string, any>,
    ext: Record<string, any>
  ) => {
-    let filterKey = ext.filter.filterId || ext.name
-    if (v !== '' && v !== null && localFilterData[filterKey] !== '') {
-      localFilterParams[filterKey] = {}
-      localFilterParams[filterKey].val = localFilterData[filterKey]
-      localFilterParams[filterKey].op = localFilterData[filterKey + 'op']
-      localFilterParams[filterKey].title = ext.title
-      localFilterParams[filterKey].text = d[ext.filter.listText]
+    if (v !== '' && v !== null) {
+      ext.f.values[0].val = v
+      ext.f.values[0].text = d[ext.k]
+      ext.f.filter = true
    } else {
-      delete localFilterParams[filterKey]
+      ext.f.filter = false
+      ext.f.values[0].text = ''
    }
-    emit('update:filterParams', localFilterParams)
  }
-  onBeforeMount(() => {
-    createFilterData()
-  })
 </script>
--- a/src/components/global/Tabs.vue
+++ b/src/components/global/Tabs.vue
@ -32,19 +32,24 @@
  </div>
 </template>
 <script setup lang="ts">
-  import { ref, computed, onMounted, watch } from 'vue'
+  import { ref, computed, onMounted, onBeforeMount, watch, nextTick } from 'vue'
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
+  import { useRouter, useRoute } from 'vue-router'
+  const router = useRouter()
+  const route = useRoute()

  interface TabObj {
    [key: string]: any
    text: string
    id: string
  }
-
-  const props = defineProps<{
+  export interface Props {
    tabList: TabObj[]
-  }>()
+    isUseRoute?: boolean
+  }
+
+  const props = withDefaults(defineProps<Props>(), { isUseRoute: false })

  const currentTab = ref<number>(0)
  const rnd = ref<number>(Math.ceil(Number(Math.random() * 1000000000)))
@ -79,6 +84,13 @@
    } else {
      currentTab.value = Number(d)
    }
+    if (props.isUseRoute) {
+      nextTick(() => {
+        router.push({
+          params: { ...route.params, tabid: props.tabList[currentTab.value].id }
+        })
+      })
+    }
    CalculateNavPosition()
  }
  const TabWidth = () => {
@ -96,14 +108,31 @@
    TabWidth()
    CalculateNavPosition()
  }
+  const RouteTabControl = () => {
+    if (props.isUseRoute) {
+      if (route.params.tabid !== undefined && route.params.tabid !== '') {
+        currentTab.value = props.tabList.findIndex((t) => t.id === route.params.tabid)
+      }
+    }
+  }
  onMounted(() => {
    TabWidth()
    window.addEventListener('resize', Resize)
  })
+  onBeforeMount(() => {
+    RouteTabControl()
+  })
  watch(
    () => globalStore.sideMenu,
    () => {
      TabWidth()
    }
  )
+  watch(
+    () => route.params.tabid,
+    (t) => {
+      RouteTabControl()
+    },
+    { immediate: true }
+  )
 </script>
--- a/src/components/global/index.ts
+++ b/src/components/global/index.ts
@ -5,7 +5,6 @@ import FormInput from './FormInput.vue'
 import FormDate from './FormDate.vue'
 import FormFile from './FormFile.vue'
 import FormTextarea from './FormTextarea.vue'
-import FormQuill from './FormQuill.vue'
 import FormSummer from './FormSummer.vue'
 import FormSelect from './FormSelect.vue'
 import FormRadio from './FormRadio.vue'
@ -25,7 +24,6 @@ export {
  FormDate,
  FormFile,
  FormTextarea,
-  FormQuill,
  FormSummer,
  FormSelect,
  FormRadio,
--- a/src/init/axios-init.ts
+++ b/src/init/axios-init.ts
@ -5,6 +5,23 @@ import router from '@/router'
 axios.defaults.baseURL = import.meta.env.VITE_API_URL
 //axios.defaults.timeout = 2000;
 axios.defaults.headers['Content-Type'] = 'application/json; charset=utf-8'
+//Filtrelerde aynı key birden fazla parametre array ile eklendiğinde url oluştururken [] ekleyerek oluşturmasını engellemek için serializer eklendi
+axios.defaults.paramsSerializer = (params) => {
+  const queryParts: string[] = []
+
+  for (const key in params) {
+    const value = params[key]
+    if (Array.isArray(value)) {
+      value.forEach((v) => {
+        queryParts.push(`${key}=${encodeURIComponent(v)}`)
+      })
+    } else if (value !== undefined && value !== null) {
+      queryParts.push(`${key}=${encodeURIComponent(value)}`)
+    }
+  }
+
+  return queryParts.join('&')
+}
 import { useDataStore } from '@/stores/dataStore'

 // İstek Öncesinde Çalışacak Bir Fonksiyon
@ -42,9 +59,8 @@ axios.interceptors.response.use(
    const usersStore = useUsersStore()
    const dataStore = useDataStore()
    dataStore.isLoading = false
-    // Yanıtta hata oluşursa burada yakalanır
-    // error.status kodu undefined  geliyor
-    if (error.response.status === 401) {
+    // Yanıtta hata oluşursa burada yakalanır (401 login'e yönlendir, diğerleri dataStore catch'te toast gösterir)
+    if (error.response?.status === 401) {
      const token = sessionStorage.getItem(usersStore.userStorageKeys.TOKEN)
      if (token !== undefined) {
        usersStore.ResetUserData()
--- a/src/module/auth/views/Register.vue
+++ b/src/module/auth/views/Register.vue
@ -355,8 +355,6 @@
  const globalDataStore = useGlobalDataStore()
  import { useValidationStore } from '@/stores/validationStore'
  const validationStore = useValidationStore()
-  import { useUsersStore } from '@/stores/usersStore'
-  const usersStore = useUsersStore()
  import { useAuthValidationStore } from '../stores/authValidationStore'
  const authValidationStore = useAuthValidationStore()
  import router from '@/router'
@ -365,12 +363,6 @@
  const uyeBilgileriStore = useUyeBilgileriStore()
  uyeBilgileriStore.ResetStore()

-  interface IIl {
-    [key: string]: any
-    ad: string
-    id: number
-  }
-
  const kvkkCheck = ref([
    {
      label: '',
--- a/src/module/cekilisler/components/TabPiyangoCekilisTutanagi.vue
+++ b/src/module/cekilisler/components/TabPiyangoCekilisTutanagi.vue
@ -0,0 +1,19 @@
+<template>
+  <form-piyango-cekilis-tutanagi-display
+    v-if="
+      usersStore.isPanelUser ||
+      (piyangoStore.lotteryApprove !== 0 &&
+        piyangoStore.lotteryApprove !== 3 &&
+        piyangoStore.lotteryApprove !== 8)
+    " />
+  <form-piyango-cekilis-tutanagi v-else />
+</template>
+<script setup lang="ts">
+  import { useUsersStore } from '@/stores/usersStore'
+  const usersStore = useUsersStore()
+  import { usePiyangoStore } from '../stores/piyangoStore'
+  const piyangoStore = usePiyangoStore()
+  import FormPiyangoCekilisTutanagi from './form/FormPiyangoCekilisTutanagi.vue'
+  import FormPiyangoCekilisTutanagiDisplay from './display/FormPiyangoCekilisTutanagiDisplay.vue'
+</script>
+
--- a/src/module/cekilisler/components/TabPiyangoDosyaKapama.vue
+++ b/src/module/cekilisler/components/TabPiyangoDosyaKapama.vue
@ -0,0 +1,14 @@
+<template>
+  <div class="form-content">
+    <div class="form-inner-content form-inner-content-left">
+      <form-piyango-dosya-kapama />
+    </div>
+    <div class="form-inner-content form-inner-content-left">
+      <form-piyango-dosya-kapama-ikramiye-listesi />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import FormPiyangoDosyaKapama from './form/FormPiyangoDosyaKapama.vue'
+  import FormPiyangoDosyaKapamaIkramiyeListesi from './form/FormPiyangoDosyaKapamaIkramiyeListesi.vue'
+</script>
--- a/src/module/cekilisler/components/TabPiyangoKatilimciListesi.vue
+++ b/src/module/cekilisler/components/TabPiyangoKatilimciListesi.vue
@ -8,7 +8,8 @@
      :rowAction="OpenUser"
      :apiList="'Katilimci/ByCekilisId/' + piyangoStore.selectedLottery"
      v-model:pagination="paginationData"
-      v-model:refresh="piyangoKatilimciStore.refreshPiyangoKatilimciList">
+      v-model:refresh="piyangoKatilimciStore.refreshPiyangoKatilimciList"
+      isUseRoute>
      <template #extraButtons>
        <button
          class="button-c"
@ -50,14 +51,62 @@
      </template>
    </list-table-content>
    <panel-wrapper
+      wide
      v-if="piyangoKatilimciStore.katilimciFilePanel"
      v-model="piyangoKatilimciStore.katilimciFilePanel"
      panel-title="Katılımcı Dosyası Yükle">
      <template #panelContent>
+        <div class="upload-panel-content">
+          <div v-if="uploadProgressPanel" class="upload-progress-section">
+            <h4 class="upload-progress-title">Aktif Yükleme</h4>
+            <div class="upload-warning">
+              İşlem sırasında tarayıcıyı veya bu sekmeyi kapatmayınız. Sayfa yenilerseniz bu paneli tekrar açarak takip edebilirsiniz.
+            </div>
+            <div class="progress-bar">
+              <div
+                class="progress-fill"
+                :style="{ width: uploadProgressValue + '%' }"></div>
+            </div>
+            <div class="progress-text">
+              <template v-if="uploadProgressValue === 0">
+                Dosya içeriği okunuyor, yükleme başlatılıyor...
+              </template>
+              <template v-else>{{ uploadProgressValue }}%</template>
+            </div>
+          </div>
+          <div v-if="uploadJobsLoading || uploadJobs.length > 0" class="upload-history-section">
+            <h4 class="upload-history-title">Yükleme Geçmişi</h4>
+            <div v-if="uploadJobsLoading" class="history-loading">Yükleniyor...</div>
+            <div v-else-if="uploadJobs.length > 0" class="history-items">
+              <div
+                v-for="job in uploadJobs"
+                :key="job.guid"
+                :class="['history-item', job.status?.toLowerCase() === 'processing' ? 'processing' : '']"
+                @click="OpenUploadDetail(job.guid)">
+                <span class="history-file">{{ job.fileName }}</span>
+                <span :class="['history-status', 'status-' + job.status?.toLowerCase()]">{{ statusText(job.status) }}</span>
+                <span class="history-progress">{{ job.progress }}%</span>
+                <span v-if="job.status?.toLowerCase() === 'completed'" class="history-stats">
+                  +{{ job.insertedCount ?? 0 }}
+                  <template v-if="(job.duplicateCount ?? 0) > 0"> / {{ job.duplicateCount }} dpl</template>
+                </span>
+                <span class="history-date">{{ formatDate(job.createdAt) }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="upload-form-section">
+            <h4 class="upload-form-title">Yeni Dosya Yükle</h4>
            <panel-katilimci-document />
+          </div>
+        </div>
      </template>
      <template #footerButton>
-        <button class="button-c button-save" @click="FileUpload" :disabled="uploadProgressPanel">Yükle</button>
+        <button
+          class="button-c button-save"
+          @click="FileUpload"
+          :disabled="uploadProgressPanel">
+          Yükle
+        </button>
      </template>
    </panel-wrapper>
    <panel-wrapper
@ -82,26 +131,12 @@
      </template>
    </panel-wrapper>
    <panel-wrapper
-      v-if="uploadProgressPanel"
-      v-model="uploadProgressPanel"
-      panel-title="Yükleme Durumu">
+      wide
+      v-if="uploadDetailPanel"
+      v-model="uploadDetailPanel"
+      panel-title="Yükleme Detayı">
      <template #panelContent>
-        <div class="progress-container">
-          <div class="upload-warning">
-            📌 İşlem sırasında tarayıcıyı veya bu sekmeyi kapatmayınız.
-          </div>
-          <div class="progress-bar">
-            <div
-              class="progress-fill"
-              :style="{ width: uploadProgressValue + '%' }"></div>
-          </div>
-          <div class="progress-text">
-            <template v-if="uploadProgressValue === 0">
-              Dosya içeriği okunuyor, yükleme başlatılıyor...
-            </template>
-            <template v-else>{{ uploadProgressValue }}%</template>
-          </div>
-        </div>
+        <panel-excel-upload-detail :jobGuid="selectedJobGuid" />
      </template>
    </panel-wrapper>
  </section>
@ -111,15 +146,12 @@
  import PanelWrapper from '@/components/PanelWrapper.vue'
  import PanelKatilimciDocument from '@/module/cekilisler/components/panel/PanelKatilimciDocument.vue'
  import PanelPiyangoKatilimci from '@/module/cekilisler/components/panel/PanelPiyangoKatilimci.vue'
-
+  import PanelExcelUploadDetail from '@/module/cekilisler/components/panel/PanelExcelUploadDetail.vue'
  import { useDateStore } from '@/stores/dateStore'

-  const dateStore = useDateStore()
  import { useUsersStore } from '@/stores/usersStore'
-
  const usersStore = useUsersStore()
  import { useDataStore } from '@/stores/dataStore'
-
  const dataStore = useDataStore()
  import { usePiyangoStore } from '../stores/piyangoStore'

@ -136,24 +168,26 @@
  import { useDialogStore } from '@/components/global/dialogStore'

  const dialogStore = useDialogStore()
+  const toastStore = useToastStore()

  import { usePiyangoOnayStore } from '../stores/piyangoOnayStore'
  const piyangoOnayStore = usePiyangoOnayStore()
  import { usePiyangoOnayService } from '../service/piyangoOnayService'
  const piyangoOnayService = usePiyangoOnayService()

-  import {
-    connectToHub,
-    onProgress,
-    onInsertProgress,
-    onCompleted,
-    onError
-  } from '../service/signalrService'
+  import { onUnmounted } from 'vue'
+  import { connectToHub, onProgress, onInsertProgress, onCompleted, onError, removeUploadHandlers } from '../service/signalrService'
+  import { useToastStore } from '@/components/global/toastStore'

  const uploadProgressValue = ref(0)
  const uploadProgressPanel = ref(false)
-  const today = ref<Date>(new Date())
-  const ilanTarihi = ref<Date>(new Date(piyangoStore.lotteryIlanTarihi!))
+  const uploadDetailPanel = ref(false)
+  const uploadJobs = ref<Record<string, any>[]>([])
+  const uploadJobsLoading = ref(false)
+  const selectedJobGuid = ref('')
+  const connectionId = ref('')
+  const dateStore = useDateStore()
+  let pollInterval: ReturnType<typeof setInterval> | null = null

  const tableHeader = ref<Record<string, any>[]>([
    {
@ -259,12 +293,58 @@
    else return ''
  })

-  const AddNewDocument = () => {
-    dataStore.panelData = {
-      title: '',
-      file: ''
+  const AddNewDocument = async () => {
+    try {
+      connectionId.value = await connectToHub()
+    } catch {
+      connectionId.value = ''
    }
+    dataStore.panelData = { title: '', file: '' }
    piyangoKatilimciStore.katilimciFilePanel = true
+    uploadJobsLoading.value = true
+    const cekilisId = piyangoStore.selectedLottery
+    uploadJobs.value = cekilisId !== null ? await piyangoKatilimciService.GetUploadJobs(cekilisId) : []
+    uploadJobsLoading.value = false
+
+    removeUploadHandlers()
+    // İşleniyor durumundaki job varsa SignalR ile abone ol (gerçek zamanlı progress almak için)
+    const processingJob = uploadJobs.value.find(
+      (j: Record<string, any>) => j.status?.toLowerCase() === 'processing'
+    )
+    if (processingJob?.guid && connectionId.value) {
+      const updateProgress = (data: any) => {
+        const percent = data.Percent ?? 0
+        uploadProgressValue.value = percent
+        const idx = uploadJobs.value.findIndex((j: Record<string, any>) => j.guid === processingJob.guid)
+        if (idx >= 0) {
+          uploadJobs.value[idx] = {
+            ...uploadJobs.value[idx],
+            progress: percent,
+            processedRows: data.Current ?? data.InsertedCount,
+            totalRows: data.Total ?? data.TotalCount
+          }
+        }
+      }
+      onProgress(updateProgress)
+      onInsertProgress(updateProgress)
+      onCompleted(() => {
+        stopPolling()
+        uploadProgressPanel.value = false
+        piyangoKatilimciStore.refreshPiyangoKatilimciList = true
+        piyangoKatilimciStore.katilimciFilePanel = true
+        refreshUploadJobsAndPollProcessing()
+      })
+      onError(() => {
+        stopPolling()
+        uploadProgressPanel.value = false
+        refreshUploadJobsAndPollProcessing()
+      })
+      uploadProgressPanel.value = true
+      uploadProgressValue.value = processingJob.progress ?? 0
+      await piyangoKatilimciService.SubscribeToJob(processingJob.guid, connectionId.value)
+    }
+
+    startPollingForAnyProcessingJob()
  }

  const AddNewKatilimci = () => {
@ -284,65 +364,62 @@
    piyangoKatilimciStore.katilimciUserPanel = true
  }
  const FileUpload = async () => {
-    const connectionId = await connectToHub()
+    if (!piyangoKatilimciValidationStore.FileFormCheck()) {
+      piyangoKatilimciValidationStore.isFileFormValid = true
+      return
+    }

-    // Progress modal'ı aç
+    removeUploadHandlers()
    uploadProgressValue.value = 0
    uploadProgressPanel.value = true

    onProgress((data) => {
      uploadProgressValue.value = data.Percent
-      console.log('Progress:', data.Percent)
    })

-    onCompleted((data) => {
-      console.log('Tamamlandı:', data)
+    onCompleted(() => {
+      stopPolling()
      uploadProgressPanel.value = false
      piyangoKatilimciStore.refreshPiyangoKatilimciList = true
-      piyangoKatilimciStore.katilimciFilePanel = false
+      piyangoKatilimciStore.katilimciFilePanel = true
+      refreshUploadJobsAndPollProcessing()
+    })
+
+    onError(() => {
+      stopPolling()
+      uploadProgressPanel.value = false
    })

    const formData = new FormData()
-    formData.append(
-      'excelFile',
-      piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile
-    )
-    console.log(dataStore.panelData)
+    formData.append('excelFile', piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile)
+
+    const connId = connectionId.value || ''
    const response = await dataStore.dataPost(
-      `Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connectionId}`,
+      `Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connId}`,
      {
        data: formData,
-        headers: { 'Content-Type': 'multipart/form-data' }
+        headers: { 'Content-Type': 'multipart/form-data' },
+        skipErrorForStatuses: [409]
      }
    )
-console.log('excel response',response)
-    if (response !== 'errorfalse') {
-      // Başarı işlemi zaten onCompleted içinde yapıldı
-    } else {

-      // Hata olursa paneli kapat
+    if (response?._error && response.status === 409) {
+      uploadProgressPanel.value = false
+      const msg = response.data?.message || 'Bu çekiliş için zaten devam eden bir Excel yükleme işlemi var.'
+      toastStore.AddToast(msg, 'alert', 6000)
+      if (response.data?.existingJobId) {
+        refreshUploadJobsAndPollProcessing()
+        OpenUploadDetail(response.data.existingJobId)
+      }
+      return
+    }
+
+    if (response !== 'errorfalse' && response?.jobId) {
+      startPolling(response.jobId)
+    } else {
      uploadProgressPanel.value = false
    }
  }
-  // const FileUpload = async () => {
-  //   if (true) {
-  //     const formData = new FormData()
-  //     formData.append('excelFile', dataStore.panelData.file)
-  //     let dt: any
-  //
-  //     dt = await dataStore.dataPost(
-  //       `Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connectionId}`,
-  //       {
-  //         data: formData,
-  //         headers: { 'Content-Type': 'multipart/form-data' }
-  //       }
-  //     )
-  //     if (dt !== 'errorfalse') {
-  //       piyangoKatilimciStore.refreshPiyangoKatilimciList = true
-  //       piyangoKatilimciStore.katilimciFilePanel = false
-  //     }
-  //   }
-  // }
  const DeleteAllButton = () => {
    dialogStore.CreateDialog({
      title: 'Tüm Katılımcıları Sil',
@ -354,7 +431,7 @@ console.log('excel response',response)
        {
          label: 'Tüm katılımcıları Sil',
          type: 'alert',
-          function: () => DeleteAll
+          function: () => DeleteAll()
        }
      ]
    })
@ -376,16 +453,92 @@ console.log('excel response',response)
    piyangoOnayStore.piyangoOnayForm.aciklama = ''
    await piyangoOnayService.SaveOnayDurum()
  }
-</script>
-<style>
-  .progress-container {
-    width: 100%;
-    padding: 20px 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+
+  const statusText = (status: string) => {
+    const map: Record<string, string> = {
+      Pending: 'Bekliyor',
+      Processing: 'İşleniyor',
+      Completed: 'Tamamlandı',
+      Failed: 'Başarısız'
+    }
+    return map[status] || status
  }

+  const formatDate = (val: string | Date) => {
+    if (!val) return '-'
+    return dateStore.dateFormat({ date: new Date(val), pattern: 'dd.mm.yyyy HH:MM' })
+  }
+
+  const OpenUploadDetail = (guid: string) => {
+    selectedJobGuid.value = guid
+    uploadDetailPanel.value = true
+  }
+
+  const stopPolling = () => {
+    if (pollInterval) {
+      clearInterval(pollInterval)
+      pollInterval = null
+    }
+  }
+
+  const startPolling = (jobId: string) => {
+    stopPolling()
+    pollInterval = setInterval(async () => {
+      const status = await piyangoKatilimciService.GetUploadJobStatus(jobId)
+      if (status && (status.status === 'Completed' || status.status === 'Failed')) {
+        stopPolling()
+        uploadProgressValue.value = status.status === 'Completed' ? 100 : status.progress || 0
+        uploadProgressPanel.value = false
+        piyangoKatilimciStore.refreshPiyangoKatilimciList = true
+        piyangoKatilimciStore.katilimciFilePanel = true
+        refreshUploadJobsAndPollProcessing()
+      } else if (status) {
+        uploadProgressValue.value = status.progress || 0
+      }
+    }, 2000)
+  }
+
+  const startPollingForExistingJob = (jobGuid: string) => {
+    stopPolling()
+    pollInterval = setInterval(async () => {
+      const status = await piyangoKatilimciService.GetUploadJobStatus(jobGuid)
+      if (status) {
+        const idx = uploadJobs.value.findIndex((j: Record<string, any>) => j.guid === jobGuid)
+        if (idx >= 0) {
+          uploadJobs.value[idx] = { ...uploadJobs.value[idx], ...status }
+        }
+        if (status.status === 'Completed' || status.status === 'Failed') {
+          stopPolling()
+          piyangoKatilimciStore.refreshPiyangoKatilimciList = true
+          refreshUploadJobsAndPollProcessing()
+        }
+      }
+    }, 2000)
+  }
+
+  const refreshUploadJobsAndPollProcessing = async () => {
+    const cekilisId = piyangoStore.selectedLottery
+    if (cekilisId !== null) {
+      uploadJobs.value = await piyangoKatilimciService.GetUploadJobs(cekilisId)
+      startPollingForAnyProcessingJob()
+    }
+  }
+
+  const startPollingForAnyProcessingJob = () => {
+    const processingJob = uploadJobs.value.find(
+      (j: Record<string, any>) => j.status?.toLowerCase() === 'processing'
+    )
+    if (processingJob?.guid) {
+      startPollingForExistingJob(processingJob.guid)
+    }
+  }
+
+  onUnmounted(() => {
+    stopPolling()
+    removeUploadHandlers()
+  })
+</script>
+<style scoped>
  .progress-bar {
    width: 90%;
    max-width: 400px;
@ -408,6 +561,7 @@ console.log('excel response',response)
    font-weight: 600;
    color: #333;
  }
+
  .upload-warning {
    background: #fff8db;
    color: #856404;
@ -418,4 +572,164 @@ console.log('excel response',response)
    font-size: 14px;
    text-align: center;
  }
+
+  .upload-panel-content {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+    padding: 24px 24px 24px 24px;
+  }
+
+  .upload-progress-section {
+    background: #f0f9ff;
+    border: 1px solid #b6d4fe;
+    border-radius: 8px;
+    padding: 16px 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .upload-progress-title {
+    margin: 0 0 12px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #1a1a2e;
+    align-self: flex-start;
+  }
+
+  .upload-progress-section .upload-warning {
+    margin-bottom: 16px;
+    width: 100%;
+  }
+
+  .upload-progress-section .progress-bar {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .upload-progress-section .progress-text {
+    margin-top: 12px;
+    color: #1a1a2e;
+  }
+
+  .upload-history-section {
+    padding-bottom: 20px;
+    border-bottom: 1px solid #e8eaed;
+  }
+
+  .upload-history-title,
+  .upload-form-title {
+    margin: 0 0 14px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #1a1a2e;
+    letter-spacing: 0.02em;
+  }
+
+  .upload-form-section {
+    padding-top: 4px;
+  }
+
+  .upload-form-section :deep(.panel-documents-item) {
+    margin-bottom: 0;
+  }
+
+  .upload-form-section :deep(.form-item-description) {
+    margin-top: 8px;
+    font-size: 13px;
+    color: #5f6368;
+    line-height: 1.4;
+  }
+
+  .history-loading {
+    text-align: center;
+    padding: 20px;
+    color: #5f6368;
+    font-size: 14px;
+  }
+
+  .history-items {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .history-item {
+    display: grid;
+    grid-template-columns: 1fr auto auto auto;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    border: 1px solid #e8eaed;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    background: #fafbfc;
+  }
+
+  .history-item:hover {
+    background: #f1f3f5;
+    border-color: #d0d5dd;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  }
+
+  .history-file {
+    font-weight: 500;
+    font-size: 14px;
+    color: #1a1a2e;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .history-status {
+    font-size: 12px;
+    font-weight: 600;
+    padding: 4px 10px;
+    border-radius: 6px;
+    white-space: nowrap;
+  }
+
+  .history-status.status-completed {
+    color: #0d6832;
+    background: #d4edda;
+  }
+
+  .history-status.status-failed {
+    color: #721c24;
+    background: #f8d7da;
+  }
+
+  .history-status.status-processing {
+    color: #004085;
+    background: #cce5ff;
+  }
+
+  .history-status.status-pending {
+    color: #856404;
+    background: #fff3cd;
+  }
+
+  .history-progress {
+    font-size: 13px;
+    font-weight: 500;
+    color: #5f6368;
+    min-width: 36px;
+    text-align: right;
+  }
+
+  .history-date {
+    font-size: 12px;
+    color: #80868b;
+    min-width: 100px;
+    text-align: right;
+  }
+
+  /* İşleniyor durumunda progress bar */
+  .history-item.processing .history-progress {
+    font-weight: 600;
+    color: #007bff;
+  }
 </style>
--- a/src/module/cekilisler/components/TabPiyangoTalihliListesi.vue
+++ b/src/module/cekilisler/components/TabPiyangoTalihliListesi.vue
@ -7,6 +7,7 @@
      listText="Talihli"
      :apiList="'Katilimci/AsilYedek/' + piyangoStore.selectedLottery"
      v-model:refresh='refreshList'
+      isUseRoute
    >
      <template #extraButtons>
        <a href='/data/ornek-talihli-listesi.xlsx' target='_blank' class='button-c' v-if='piyangoStore.lotteryData.cekilisYontemi =="Fiziksel"'>
@ -79,6 +80,11 @@
      sort: true,
      style: { width: '20%' }
    },
+    {
+      name: 'cekilisHakkiAdedi',
+      title: 'Çekiliş Hakkı Adedi',
+      style: { width: '10%' }
+    },

    {
      name: 'sifreCode',
--- a/src/module/cekilisler/components/TabPiyangoTeminatDurumu.vue
+++ b/src/module/cekilisler/components/TabPiyangoTeminatDurumu.vue
@ -10,7 +10,8 @@
      :apiList="
        'TeminantStates/GetTeminantStateCekilisList/' + piyangoStore.selectedLottery
      "
-      v-model:refresh="piyangoTeminatStore.refreshList" />
+      v-model:refresh="piyangoTeminatStore.refreshList" 
+      isUseRoute/>
  </section>
  <panel-wrapper
    wide
--- a/src/module/cekilisler/components/content/LotteryStates.vue
+++ b/src/module/cekilisler/components/content/LotteryStates.vue
@ -50,7 +50,7 @@
  </template>

  <div class="form-inner-comment success-d" v-if="piyangoStore.lotteryApprove === 4">
-    Başvuru onaylanmıştır.
+    Başvuruya izin verildi.
  </div>
  <div class="form-inner-comment alert-d" v-if="piyangoStore.lotteryApprove === 5">
    Başvuru uygun görülmemiştir.
--- a/src/module/cekilisler/components/content/PiyangoBilgileriDisplayContent.vue
+++ b/src/module/cekilisler/components/content/PiyangoBilgileriDisplayContent.vue
@ -24,6 +24,19 @@
        v-model="piyangoStore.lotteryData.izinBedelNo"
        label="İzin Bedel No" />
    </template>
+
+    <form-display
+      type="date"
+      v-if="piyangoStore.lotteryData.izinTarihi !== undefined"
+      v-model="piyangoStore.lotteryData.izinTarihi"
+      half
+      label="İzin Tarihi" />
+    <form-display
+      v-if="piyangoStore.lotteryData.izinSayisi !== undefined"
+      v-model="piyangoStore.lotteryData.izinSayisi"
+      half
+      label="İzin Sayısı" />
+
    <form-display
      v-model="piyangoStore.lotteryData.baslik"
      label="Piyango Başlığı"
--- a/src/module/cekilisler/components/display/FormPiyangoBilgileriDisplay.vue
+++ b/src/module/cekilisler/components/display/FormPiyangoBilgileriDisplay.vue
@ -19,6 +19,7 @@
        </button>
      </div>
    </div>
+    <div class="form-inner-comment waiting-d" v-if="!loaded">Yükleniyor, lütfen bekleyiniz...</div>
    <piyango-bilgileri-display-content v-if="loaded" :isPreview="isPreview" />
  </div>
  <panel-wrapper
@ -39,7 +40,7 @@
  </panel-wrapper>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, computed, onBeforeMount } from 'vue'
+  import { ref, onBeforeMount } from 'vue'
  import { usePDF } from 'vue3-pdfmake'
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
--- a/src/module/cekilisler/components/display/FormPiyangoCekilisTutanagiDisplay.vue
+++ b/src/module/cekilisler/components/display/FormPiyangoCekilisTutanagiDisplay.vue
@ -0,0 +1,107 @@
+<template>
+  <div class="form-part">
+    <div class="form-part-title">
+      <h4>Çekiliş Tutanağı</h4>
+      <div class="form-part-title-buttons">
+        <icon-button
+          v-if="usersStore.isPanelUser"
+          icon="plus"
+          class="ico-section ico-section-header-btn"
+          @click="AddNewDocument" />
+      </div>
+    </div>
+    <div class="form-part-content" v-if="cekilisTutanagiStore.loaded">
+      <template v-if="cekilisTutanagiStore.cekilisTutanagiList.length > 0">
+        <template v-for="(file, i) in cekilisTutanagiStore.cekilisTutanagiList">
+          <file-list-item
+            :editable="false"
+            :data="file"
+            title="dokumanAdi"
+            :filePath="file.url">
+            <template #actionButtons v-if="usersStore.isPanelUser">
+              <i
+                class="ico-c ico-btn ico-section back-grad-alert"
+                @click.stop="DeleteDocumentPop(file)">
+                <svg><use href="/src/assets/images/icons.svg#trash"></use></svg>
+              </i>
+            </template>
+          </file-list-item>
+        </template>
+      </template>
+      <template v-else>
+        <div class="form-inner-comment" v-if="usersStore.isPanelUser">
+          Eklenmiş dosya bulunamadı.
+        </div>
+        <div class="form-inner-comment" v-else>
+          Eklenmiş dosya bulunamadı.
+        </div>
+      </template>
+    </div>
+  </div>
+  <panel-wrapper
+    v-if="cekilisTutanagiStore.documentPanel"
+    v-model="cekilisTutanagiStore.documentPanel"
+    panel-title="Doküman Ekle">
+    <template #panelContent>
+      <panel-piyango-cekilis-tutanagi />
+    </template>
+    <template #footerButton>
+      <div class="button-c button-save" @click="cekilisTutanagiService.SaveDocument">
+        Ekle
+      </div>
+    </template>
+  </panel-wrapper>
+</template>
+<script setup lang="ts">
+  import { ref, onBeforeMount } from 'vue'
+
+  import PanelPiyangoCekilisTutanagi from '../panel/PanelPiyangoCekilisTutanagi.vue'
+  import PanelWrapper from '@/components/PanelWrapper.vue'
+
+  import { useUsersStore } from '@/stores/usersStore'
+  const usersStore = useUsersStore()
+  import { usePiyangoCekilisTutanagiStore } from '../../stores/piyangoCekilisTutanagiStore'
+  const cekilisTutanagiStore = usePiyangoCekilisTutanagiStore()
+  import { usePiyangoCekilisTutanagiService } from '../../service/piyangoCekilisTutanagiService'
+  const cekilisTutanagiService = usePiyangoCekilisTutanagiService()
+  import { useDialogStore } from '@/components/global/dialogStore'
+  const dialogStore = useDialogStore()
+  import { useDataStore } from '@/stores/dataStore'
+  const dataStore = useDataStore()
+
+  const AddNewDocument = () => {
+    cekilisTutanagiStore.ResetForm()
+    cekilisTutanagiStore.isUpdate = false
+    cekilisTutanagiStore.documentPanel = true
+  }
+
+  const DeleteDocumentPop = (data: Record<string, any>) => {
+    dialogStore.CreateDialog({
+      title: 'Doküman Sil',
+      id: 'deletedoc',
+      content: 'Dokümanı silmek istediğinize emin misiniz? Bu işlem geri alınamaz.',
+      closeText: 'Vazgeç',
+      buttons: [
+        {
+          label: 'Doküman Sil',
+          type: 'alert',
+          function: () => DeleteDocument(data.id)
+        }
+      ]
+    })
+  }
+
+  const DeleteDocument = async (id: number | string) => {
+    var dt = await dataStore.dataDelete('CekilisTutanak/' + id)
+
+    if (dt !== 'errorfalse') {
+      dialogStore.CloseDialog('deletedoc')
+      await cekilisTutanagiService.GetDocumentList()
+    }
+  }
+
+  onBeforeMount(async () => {
+    await cekilisTutanagiService.GetDocumentList()
+  })
+</script>
+
--- a/src/module/cekilisler/components/display/FormPiyangoIkramiyeListesiDisplay.vue
+++ b/src/module/cekilisler/components/display/FormPiyangoIkramiyeListesiDisplay.vue
@ -26,7 +26,7 @@
  </template>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, onBeforeMount, watch } from 'vue'
+  import { ref, onBeforeMount, watch } from 'vue'
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
@ -36,8 +36,6 @@

  import { usePiyangoIkramiyeStore } from '../../stores/piyangoIkramiyeStore'
  const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
-  import { usePiyangoIkramiyeService } from '../../service/piyangoIkramiyeService'
-  const piyangoIkramiyeService = usePiyangoIkramiyeService()

  export interface Props {
    isPreview?: boolean
@ -45,8 +43,6 @@

  const props = withDefaults(defineProps<Props>(), { isPreview: false })

-  const loaded = ref<boolean>(false)
-
  const ikramiyeTableHeader = ref<Record<string, any>>([
    {
      name: 'cinsi',
--- a/src/module/cekilisler/components/display/FormPiyangoPicturesDisplay.vue
+++ b/src/module/cekilisler/components/display/FormPiyangoPicturesDisplay.vue
@ -2,6 +2,9 @@
  <div class="form-part">
    <div class="form-part-title">
      <h4>Piyango Resimleri</h4>
+      <a href="/data/mpi-sablon.zip" class="button-c" target="_blank">
+        Örnek Resim Şablonları
+      </a>
    </div>
    <div class="form-part-content">
      <template v-for="(file, i) in fileList">
--- a/src/module/cekilisler/components/display/PiyangoOnizlemeDisplay.vue
+++ b/src/module/cekilisler/components/display/PiyangoOnizlemeDisplay.vue
@ -3,8 +3,8 @@
    style="
      display: inline-block;
      width: 100%;
-      font-size: 13pt;
-      margin-bottom: 12px;
+      font-size: 10pt;
+      margin-bottom: 10px;
      text-align: center;
    ">
    MİLLİ PİYANGO İDARESİ GENEL MÜDÜRLÜĞÜ
@ -18,18 +18,15 @@
    düzenlemek üzere, aşağıda belirtilen koşullarda piyango düzenlemek üzere gerekli iznin
    verilmesi hususunda bilgilerinizi ve gereğini arz ederiz.
    <br />
-    <br />
  </div>
-  <strong style="font-size: 10pt; margin-bottom: 12px">
+  <strong style="font-size: 10pt; margin-bottom: 10px">
    PİYANGO İLE İLGİLİ BİLGİLER
  </strong>
  <br />
-  <br />
-  <strong style="font-size: 10pt; margin-bottom: 12px">
+  <strong style="font-size: 10pt; margin-bottom: 10px">
    PİYANGO ID: {{ piyangoStore.lotteryData.piyangoId }}
  </strong>
  <br />
-  <br />
  <table
    cellspacing="0"
    class="table-no-line"
@ -37,7 +34,7 @@
    <tbody>
      <tr>
        <td colspan="2">
-          <strong style="font-size: 10pt; margin-bottom: 12px">
+          <strong style="font-size: 10pt; margin-bottom: 10px">
            1- Piyangoyu Düzenleyenin
          </strong>
        </td>
@ -48,7 +45,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <template v-if="piyangoStore.duzenleyenData.basvuruTipId === 18">
          <tr>
@ -208,7 +205,7 @@
        <tbody>
          <tr>
            <td colspan="2">
-              <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+              <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
                Piyangoyu Yürütenin:
              </strong>
            </td>
@ -257,7 +254,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              2- Kampanyanın:
            </strong>
          </td>
@ -267,7 +264,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td>
@ -313,7 +310,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              3-Çekilişe katılma şekil ve şartları:
            </strong>
          </td>
@ -324,7 +321,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -348,7 +345,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              4-Çekilişin;
            </strong>
          </td>
@ -359,7 +356,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -409,7 +406,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              5-Çekiliş sonuçlarının ilan edileceği gazetenin:
            </strong>
          </td>
@ -420,7 +417,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -469,7 +466,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -515,7 +512,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              7-Diğer hususlar:
            </strong>
          </td>
@ -526,7 +523,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -555,7 +552,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              8-Piyangoya konu ikramiyeler:
            </strong>
          </td>
@ -566,7 +563,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': ['10%', '30%', '15%', '15%', '15%', '15%'],'layout': 'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt"
+      style="margin-bottom: 10px; font-size: 10pt"
      v-if="piyangoIkramiyeStore.piyangoAllIkramiyeData.length > 0">
      <tbody>
        <tr>
@ -626,7 +623,7 @@
      cellspacing="0"
      class="table-no-line"
      data-pdfmake="{'widths': [ '50%', '30%','20%'],'layout':'pdfTableLayoutNoLine'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td>
@ -635,7 +632,13 @@
          </td>
          <td></td>
          <td>
-            Tarih:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/
+            Tarih:{{
+              dateStore.dateFormat({
+                date: new Date(),
+                pattern: 'dd-mm-yy',
+                splitDate: '/'
+              })
+            }}
          </td>
        </tr>
        <tr>
--- a/src/module/cekilisler/components/display/PiyangoYardimAmacliOnizlemeDisplay.vue
+++ b/src/module/cekilisler/components/display/PiyangoYardimAmacliOnizlemeDisplay.vue
@ -3,8 +3,8 @@
    style="
      display: inline-block;
      width: 100%;
-      font-size: 14pt;
-      margin-bottom: 12px;
+      font-size: 10pt;
+      margin-bottom: 10px;
      text-align: center;
    ">
    MİLLİ PİYANGO İDARESİ GENEL MÜDÜRLÜĞÜ
@ -12,12 +12,10 @@
    Bahisler ve Oyunlar Dairesi Başkanlığına
  </strong>
  <br />
-  <br />
-  <strong style="font-size: 10pt; margin-bottom: 12px">
+  <strong style="font-size: 10pt; margin-bottom: 10px">
    PİYANGO ID: {{ piyangoStore.lotteryData.piyangoId }}
  </strong>
  <br />
-  <br />
  <table
    cellspacing="0"
    class="table-no-line"
@ -25,7 +23,7 @@
    <tbody>
      <tr>
        <td colspan="2">
-          <strong style="font-size: 10pt; margin-bottom: 12px">
+          <strong style="font-size: 10pt; margin-bottom: 10px">
            1- Piyangoyu Düzenleyenin:
          </strong>
        </td>
@ -36,7 +34,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <template v-if="piyangoStore.duzenleyenData.basvuruTipId === 18">
          <tr>
@ -166,7 +164,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              2- Piyangonun Geçerli Olduğu Yerler:
            </strong>
          </td>
@ -176,7 +174,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -199,7 +197,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              3- Basılacak Biletlerin:
            </strong>
          </td>
@ -209,7 +207,7 @@

    <table
      data-pdfmake="{'widths': [ '31%', '23%' , '23%' , '23%' ],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <thead>
        <tr>
          <th></th>
@ -285,7 +283,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              4- Biletlerin Basımı
            </strong>
          </td>
@ -295,7 +293,7 @@

    <table
      data-pdfmake="{'widths': [ '50%', '50%' ],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -320,7 +318,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              5- Çekiliş Tarih, Saati ve Adresi:
            </strong>
          </td>
@ -331,7 +329,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -381,7 +379,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              6- İkramiye Kazananların İlanı:
            </strong>
          </td>
@ -392,7 +390,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -448,7 +446,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              7- Talihlilerin Başvuru Tarihi:
            </strong>
          </td>
@ -459,7 +457,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -494,7 +492,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              8- Diğer Hususlar:
            </strong>
          </td>
@ -505,7 +503,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': [ '50%', '50%'],'layout':'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt">
+      style="margin-bottom: 10px; font-size: 10pt">
      <tbody>
        <tr>
          <td colspan="2">
@ -534,7 +532,7 @@
      <tbody>
        <tr>
          <td colspan="2">
-            <strong class="title" style="font-size: 10pt; margin-bottom: 12px">
+            <strong class="title" style="font-size: 10pt; margin-bottom: 10px">
              9-Piyangoya Konu İkramiyeler:
            </strong>
          </td>
@ -545,7 +543,7 @@
    <table
      cellspacing="0"
      data-pdfmake="{'widths': ['10%', '45%', '15%', '15%', '15%'],'layout': 'pdfTableLayout'}"
-      style="margin-bottom: 12px; font-size: 10pt"
+      style="margin-bottom: 10px; font-size: 10pt"
      v-if="piyangoIkramiyeStore.piyangoAllIkramiyeData.length > 0">
      <thead>
        <tr>
@ -611,8 +609,6 @@
  const dateStore = useDateStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
-  import { usePiyangoContactStore } from '../../stores/piyangoContactStore'
-  const piyangoContactStore = usePiyangoContactStore()
  import { usePiyangoMecraStore } from '../../stores/piyangoMecraStore'
  const piyangoMecraStore = usePiyangoMecraStore()
  import { usePiyangoMecraService } from '../../service/piyangoMecraService'
@ -621,8 +617,6 @@
  const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
  import { usePiyangoIkramiyeService } from '../../service/piyangoIkramiyeService'
  const piyangoIkramiyeService = usePiyangoIkramiyeService()
-  import { useCustomerIrtibatStore } from '@/module/uyeler/stores/customerIrtibatStore'
-  const customerIrtibatStore = useCustomerIrtibatStore()
  import { useCustomerIrtibatService } from '@/module/uyeler/service/customerIrtibatService'
  const customerIrtibatService = useCustomerIrtibatService()
  import { usePiyangoDataStore } from '../../stores/piyangoDataStore'
--- a/src/module/cekilisler/components/form/FormPiyangoBilgileri.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoBilgileri.vue
@ -29,18 +29,37 @@
        </button>
      </div>
    </div>
+    <div class="form-inner-comment waiting-d" v-if="!loaded">
+      Yükleniyor, lütfen bekleyiniz...
+    </div>
    <div class="form-part-content" v-if="loaded">
      <lottery-states :piyangoAmac="piyangoStore.lotteryData.amacpiyangoId" />
-      <template
+      <template v-if="!piyangoStore.isNew">
+        <form-display
          v-if="
-          !piyangoStore.isNew &&
            piyangoStore.lotteryData.piyangoId !== undefined &&
            piyangoStore.lotteryData.piyangoId !== null
-        ">
-        <form-display
+          "
          v-model="piyangoStore.lotteryData.piyangoId"
          label="Piyango ID"
          size="1" />
+        <form-display
+          type="date"
+          v-if="
+            piyangoStore.lotteryData.izinTarihi !== undefined &&
+            piyangoStore.lotteryData.izinTarihi !== null
+          "
+          v-model="piyangoStore.lotteryData.izinTarihi"
+          half
+          label="İzin Tarihi" />
+        <form-display
+          v-if="
+            piyangoStore.lotteryData.izinSayisi !== undefined &&
+            piyangoStore.lotteryData.izinSayisi !== null
+          "
+          v-model="piyangoStore.lotteryData.izinSayisi"
+          half
+          label="İzin Sayısı" />
      </template>
      <form-input
        modelKey="cekilisBaslik"
@ -90,7 +109,7 @@
                '/uyeler/detay/' +
                piyangoStore.lotteryData.baglisirketId +
                '/yetkili-uye/detay/' +
-                piyangoStore.lotteryData.duzenleyenId
+                piyangoStore.lotteryData.duzenleyenId+'/kisi-kurum-bilgileri'
              "
              class="button-c">
              Üyeyi Kontrol Et
@ -525,7 +544,7 @@
          piyangoStore.lotteryApprove = 0
          piyangoStore.isNew = false
          piyangoStore.ResetLotteryData()
-          router.push('/piyangolar/detay/' + form.id)
+          router.push('/piyangolar/detay/' + form.id + '/piyango-bilgileri')
        } else {
          GetData()
        }
--- a/src/module/cekilisler/components/form/FormPiyangoCekilisTutanagi.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoCekilisTutanagi.vue
@ -0,0 +1,71 @@
+<template>
+  <div class="form-part">
+    <div class="form-part-title">
+      <h4>Çekiliş Tutanağı</h4>
+      <div class="form-part-title-buttons">
+        <icon-button
+          v-if="!usersStore.isPanelUser"
+          icon="plus"
+          class="ico-section ico-section-header-btn"
+          @click="AddNewDocument" />
+      </div>
+    </div>
+    <div class="form-part-content" v-if="cekilisTutanagiStore.loaded">
+      <template v-if="cekilisTutanagiStore.cekilisTutanagiList.length > 0">
+        <template v-for="(file, i) in cekilisTutanagiStore.cekilisTutanagiList">
+          <file-list-item
+            :data="file"
+            title="dokumanAdi"
+            :filePath="file.url"
+            :editable="false" />
+        </template>
+      </template>
+      <template v-else>
+        <div class="form-inner-comment">
+          <span>
+            Eklenmiş dosya bulunamadı. Üstteki butonu kullanarak dosya ekleyebilirsiniz.
+          </span>
+        </div>
+      </template>
+    </div>
+  </div>
+  <panel-wrapper
+    v-if="cekilisTutanagiStore.documentPanel"
+    v-model="cekilisTutanagiStore.documentPanel"
+    panel-title="Doküman Ekle">
+    <template #panelContent>
+      <panel-piyango-cekilis-tutanagi />
+    </template>
+    <template #footerButton>
+      <div class="button-c button-save" @click="cekilisTutanagiService.SaveDocument">
+        Ekle
+      </div>
+    </template>
+  </panel-wrapper>
+</template>
+<script setup lang="ts">
+  import { ref, onBeforeMount } from 'vue'
+
+  import PanelPiyangoCekilisTutanagi from '../panel/PanelPiyangoCekilisTutanagi.vue'
+  import PanelWrapper from '@/components/PanelWrapper.vue'
+
+  import { useUsersStore } from '@/stores/usersStore'
+  const usersStore = useUsersStore()
+  import { usePiyangoStore } from '../../stores/piyangoStore'
+  const piyangoStore = usePiyangoStore()
+  import { usePiyangoCekilisTutanagiStore } from '../../stores/piyangoCekilisTutanagiStore'
+  const cekilisTutanagiStore = usePiyangoCekilisTutanagiStore()
+  import { usePiyangoCekilisTutanagiService } from '../../service/piyangoCekilisTutanagiService'
+  const cekilisTutanagiService = usePiyangoCekilisTutanagiService()
+
+  const AddNewDocument = () => {
+    cekilisTutanagiStore.ResetForm()
+    cekilisTutanagiStore.isUpdate = false
+    cekilisTutanagiStore.documentPanel = true
+  }
+
+  onBeforeMount(async () => {
+    await cekilisTutanagiService.GetDocumentList()
+  })
+</script>
+
--- a/src/module/cekilisler/components/form/FormPiyangoDosyaKapama.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoDosyaKapama.vue
@ -0,0 +1,252 @@
+<template>
+  <div class="form-part form-title" v-if="piyangoDosyaKapamaStore.isNew">
+    <div class="form-title-buttons">
+      <div
+        class="button-c button-save"
+        @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
+        Kaydet
+      </div>
+    </div>
+  </div>
+  <div
+    :class="[
+      'form-part',
+      piyangoDosyaKapamaStore.formChanged && !piyangoDosyaKapamaStore.isNew
+        ? 'changed'
+        : ''
+    ]">
+    <div class="form-part-title">
+      <h4>Teminat İade Evrak Kontrol</h4>
+    </div>
+    <div class="form-part-content" v-if="piyangoDosyaKapamaStore.loaded">
+      <form-input
+        modelKey="katilimSekli"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.katilimSekli"
+        label="1. Katılım Şekli"
+        placeholder="Katılım Şekli"
+        @keyup="OnKeyup" />
+
+      <form-checkbox
+        label="2. CD"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cD"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="3. Kutu Mühürleme Tutanağı"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kutuMuhurlemeTutanagi"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="4. Kutu Açma Tutanağı"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kutuAcmaTutanagi"
+        @change="OnKeyup" />
+
+      <div class="form-part-title">
+        <h4>5. Çekiliş Tutanağı</h4>
+      </div>
+      <form-checkbox
+        label="Çekiliş Tutanağı"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisTutanagi"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Çekiliş izin alınan tarih, saat, adreste yapılmış"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisIzinAlinanTarihSaatAdres"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Çekilişte önceden belirlenen ikramiyeler çekiliş"
+        v-model="
+          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisOncedenBelirlenenIkramiyeler
+        "
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Çekilişte önceden belirlenen ikramiyeler çekiliş"
+        v-model="
+          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisOncedenBelirlenenIkramiyeler
+        "
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Çekiliş numara üzerinden/isimden"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisNumaraUzerindenCekilis"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Dağıtılmayan kupon tespiti"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.dagitilmayanKuponTespiti"
+        @change="OnKeyup" />
+
+      <div class="form-part-title">
+        <h4>6. Çekiliş Sonucu İlan</h4>
+      </div>
+      <form-checkbox
+        label="Çekiliş Sonucu İlan"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisSonucuIlani"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Taahhüt edilen tarih ve gazetede ilan"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilandaTarihGazete"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="İlanda toplam katılımcı sayısı"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilandaToplamKatilimci"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Çekiliş tutanağı ile uyumlu kazanan numara/isim"
+        v-model="
+          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisTutanagiIleUyumluKazananlar
+        "
+        @change="OnKeyup" />
+      <form-checkbox
+        label="İlanda ikramiyeler son teslim süresi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilanSonBasvuruTeslimSuresi"
+        @change="OnKeyup" />
+
+      <form-input
+        modelKey="taahhutEdilenIkramiyeAdedi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.taahhutEdilenIkramiyeAdedi"
+        label="7. Taahhüt Edilen İkramiye Adedi"
+        placeholder="Taahhüt Edilen İkramiye Adedi"
+        @keydown="validationStore.allowNumbersWithKeys"
+        @keyup="OnKeyup" />
+
+      <div class="form-part-title">
+        <h4>8. Teslim Edilen İkramiye</h4>
+      </div>
+      <form-input
+        modelKey="teslimEdilenIkramiyeAdedi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teslimEdilenIkramiyeAdedi"
+        label="Teslim Edilen İkramiye Adedi"
+        placeholder="Teslim Edilen İkramiye Adedi"
+        @keydown="validationStore.allowNumbersWithKeys"
+        @keyup="OnKeyup" />
+      <form-input
+        modelKey="asilIkramiyeSayisi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.asilIkramiyeSayisi"
+        label="Teslim Edilen Asıl İkramiye Adedi"
+        placeholder="Teslim Edilen Asıl İkramiye Adedi"
+        @keydown="validationStore.allowNumbersWithKeys"
+        @keyup="OnKeyup" />
+      <form-input
+        modelKey="yedekIkramiyeSayisi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.yedekIkramiyeSayisi"
+        label="Teslim Edilen Yedek İkramiye Adedi"
+        placeholder="Teslim Edilen Yedek İkramiye Adedi"
+        @keydown="validationStore.allowNumbersWithKeys"
+        @keyup="OnKeyup" />
+      <form-checkbox
+        label="Nüfus Cüzdanları"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.nufusCuzdani"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Kazanan numaralı noter onaylı ibraname"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.noterOnayliIbraname"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Teslim Belgesi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teslimBelgesi"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Fatura fotokopileri"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.faturaFotokopileri"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Tescile ait belgeler"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.tescileAitBelgeler"
+        @change="OnKeyup" />
+      <div class="form-part-title">
+        <h4>9. Süresi İçinde Alınmayan İkramiye</h4>
+      </div>
+      <form-input
+        modelKey="sureIcindesAlinmayanIkramiyeAdedi"
+        v-model="
+          piyangoDosyaKapamaStore.dosyaKapamaData.sureIcindesAlinmayanIkramiyeAdedi
+        "
+        label="Süresi İçinde Alınmayan İkramiye Adedi"
+        placeholder="Süresi İçinde Alınmayan İkramiye Adedi"
+        @keydown="validationStore.allowNumbersWithKeys"
+        @keyup="OnKeyup" />
+      <form-checkbox
+        label="Tebligat"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.tebligat"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Feragat"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.feragat"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Bağış"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.bagis"
+        @change="OnKeyup" />
+
+      <div class="form-part-title">
+        <h4>10. Kupon (Aslı) ve Duyuru Örneği</h4>
+      </div>
+      <form-checkbox
+        label="Kupon Aslı"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kuponAsli"
+        @change="OnKeyup" />
+      <form-checkbox
+        label="Duyuru Örneği"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.duyuruMateryali"
+        @change="OnKeyup" />
+
+      <form-date
+        type="date"
+        modelKey="ikramiyelerinSonTeslimTarihi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ikramiyelerinSonTeslimTarihi"
+        label="11. İkramiyelerin Son Teslim Tarihi"
+        @change="OnKeyup" />
+      <form-date
+        type="date"
+        modelKey="teminatIadeTarihi"
+        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teminatIadeTarihi"
+        label="12. Teminat İade Tarihi"
+        @change="OnKeyup" />
+
+      <div
+        class="form-item"
+        v-if="piyangoDosyaKapamaStore.formChanged && !piyangoDosyaKapamaStore.isNew">
+        <button
+          class="button-c button-save"
+          @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
+          Kaydet
+        </button>
+        <button class="button-c button-cancel" @click="CancelSave">Vazgeç</button>
+      </div>
+    </div>
+  </div>
+  <div class="form-part form-title" v-if="piyangoDosyaKapamaStore.isNew">
+    <div class="form-title-buttons">
+      <div
+        class="button-c button-save"
+        @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
+        Kaydet
+      </div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { onBeforeMount } from 'vue'
+
+  import { usePiyangoDosyaKapamaStore } from '../../stores/piyangoDosyaKapamaStore'
+  const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
+  import { usePiyangoDosyaKapamaService } from '../../service/piyangoDosyaKapamaService'
+  const piyangoDosyaKapamaService = usePiyangoDosyaKapamaService()
+  import { useValidationStore } from '@/stores/validationStore'
+  const validationStore = useValidationStore()
+
+  const OnKeyup = () => {
+    piyangoDosyaKapamaStore.formChanged = true
+  }
+
+  const CancelSave = () => {
+    piyangoDosyaKapamaStore.RestoreFormData()
+    piyangoDosyaKapamaStore.formChanged = false
+  }
+
+  onBeforeMount(async () => {
+    piyangoDosyaKapamaStore.formChanged = false
+    await piyangoDosyaKapamaService.GetDosyaKapama()
+
+    if (piyangoDosyaKapamaStore.isNew) {
+      piyangoDosyaKapamaStore.ResetFormData()
+      piyangoDosyaKapamaStore.loaded = true
+    }
+  })
+</script>
--- a/src/module/cekilisler/components/form/FormPiyangoDosyaKapamaIkramiyeListesi.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoDosyaKapamaIkramiyeListesi.vue
@ -0,0 +1,112 @@
+<template>
+  <div class="form-part section-list" v-if="piyangoDosyaKapamaStore.loaded">
+    <list-table-content
+      title="Dosya Kapama İkramiye Listesi"
+      icon="draws"
+      :tableHeader="ikramiyeTableHeader"
+      :rowAction="EditIkramiye"
+      listText="İkramiye"
+      :addAction="NewIkramiye"
+      :apiList="'TeminatIadeEvrak/ByPiyangoId/' + piyangoStore.selectedLottery"
+      apiText="Dosya Kapama İkramiye Listesi"
+      v-model:refresh="piyangoDosyaKapamaStore.dosyaKapamaIkramiyeListesiRefresh"
+      rowNumber />
+  </div>
+  <panel-wrapper
+    wide
+    v-if="piyangoDosyaKapamaStore.dosyaKapamaIkramiyePanel"
+    v-model="piyangoDosyaKapamaStore.dosyaKapamaIkramiyePanel"
+    :panel-title="
+      piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate
+        ? 'İkramiye Düzenle'
+        : 'İkramiye Ekle'
+    ">
+    <template #panelContent>
+      <panel-piyango-dosya-kapama-ikramiye />
+    </template>
+    <template #footerButton>
+      <div
+        class="button-c button-save"
+        @click="piyangoDosyaKapamaService.SaveDosyaKapamaIkramiye">
+        {{ piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate ? 'Kaydet' : 'Ekle' }}
+      </div>
+    </template>
+  </panel-wrapper>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue'
+  import { usePiyangoStore } from '../../stores/piyangoStore'
+  const piyangoStore = usePiyangoStore()
+
+  import { usePiyangoDosyaKapamaStore } from '../../stores/piyangoDosyaKapamaStore'
+  const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
+  import { usePiyangoDosyaKapamaService } from '../../service/piyangoDosyaKapamaService'
+  const piyangoDosyaKapamaService = usePiyangoDosyaKapamaService()
+
+  import PanelPiyangoDosyaKapamaIkramiye from '../panel/PanelPiyangoDosyaKapamaIkramiye.vue'
+  import PanelWrapper from '@/components/PanelWrapper.vue'
+
+  const ikramiyeTableHeader = ref<Record<string, any>[]>([
+    {
+      name: 'tahhutEdilenIkramiye',
+      title: 'Taahhüt Edilen İkramiye',
+      style: { width: '20%' },
+      computeHtml: (v: Record<string, any>) => {
+        return `<span>${v.tahhutEdilenIkramiyeAdet} ${v.tahhutEdilenIkramiye}</span>`
+      }
+    },
+    {
+      name: 'teslimEdilenIkramiye',
+      title: 'Teslim Edilen İkramiye',
+      style: { width: '20%' },
+      computeHtml: (v: Record<string, any>) => {
+        let asil: string = ''
+        let yedek: string = ''
+        if (
+          v.teslimEdilenIkramiyeAsil &&
+          v.teslimEdilenIkramiyeAsil !== null &&
+          v.teslimEdilenIkramiyeAsil !== 0 &&
+          v.teslimEdilenIkramiyeAsil !== ''
+        ) {
+          asil = `<span >${v.teslimEdilenIkramiyeAsil} ASIL</span>`
+        }
+        if (
+          v.teslimEdilenIkramiyeYedek &&
+          v.teslimEdilenIkramiyeYedek !== null &&
+          v.teslimEdilenIkramiyeYedek !== 0 &&
+          v.teslimEdilenIkramiyeYedek !== ''
+        ) {
+          yedek = `<span >${v.teslimEdilenIkramiyeYedek} YEDEK</span>`
+        }
+        return asil !== ''
+          ? yedek !== ''
+            ? asil + '<br/>' + yedek
+            : asil
+          : yedek !== ''
+          ? yedek
+          : ''
+      }
+    },
+    {
+      name: 'alinmayanIkramiye',
+      title: 'Alınmayan İkramiye',
+      style: { width: '20%' }
+    },
+    {
+      name: 'aciklama',
+      title: 'Açıklama'
+    }
+  ])
+
+  const NewIkramiye = () => {
+    piyangoDosyaKapamaStore.ResetIkramiyeFormData()
+    piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate = false
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyePanel = true
+  }
+
+  const EditIkramiye = (d: Record<string, any>) => {
+    Object.assign(piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData, d)
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyePanel = true
+    piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate = true
+  }
+</script>
--- a/src/module/cekilisler/components/form/FormPiyangoIkramiyeListesi.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoIkramiyeListesi.vue
@ -29,15 +29,9 @@
  </panel-wrapper>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, onBeforeMount, watch } from 'vue'
-  import { useDateStore } from '@/stores/dateStore'
-  const dateStore = useDateStore()
+  import { ref,  onBeforeMount, watch } from 'vue'
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
-  import { useDataStore } from '@/stores/dataStore'
-  const dataStore = useDataStore()
-  import { useValidationStore } from '@/stores/validationStore'
-  const validationStore = useValidationStore()
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
--- a/src/module/cekilisler/components/form/FormPiyangoOnay.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoOnay.vue
@ -18,7 +18,79 @@
        listVal="islemId"
        v-model="piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId"
        required
-        :invalidText="piyangoOnayValidationStore.invalidTexts.onayDurumuIslemTipiId" />
+        :invalidText="piyangoOnayValidationStore.invalidTexts.onayDurumuIslemTipiId">
+        <template #option="{ optionData }">
+          <span 
+            v-if="optionData && optionData.tipAdi" 
+            class="islem-status-badge" 
+            :class="piyangoStore.GetIslemStatusClass(optionData.tipAdi)">
+            {{ optionData.tipAdi }}
+          </span>
+          <span v-else>{{ optionData?.tipAdi || optionData }}</span>
+        </template>
+        <template #activator="{ activatorData }">
+          <span 
+            v-if="activatorData && activatorData.tipAdi" 
+            class="islem-status-badge" 
+            :class="piyangoStore.GetIslemStatusClass(activatorData.tipAdi)">
+            {{ activatorData.tipAdi }}
+          </span>
+          <span v-else>Lütfen Seçim Yapınız</span>
+        </template>
+      </form-select>
+      <template v-if="showIzinFields">
+        <form-date
+          type="date"
+          required
+          modelKey="izinTarihi"
+          v-model="piyangoOnayStore.piyangoOnayForm.izinTarihi"
+          label="İzin Tarihi"
+          :invalidText="piyangoOnayValidationStore.invalidTexts.izinTarihi"
+          @change="OnKeyup" />
+        <form-input
+          modelKey="izinSayisi"
+          v-model="piyangoOnayStore.piyangoOnayForm.izinSayisi"
+          required
+          label="İzin Sayısı"
+          placeholder="İzin Sayısı"
+          :invalidText="piyangoOnayValidationStore.invalidTexts.izinSayisi"
+          @keyup="OnKeyup" />
+        <form-textarea
+          v-model="piyangoOnayStore.piyangoOnayForm.izinAciklamasi"
+          :invalidText="piyangoOnayValidationStore.invalidTexts.izinAciklamasi"
+          label="İzin Açıklaması"
+          @keyup="OnKeyup" />
+      </template>
+      <form-select
+        v-if="showIzinVerildiFields || showMudurlukFields"
+        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
+        v-if="showIzinVerildiFields"
+        label="Çekiliş Görevlisi"
+        :listData="cekilisGorevlisiListesi"
+        listText="name"
+        listVal="id"
+        v-model="piyangoOnayStore.piyangoOnayForm.cekilisGorevlisiId"
+        required
+        :invalidText="piyangoOnayValidationStore.invalidTexts.cekilisGorevlisiId"
+        @change="OnKeyup" />
+      <form-select
+        v-if="showKapsamDisiSebebi"
+        label="Kapsam Dışı Sebebi"
+        :listData="kapsamDisiSebepListesi"
+        listText="name"
+        listVal="id"
+        v-model="piyangoOnayStore.piyangoOnayForm.kapsamDisiSebebi"
+        required
+        :invalidText="piyangoOnayValidationStore.invalidTexts.kapsamDisiSebebi"
+        @change="OnKeyup" />
      <form-file
        v-model="piyangoOnayStore.piyangoOnayForm.file"
        elclass="panel-documents-item"
@ -32,16 +104,7 @@
  </div>
 </template>
 <script setup lang="ts">
-  import { ref, reactive, onBeforeMount } from 'vue'
-
-  import { useDataStore } from '@/stores/dataStore'
-  const dataStore = useDataStore()
-  import { useUsersStore } from '@/stores/usersStore'
-  const usersStore = useUsersStore()
-  import { useValidationStore } from '@/stores/validationStore'
-  const validationStore = useValidationStore()
-  import { usePiyangoStore } from '../../stores/piyangoStore'
-  const piyangoStore = usePiyangoStore()
+  import { onBeforeMount, computed, ref } from 'vue'
  import { usePiyangoOnayStore } from '../../stores/piyangoOnayStore'
  const piyangoOnayStore = usePiyangoOnayStore()
  import { usePiyangoOnayValidationStore } from '../../validation/piyangoOnayValidationStore'
@ -52,6 +115,64 @@
  const piyangoDataStore = usePiyangoDataStore()
  import { usePiyangoServices } from '../../service/piyangoServices'
  const piyangoServices = usePiyangoServices()
+  import { usePiyangoStore } from '../../stores/piyangoStore'
+  const piyangoStore = usePiyangoStore()
+
+  const kapsamDisiId = computed<number | null>(() => {
+    const kapsamDisi = piyangoDataStore.piyangoOnayDurumlari.find(
+      (item: Record<string, any>) => item.tipAdi === 'Kapsam Dışı'
+    )
+    return kapsamDisi ? kapsamDisi.islemId : null
+  })
+
+  const showIzinFields = computed<boolean>(() => {
+    return (
+      piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === 4 ||
+      piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+    )
+  })
+
+  const showIzinVerildiFields = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === 4
+  })
+
+  const showMudurlukFields = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+  })
+
+  const showKapsamDisiSebebi = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+  })
+
+  const kapsamDisiSebepListesi = ref<Record<string, any>[]>([
+    { id: '2/a', name: '2/a' },
+    { id: '2/b', name: '2/b' },
+    { id: '2/c', name: '2/c' },
+    { id: '2/ç', name: '2/ç' },
+    { id: '2/d', name: '2/d' },
+    { id: '2/e', name: '2/e' },
+    { id: '2/f', name: '2/f' },
+    { id: '2/g', name: '2/g' },
+    { 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
--- a/src/module/cekilisler/components/form/FormPiyangoOnayDurum.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoOnayDurum.vue
@ -2,28 +2,51 @@
  <list-table-content
    v-if="loaded"
    :tableHeader="tableHeader"
+    :rowAction="adminRowAction"
    formTitle="Piyango Onay Durumları"
    listText="Kayıt"
    :apiList="'OnayDurumu/GetSonOnayDurumlariList/' + piyangoStore.selectedLottery"
    apiText="Piyango Onay Log Listesi"
    page="form"
-    :refresh="piyangoOnayStore.refreshList" />
+    :refresh="piyangoOnayStore.refreshList"
+    :rowActions="adminRowActions" />
+  <panel-wrapper
+    v-if="piyangoOnayStore.onayFormPanel"
+    v-model="piyangoOnayStore.onayFormPanel"
+    panel-title="Onay Durumunu Düzenle">
+    <template #panelContent>
+      <panel-piyango-onay />
+    </template>
+    <template #footerButton>
+      <div class="button-c button-save" @click="piyangoOnayService.SaveOnayDurumPanel">
+        Kaydet
+      </div>
+    </template>
+  </panel-wrapper>
 </template>
 <script setup lang="ts">
-  import { ref,onBeforeMount,computed } from 'vue'
-  import axios from 'axios'
+  import { ref, onBeforeMount, computed } from 'vue'
+  import PanelPiyangoOnay from '../panel/PanelPiyangoOnay.vue'
+  import PanelWrapper from '@/components/PanelWrapper.vue'
+
  import { useDateStore } from '@/stores/dateStore'
  const dateStore = useDateStore()
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
  import { usePiyangoOnayStore } from '../../stores/piyangoOnayStore'
  const piyangoOnayStore = usePiyangoOnayStore()
+  import { usePiyangoOnayService } from '../../service/piyangoOnayService'
+  const piyangoOnayService = usePiyangoOnayService()
  import { usePiyangoStore } from '../../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
  import { usePiyangoDataStore } from '../../stores/piyangoDataStore'
  const piyangoDataStore = usePiyangoDataStore()
-  import { usePiyangoServices } from '../../service/piyangoServices'
-  const piyangoServices = usePiyangoServices()
+  import { useDialogStore } from '@/components/global/dialogStore'
+  const dialogStore = useDialogStore()
+  import { useDataStore } from '@/stores/dataStore'
+  const dataStore = useDataStore()
+  import { useUsersStore } from '@/stores/usersStore'
+  const usersStore = useUsersStore()

  const loaded = ref<boolean>(false)

@ -31,6 +54,24 @@
    return piyangoDataStore.piyangoOnayDurumlari
  })

+  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 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 tableHeader = ref<Record<string, any>[]>([
    {
      name: 'tarih',
@ -43,7 +84,7 @@
      sort: true,
      filter: {
        type: 'date',
-          range: true
+        between: true
      }
    },
    {
@ -56,6 +97,11 @@
      name: 'onayDurumuIslemTipiAdi',
      title: 'İşlem',
      sort: true,
+      computeHtml: (v: Record<string, any>): string => {
+        const statusName = v.onayDurumuIslemTipiAdi || ''
+        const statusClass = piyangoStore.GetIslemStatusClass(statusName)
+        return `<span class='islem-status-badge ${statusClass}'>${statusName}</span>`
+      },
      filter: {
        type: 'select',
        data: piyangoOnayDurumlari,
@ -66,9 +112,7 @@
    },
    {
      name: 'aciklama',
-      title: 'Açıklama',
-      sort: true,
-      style: { width: '30%' }
+      title: 'Açıklama'
    },
    {
      dosyaUrl: 'aciklama',
@ -79,9 +123,107 @@
        }
      },
      style: { width: '20%' }
+    },
+    {
+      name: 'izinSayisi',
+      title: 'İzin Sayısı'
+    },
+    {
+      name: 'izinTarihi',
+      title: 'İzin Tarihi',
+      compute: (v: Record<string, any>): string => {
+        return v.izinTarihi === null || v.izinTarihi === undefined || v.izinTarihi === ''
+          ? ''
+          : dateStore.dateFormat({ pattern: 'dd-mm-yy', date: v.izinTarihi })
+      }
+    },
+    {
+      name: 'izinAciklamasi',
+      title: 'İzin Açıklaması'
+    },
+    {
+      name: 'kapsamDisiSebebi',
+      title: 'Kapsam Dışı Sebebi'
+    },
+    {
+      name: 'mudurluk',
+      title: 'Müdürlük',
+      compute: (v: Record<string, any>): string => {
+        if (v.mudurluk === null || v.mudurluk === undefined || v.mudurluk === '') {
+          return ''
+        }
+        const mudurluk = mudurlukListesi.value.find((item: Record<string, any>) => item.id === v.mudurluk)
+        return mudurluk ? mudurluk.name : ''
+      }
+    },
+    {
+      name: 'cekilisGorevlisi',
+      title: 'Çekiliş Görevlisi',
+      compute: (v: Record<string, any>): string => {
+        if (v.cekilisGorevlisi === null || v.cekilisGorevlisi === undefined || v.cekilisGorevlisi === '') {
+          return ''
+        }
+        const gorevli = cekilisGorevlisiListesi.value.find((item: Record<string, any>) => item.id === v.cekilisGorevlisi)
+        return gorevli ? gorevli.name : ''
+      }
+    },
+  ])
+
+  const EditOnay = (d: Record<string, any>) => {
+    Object.assign(piyangoOnayStore.piyangoPanelOnayForm, {
+      ...piyangoOnayStore.piyangoOnayBaseForm,
+      ...d,
+      izinAciklamasi: d.izinAciklamasi != null ? d.izinAciklamasi : '',
+      kapsamDisiSebebi: d.kapsamDisiSebebi != null ? d.kapsamDisiSebebi : null,
+      mudurlukId: d.mudurluk != null ? d.mudurluk : null,
+      cekilisGorevlisiId: d.cekilisGorevlisi != null ? d.cekilisGorevlisi : null
+    })
+    piyangoOnayStore.onayFormPanel = true
+  }
+
+  const DeleteRowPop = (data: Record<string, any>, i: number) => {
+    dialogStore.CreateDialog({
+      title: 'Onay Durumu Sil',
+      id: 'deleteonaydurumu',
+      content: 'Onay durumunu silmek istediğinize emin misiniz?',
+      closeText: 'Vazgeç',
+      buttons: [
+        {
+          label: 'Sil',
+          type: 'alert',
+          function: () => DeleteRow(data.id)
+        }
+      ]
+    })
+  }
+
+  const DeleteRow = async (id: number | string) => {
+    var dt = await dataStore.dataDelete('OnayDurumu/' + id, {
+      toast: { toast: 'Onay durumu başarıyla silindi', type: 'success' }
+    })
+
+    if (dt !== 'errorfalse') {
+      dialogStore.CloseDialog('deleteonaydurumu')
+      window.location.reload()
+    }
+  }
+
+  const rowActions = ref<Record<string, any>[]>([
+    {
+      text: 'Sil',
+      class: 'alert',
+      action: DeleteRowPop
    }
  ])

+  const adminRowAction = computed(() => {
+    return usersStore.isPanelUser ? EditOnay : undefined
+  })
+
+  const adminRowActions = computed(() => {
+    return usersStore.isPanelUser ? rowActions.value : []
+  })
+
  onBeforeMount(async () => {
    loaded.value = true
  })
--- a/src/module/cekilisler/components/form/FormPiyangoOnayLog.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoOnayLog.vue
@ -10,27 +10,16 @@
    :refresh="piyangoOnayStore.refreshList" />
 </template>
 <script setup lang="ts">
-  import { ref,onBeforeMount,computed } from 'vue'
-  import axios from 'axios'
+  import { ref, onBeforeMount, computed } from 'vue'
  import { useDateStore } from '@/stores/dateStore'
  const dateStore = useDateStore()
-  import { useGlobalStore } from '@/stores/globalStore'
-  const globalStore = useGlobalStore()
  import { usePiyangoOnayStore } from '../../stores/piyangoOnayStore'
  const piyangoOnayStore = usePiyangoOnayStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
-  import { usePiyangoDataStore } from '../../stores/piyangoDataStore'
-  const piyangoDataStore = usePiyangoDataStore()
-  import { usePiyangoServices } from '../../service/piyangoServices'
-  const piyangoServices = usePiyangoServices()

  const loaded = ref<boolean>(false)

-  const piyangoOnayDurumlari = computed<Record<string, any>[]>(() => {
-    return piyangoDataStore.piyangoOnayDurumlari
-  })
-
  const tableHeader = ref<Record<string, any>[]>([
    {
      name: 'tarih',
@ -43,22 +32,22 @@
      sort: true,
      filter: {
        type: 'date',
-          range: true
+        between: true
      }
    },
    {
-      name: 'islemYapanKullanici.email',
+      name: 'islemYapanKullanici',
      title: 'Kişi',
      sort: true,
      style: { width: '20%' }
    },
    {
      name: 'eskiDurum',
-      title: 'Eski Durum',
+      title: 'Eski Durum'
    },
    {
      name: 'yeniDurum',
-      title: 'Yeni Durum',
+      title: 'Yeni Durum'
    },
    {
      name: 'aciklama',
--- a/src/module/cekilisler/components/form/FormPiyangoPictures.vue
+++ b/src/module/cekilisler/components/form/FormPiyangoPictures.vue
@ -2,7 +2,9 @@
  <div class="form-part">
    <div class="form-part-title">
      <h4>Piyango Resimleri</h4>
-        <a href="/data/mpi-sablon.zip" class="button-c" target="_blank">Örnek Resim Şablonları</a>
+      <a href="/data/mpi-sablon.zip" class="button-c" target="_blank">
+        Örnek Resim Şablonları
+      </a>
    </div>
    <div class="form-part-content">
      <template v-for="(file, i) in fileList">
--- a/src/module/cekilisler/components/panel/PanelExcelUploadDetail.vue
+++ b/src/module/cekilisler/components/panel/PanelExcelUploadDetail.vue
@ -0,0 +1,339 @@
+<template>
+  <div class="panel-excel-upload-detail">
+    <div v-if="loading" class="detail-loading">Yükleniyor...</div>
+    <template v-else-if="job">
+      <div class="detail-summary">
+        <div class="detail-row detail-file-row">
+          <span class="detail-label">Dosya:</span>
+          <span class="detail-file-name">{{ job.fileName }}</span>
+        </div>
+        <div class="detail-row">
+          <span class="detail-label">Durum:</span>
+          <span :class="['detail-status', 'status-' + job.status?.toLowerCase()]">
+            {{ statusText(job.status) }}
+          </span>
+        </div>
+        <div class="detail-row">
+          <span class="detail-label">İlerleme:</span>
+          <span>{{ job.progress }}%</span>
+        </div>
+        <div class="detail-stats">
+          <div class="detail-stat-item">
+            <span class="detail-stat-value">{{ job.totalRows }}</span>
+            <span class="detail-stat-label">Toplam Satır</span>
+          </div>
+          <div class="detail-stat-item detail-stat-inserted">
+            <span class="detail-stat-value">{{ job.insertedCount ?? 0 }}</span>
+            <span class="detail-stat-label">Eklenen</span>
+          </div>
+          <div class="detail-stat-item detail-stat-skipped">
+            <span class="detail-stat-value">{{ job.skippedRows ?? 0 }}</span>
+            <span class="detail-stat-label">Atlanan</span>
+          </div>
+          <div class="detail-stat-item detail-stat-duplicate">
+            <span class="detail-stat-value">{{ job.duplicateCount ?? 0 }}</span>
+            <span class="detail-stat-label">Duplicate</span>
+          </div>
+          <div class="detail-stat-item detail-stat-error">
+            <span class="detail-stat-value">{{ job.errorCount ?? 0 }}</span>
+            <span class="detail-stat-label">Hata</span>
+          </div>
+        </div> 
+        <div v-if="job.errorMessage" class="detail-error-box">
+          <span class="detail-error-label">Hata:</span>
+          <span>{{ job.errorMessage }}</span>
+        </div>
+      </div>
+      <div class="detail-logs" v-if="logs && logs.length > 0">
+        <h4 class="detail-logs-title">İşlem Logları</h4>
+        <div class="logs-list">
+          <div
+            v-for="log in logs"
+            :key="log.id"
+            :class="['log-item', 'log-' + log.logLevel?.toLowerCase()]">
+            <span :class="['log-level', 'log-level-' + log.logLevel?.toLowerCase()]">{{ log.logLevel }}</span>
+            <span v-if="log.rowNumber" class="log-row">Satır {{ log.rowNumber }}</span>
+            <span class="log-message">{{ log.message }}</span>
+            <span v-if="log.details" class="log-details">{{ log.details }}</span>
+            <span class="log-time">{{ formatDate(log.createdAt) }}</span>
+          </div>
+        </div>
+      </div>
+      <div v-else class="detail-no-logs">Log kaydı bulunamadı.</div>
+    </template>
+    <div v-else class="detail-not-found">Yükleme detayı bulunamadı.</div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { ref, onMounted, watch } from 'vue'
+  import { usePiyangoKatilimciService } from '../../service/piyangoKatilimciService'
+  import { useDateStore } from '@/stores/dateStore'
+
+  const props = defineProps<{
+    jobGuid: string
+  }>()
+
+  const piyangoKatilimciService = usePiyangoKatilimciService()
+  const dateStore = useDateStore()
+
+  const loading = ref(true)
+  const job = ref<Record<string, any> | null>(null)
+  const logs = ref<Record<string, any>[]>([])
+
+  const statusText = (status: string) => {
+    const map: Record<string, string> = {
+      Pending: 'Bekliyor',
+      Processing: 'İşleniyor',
+      Completed: 'Tamamlandı',
+      Failed: 'Başarısız'
+    }
+    return map[status] || status
+  }
+
+  const formatDate = (val: string | Date) => {
+    if (!val) return '-'
+    return dateStore.dateFormat({ date: new Date(val), pattern: 'dd.mm.yyyy HH:MM' })
+  }
+
+  const loadDetail = async () => {
+    if (!props.jobGuid) return
+    loading.value = true
+    const data = await piyangoKatilimciService.GetUploadJobDetail(props.jobGuid)
+    if (data) {
+      job.value = data.job
+      logs.value = data.logs || []
+    } else {
+      job.value = null
+      logs.value = []
+    }
+    loading.value = false
+  }
+
+  onMounted(() => loadDetail())
+  watch(() => props.jobGuid, () => loadDetail())
+</script>
+<style scoped>
+  .panel-excel-upload-detail {
+    padding: 24px 24px 24px 24px;
+  }
+
+  .detail-loading {
+    text-align: center;
+    padding: 32px;
+    color: #5f6368;
+    font-size: 14px;
+  }
+
+  .detail-summary {
+    margin-bottom: 24px;
+    padding: 20px;
+    background: #fafbfc;
+    border: 1px solid #e8eaed;
+    border-radius: 8px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  }
+
+  .detail-row {
+    display: grid;
+    grid-template-columns: 120px 1fr;
+    gap: 12px;
+    margin-bottom: 10px;
+    align-items: center;
+  }
+
+  .detail-file-row {
+    margin-bottom: 12px;
+  }
+
+  .detail-file-name {
+    font-weight: 600;
+    color: #1a1a2e;
+    word-break: break-all;
+  }
+
+  .detail-label {
+    font-weight: 600;
+    color: #5f6368;
+    font-size: 13px;
+  }
+
+  .detail-status {
+    font-size: 12px;
+    font-weight: 600;
+    padding: 4px 10px;
+    border-radius: 6px;
+    display: inline-block;
+    width: fit-content;
+  }
+
+  .detail-status.status-completed {
+    color: #0d6832;
+    background: #d4edda;
+  }
+
+  .detail-status.status-failed {
+    color: #721c24;
+    background: #f8d7da;
+  }
+
+  .detail-status.status-processing {
+    color: #004085;
+    background: #cce5ff;
+  }
+
+  .detail-status.status-pending {
+    color: #856404;
+    background: #fff3cd;
+  }
+
+  .detail-stats {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 12px;
+    margin: 16px 0;
+    padding: 16px 0;
+    border-top: 1px solid #e8eaed;
+    border-bottom: 1px solid #e8eaed;
+  }
+
+  .detail-stat-item {
+    text-align: center;
+    padding: 8px;
+    background: #f1f3f5;
+    border-radius: 6px;
+  }
+
+  .detail-stat-value {
+    display: block;
+    font-size: 18px;
+    font-weight: 700;
+    color: #1a1a2e;
+  }
+
+  .detail-stat-label {
+    font-size: 12px;
+    color: #5f6368;
+  }
+
+  .detail-error-box {
+    margin-top: 16px;
+    padding: 12px 16px;
+    background: #fff5f5;
+    border: 1px solid #f8d7da;
+    border-radius: 6px;
+    color: #721c24;
+    font-size: 13px;
+    display: flex;
+    gap: 8px;
+  }
+
+  .detail-error-label {
+    font-weight: 600;
+    flex-shrink: 0;
+  }
+
+  .detail-not-found {
+    padding: 24px;
+    text-align: center;
+    color: #721c24;
+    background: #fff5f5;
+    border: 1px solid #f8d7da;
+    border-radius: 8px;
+    font-weight: 500;
+  }
+
+  .detail-logs-title {
+    margin: 0 0 12px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #1a1a2e;
+  }
+
+  .logs-list {
+    max-height: 400px;
+    overflow-y: auto;
+    border: 1px solid #e8eaed;
+    border-radius: 8px;
+    background: #fafbfc;
+  }
+
+  .log-item {
+    padding: 10px 14px;
+    border-bottom: 1px solid #e8eaed;
+    font-size: 13px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    align-items: baseline;
+  }
+
+  .log-item:last-child {
+    border-bottom: none;
+  }
+
+  .log-item.log-error {
+    background: #fff5f5;
+  }
+
+  .log-item.log-warning {
+    background: #fffbf0;
+  }
+
+  .log-item.log-info {
+    background: #f0f9ff;
+  }
+
+  .log-level {
+    font-weight: 600;
+    min-width: 60px;
+    font-size: 11px;
+    padding: 2px 8px;
+    border-radius: 4px;
+  }
+
+  .log-level.log-level-error {
+    background: #f8d7da;
+    color: #721c24;
+  }
+
+  .log-level.log-level-warning {
+    background: #fff3cd;
+    color: #856404;
+  }
+
+  .log-level.log-level-info {
+    background: #cce5ff;
+    color: #004085;
+  }
+
+  .log-row {
+    color: #5f6368;
+    font-family: ui-monospace, monospace;
+    font-size: 12px;
+  }
+
+  .log-message {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .log-details {
+    font-size: 12px;
+    color: #5f6368;
+    width: 100%;
+  }
+
+  .log-time {
+    font-size: 11px;
+    color: #80868b;
+    margin-left: auto;
+  }
+
+  .detail-no-logs {
+    padding: 24px;
+    color: #80868b;
+    text-align: center;
+    font-style: italic;
+    font-size: 14px;
+  }
+</style>
--- a/src/module/cekilisler/components/panel/PanelPiyangoCekilisTutanagi.vue
+++ b/src/module/cekilisler/components/panel/PanelPiyangoCekilisTutanagi.vue
@ -0,0 +1,21 @@
+<template>
+  <form-input
+    v-model="cekilisTutanagiStore.cekilisTutanagiForm.dokumanAdi"
+    label="Dosya Başlığı"
+    modelKey="dokumanAdi"
+    minlength="2"
+    :invalidText="cekilisTutanagiValidationStore.invalidTexts.dokumanAdi" />
+  <form-file
+    v-model="cekilisTutanagiStore.cekilisTutanagiForm.dosya"
+    elclass="panel-documents-item"
+    :invalidText="cekilisTutanagiValidationStore.invalidTexts.dosya" />
+</template>
+<script setup lang="ts">
+  import { useValidationStore } from '@/stores/validationStore'
+  const validationStore = useValidationStore()
+  import { usePiyangoCekilisTutanagiStore } from '../../stores/piyangoCekilisTutanagiStore'
+  const cekilisTutanagiStore = usePiyangoCekilisTutanagiStore()
+  import { usePiyangoCekilisTutanagiValidationStore } from '../../validation/piyangoCekilisTutanagiValidationStore'
+  const cekilisTutanagiValidationStore = usePiyangoCekilisTutanagiValidationStore()
+</script>
+
--- a/src/module/cekilisler/components/panel/PanelPiyangoDosyaKapamaIkramiye.vue
+++ b/src/module/cekilisler/components/panel/PanelPiyangoDosyaKapamaIkramiye.vue
@ -0,0 +1,139 @@
+<template>
+  <form-select
+    @change="OnIkramiyeChanged"
+    modelKey="ikramiyeId"
+    clearable
+    label="Kazandığı İkramiye"
+    :listData="piyangoIkramiyeStore.piyangoAllIkramiyeData"
+    listText="cinsi"
+    listVal="id"
+    v-model="selectedIkramiye"
+    :invalidText="
+      piyangoDosyaKapamaValidationStore.ikramiyeInvalidTexts.tahhutEdilenIkramiye
+    ">
+    <template #activator="data">
+      {{
+        data.activatorData !== undefined &&
+        Object.keys(data.activatorData).length > 0 &&
+        selectedIkramiye !== null
+          ? data.activatorData.cinsi +
+            ', ' +
+            data.activatorData.marka +
+            ', ' +
+            data.activatorData.model +
+            ' (' +
+            data.activatorData.asilTalihliAdedi +
+            ' adet)'
+          : 'Lütfen Seçim Yapınız'
+      }}
+    </template>
+    <template #option="data">
+      {{
+        data.optionData.cinsi +
+        ', ' +
+        data.optionData.marka +
+        ', ' +
+        data.optionData.model +
+        ' (' +
+        data.optionData.asilTalihliAdedi +
+        ' adet)'
+      }}
+    </template>
+  </form-select>
+  <div class="form-item">Toplam İkramiye: {{ totalIkramiye }}</div>
+  <form-input
+    v-model="piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil"
+    label="Teslim Edilen İkramiye Asil Adet"
+    modelKey="teslimEdilenIkramiyeAsil"
+    :invalidText="
+      piyangoDosyaKapamaValidationStore.ikramiyeInvalidTexts.teslimEdilenIkramiyeAsil
+    "
+    @keydown="validationStore.allowNumbersWithKeys"
+    @keyup="CalculateAlinmayanIkramiye" />
+  <form-input
+    v-model="piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek"
+    label="Teslim Edilen İkramiye Yedek Adet"
+    modelKey="teslimEdilenIkramiyeYedek"
+    :invalidText="
+      piyangoDosyaKapamaValidationStore.ikramiyeInvalidTexts.teslimEdilenIkramiyeYedek
+    "
+    @keydown="validationStore.allowNumbersWithKeys"
+    @keyup="CalculateAlinmayanIkramiye" />
+  <form-input
+    disabled
+    v-model="piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.alinmayanIkramiye"
+    label="Alınmayan İkramiye Adet"
+    modelKey="alinmayanIkramiye"
+    :invalidText="
+      piyangoDosyaKapamaValidationStore.ikramiyeInvalidTexts.alinmayanIkramiye
+    " />
+  <form-input
+    v-model="piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.aciklama"
+    label="Açıklama"
+    modelKey="aciklama" />
+</template>
+<script setup lang="ts">
+  import { onBeforeMount, ref } from 'vue'
+  import { useValidationStore } from '@/stores/validationStore'
+  const validationStore = useValidationStore()
+  import { usePiyangoDosyaKapamaStore } from '../../stores/piyangoDosyaKapamaStore'
+  const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
+  import { usePiyangoDosyaKapamaValidationStore } from '../../validation/piyangoDosyaKapamaValidationStore'
+  const piyangoDosyaKapamaValidationStore = usePiyangoDosyaKapamaValidationStore()
+  import { usePiyangoIkramiyeService } from '../../service/piyangoIkramiyeService'
+  const piyangoIkramiyeService = usePiyangoIkramiyeService()
+  import { usePiyangoIkramiyeStore } from '../../stores/piyangoIkramiyeStore'
+  const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
+
+  const selectedIkramiye = ref<string | number | null>(null)
+  const totalIkramiye = ref<number | null>(null)
+
+  const CalculateAlinmayanIkramiye = () => {
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.alinmayanIkramiye =
+      Number(totalIkramiye.value) -
+      Number(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil || 0
+      ) -
+      Number(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek || 0
+      )
+
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiye =
+      Number(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil || 0
+      ) +
+      Number(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek || 0
+      )
+  }
+
+  const OnIkramiyeChanged = (e: Event, val: any, item: Record<string, any>) => {
+
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.ikramiyeId = item.id
+
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.tahhutEdilenIkramiye = `
+    ${item.cinsi}, ${item.marka}, ${item.model}, (${item.asilTalihliAdedi} adet)
+    `
+
+    piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.tahhutEdilenIkramiyeAdet =
+      item.asilTalihliAdedi
+  }
+
+  onBeforeMount(async () => {
+    if (piyangoIkramiyeStore.piyangoAllIkramiyeData.length === 0)
+      await piyangoIkramiyeService.GetAllIkramiyeler()
+
+    piyangoIkramiyeStore.piyangoAllIkramiyeData.forEach((item) => {
+      if (
+        `${item.cinsi}, ${item.marka}, ${item.model}, (${item.asilTalihliAdedi} adet)` ===
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.tahhutEdilenIkramiye
+      ) {
+        selectedIkramiye.value = item.id
+      }
+    })
+    totalIkramiye.value = piyangoIkramiyeStore.piyangoAllIkramiyeData.reduce(
+      (acc, item) => acc + (item.asilTalihliAdedi || 0),
+      0
+    )
+  })
+</script>
--- a/src/module/cekilisler/components/panel/PanelPiyangoKatilimci.vue
+++ b/src/module/cekilisler/components/panel/PanelPiyangoKatilimci.vue
@ -141,10 +141,10 @@
      "
      half />
    <form-display
-      v-model="piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisKatilimSiraNo"
-      label="Katılım Sora No"
+      v-model="piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi"
+      label="Çekiliş Hakkı Adedi"
      :invalidText="
-        piyangoKatilimciValidationStore.userFormInvalidTexts.cekilisKatilimSiraNo
+        piyangoKatilimciValidationStore.userFormInvalidTexts.cekilisHakkiAdedi
      "
      half />
    <form-display
@ -287,6 +287,16 @@
      :invalidText="
        piyangoKatilimciValidationStore.userFormInvalidTexts.cekilisKatilimSiraNo
      " />
+    <form-input
+      @keyup="FormChanged"
+      modelKey="cekilisHakkiAdedi"
+      v-model="piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi"
+      half
+      label="Çekiliş Hakkı Adedi"
+      :invalidText="
+        piyangoKatilimciValidationStore.userFormInvalidTexts.cekilisHakkiAdedi
+      "
+      @keydown="validationStore.allowNumbersWithKeys" />
    <form-input
      @keyup="FormChanged"
      modelKey="magazaKartNumarasi"
--- a/src/module/cekilisler/components/panel/PanelPiyangoOnay.vue
+++ b/src/module/cekilisler/components/panel/PanelPiyangoOnay.vue
@ -0,0 +1,172 @@
+<template>
+  <div class="form-part-content" v-if="piyangoOnayStore.onayPanelLoaded">
+    <form-select
+      label="İşlem"
+      :listData="piyangoDataStore.piyangoOnayDurumlari"
+      listText="tipAdi"
+      listVal="islemId"
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId"
+      required
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.onayDurumuIslemTipiId">
+      <template #option="{ optionData }">
+        <span 
+          v-if="optionData && optionData.tipAdi" 
+          class="islem-status-badge" 
+          :class="piyangoStore.GetIslemStatusClass(optionData.tipAdi)">
+          {{ optionData.tipAdi }}
+        </span>
+        <span v-else>{{ optionData?.tipAdi || optionData }}</span>
+      </template>
+      <template #activator="{ activatorData }">
+        <span 
+          v-if="activatorData && activatorData.tipAdi" 
+          class="islem-status-badge" 
+          :class="piyangoStore.GetIslemStatusClass(activatorData.tipAdi)">
+          {{ activatorData.tipAdi }}
+        </span>
+        <span v-else>Lütfen Seçim Yapınız</span>
+      </template>
+    </form-select>
+    <template v-if="showIzinFields">
+      <form-date
+        type="date"
+        required
+        modelKey="izinTarihi"
+        v-model="piyangoOnayStore.piyangoPanelOnayForm.izinTarihi"
+        label="İzin Tarihi"
+        :invalidText="piyangoOnayValidationStore.invalidTextsPanel.izinTarihi"
+        @change="OnKeyup" />
+      <form-input
+        modelKey="izinSayisi"
+        v-model="piyangoOnayStore.piyangoPanelOnayForm.izinSayisi"
+        required
+        label="İzin Sayısı"
+        placeholder="İzin Sayısı"
+        :invalidText="piyangoOnayValidationStore.invalidTextsPanel.izinSayisi"
+        @keyup="OnKeyup" />
+      <form-textarea
+        v-model="piyangoOnayStore.piyangoPanelOnayForm.izinAciklamasi"
+        :invalidText="piyangoOnayValidationStore.invalidTextsPanel.izinAciklamasi"
+        label="İzin Açıklaması"
+        @keyup="OnKeyup" />
+    </template>
+    <form-select
+      v-if="showIzinVerildiFields || showMudurlukFields"
+      label="Müdürlük"
+      :listData="mudurlukListesi"
+      listText="name"
+      listVal="id"
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.mudurlukId"
+      required
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.mudurlukId"
+      @change="OnKeyup" />
+    <form-select
+      v-if="showIzinVerildiFields"
+      label="Çekiliş Görevlisi"
+      :listData="cekilisGorevlisiListesi"
+      listText="name"
+      listVal="id"
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.cekilisGorevlisiId"
+      required
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.cekilisGorevlisiId"
+      @change="OnKeyup" />
+    <form-select
+      v-if="showKapsamDisiSebebi"
+      label="Kapsam Dışı Sebebi"
+      :listData="kapsamDisiSebepListesi"
+      listText="name"
+      listVal="id"
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.kapsamDisiSebebi"
+      required
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.kapsamDisiSebebi"
+      @change="OnKeyup" />
+    <form-file
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.file"
+      elclass="panel-documents-item"
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.file" />
+    <form-textarea
+      v-model="piyangoOnayStore.piyangoPanelOnayForm.aciklama"
+      :invalidText="piyangoOnayValidationStore.invalidTextsPanel.aciklama"
+      label="Açıklama"
+      @keyup="OnKeyup" />
+  </div>
+</template>
+<script setup lang="ts">
+  import { onBeforeMount, computed, ref } from 'vue'
+  import { usePiyangoOnayStore } from '../../stores/piyangoOnayStore'
+  const piyangoOnayStore = usePiyangoOnayStore()
+  import { usePiyangoOnayValidationStore } from '../../validation/piyangoOnayValidationStore'
+  const piyangoOnayValidationStore = usePiyangoOnayValidationStore()
+  import { usePiyangoDataStore } from '../../stores/piyangoDataStore'
+  const piyangoDataStore = usePiyangoDataStore()
+  import { usePiyangoServices } from '../../service/piyangoServices'
+  const piyangoServices = usePiyangoServices()
+  import { usePiyangoStore } from '../../stores/piyangoStore'
+  const piyangoStore = usePiyangoStore()
+
+  const kapsamDisiId = computed<number | null>(() => {
+    const kapsamDisi = piyangoDataStore.piyangoOnayDurumlari.find(
+      (item: Record<string, any>) => item.tipAdi === 'Kapsam Dışı'
+    )
+    return kapsamDisi ? kapsamDisi.islemId : null
+  })
+
+  const showIzinFields = computed<boolean>(() => {
+    return (
+      piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === 4 ||
+      piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+    )
+  })
+
+  const showIzinVerildiFields = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === 4
+  })
+
+  const showMudurlukFields = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+  })
+
+  const showKapsamDisiSebebi = computed<boolean>(() => {
+    return piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+  })
+
+  const kapsamDisiSebepListesi = ref<Record<string, any>[]>([
+    { id: '2/a', name: '2/a' },
+    { id: '2/b', name: '2/b' },
+    { id: '2/c', name: '2/c' },
+    { id: '2/ç', name: '2/ç' },
+    { id: '2/d', name: '2/d' },
+    { id: '2/e', name: '2/e' },
+    { id: '2/f', name: '2/f' },
+    { id: '2/g', name: '2/g' },
+    { 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
+  }
+
+  onBeforeMount(async () => {
+    await piyangoServices.GetPiyangoOnayDurumList()
+    piyangoDataStore.RemoveOnayDurumIncelemeBekleniyor()
+    piyangoOnayStore.onayPanelLoaded = true
+  })
+</script>
--- a/src/module/cekilisler/components/panel/PanelPiyangoTeminatDurumuDisplay.vue
+++ b/src/module/cekilisler/components/panel/PanelPiyangoTeminatDurumuDisplay.vue
@ -34,14 +34,14 @@
        :invalidText="piyangoTeminatValidationStore.invalidTexts.refundCount" />
      <form-file
        v-model="piyangoTeminatStore.piyangoTeminatFormData.refundDocumentUrl"
-        label='Klasör Arşiv'
+        label='İade Yazısı'
        elclass="panel-documents-item"
        :invalidText="piyangoTeminatValidationStore.invalidTexts.refundDocumentUrl"
        @change="OnKeyup" />
      <form-input
        modelKey="refundDescription"
        v-model="piyangoTeminatStore.piyangoTeminatFormData.refundDescription"
-        label="İade Açıklama"
+        label="Klasör Arşiv No"
        @keyup="OnKeyup"  />
    </template>

--- a/src/module/cekilisler/routes/index.ts
+++ b/src/module/cekilisler/routes/index.ts
@ -2,4 +2,4 @@ import piyangoListe from '@/module/cekilisler/routes/piyango-liste'
 import piyangoYeni from '@/module/cekilisler/routes/piyango-yeni'
 import piyangoDetay from '@/module/cekilisler/routes/piyango-detay'

-export default [piyangoListe, piyangoYeni, piyangoDetay]
+export default [piyangoListe, piyangoYeni, ...piyangoDetay]
--- a/src/module/cekilisler/routes/piyango-detay.ts
+++ b/src/module/cekilisler/routes/piyango-detay.ts
@ -1,10 +1,19 @@
 import PiyangoDetay from '@/module/cekilisler/views/PiyangoDetay.vue'

-export default {
-  path: '/piyangolar/detay/:piyangoId',
+export default [
+  {
+    path: '/piyangolar/detay/:piyangoId/',
+    redirect: (to:Record<string,any>) => ({
+      name: 'PiyangoDetay',
+      params: { piyangoId: to.params.piyangoId, tabid: 'piyango-bilgileri' }
+    })
+  },
+  {
+    path: '/piyangolar/detay/:piyangoId/:tabid',
    name: 'PiyangoDetay',
    component: PiyangoDetay,
    meta: {
      authRequired: true
    }
-}
+  }
+]
--- a/src/module/cekilisler/service/piyangoCekilisTutanagiService.ts
+++ b/src/module/cekilisler/service/piyangoCekilisTutanagiService.ts
@ -0,0 +1,71 @@
+import { defineStore } from 'pinia'
+import { useDataStore } from '@/stores/dataStore'
+import { usePiyangoStore } from '../stores/piyangoStore'
+import { usePiyangoCekilisTutanagiStore } from '../stores/piyangoCekilisTutanagiStore'
+import { usePiyangoCekilisTutanagiValidationStore } from '../validation/piyangoCekilisTutanagiValidationStore'
+
+export const usePiyangoCekilisTutanagiService = defineStore('piyangoCekilisTutanagiService', () => {
+  const dataStore = useDataStore()
+  const piyangoStore = usePiyangoStore()
+  const cekilisTutanagiStore = usePiyangoCekilisTutanagiStore()
+  const cekilisTutanagiValidationStore = usePiyangoCekilisTutanagiValidationStore()
+
+  const GetDocumentList = async () => {
+    cekilisTutanagiStore.cekilisTutanagiList.splice(
+      0,
+      cekilisTutanagiStore.cekilisTutanagiList.length
+    )
+
+    let dt = await dataStore.dataGet('CekilisTutanak/Cekilis/' + piyangoStore.selectedLottery, {
+      params: {
+        pageSize: 50
+      }
+    })
+    
+    if (dt !== 'errorfalse') {
+      const dataList = Array.isArray(dt) ? dt : (dt.data || [])
+      cekilisTutanagiStore.cekilisTutanagiList.splice(
+        0,
+        cekilisTutanagiStore.cekilisTutanagiList.length,
+        ...dataList
+      )      
+    }
+    setTimeout(() => {
+      cekilisTutanagiStore.loaded = true
+    }, 30)
+  }
+
+  const SaveDocument = async () => {
+    if (cekilisTutanagiValidationStore.FormCheck()) {
+      const formData = new FormData()
+      formData.append('dosya', cekilisTutanagiStore.cekilisTutanagiForm.dosya)
+      formData.append('dokumanAdi', cekilisTutanagiStore.cekilisTutanagiForm.dokumanAdi)
+      formData.append('cekilisId', String(piyangoStore.selectedLottery))
+      let dt: any
+
+      if (!cekilisTutanagiStore.isUpdate) {
+        dt = await dataStore.dataPost('CekilisTutanak', {
+          data: formData,
+          headers: { 'Content-Type': 'multipart/form-data' }
+        })
+      } else {
+        dt = await dataStore.dataPut(
+          'CekilisTutanak/' + cekilisTutanagiStore.cekilisTutanagiForm.id,
+          {
+            data: formData,
+            headers: { 'Content-Type': 'multipart/form-data' }
+          }
+        )
+      }
+      if (dt !== 'errorfalse') {
+        await GetDocumentList()
+        cekilisTutanagiStore.documentPanel = false
+        cekilisTutanagiStore.isUpdate = false
+      }
+    } else {
+      cekilisTutanagiValidationStore.isFormValid = true
+    }
+  }
+  return { GetDocumentList, SaveDocument }
+})
+
--- a/src/module/cekilisler/service/piyangoDosyaKapamaService.ts
+++ b/src/module/cekilisler/service/piyangoDosyaKapamaService.ts
@ -0,0 +1,84 @@
+import { defineStore } from 'pinia'
+import { useDataStore } from '@/stores/dataStore'
+import { usePiyangoStore } from '../stores/piyangoStore'
+import { usePiyangoDosyaKapamaStore } from '../stores/piyangoDosyaKapamaStore'
+import { usePiyangoDosyaKapamaValidationStore } from '../validation/piyangoDosyaKapamaValidationStore'
+
+export const usePiyangoDosyaKapamaService = defineStore(
+  'piyangoDosyaKapamaService',
+  () => {
+    const dataStore = useDataStore()
+    const piyangoStore = usePiyangoStore()
+    const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
+    const piyangoDosyaKapamaValidationStore = usePiyangoDosyaKapamaValidationStore()
+
+    const GetDosyaKapama = async () => {
+      let data: Record<string, any> | any = await dataStore.dataGet(
+        'TeminatIadeEvrakKontrol/' + piyangoStore.selectedLottery
+      )
+
+      if (data !== 'errorfalse' || data.data.id === undefined) {
+        Object.assign(piyangoDosyaKapamaStore.dosyaKapamaData, data)
+        Object.assign(piyangoDosyaKapamaStore.safeDosyaKapamaData, data)
+        piyangoDosyaKapamaStore.isNew = false
+        setTimeout(() => {
+          piyangoDosyaKapamaStore.loaded = true
+        }, 30)
+      } else {
+        piyangoDosyaKapamaStore.isNew = true
+      }
+    }
+
+    const SaveDosyaKapama = async () => {
+      let dt: any
+      const localData = Object.assign({}, piyangoDosyaKapamaStore.dosyaKapamaData)
+      if (localData.cekilisId === undefined)
+        localData.cekilisId = piyangoStore.selectedLottery
+
+      if (piyangoDosyaKapamaStore.isNew) {
+        dt = await dataStore.dataPost('TeminatIadeEvrakKontrol', {
+          data: localData
+        })
+      } else {
+        dt = await dataStore.dataPut('TeminatIadeEvrakKontrol/' + localData.id, {
+          data: localData
+        })
+      }
+      if (dt !== 'errorfalse') {
+        piyangoDosyaKapamaStore.isUpdate = false
+        await GetDosyaKapama()
+      }
+    }
+
+    const SaveDosyaKapamaIkramiye = async () => {
+      if (piyangoDosyaKapamaValidationStore.IkramiyeFormCheck()) {
+        let dt: any
+        const localData = Object.assign(
+          {},
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData
+        )
+        if (localData.cekilisId === undefined)
+          localData.cekilisId = piyangoStore.selectedLottery
+
+        if (!piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate) {
+          dt = await dataStore.dataPost('TeminatIadeEvrak', {
+            data: localData
+          })
+        } else {
+          dt = await dataStore.dataPut('TeminatIadeEvrak/' + localData.id, {
+            data: localData
+          })
+        }
+        if (dt !== 'errorfalse') {
+          piyangoDosyaKapamaStore.isDosyaKapamaIkramiyeUpdate = false
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyePanel = false
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeListesiRefresh = true
+        }
+      } else {
+        piyangoDosyaKapamaValidationStore.isIkramiyeFormValid = true
+      }
+    }
+
+    return { GetDosyaKapama, SaveDosyaKapama, SaveDosyaKapamaIkramiye }
+  }
+)
--- a/src/module/cekilisler/service/piyangoKatilimciService.ts
+++ b/src/module/cekilisler/service/piyangoKatilimciService.ts
@ -15,6 +15,10 @@ export const usePiyangoKatilimciService = defineStore('piyangoKatilimciService',
  const SaveKatilimciUser = async () => {
    if (piyangoKatilimciValidationStore.UserFormCheck()) {
      let form: any
+      piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi = Math.max(
+        Number(piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi) || 1,
+        1
+      )

      if (!piyangoKatilimciStore.isPiyangoKatilimciUserUpdate) {
        delete piyangoKatilimciStore.piyangoKatilimciUserFormData.id
@ -62,7 +66,6 @@ export const usePiyangoKatilimciService = defineStore('piyangoKatilimciService',

  const KatilimciFileUpload = async () => {
    if (piyangoKatilimciValidationStore.FileFormCheck()) {
-      console.log('Katilimci File Upload')
      const formData = new FormData()
      formData.append('excelFile', piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile)
      let dt: any
@ -83,5 +86,46 @@ export const usePiyangoKatilimciService = defineStore('piyangoKatilimciService',
    }
  }

-  return { SaveKatilimciUser, CreateOnlineDraw, KatilimciData, KatilimciFileUpload }
+  const GetUploadJobs = async (cekilisId: number): Promise<Record<string, any>[]> => {
+    const dt = await dataStore.dataGet(`ExcelUploadJob/my-jobs?cekilisId=${cekilisId}`)
+    if (dt !== 'errorfalse' && Array.isArray(dt)) {
+      return dt
+    }
+    return []
+  }
+
+  const GetUploadJobDetail = async (guid: string): Promise<Record<string, any> | null> => {
+    const dt = await dataStore.dataGet(`ExcelUploadJob/${guid}`)
+    if (dt !== 'errorfalse') {
+      return dt
+    }
+    return null
+  }
+
+  const GetUploadJobStatus = async (guid: string): Promise<Record<string, any> | null> => {
+    const dt = await dataStore.dataGet(`ExcelUploadJob/status/${guid}`)
+    if (dt !== 'errorfalse') {
+      return dt
+    }
+    return null
+  }
+
+  const SubscribeToJob = async (guid: string, connectionId: string): Promise<boolean> => {
+    const result = await dataStore.dataPost(
+      `ExcelUploadJob/subscribe?guid=${guid}&connectionId=${encodeURIComponent(connectionId)}`,
+      {}
+    )
+    return result !== 'errorfalse'
+  }
+
+  return {
+    SaveKatilimciUser,
+    CreateOnlineDraw,
+    KatilimciData,
+    KatilimciFileUpload,
+    GetUploadJobs,
+    GetUploadJobDetail,
+    GetUploadJobStatus,
+    SubscribeToJob
+  }
 })
--- a/src/module/cekilisler/service/piyangoOnayService.ts
+++ b/src/module/cekilisler/service/piyangoOnayService.ts
@ -4,6 +4,7 @@ import { usePiyangoStore } from '../stores/piyangoStore'
 import { usePiyangoOnayStore } from '../stores/piyangoOnayStore'
 import { usePiyangoOnayValidationStore } from '../validation/piyangoOnayValidationStore'
 import { useUsersStore } from '@/stores/usersStore'
+import { usePiyangoDataStore } from '../stores/piyangoDataStore'

 export const usePiyangoOnayService = defineStore('piyangoOnayService', () => {
  const dataStore = useDataStore()
@ -11,12 +12,42 @@ export const usePiyangoOnayService = defineStore('piyangoOnayService', () => {
  const piyangoOnayStore = usePiyangoOnayStore()
  const piyangoOnayValidationStore = usePiyangoOnayValidationStore()
  const usersStore = useUsersStore()
+  const piyangoDataStore = usePiyangoDataStore()
+
+  const getKapsamDisiId = (): number | null => {
+    const kapsamDisi = piyangoDataStore.piyangoOnayDurumlari.find(
+      (item: Record<string, any>) => item.tipAdi === 'Kapsam Dışı'
+    )
+    return kapsamDisi ? kapsamDisi.islemId : null
+  }
+
+  const shouldKeepIzinFields = (islemTipiId: number | null): boolean => {
+    return islemTipiId === 4 || islemTipiId === getKapsamDisiId()
+  }

  const SaveOnayDurum = async () => {
    if (piyangoOnayValidationStore.FormCheck()) {
      piyangoOnayStore.loaded = false
      let form: any
      let dataForm = new FormData()
+
+      if (!shouldKeepIzinFields(piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId)) {
+        piyangoOnayStore.piyangoOnayForm.izinSayisi = ''
+        piyangoOnayStore.piyangoOnayForm.izinTarihi = ''
+        piyangoOnayStore.piyangoOnayForm.izinAciklamasi = ''
+      }
+      if (piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId !== getKapsamDisiId()) {
+        piyangoOnayStore.piyangoOnayForm.kapsamDisiSebebi = null
+      }
+      if (
+        piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId !== 4 &&
+        piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId !== getKapsamDisiId()
+      ) {
+        piyangoOnayStore.piyangoOnayForm.mudurlukId = null
+      }
+      if (piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId !== 4) {
+        piyangoOnayStore.piyangoOnayForm.cekilisGorevlisiId = null
+      }
      dataForm.append(
        'onayDurumuIslemTipiId',
        piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId
@ -24,7 +55,33 @@ export const usePiyangoOnayService = defineStore('piyangoOnayService', () => {
      dataForm.append('onayCekilisId', String(piyangoStore.selectedLottery))
      dataForm.append('kisiId', String(usersStore.userId))
      dataForm.append('file', piyangoOnayStore.piyangoOnayForm.file)
-      dataForm.append('aciklama', piyangoOnayStore.piyangoOnayForm.aciklama)
+      dataForm.append('aciklama', piyangoOnayStore.piyangoOnayForm.aciklama || '')
+      dataForm.append('izinSayisi', piyangoOnayStore.piyangoOnayForm.izinSayisi || '')
+      dataForm.append('izinTarihi', piyangoOnayStore.piyangoOnayForm.izinTarihi || '')
+      dataForm.append(
+        'izinAciklamasi',
+        piyangoOnayStore.piyangoOnayForm.izinAciklamasi != null
+          ? String(piyangoOnayStore.piyangoOnayForm.izinAciklamasi)
+          : ''
+      )
+      dataForm.append(
+        'kapsamDisiSebebi',
+        piyangoOnayStore.piyangoOnayForm.kapsamDisiSebebi != null
+          ? String(piyangoOnayStore.piyangoOnayForm.kapsamDisiSebebi)
+          : ''
+      )
+      dataForm.append(
+        'mudurluk',
+        piyangoOnayStore.piyangoOnayForm.mudurlukId != null
+          ? String(piyangoOnayStore.piyangoOnayForm.mudurlukId)
+          : ''
+      )
+      dataForm.append(
+        'cekilisGorevlisi',
+        piyangoOnayStore.piyangoOnayForm.cekilisGorevlisiId != null
+          ? String(piyangoOnayStore.piyangoOnayForm.cekilisGorevlisiId)
+          : ''
+      )

      form = await dataStore.dataPost('OnayDurumu/', {
        data: dataForm,
@ -36,15 +93,88 @@ export const usePiyangoOnayService = defineStore('piyangoOnayService', () => {
        piyangoOnayValidationStore.formChanged = false
        piyangoStore.lotteryApprove =
          piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId
-        piyangoOnayStore.refreshList = true
        piyangoOnayStore.ResetForm()
-        setTimeout(() => {
-          piyangoOnayStore.loaded = true
-        }, 10)
+        window.location.reload()
      }
    } else {
      piyangoOnayValidationStore.isFormValid = true
    }
  }
-  return { SaveOnayDurum }
+
+  const SaveOnayDurumPanel = async () => {
+    if (piyangoOnayValidationStore.FormPanelCheck()) {
+      let form: any
+      let dataForm = new FormData()
+
+      if (!shouldKeepIzinFields(piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId)) {
+        piyangoOnayStore.piyangoPanelOnayForm.izinSayisi = ''
+        piyangoOnayStore.piyangoPanelOnayForm.izinTarihi = ''
+        piyangoOnayStore.piyangoPanelOnayForm.izinAciklamasi = ''
+      }
+      if (piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId !== getKapsamDisiId()) {
+        piyangoOnayStore.piyangoPanelOnayForm.kapsamDisiSebebi = null
+      }
+      if (
+        piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId !== 4 &&
+        piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId !== getKapsamDisiId()
+      ) {
+        piyangoOnayStore.piyangoPanelOnayForm.mudurlukId = null
+      }
+      if (piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId !== 4) {
+        piyangoOnayStore.piyangoPanelOnayForm.cekilisGorevlisiId = null
+      }
+      dataForm.append('onayDurumuIslemTipiId', piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId)
+      dataForm.append('id', piyangoOnayStore.piyangoPanelOnayForm.id)
+      dataForm.append('onayCekilisId', String(piyangoStore.selectedLottery))
+      dataForm.append('kisiId', String(usersStore.userId))
+      dataForm.append('file', piyangoOnayStore.piyangoPanelOnayForm.file)
+      dataForm.append('aciklama', piyangoOnayStore.piyangoPanelOnayForm.aciklama || '')
+      dataForm.append('izinSayisi', piyangoOnayStore.piyangoPanelOnayForm.izinSayisi || '')
+      dataForm.append('izinTarihi', piyangoOnayStore.piyangoPanelOnayForm.izinTarihi || '')
+      dataForm.append(
+        'izinAciklamasi',
+        piyangoOnayStore.piyangoPanelOnayForm.izinAciklamasi != null
+          ? String(piyangoOnayStore.piyangoPanelOnayForm.izinAciklamasi)
+          : ''
+      )
+      dataForm.append(
+        'kapsamDisiSebebi',
+        piyangoOnayStore.piyangoPanelOnayForm.kapsamDisiSebebi != null
+          ? String(piyangoOnayStore.piyangoPanelOnayForm.kapsamDisiSebebi)
+          : ''
+      )
+      dataForm.append(
+        'mudurluk',
+        piyangoOnayStore.piyangoPanelOnayForm.mudurlukId != null
+          ? String(piyangoOnayStore.piyangoPanelOnayForm.mudurlukId)
+          : ''
+      )
+      dataForm.append(
+        'cekilisGorevlisi',
+        piyangoOnayStore.piyangoPanelOnayForm.cekilisGorevlisiId != null
+          ? String(piyangoOnayStore.piyangoPanelOnayForm.cekilisGorevlisiId)
+          : ''
+      )
+
+      form = await dataStore.dataPut(
+        'OnayDurumu/' + piyangoOnayStore.piyangoPanelOnayForm.id,
+        {
+          data: dataForm,
+          headers: { 'Content-Type': 'multipart/form-data' },
+          toast: { toast: 'Onay durumu başarıyla kaydedildi', type: 'success' }
+        }
+      )
+
+      if (form !== 'errorfalse') {
+        piyangoOnayStore.refreshList = false
+        setTimeout(() => {
+          piyangoOnayStore.refreshList = true
+        }, 10)
+        piyangoOnayStore.onayFormPanel = false
+      }
+    } else {
+      piyangoOnayValidationStore.isPanelFormValid = true
+    }
+  }
+  return { SaveOnayDurum, SaveOnayDurumPanel }
 })
--- a/src/module/cekilisler/service/signalrService.ts
+++ b/src/module/cekilisler/service/signalrService.ts
@ -1,34 +1,68 @@
 import * as signalR from '@microsoft/signalr'
-import { v4 as uuidv4 } from 'uuid'

-let connection: signalR.HubConnection
-let connectionId = ''
+let connection: signalR.HubConnection | null = null
+
+export const connectToHub = async (): Promise<string> => {
+  console.log('Connecting to SignalR Hub...')
+
+  // Mevcut bağlantı varsa her durumda kapat (Connected, Reconnecting, Disconnected)
+  if (connection) {
+    try {
+      await connection.stop()
+    } catch {
+      // Bağlantı zaten kapalı olabilir, yoksay
+    }
+    connection = null
+  }

-export const connectToHub = async () => {
  connection = new signalR.HubConnectionBuilder()
    .withUrl(import.meta.env.VITE_SOCKET_URL, {
-      withCredentials: false // Bu zorunlu, yoksa cookie vs gönderilmez
-    }) // backend adresine göre düzenle
+      withCredentials: false,
+      skipNegotiation: true,
+      transport: signalR.HttpTransportType.WebSockets
+    })
    .withAutomaticReconnect()
    .build()

+  // Eventleri ekle (connection artık tanımlı)
+  connection.on('ReceiveProgress', (data: any) => console.log('progress', data))
+  connection.on('ReceiveInsertProgress', (data: any) => console.log('insert progress', data))
+  connection.on('ReceiveCompleted', (data: any) => console.log('completed', data))
+  connection.on('ReceiveError', (data: any) => console.log('error', data))
+
+  try {
    await connection.start()
-  connectionId = connection.connectionId || uuidv4() // SignalR id'si ya da frontend'de de guid üretilebilir
+    const connectionId = await connection.invoke<string>('GetConnectionId')
+    console.log('Connected to SignalR Hub with Connection ID:', connectionId)
    return connectionId
+  } catch (err) {
+    connection = null
+    throw err
+  }
 }

 export const onProgress = (callback: (data: any) => void) => {
-  connection.on('ReceiveProgress', callback)
+  if (connection) connection.on('ReceiveProgress', callback)
 }

 export const onInsertProgress = (callback: (data: any) => void) => {
-  connection.on('ReceiveInsertProgress', callback)
+  if (connection) connection.on('ReceiveInsertProgress', callback)
 }

 export const onCompleted = (callback: (data: any) => void) => {
-  connection.on('ReceiveCompleted', callback)
+  if (connection) connection.on('ReceiveCompleted', callback)
 }

 export const onError = (callback: (data: any) => void) => {
-  connection.on('ReceiveError', callback)
+  if (connection) connection.on('ReceiveError', callback)
+}
+
+/** Upload event handler'larını kaldır (memory leak ve çoklu tetikleme önleme) */
+export const removeUploadHandlers = () => {
+  if (connection) {
+    connection.off('ReceiveProgress')
+    connection.off('ReceiveInsertProgress')
+    connection.off('ReceiveCompleted')
+    connection.off('ReceiveError')
+  }
 }
--- a/src/module/cekilisler/stores/piyangoCekilisTutanagiStore.ts
+++ b/src/module/cekilisler/stores/piyangoCekilisTutanagiStore.ts
@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+import { ref, reactive } from 'vue'
+import { usePiyangoStore } from './piyangoStore'
+
+export const usePiyangoCekilisTutanagiStore = defineStore('piyangoCekilisTutanagiStore', () => {
+  const piyangoStore = usePiyangoStore()
+
+  const cekilisTutanagiList = ref<Record<string, any>[]>([])
+  const cekilisTutanagiBaseForm = reactive<Record<string, any>>({
+    dosya: null,
+    cekilisId: piyangoStore.selectedLottery,
+    dokumanAdi: ''
+  })
+  const cekilisTutanagiForm = reactive<Record<string, any>>({})
+  const cekilisTutanagiSafeForm = reactive<Record<string, any>>({})
+  const isUpdate = ref<boolean>(false)
+  const refreshList = ref<boolean>(false)
+  const documentPanel = ref<boolean>(false)
+  const loaded = ref<boolean>(false)
+
+  const ResetForm = () => {
+    Object.assign(cekilisTutanagiForm, cekilisTutanagiBaseForm)
+  }
+  
+  return {
+    cekilisTutanagiList,
+    cekilisTutanagiBaseForm,
+    cekilisTutanagiForm,
+    cekilisTutanagiSafeForm,
+    isUpdate,
+    refreshList,
+    documentPanel,
+    loaded,
+    ResetForm
+  }
+})
+
--- a/src/module/cekilisler/stores/piyangoDosyaKapamaStore.ts
+++ b/src/module/cekilisler/stores/piyangoDosyaKapamaStore.ts
@ -0,0 +1,109 @@
+import { defineStore } from 'pinia'
+import { ref, reactive } from 'vue'
+import { useGlobalStore } from '@/stores/globalStore'
+import { usePiyangoStore } from './piyangoStore'
+import { useUsersStore } from '@/stores/usersStore'
+
+
+export const usePiyangoDosyaKapamaStore = defineStore('piyangoDosyaKapamaStore', () => {
+  const globalStore = useGlobalStore()
+  const piyangoStore = usePiyangoStore()
+  const usersStore = useUsersStore()
+
+  const baseDosyaKapamaData = reactive<Record<string, any>>({
+    katilimSekli: '',
+    cD: false,
+    kutuMuhurlemeTutanagi: false,
+    kutuAcmaTutanagi: false,
+    cekilisTutanagi: false,
+    cekilisIzinAlinanTarihSaatAdres: false,
+    oncedenBelirlenenIkramiyeCekilis: false,
+    cekilisNumaraUzerindenCekilis: false,
+    dagitilmayanKuponTespiti: false,
+    cekilisSonucuIlan: false,
+    ilandaTarihGazete: false,
+    ilandaToplamKatilimci: false,
+    cekilisTutanagiIleUyumluKazananlar: false,
+    ilanSonBasvuruTeslimSuresi: false,
+    taahhutEdilenIkramiyeAdedi: null,
+    teslimEdilenIkramiyeAdedi: null,
+    asilIkramiyeSayisi: null,
+    yedekIkramiyeSayisi: null,
+    nufusCuzdani: false,
+    noterOnayliIbraname: false,
+    teslimBelgesi: false,
+    faturaFotokopileri: false,
+    tescileAitBelgeler: false,
+    sureIcindesAlinmayanIkramiyeAdedi: null,
+    tebligat: false,
+    feragat: false,
+    bagis: false,
+    kuponAsli: false,
+    duyuruMateryali: false,
+    ikramiyelerinSonTeslimTarihi: '',
+    teminatIadeTarihi: '',
+    cekilisId: piyangoStore.selectedLottery
+  })
+  const baseDosyaKapamaIkramiyeData = reactive<Record<string, any>>({
+    taahhutEdilenIkramiye: '',
+    tahhutEdilenIkramiyeAdet: '',
+    teslimEdilenIkramiyeAsil: '',
+    teslimEdilenIkramiyeYedek: '',
+    teslimEdilenIkramiye: '',
+    alinmayanIkramiye: '',
+    aciklama: '',
+    duzenleyenId: usersStore.userId,
+    ikramiyeId:'',
+    cekilisId: piyangoStore.selectedLottery
+  })
+  const dosyaKapamaData = reactive<Record<string, any>>({})
+  const safeDosyaKapamaData = reactive<Record<string, any>>({})
+  const isNew = ref<boolean>(false)
+  const isUpdate = ref<boolean>(false)
+  const formChanged = ref<boolean>(false)
+  const loaded = ref<boolean>(false)
+
+  const dosyaKapamaIkramiyeData = reactive<Record<string, any>>({})
+  const safeDosyaKapamaIkramiyeData = reactive<Record<string, any>>({})
+  const isDosyaKapamaIkramiyeUpdate = ref<boolean>(false)
+  const isDosyaKapamaIkramiyeFormChanged = ref<boolean>(false)
+  const isDosyaKapamaIkramiyeLoaded = ref<boolean>(false)
+  const dosyaKapamaIkramiyeListesiRefresh = ref<boolean>(false)
+  const dosyaKapamaIkramiyePanel = ref<boolean>(false)
+
+  const ResetFormData = () => {
+    globalStore.ResetObject(dosyaKapamaData, baseDosyaKapamaData)
+    Object.assign(dosyaKapamaData, baseDosyaKapamaData)
+  }
+
+  const RestoreFormData = () => {
+    globalStore.ResetObject(dosyaKapamaData, baseDosyaKapamaData)
+    Object.assign(dosyaKapamaData, safeDosyaKapamaData)
+  }
+
+  const ResetIkramiyeFormData = () => {
+    globalStore.ResetObject(dosyaKapamaIkramiyeData, baseDosyaKapamaIkramiyeData)
+    Object.assign(dosyaKapamaIkramiyeData, baseDosyaKapamaIkramiyeData)
+  }
+
+  return {
+    baseDosyaKapamaData,
+    dosyaKapamaData,
+    safeDosyaKapamaData,
+    isNew,
+    isUpdate,
+    formChanged,
+    loaded,
+    baseDosyaKapamaIkramiyeData,
+    dosyaKapamaIkramiyeData,
+    safeDosyaKapamaIkramiyeData,
+    isDosyaKapamaIkramiyeUpdate,
+    isDosyaKapamaIkramiyeFormChanged,
+    isDosyaKapamaIkramiyeLoaded,
+    dosyaKapamaIkramiyeListesiRefresh,
+    dosyaKapamaIkramiyePanel,
+    ResetFormData,
+    RestoreFormData,
+    ResetIkramiyeFormData
+  }
+})
--- a/src/module/cekilisler/stores/piyangoIkramiyeStore.ts
+++ b/src/module/cekilisler/stores/piyangoIkramiyeStore.ts
@ -31,6 +31,7 @@ export const usePiyangoIkramiyeStore = defineStore('piyangoIkramiyeStore', () =>
  const refreshList = ref<boolean>(false)
  const ikramiyePanel = ref<boolean>(false)
  const loaded = ref<boolean>(false)
+  const totalIkramiyeValue = ref<number>(0)

  const totalIkramiyeValues = reactive<Record<string, any>>({
    yedekTalihliAdedi: 'toplamyedektalihli',
@ -69,6 +70,7 @@ export const usePiyangoIkramiyeStore = defineStore('piyangoIkramiyeStore', () =>
    ikramiyePanel,
    loaded,
    totalIkramiyeValues,
+    totalIkramiyeValue,
    ResetForm,
    CalculateToplamDeger
  }
--- a/src/module/cekilisler/stores/piyangoKatilimciStore.ts
+++ b/src/module/cekilisler/stores/piyangoKatilimciStore.ts
@ -10,6 +10,7 @@ export const usePiyangoKatilimciStore = defineStore('piyangoKatilimciStore', ()
  const piyangoKatilimciUserSafeFormData = reactive<Record<string, any>>({
    ikramiyeId: null,
    cekilisKatilimSiraNo: null,
+    cekilisHakkiAdedi: 1,
    sifreCode: '',
    magazaKartNumarasi: '',
    adi: '',
--- a/src/module/cekilisler/stores/piyangoOnayStore.ts
+++ b/src/module/cekilisler/stores/piyangoOnayStore.ts
@ -12,13 +12,22 @@ export const usePiyangoOnayStore = defineStore('piyangoOnayStore', () => {
    onayCekilisId: piyangoStore.selectedLottery,
    kisiId: usersStore.userId,
    aciklama: '',
-    file: ''
+    file: '',
+    izinSayisi: '',
+    izinTarihi: '',
+    izinAciklamasi: '',
+    kapsamDisiSebebi: null,
+    mudurlukId: null,
+    cekilisGorevlisiId: null
  })
  const piyangoOnayForm = reactive<Record<string, any>>({})
+  const piyangoPanelOnayForm = reactive<Record<string, any>>({})
  const piyangoOnaySafeForm = reactive<Record<string, any>>({})
  const isUpdate = ref<boolean>(false)
  const refreshList = ref<boolean>(false)
  const loaded = ref<boolean>(false)
+  const onayPanelLoaded = ref<boolean>(false)
+  const onayFormPanel = ref<boolean>(false)

  const ResetForm = () => {
    Object.assign(piyangoOnayForm, piyangoOnayBaseForm)
@ -27,10 +36,13 @@ export const usePiyangoOnayStore = defineStore('piyangoOnayStore', () => {
  return {
    piyangoOnayBaseForm,
    piyangoOnayForm,
+    piyangoPanelOnayForm,
    piyangoOnaySafeForm,
    isUpdate,
    refreshList,
    loaded,
+    onayPanelLoaded,
+    onayFormPanel,
    ResetForm
  }
 })
--- a/src/module/cekilisler/stores/piyangoStore.ts
+++ b/src/module/cekilisler/stores/piyangoStore.ts
@ -48,7 +48,7 @@ export const usePiyangoStore = defineStore('piyangoStore', () => {
  ])

  const baseLotteryData = reactive<Record<string, any>>({
-    amac:'',
+    amac: '',
    amacpiyangoId: null,
    duzenleyenId: null,
    baslik: '',
@ -91,13 +91,14 @@ export const usePiyangoStore = defineStore('piyangoStore', () => {

  const duzenleyenLink = computed<string | null>(() => {
    if (lotteryData.baglisirketId === null && lotteryData.duzenleyenId !== null)
-      return '/uyeler/detay/' + lotteryData.duzenleyenId
+      return '/uyeler/detay/' + lotteryData.duzenleyenId + '/uye-bilgileri'
    else if (lotteryData.duzenleyenId !== null && lotteryData.baglisirketId !== null)
      return (
        '/uyeler/detay/' +
-        araciUyeData.baglisirketId +
+        lotteryData.baglisirketId +
        '/yetkili-uye/detay/' +
-        lotteryData.duzenleyenId
+        lotteryData.duzenleyenId +
+        '/kisi-kurum-bilgileri'
      )
    else return null
  })
@ -122,21 +123,49 @@ export const usePiyangoStore = defineStore('piyangoStore', () => {
    Object.assign(lotteryData, baseLotteryData)
    lotteryApprove.value = null
    selectedLottery.value = null
-    lotteryData.kapsamIl.splice(0,lotteryData.kapsamIl.length)
-    lotteryData.kapsamIlce.splice(0,lotteryData.kapsamIlce.length)
+    lotteryData.kapsamIl.splice(0, lotteryData.kapsamIl.length)
+    lotteryData.kapsamIlce.splice(0, lotteryData.kapsamIlce.length)
  }

  const ResetLotteryContent = () => {
    Object.assign(lotteryData, baseLotteryData)
  }

+  const GetIslemStatusClass = (statusName: string | undefined): string => {
+    if (!statusName) {
+      return 'islem-status-default'
+    }
+    // Her duruma benzersiz canlı renkler atanıyor
+    const statusMap: Record<string, string> = {
+      'Bilgi/Belge Eksik/Yanlış': 'islem-status-coral',
+      'Üzerinde Çalışılıyor': 'islem-status-amber',
+      'Başvuru İşleme Alındı': 'islem-status-sky',
+      'Başvuru Uygun Görülmedi': 'islem-status-rose',
+      'İzin Öncesi İptal': 'islem-status-pink',
+      'Kapsam Dışı': 'islem-status-slate',
+      'İzin Verildi': 'islem-status-emerald',
+      'Ceza Verildi': 'islem-status-red',
+      'İzin Sonrası İptal': 'islem-status-salmon',
+      'Kampanya Olumlu Bitti': 'islem-status-mint',
+      'Mükerrer Başvuru': 'islem-status-peach',
+      'Bekliyor': 'islem-status-yellow',
+      'Onaylandı': 'islem-status-teal',
+      'Katılımcı Listesi Yüklendi': 'islem-status-cyan',
+      'Düzenleme Bekliyor': 'islem-status-orange',
+      'Ön Kayıt Kabul Edildi': 'islem-status-blue',
+      'Yardım Amaçlı Piyango Son Onay': 'islem-status-gold',
+      'İnceleme Bekleniyor': 'islem-status-lavender',
+      'Yeni Piyango': 'islem-status-violet',
+      'Başvuru Reddedildi': 'islem-status-crimson',
+      'Değişiklik Talep Ediliyor': 'islem-status-indigo'
+    }
+    return statusMap[statusName] || 'islem-status-default'
+  }
+
  const LoterryStatusClass = (d: any): string => {
-    let cls = lotteryStatusTypes.value.filter((v) => {
-      return v.name === d
-    })
-    if (cls !== undefined && cls !== null && cls.length !== 0)
-      return 'back-grad-' + cls[0].class
-    else return 'back-grad-waiting'
+    // Yeni renk sistemini kullan, ama back-grad sınıfı ekle (geriye dönük uyumluluk için)
+    const statusClass = GetIslemStatusClass(d)
+    return 'islem-status-badge ' + statusClass
  }

  const SetLotteryControlData = (data: Record<string, any>) => {
@ -180,6 +209,7 @@ export const usePiyangoStore = defineStore('piyangoStore', () => {
    ResetLotteryData,
    ResetLotteryContent,
    LoterryStatusClass,
+    GetIslemStatusClass,
    SetLotteryControlData
  }
 })
--- a/src/module/cekilisler/validation/piyangoCekilisTutanagiValidationStore.ts
+++ b/src/module/cekilisler/validation/piyangoCekilisTutanagiValidationStore.ts
@ -0,0 +1,45 @@
+import { defineStore } from 'pinia'
+import { ref, reactive } from 'vue'
+import { useValidationStore } from '@/stores/validationStore'
+import { usePiyangoCekilisTutanagiStore } from '../stores/piyangoCekilisTutanagiStore'
+
+export const usePiyangoCekilisTutanagiValidationStore = defineStore(
+  'piyangoCekilisTutanagiValidationStore',
+  () => {
+    const cekilisTutanagiStore = usePiyangoCekilisTutanagiStore()
+    const validationStore = useValidationStore()
+
+    const formChanged = ref<boolean>(false)
+    const isFormValid = ref<boolean>(true)
+    const invalidTexts = reactive<Record<string, any>>({})
+
+    const FormCheck = (): boolean => {
+      Object.assign(invalidTexts, {})
+
+      validationStore.IsFieldEmpty(
+        cekilisTutanagiStore.cekilisTutanagiForm,
+        invalidTexts,
+        'dokumanAdi',
+        'Döküman için bir başlık belirtmelisiniz.'
+      )
+
+      validationStore.IsFieldEmpty(
+        cekilisTutanagiStore.cekilisTutanagiForm,
+        invalidTexts,
+        'dosya',
+        'Bir döküman eklemelisiniz.'
+      )
+
+      isFormValid.value = Object.keys(invalidTexts).length === 0
+      return isFormValid.value
+    }
+
+    return {
+      formChanged,
+      isFormValid,
+      invalidTexts,
+      FormCheck
+    }
+  }
+)
+
--- a/src/module/cekilisler/validation/piyangoDosyaKapamaValidationStore.ts
+++ b/src/module/cekilisler/validation/piyangoDosyaKapamaValidationStore.ts
@ -0,0 +1,125 @@
+import { defineStore } from 'pinia'
+import { ref, reactive } from 'vue'
+import { useValidationStore } from '@/stores/validationStore'
+import { usePiyangoDosyaKapamaStore } from '../stores/piyangoDosyaKapamaStore'
+
+export const usePiyangoDosyaKapamaValidationStore = defineStore(
+  'piyangoDosyaKapamaValidationStore',
+  () => {
+    const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
+    const validationStore = useValidationStore()
+
+    const isFormValid = ref<boolean>(true)
+    const invalidTexts = reactive<Record<string, any>>({})
+    const isIkramiyeFormValid = ref<boolean>(true)
+    const ikramiyeInvalidTexts = reactive<Record<string, any>>({})
+
+    const FormCheck = (): boolean => {
+      Object.assign(invalidTexts, {})
+
+      validationStore.IsFieldEmpty(
+        piyangoDosyaKapamaStore.dosyaKapamaData,
+        invalidTexts,
+        'mecraAdi',
+        'Yayınlanacak mecranın adını yazınız.'
+      )
+
+      isFormValid.value = Object.keys(invalidTexts).length === 0
+      return isFormValid.value
+    }
+
+    const IkramiyeFormCheck = (): boolean => {
+      Object.assign(ikramiyeInvalidTexts, {})
+
+      validationStore.IsFieldEmpty(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData,
+        ikramiyeInvalidTexts,
+        'tahhutEdilenIkramiye',
+        'Lütfen taahhüt edilen ikramiyeyi seçiniz.'
+      )
+
+      if (
+        validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.tahhutEdilenIkramiyeAdet
+        )
+      ) {
+        isIkramiyeFormValid.value = false
+        ikramiyeInvalidTexts.tahhutEdilenIkramiye =
+          'Lütfen taahhüt edilen ikramiyeyi seçiniz.'
+      }
+
+      if (
+        validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil
+        ) &&
+        validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek
+        )
+      ) {
+        isIkramiyeFormValid.value = false
+        ikramiyeInvalidTexts.teslimEdilenIkramiyeAsil =
+          'Yedek ve asil talihli alanlarının en az biri dolu olmalıdır'
+        ikramiyeInvalidTexts.teslimEdilenIkramiyeYedek =
+          'Yedek ve asil talihli alanlarının en az biri dolu olmalıdır'
+      }
+
+      if (
+        !validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil
+        ) &&
+        !validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek
+        )
+      ) {
+        if (
+          Number(
+            piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeAsil
+          ) +
+            Number(
+              piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.teslimEdilenIkramiyeYedek
+            ) !==
+          Number(piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.tahhutEdilenIkramiyeAdet)
+        ) {
+          isIkramiyeFormValid.value = false
+          ikramiyeInvalidTexts.teslimEdilenIkramiyeAsil =
+            'Asil ve yedek talihli toplamları, toplam ikramiye adedi kadar olmalıdır.'
+          ikramiyeInvalidTexts.teslimEdilenIkramiyeYedek =
+            'Asil ve yedek talihli toplamları, toplam ikramiye adedi kadar olmalıdır.'
+        }
+      }
+
+      validationStore.IsFieldEmpty(
+        piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData,
+        ikramiyeInvalidTexts,
+        'alinmayanIkramiye',
+        'Alınmayan ikramiye adedi boş olamaz. En az 1 asil veya yedek ikramiye adedi giriniz.'
+      )
+
+      if (
+        !validationStore.checkEmpty(
+          piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.alinmayanIkramiye
+        )
+      ) {
+        if (
+          Number(piyangoDosyaKapamaStore.dosyaKapamaIkramiyeData.alinmayanIkramiye) < 0
+        ) {
+          isIkramiyeFormValid.value = false
+          ikramiyeInvalidTexts.alinmayanIkramiye =
+            'Teslim edilen asil ve yedek ikramiye toplamları, toplam ikramiye kadar olmalıdır.'
+        }
+      }
+
+      isIkramiyeFormValid.value = Object.keys(ikramiyeInvalidTexts).length === 0
+      return isIkramiyeFormValid.value
+    }
+
+    return {
+      isFormValid,
+      invalidTexts,
+      isIkramiyeFormValid,
+      ikramiyeInvalidTexts,
+      FormCheck,
+      IkramiyeFormCheck
+    }
+  }
+)
--- a/src/module/cekilisler/validation/piyangoKatilimciValidationStore.ts
+++ b/src/module/cekilisler/validation/piyangoKatilimciValidationStore.ts
@ -96,6 +96,31 @@ export const usePiyangoKatilimciValidationStore = defineStore(
        'Lütfen soyadını giriniz.'
      )

+      validationStore.IsFieldEmpty(
+        piyangoKatilimciStore.piyangoKatilimciUserFormData,
+        userFormInvalidTexts,
+        'cekilisHakkiAdedi',
+        'Lütfen çekiliş hakkı adedini giriniz.'
+      )
+
+      if (
+        !validationStore.checkEmpty(
+          piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi
+        )
+      ) {
+        const hakAdedi = Number(
+          piyangoKatilimciStore.piyangoKatilimciUserFormData.cekilisHakkiAdedi
+        )
+
+        if (!Number.isInteger(hakAdedi) || hakAdedi < 1) {
+          userFormInvalidTexts.cekilisHakkiAdedi =
+            'Çekiliş hakkı adedi en az 1 olmalıdır.'
+          isUserFormValid.value = false
+        } else {
+          delete userFormInvalidTexts.cekilisHakkiAdedi
+        }
+      }
+
      var today: Date | string = new Date()
      today = dateStore.dateFormat({
        date: today,
--- a/src/module/cekilisler/validation/piyangoOnayValidationStore.ts
+++ b/src/module/cekilisler/validation/piyangoOnayValidationStore.ts
@ -1,17 +1,32 @@
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useValidationStore } from '@/stores/validationStore'
 import { usePiyangoOnayStore } from '../stores/piyangoOnayStore'
+import { usePiyangoDataStore } from '../stores/piyangoDataStore'

 export const usePiyangoOnayValidationStore = defineStore(
  'piyangoOnayValidationStore',
  () => {
    const validationStore = useValidationStore()
    const piyangoOnayStore = usePiyangoOnayStore()
+    const piyangoDataStore = usePiyangoDataStore()

    const formChanged = ref<boolean>(false)
    const isFormValid = ref<boolean>(true)
    const invalidTexts = reactive<Record<string, any>>({})
+    const isPanelFormValid = ref<boolean>(true)
+    const invalidTextsPanel = reactive<Record<string, any>>({})
+
+    const kapsamDisiId = computed<number | null>(() => {
+      const kapsamDisi = piyangoDataStore.piyangoOnayDurumlari.find(
+        (item: Record<string, any>) => item.tipAdi === 'Kapsam Dışı'
+      )
+      return kapsamDisi ? kapsamDisi.islemId : null
+    })
+
+    const shouldValidateIzinFields = (islemTipiId: number | null): boolean => {
+      return islemTipiId === 4 || islemTipiId === kapsamDisiId.value
+    }

    const FormCheck = (): boolean => {
      Object.assign(invalidTexts, {})
@ -22,15 +37,113 @@ export const usePiyangoOnayValidationStore = defineStore(
        'onayDurumuIslemTipiId',
        'Bir işlem tipi seçmelisinz.'
      )
+      if (shouldValidateIzinFields(piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId)) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoOnayForm,
+          invalidTexts,
+          'izinSayisi',
+          'İzin sayısı girmelisiniz.'
+        )
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoOnayForm,
+          invalidTexts,
+          'izinTarihi',
+          'İzin tarihi seçmelisiniz.'
+        )
+      }
+      if (
+        piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === 4 ||
+        piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+      ) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoOnayForm,
+          invalidTexts,
+          'mudurlukId',
+          'Müdürlük seçmelisiniz.'
+        )
+      }
+      if (piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === 4) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoOnayForm,
+          invalidTexts,
+          'cekilisGorevlisiId',
+          'Çekiliş görevlisi seçmelisiniz.'
+        )
+      }
+      if (piyangoOnayStore.piyangoOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoOnayForm,
+          invalidTexts,
+          'kapsamDisiSebebi',
+          'Kapsam dışı sebebi seçmelisiniz.'
+        )
+      }
      isFormValid.value = Object.keys(invalidTexts).length === 0
      return isFormValid.value
    }

+    const FormPanelCheck = (): boolean => {
+      Object.assign(invalidTextsPanel, {})
+
+      validationStore.IsFieldEmpty(
+        piyangoOnayStore.piyangoPanelOnayForm,
+        invalidTextsPanel,
+        'onayDurumuIslemTipiId',
+        'Bir işlem tipi seçmelisinz.'
+      )
+      if (shouldValidateIzinFields(piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId)) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoPanelOnayForm,
+          invalidTextsPanel,
+          'izinSayisi',
+          'İzin sayısı girmelisiniz.'
+        )
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoPanelOnayForm,
+          invalidTextsPanel,
+          'izinTarihi',
+          'İzin tarihi seçmelisiniz.'
+        )
+      }
+      if (
+        piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === 4 ||
+        piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value
+      ) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoPanelOnayForm,
+          invalidTextsPanel,
+          'mudurlukId',
+          'Müdürlük seçmelisiniz.'
+        )
+      }
+      if (piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === 4) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoPanelOnayForm,
+          invalidTextsPanel,
+          'cekilisGorevlisiId',
+          'Çekiliş görevlisi seçmelisiniz.'
+        )
+      }
+      if (piyangoOnayStore.piyangoPanelOnayForm.onayDurumuIslemTipiId === kapsamDisiId.value) {
+        validationStore.IsFieldEmpty(
+          piyangoOnayStore.piyangoPanelOnayForm,
+          invalidTextsPanel,
+          'kapsamDisiSebebi',
+          'Kapsam dışı sebebi seçmelisiniz.'
+        )
+      }
+      isPanelFormValid.value = Object.keys(invalidTextsPanel).length === 0
+      return isPanelFormValid.value
+    }
+
    return {
      formChanged,
      isFormValid,
+      isPanelFormValid,
      invalidTexts,
-      FormCheck
+      invalidTextsPanel,
+      FormCheck,
+      FormPanelCheck
    }
  }
 )
--- a/src/module/cekilisler/validation/piyangoValidationStore.ts
+++ b/src/module/cekilisler/validation/piyangoValidationStore.ts
@ -167,7 +167,19 @@ export const usePiyangoValidationStore = defineStore('piyangoValidationStore', (
    }
  })
  const ikramiyeTeslimMin = computed((): Date => {
-    return piyangoStore.lotteryData.asilSonBasvuruTarihi
+    var date: Date = new Date()
+
+    if (piyangoStore.lotteryData.amacpiyangoId !== 2) {
+      date = new Date(piyangoStore.lotteryData.yedekSonBasvuruTarihi)
+    } else {
+      date = new Date(piyangoStore.lotteryData.asilSonBasvuruTarihi)
+    }
+    var year = date.getFullYear()
+    var month = date.getMonth()
+    var day = date.getDate()
+
+    let newDate = new Date(year, month, day + 1)
+    return newDate
  })
  const ikramiyeTeslimMax = computed((): Date => {
    var date: Date = new Date()
--- a/src/module/cekilisler/views/PiyangoDetay.vue
+++ b/src/module/cekilisler/views/PiyangoDetay.vue
@ -1,8 +1,8 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Piyango Detay" />
-    <tabs :tabList="tabList" v-if="loaded">
-      <template #piyangobilgileri>
+    <Breadcrumb currentPageText="Piyango Detay" go="/piyangolar/piyango-listesi" />
+    <tabs :tabList="tabList" v-if="loaded" isUseRoute>
+      <template #piyango-bilgileri>
        <tab-piyango-bilgileri-display
          v-if="
            usersStore.isPanelUser ||
@ -12,20 +12,26 @@
          " />
        <tab-piyango-bilgileri v-else />
      </template>
-      <template #katilimcilistesi><tab-piyango-katilimci-listesi /></template>
+      <template #katilim-listesi><tab-piyango-katilimci-listesi /></template>
+      <template #cekilis-tutanagi><tab-piyango-cekilis-tutanagi /></template>
      <template #talihliler><tab-piyango-talihli-listesi /></template>
-      <template #itirazsikayet><tab-piyango-itiraz /></template>
-      <template #piyangologlari><tab-piyango-loglari /></template>
-      <template #yetkilendirme>
+      <template #itiraz-sikayet><tab-piyango-itiraz /></template>
+      <template #piyango-loglari><tab-piyango-loglari /></template>
+      <template #yetkilendirme v-if="usersStore.isPanelUser">
        <tab-piyango-yetkilendirme />
      </template>
-      <template #onaydurumu>
+      <template #onay-durumu>
        <tab-piyango-onay-durumu v-if="usersStore.isPanelUser" />
        <tab-piyango-onay-durumu-user v-else />
      </template>
-      <template #teminatlistesi>
+      <template #teminat-listesi>
        <tab-piyango-teminat-durumu />
      </template>
+      <template
+        #dosya-kapama
+        v-if="piyangoStore.lotteryApprove === 10">
+        <tab-piyango-dosya-kapama />
+      </template>
    </tabs>
  </AdminLayout>
 </template>
@ -49,13 +55,15 @@
  import TabPiyangoLoglari from '@/module/cekilisler/components/TabPiyangoLoglari.vue'
  import TabPiyangoKatilimciListesi from '@/module/cekilisler/components/TabPiyangoKatilimciListesi.vue'
  import TabPiyangoTalihliListesi from '@/module/cekilisler/components/TabPiyangoTalihliListesi.vue'
+  import TabPiyangoCekilisTutanagi from '@/module/cekilisler/components/TabPiyangoCekilisTutanagi.vue'
  import TabPiyangoBilgileri from '@/module/cekilisler/components/TabPiyangoBilgileri.vue'
  import TabPiyangoBilgileriDisplay from '../components/TabPiyangoBilgileriDisplay.vue'
  import TabPiyangoItiraz from '@/module/cekilisler/components/TabPiyangoItiraz.vue'
+  import TabPiyangoDosyaKapama from '@/module/cekilisler/components/TabPiyangoDosyaKapama.vue'

  const loaded = ref<boolean>(false)
  const tabList = ref<Record<string, any>[]>([
-    { text: 'Piyango Bilgileri', id: 'piyangobilgileri' }
+    { text: 'Piyango Bilgileri', id: 'piyango-bilgileri' }
  ])

  const CreateTabs = () => {
@ -69,22 +77,31 @@
        usersStore.isPanelUser) &&
      piyangoStore.lotteryPurposeId !== 3
    ) {
+      
      tabList.value.push(
-        { text: 'Katılım Listesi', id: 'katilimcilistesi' },
+        { text: 'Katılım Listesi', id: 'katilim-listesi' },
+        { text: 'Çekiliş Tutanağı', id: 'cekilis-tutanagi' },
        { text: 'Talihliler', id: 'talihliler' },
-        { text: 'İtiraz/Şikayet', id: 'itirazsikayet' }
+        { text: 'İtiraz/Şikayet', id: 'itiraz-sikayet' }
      )
+    } else {
+      tabList.value.push({ text: 'Çekiliş Tutanağı', id: 'cekilis-tutanagi' })
    }
    if (usersStore.isPanelUser) {
      tabList.value.push(
-        { text: 'Piyango Logları', id: 'piyangologlari' },
+        { text: 'Piyango Logları', id: 'piyango-loglari' },
        { text: 'Yetkilendirme', id: 'yetkilendirme' }
      )
    }
-    tabList.value.push({ text: 'Onay Durumu', id: 'onaydurumu' })
+    tabList.value.push({ text: 'Onay Durumu', id: 'onay-durumu' })
+

    if (piyangoStore.lotteryApprove !== 0 && piyangoStore.lotteryPurposeId !== 3) {
-      tabList.value.push({ text: 'Teminat Listesi', id: 'teminatlistesi' })
+      tabList.value.push({ text: 'Teminat Listesi', id: 'teminat-listesi' })
+    }
+
+    if (piyangoStore.lotteryApprove === 10) {
+      tabList.value.push({ text: 'Dosya Kapama', id: 'dosya-kapama' })
    }
  }

--- a/src/module/cekilisler/views/PiyangoListe.vue
+++ b/src/module/cekilisler/views/PiyangoListe.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Piyango Listesi" />
+    <Breadcrumb currentPageText="Piyango Listesi" go="/" />
    <div
      class="form-inner-comment waiting-d"
      v-if="!usersStore.isPanelUser && usersStore.userApproveId !== 4">
@ -17,7 +17,8 @@
        listText="Piyango"
        :addRoute="addApiControl"
        :apiList="apiList"
-        apiText="Piyango Listesi" />
+        apiText="Piyango Listesi"
+        isUseRoute />
    </section>
  </AdminLayout>
 </template>
@ -30,6 +31,8 @@
  const dateStore = useDateStore()
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
+  import { useGlobalStore } from '@/stores/globalStore'
+  const globalStore = useGlobalStore()
  import { usePiyangoStore } from '../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
  import { usePiyangoDataStore } from '../stores/piyangoDataStore'
@ -67,129 +70,30 @@
  const tableHeader = computed<Record<string, any>[]>(() => {
    let header: Record<string, any>[] = []

+    // 1. PİYANGO ID
    header.push({
      name: 'piyangoId',
-      title: 'Piyango Id',
+      title: 'Piyango ID',
      sort: true,
      style: { width: '10%' }
    })

-
-    if (usersStore.isAraciFirma || usersStore.isPanelUser) {
-      header.push({ name: 'duzenleyen', title: 'Düzenleyen' })
-    }
-
-    header.push(
-      {
-        name: 'baslik',
-        title: 'Başlık',
-        sort: true,
-        style: { width: '15%' }
-      },
-      {
-        name: 'piyangoamac',
-        title: 'Piyango Amacı',
-        sort: true,
-        filter: {
-          type: 'select',
-          data: piyangoAmaclari.value,
-          listVal: 'id',
-          listText: 'amacAdi',
-          filterId: 'piyangoAmacId'
-        }
-      },
-      {
-        name: 'olusturmaTarihi',
-        title: 'Oluşturulma Tarihi',
-        compute: (v: Record<string, any>): string => {
-          return dateStore.dateFormat({ date: v.olusturmaTarihi })
-        },
-        sort: true,
-        filter: {
-          type: 'date',
-          range: true
-        }
-      }
-    )
-
-    if (usersStore.isVakifDernek || usersStore.isPanelUser) {
+    // 2. OLUŞTURMA TARİHİ
    header.push({
-        name: 'cekilisTarihi',
-        title: 'Çekiliş Tarihi',
+      name: 'olusturmaTarihi',
+      title: 'Oluşturma Tarihi',
      compute: (v: Record<string, any>): string => {
-          if(v.piyangoAmacId === 3) return ''
-          else return dateStore.dateFormat({ date: v.cekilisTarihi })
+        if (!v.olusturmaTarihi || v.olusturmaTarihi === null || v.olusturmaTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.olusturmaTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
      },
      sort: true,
      filter: {
        type: 'date',
-          range: true
+        between: true
      }
    })
-    }
-    if (!usersStore.isVakifDernek || usersStore.isPanelUser) {
-      header.push(
-        {
-          name: 'baslangicTarihi',
-          title: 'Başlangıç Tarihi',
-          compute: (v: Record<string, any>): string => {
-            if (v.baslangicTarihi.includes('0001-')) return ''
-            else return dateStore.dateFormat({ date: v.baslangicTarihi })
-          },
-          sort: true,
-          filter: {
-            type: 'date',
-            range: true
-          }
-        },
-        {
-          name: 'bitisTarihi',
-          title: 'Bitis Tarihi',
-          compute: (v: Record<string, any>): string => {
-            if (v.bitisTarihi.includes('0001-')) return ''
-            else return dateStore.dateFormat({ date: v.bitisTarihi })
-          },
-          sort: true,
-          filter: {
-            type: 'date',
-            range: true
-          }
-        }
-      )
-    }

-    header.push(
-      {
-        name: 'cekilisYontemi',
-        title: 'Çekiliş Yöntemi',
-        sort: true,
-        filter: {
-          type: 'select',
-          data: cekilisYontemleri.value,
-          listVal: 'id',
-          listText: 'deger',
-          filterId: 'cekilisYontemiId'
-        }
-      },
-      { name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
-      {
-        name: 'durum',
-        title: 'Durum',
-        style: { width: '10%' },
-        computeHtml: (v: Record<string, any>): string => {
-          return `<span class="back-grad ${piyangoStore.LoterryStatusClass(v.durum)}">
-                ${v.durum}
-              </span>`
-        },
-        filter: {
-          type: 'select',
-          data: piyangoOnayDurumlari.value,
-          listVal: 'id',
-          listText: 'tipAdi',
-          filterId: 'durumId'
-        }
-      }
-    )
+    // 3. SEVK DURUMU (Panel User için)
    if (usersStore.isPanelUser) {
      header.push({
        name: 'atanmis',
@ -205,9 +109,8 @@
          }
        }
      })
-    }

-    if (usersStore.isPanelUser) {
+      // 4. MUHASEBELEŞTİRME DURUMU (Panel User için)
      header.push({
        name: 'basvuruBedelNo',
        title: 'Muhasebeleştirme Durumu',
@ -225,12 +128,295 @@
        }
      })
    }
+
+    // 5. MÜDÜRLÜK
+    header.push({
+      name: 'mudurluk',
+      title: 'Müdürlük',
+      compute: (v: Record<string, any>): string => {
+        return v.mudurluk || ''
+      },
+      filter: {
+        type: 'text'
+      }
+    })
+
+    // 6. PİYANGO AMACI
+    header.push({
+      name: 'piyangoamac',
+      title: 'Piyango Amacı',
+      sort: true,
+      filter: {
+        type: 'select',
+        data: piyangoAmaclari.value,
+        listVal: 'id',
+        listText: 'amacAdi',
+        filterId: 'piyangoAmacId'
+      }
+    })
+
+    // 7. DÜZENLEYEN (koşullu)
+    if (usersStore.isAraciFirma || usersStore.isPanelUser) {
+      header.push({
+        name: 'duzenleyen',
+        title: 'Düzenleyen',
+        filter: {
+          type: 'text'
+        }
+      })
+    }
+
+    // 8. ARACI FİRMA
+    header.push({
+      name: 'araciFirma',
+      title: 'Aracı Firma',
+      compute: (v: Record<string, any>): string => {
+        return v.araciFirma || ''
+      },
+      filter: {
+        type: 'text'
+      }
+    })
+
+    // 6. DURUM
+    header.push({
+      name: 'durum',
+      title: 'Durum',
+      style: { width: '10%' },
+      computeHtml: (v: Record<string, any>): string => {
+        return `<span class="${piyangoStore.LoterryStatusClass(v.durum)}">
+              ${v.durum}
+            </span>`
+      },
+      filter: {
+        type: 'select',
+        data: piyangoOnayDurumlari.value,
+        listVal: 'id',
+        listText: 'tipAdi',
+        filterId: 'durumId'
+      }
+    })
+
+    // 7. İZİN TARİHİ
+    header.push({
+      name: 'izinTarihi',
+      title: 'İzin Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.izinTarihi || v.izinTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.izinTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 8. İZİN SAYISI
+    header.push({
+      name: 'izinSayisi',
+      title: 'İzin Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.izinSayisi || ''
+      },
+      sort: true,
+      filter: {
+        type: 'text',
+        range: true
+      }
+    })
+
+    // 9. BAŞLANGIÇ TARİHİ
+    header.push({
+      name: 'baslangicTarihi',
+      title: 'Başlangıç Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.baslangicTarihi || v.baslangicTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.baslangicTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 10. BİTİŞ TARİHİ
+    header.push({
+      name: 'bitisTarihi',
+      title: 'Bitiş Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.bitisTarihi || v.bitisTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.bitisTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 11. ÇEKİLİŞ TARİHİ
+    header.push({
+      name: 'cekilisTarihi',
+      title: 'Çekiliş Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.cekilisTarihi || v.cekilisTarihi.includes('0001-')) return ''
+        if (v.piyangoAmacId === 3) return ''
+        return dateStore.dateFormat({ date: v.cekilisTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 12. ÇEKİLİŞ GÖREVLİSİ
+    header.push({
+      name: 'cekilisGorevlisi',
+      title: 'Çekiliş Görevlisi',
+      compute: (v: Record<string, any>): string => {
+        return v.cekilisGorevlisi || ''
+      },
+      filter: {
+        type: 'text'
+      }
+    })
+
+    // 13. GAZETE İLAN TARİHİ
+    header.push({
+      name: 'gazeteIlanTarihi',
+      title: 'Gazete İlan Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.gazeteIlanTarihi || v.gazeteIlanTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.gazeteIlanTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 14. GAZETE ADI
+    header.push({
+      name: 'gazeteAdi',
+      title: 'Gazete Adı',
+      compute: (v: Record<string, any>): string => {
+        return v.gazeteAdi || ''
+      }
+    })
+
+    // 15. İZİN BEDELİ
+    header.push({
+      name: 'izinBedeliTutari',
+      title: 'İzin Bedeli',
+      compute: (v: Record<string, any>): string => {
+        if (v.izinBedeliTutari === null || v.izinBedeliTutari === undefined) return ''
+        return globalStore.toTrLocale(v.izinBedeliTutari)
+      },
+      sort: true
+    })
+
+    // 16. İKRAMİYE TUTARI
+    header.push({
+      name: 'ikramiyeTutari',
+      title: 'İkramiye Tutarı',
+      compute: (v: Record<string, any>): string => {
+        if (v.ikramiyeTutari === null || v.ikramiyeTutari === undefined) return ''
+        return globalStore.toTrLocale(v.ikramiyeTutari)
+      },
+      sort: true
+    })
+
+    // 17. TEMİNAT TARİHİ
+    header.push({
+      name: 'teminatTarihi',
+      title: 'Teminat Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.teminatTarihi || v.teminatTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.teminatTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true
+    })
+
+    // 18. TEMİNAT SAYISI
+    header.push({
+      name: 'teminatSayisi',
+      title: 'Teminat Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatSayisi || ''
+      },
+      sort: true
+    })
+
+    // 19. TEMİNAT BANKASI
+    header.push({
+      name: 'teminatBankasi',
+      title: 'Teminat Bankası',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatBankasi || ''
+      }
+    })
+
+    // 20. TEMİNAT TUTARI
+    header.push({
+      name: 'teminatTutari',
+      title: 'Teminat Tutarı',
+      compute: (v: Record<string, any>): string => {
+        if (v.teminatTutari === null || v.teminatTutari === undefined) return ''
+        return globalStore.toTrLocale(v.teminatTutari)
+      },
+      sort: true
+    })
+
+    // 21. T. PARA CİNSİ
+    header.push({
+      name: 'paraBirimiSembol',
+      title: 'T. Para Cinsi',
+      compute: (v: Record<string, any>): string => {
+        return v.paraBirimiSembol || ''
+      }
+    })
+
+    // 22. T. İADE TARİHİ
+    header.push({
+      name: 'teminatIadeTarihi',
+      title: 'T. İade Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.teminatIadeTarihi || v.teminatIadeTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.teminatIadeTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true
+    })
+
+    // 23. T. İADE SAYISI
+    header.push({
+      name: 'teminatIadeSayisi',
+      title: 'T. İade Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatIadeSayisi || ''
+      },
+      sort: true
+    })
+
+    // 24. İKRAMİYELER
+    header.push({
+      name: 'ikramiyeler',
+      title: 'İkramiyeler',
+      style: { width: '15%' },
+      compute: (v: Record<string, any>): string => {
+        return v.ikramiyeler || ''
+      }
+    })
+
    return header
  })

  // tablodan herhangi bir satır tıklayınca çalısır
  const OpenPiyango = (row: any) => {
-    router.push('detay/' + row.id)
+    router.push('detay/' + row.id + '/piyango-bilgileri')
  }

  onBeforeMount(async () => {
--- a/src/module/kullanicilar/components/TabKullaniciYetkiliPiyangolar.vue
+++ b/src/module/kullanicilar/components/TabKullaniciYetkiliPiyangolar.vue
@ -8,7 +8,8 @@
      title="Piyangolar"
      listText="Piyango"
      :apiList="apiList"
-      apiText="Piyango Listesi" />
+      apiText="Piyango Listesi"
+      isUseRoute />
  </section>
 </template>
 <script setup lang="ts">
@ -77,7 +78,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -89,7 +90,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -101,7 +102,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -113,7 +114,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -133,7 +134,7 @@
      name: 'durum',
      title: 'Durum',
      computeHtml: (v: Record<string, any>): string => {
-        return `<span class='back-grad ${piyangoStore.LoterryStatusClass(v.durum)}'>
+        return `<span class='${piyangoStore.LoterryStatusClass(v.durum)}'>
                ${v.durum}
              </span>`
      },
@ -151,10 +152,11 @@
      name: 'atanmis',
      title: 'Sevk Durumu',
      computeHtml: (v: Record<string, any>): string => {
-        if(v.atanmis){
+        if (v.atanmis) {
          return `<strong class="back-grad back-grad-sevk-ok">
                ${v.atananlar}
-              </strong>`}else{
+              </strong>`
+        } else {
          return `<span class="back-grad back-grad-sevk">
                Sevk Edilmemiş</span>`
        }
@ -164,7 +166,7 @@

  // tablodan herhangi bir satır tıklayınca çalısır
  const rwAction = (row: any) => {
-    router.push('/piyangolar/detay/' + row.id)
+    router.push('/piyangolar/detay/' + row.id + '/piyango-bilgileri')
  }

  onBeforeMount(async () => {
--- a/src/module/kullanicilar/routes/index.ts
+++ b/src/module/kullanicilar/routes/index.ts
@ -6,7 +6,7 @@ import kullaniciAyarlari from './kullanici-ayarlari'

 export default [
  kullanciYeni,
-  kullaniciDetay,
+  ...kullaniciDetay,
  kullaniciListesi,
  kullaniciRolleri,
  kullaniciAyarlari
--- a/src/module/kullanicilar/routes/kullanici-detay.ts
+++ b/src/module/kullanicilar/routes/kullanici-detay.ts
@ -1,10 +1,19 @@
 import KullaniciDetay from '@/module/kullanicilar/views/KullaniciDetay.vue'

-export default {
+export default [
+  {
    path: '/kullanicilar/detay/:kullaniciId',
+    redirect: (to: Record<string, any>) => ({
+      name: 'PiyangoDetay',
+      params: { kullaniciId: to.params.kullaniciId, tabid: 'kullanici-bilgileri' }
+    })
+  },
+  {
+    path: '/kullanicilar/detay/:kullaniciId/:tabid',
    name: 'KullaniciDetay',
    component: KullaniciDetay,
    meta: {
      authRequired: true
    }
-}
+  }
+]
--- a/src/module/kullanicilar/views/KullaniciAyarlari.vue
+++ b/src/module/kullanicilar/views/KullaniciAyarlari.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Kullanıcı Detay" />
+    <Breadcrumb currentPageText="Kullanıcı Detay"/>
    <tabs :tabList="tabList">
      <template #birimlistesi>
        <tab-kullanici-birimleri />
--- a/src/module/kullanicilar/views/KullaniciDetay.vue
+++ b/src/module/kullanicilar/views/KullaniciDetay.vue
@ -1,14 +1,14 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Kullanıcı Detay" />
-    <tabs :tabList="tabList">
-      <template #kullanicibilgileri>
+    <Breadcrumb currentPageText="Kullanıcı Detay" go="/kullanicilar/kullanici-liste"/>
+    <tabs :tabList="tabList" isUseRoute>
+      <template #kullanici-bilgileri>
        <tab-kullanici-bilgileri />
      </template>
-      <template #yetkilioldugupiyangolar>
+      <template #yetkili-oldugu-piyangolar>
        <tab-kullanici-yetkili-piyangolar />
      </template>
-      <template #kullaniciloglari>
+      <template #kullanici-loglari>
        <tab-kullanici-loglari />
      </template>
    </tabs>
@ -28,8 +28,8 @@
  if (globalStore.selUser === 0) globalStore.selUser = Number(route.params.kullaniciId)

  const tabList = ref<Record<string, any>[]>([
-    { text: 'Kullanıcı Bilgileri', id: 'kullanicibilgileri' },
-    { text: 'Yetkili Olduğu Piyangolar', id: 'yetkilioldugupiyangolar' },
-    { text: 'Kullanıcı Logları', id: 'kullaniciloglari' }
+    { text: 'Kullanıcı Bilgileri', id: 'kullanici-bilgileri' },
+    { text: 'Yetkili Olduğu Piyangolar', id: 'yetkili-oldugu-piyangolar' },
+    { text: 'Kullanıcı Logları', id: 'kullanici-loglari' }
  ])
 </script>
--- a/src/module/kullanicilar/views/KullaniciListesi.vue
+++ b/src/module/kullanicilar/views/KullaniciListesi.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb current-page-text="Kullanıcılar Listesi" />
+    <Breadcrumb current-page-text="Kullanıcılar Listesi" go="/"/>
    <section class="section-list">
      <list-table-content
        v-if="loaded"
@ -11,7 +11,8 @@
        listText="Kullanıcı"
        addRoute="yeni-kullanici"
        apiList="Auth/kullaniciList"
-        apiText="Kullanıcı Listesi" />
+        apiText="Kullanıcı Listesi" 
+        isUseRoute/>
    </section>
  </AdminLayout>
 </template>
@ -88,7 +89,7 @@
  ])
  const rwAction = (row: any) => {
    globalStore.selUser = row.id
-    router.push('detay/' + row.id)
+    router.push('detay/' + row.id+'/kullanici-bilgileri')
  }

  onBeforeMount(async () => {
--- a/src/module/muhasebe/components/display/FormMuhasebePiyangoBilgileriDisplay.vue
+++ b/src/module/muhasebe/components/display/FormMuhasebePiyangoBilgileriDisplay.vue
@ -2,9 +2,9 @@
  <div :class="['form-part']" id="display-bilgi">
    <div class="form-part-title">
      <h4>Piyango Bilgileri</h4>
-      <div class="form-part-title-buttons" v-if="!isPreview">
+      <div class="form-part-title-buttons" v-if="!isPreview && loaded">
        <button
-          @click="BasvuruBedeliMuhasebelestir"
+          @click="BasvuruBedeliDialog"
          v-if="
            (piyangoStore.lotteryApprove === 1 || piyangoStore.lotteryApprove === 4) &&
            (!piyangoStore.lotteryBasvuruBedeliStatus ||
@ -24,11 +24,14 @@
          class="button-save">
          İzin Bedelini Muhasebeleştir
        </button>
-        <router-link :to="'/piyangolar/detay/' + route.params.piyangoId" class="button-c">
+        <router-link
+          :to="'/piyangolar/detay/' + route.params.piyangoId + '/piyango-bilgileri'"
+          class="button-c">
          Piyango Detayına Git
        </router-link>
      </div>
    </div>
+    <div class="form-inner-comment waiting-d" v-if="!loaded">Yükleniyor, lütfen bekleyiniz...</div>
    <piyango-bilgileri-display-content v-if="loaded" :isPreview="isPreview" />

    <!-- İzin Bedeli Modal -->
@ -44,14 +47,68 @@
              <label>Oran Seçiniz:</label>
              <select @change="OnOranChange" class="form-select">
                <option value="">Lütfen bir oran seçiniz</option>
-                 <option 
-                   v-for="oran in izinBedelOranlari" 
-                   :key="oran.id" 
-                   :value="oran.id">
+                <option v-for="oran in izinBedelOranlari" :key="oran.id" :value="oran.id">
                  {{ oran.oran }}% - {{ oran.adi }}
                </option>
              </select>
            </div>
+            <div class="">
+              <table class="table-bordered">
+                <tbody>
+                  <tr>
+                    <td>Toplam İkramiye Bedeli:</td>
+                    <td>
+                      {{
+                        globalStore.toTrLocale(
+                          Number(piyangoIkramiyeStore.totalIkramiyeValue)
+                        )
+                      }}
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>İzin Bedeli Oran Tutarı:</td>
+                    <td>
+                      {{ globalStore.toTrLocale(calculatedOran) }}
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>KDV:</td>
+                    <td>
+                      {{ globalStore.toTrLocale(calculatedKdv) }}
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Toplam Bedel:</td>
+                    <td>
+                      {{
+                        globalStore.toTrLocale(
+                          Number(calculatedOran) + Number(calculatedKdv)
+                        )
+                      }}
+                    </td>
+                  </tr>
+
+                  <tr v-if="piyangoStore.lotteryData.izinTarihi !== undefined">
+                    <td>İzin Tarihi:</td>
+                    <td>
+                      {{
+                        dateStore.dateFormat({
+                          date: piyangoStore.lotteryData.izinTarihi,
+                          pattern: 'dd-mm-yy',
+                          splitDate: '/'
+                        })
+                      }}
+                    </td>
+                  </tr>
+                  <tr v-if="piyangoStore.lotteryData.izinSayisi !== undefined">
+                    <td>İzin Sayısı:</td>
+                    <td>
+                      {{ piyangoStore.lotteryData.izinSayisi }}
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
          </div>
          <div class="modal-footer">
            <button class="button-c button-cancel" @click="CloseIzinBedeliModal">
@ -67,10 +124,18 @@
  </div>
 </template>
 <script setup lang="ts">
-  import { ref, onBeforeMount } from 'vue'
+  import { ref, onBeforeMount, computed } from 'vue'

  import { useToastStore } from '@/components/global/toastStore'
  const toastStore = useToastStore()
+  import { usePiyangoIkramiyeStore } from '@/module/cekilisler/stores/piyangoIkramiyeStore'
+  const piyangoIkramiyeStore = usePiyangoIkramiyeStore()
+  import { useGlobalStore } from '@/stores/globalStore'
+  const globalStore = useGlobalStore()
+  import { useDialogStore } from '@/components/global/dialogStore'
+  const dialogStore = useDialogStore()
+  import { useDateStore } from '@/stores/dateStore'
+  const dateStore = useDateStore()

  export interface Props {
    isPreview?: boolean
@ -85,16 +150,27 @@

  import { useDataStore } from '@/stores/dataStore'
  const dataStore = useDataStore()
-  import { usePreviewStore } from '@/stores/previewStore'
-  const previewStore = usePreviewStore()
  import { usePiyangoStore } from '@/module/cekilisler/stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
+  import { useMuhasebeSettingsStore } from '@/module/muhasebe/store/muhasebeSettingsStore'
+  const muhasebeSettingsStore = useMuhasebeSettingsStore()

  const loaded = ref<boolean>(false)
  const showIzinBedeliModal = ref<boolean>(false)
  const selectedOran = ref<number | null>(null)
  const izinBedelOranlari = ref<Record<string, any>[]>([])
  const selectedOranId = ref<number | null>(null)
+  const calculatedKdv = ref<number>(0)
+  const calculatedOran = ref<number>(0)
+
+  const calculatedBasvuruKdv = computed<number>(() =>
+    muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli !== undefined &&
+    muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani !== undefined
+      ? (Number(muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli) *
+          Number(muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani)) /
+        100
+      : 0
+  )

  const GetData = async () => {
    let data = await dataStore.dataGet(
@ -140,12 +216,80 @@
      izinBedelOranlari.value = data
    }
  }
+  const GetIkramiyeTotalValues = async () => {
+    let data = await dataStore.dataGet('Ikramiye/Cekilis/' + piyangoStore.selectedLottery +'?pageNumber=0')
+    //todo:page 0
+    if (data !== 'errorfalse') {
+      piyangoIkramiyeStore.totalIkramiyeValue = data.toplamdeger
+    }
+  }
+  const BasvuruBedeliDialog = () => {
+    dialogStore.CreateDialog({
+      title: 'Başvuru Bedelini Muhasebeleştir',
+      id: 'basvurubedelimuhasebelestir',
+      contentHtml: `<table class='table-bordered'>
+                <tbody>
+                  <tr>
+                    <td>Başvuru Bedeli:</td>
+                    <td>${
+                      muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli !==
+                      undefined
+                        ? globalStore.toTrLocale(
+                            muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli
+                          )
+                        : 0
+                    } ₺</td>
+                  </tr>
+                  <tr>
+                    <td>KDV (%${
+                      muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani
+                    }):</td>
+                    <td>
+                      ${
+                        calculatedBasvuruKdv.value !== undefined
+                          ? globalStore.toTrLocale(calculatedBasvuruKdv.value)
+                          : 0
+                      }
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Toplam Bedel:</td>
+                    <td>
+                      ${
+                        muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli !==
+                        undefined
+                          ? globalStore.toTrLocale(
+                              Number(
+                                muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli
+                              ) + calculatedBasvuruKdv.value
+                            )
+                          : 0
+                      }
+                    </td>
+                  </tr>
+                </tbody>
+              </table>`,
+      closeText: 'Vazgeç',
+      buttons: [
+        {
+          label: 'Başvuru Bedelini Muhasebeleştir',
+          type: 'alert',
+          function: () => BasvuruBedeliMuhasebelestir()
+        }
+      ]
+    })
+  }
  const BasvuruBedeliMuhasebelestir = async () => {
    let data = await dataStore.dataGet(
      'MuhasebeSettings/BasvuruBedeli/' + piyangoStore.selectedLottery
    )
    if (data !== 'errorfalse') {
-      toastStore.AddToast('Başvuru bedeli başarıyla muhasebeleştirildi. Fatura No: '+data.belgeNo, 'success', 30000)
+      toastStore.AddToast(
+        'Başvuru bedeli başarıyla muhasebeleştirildi. Fatura No: ' + data.belgeNo,
+        'success',
+        30000
+      )
+      dialogStore.CloseDialog('basvurubedelimuhasebelestir')
      loaded.value = false
      await GetData()
      piyangoStore.lotteryBasvuruBedeliStatus = true
@ -158,6 +302,7 @@

  const OpenIzinBedeliModal = async () => {
    await GetIzinBedelOranlari()
+    await GetIkramiyeTotalValues()
    showIzinBedeliModal.value = true
    selectedOran.value = null
    selectedOranId.value = null
@ -172,7 +317,9 @@
  const OnOranChange = (event: Event) => {
    const target = event.target as HTMLSelectElement
    const selectedId = parseInt(target.value)
-    const selectedOranData = izinBedelOranlari.value.find(item => item.id === selectedId)
+    const selectedOranData = izinBedelOranlari.value.find(
+      (item) => item.id === selectedId
+    )

    if (selectedOranData) {
      selectedOranId.value = selectedOranData.id
@ -181,6 +328,14 @@
      selectedOranId.value = null
      selectedOran.value = null
    }
+
+    calculatedOran.value =
+      (Number(piyangoIkramiyeStore.totalIkramiyeValue) * Number(selectedOran.value)) / 100
+
+    calculatedKdv.value =
+      (calculatedOran.value *
+        Number(muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani)) /
+      100
  }

  const IzinBedeliMuhasebelestir = async () => {
@ -190,10 +345,17 @@
    }

    let data = await dataStore.dataGet(
-      'MuhasebeSettings/IzinBasvuruBedeli/' + piyangoStore.selectedLottery + '/' + selectedOranId.value
+      'MuhasebeSettings/IzinBasvuruBedeli/' +
+        piyangoStore.selectedLottery +
+        '/' +
+        selectedOranId.value
    )
    if (data !== 'errorfalse') {
-      toastStore.AddToast('İzin bedeli başarıyla muhasebeleştirildi. Fatura No: '+data.izinBelgeNo , 'success', 30000)
+      toastStore.AddToast(
+        'İzin bedeli başarıyla muhasebeleştirildi. Fatura No: ' + data.izinBelgeNo,
+        'success',
+        30000
+      )
      loaded.value = false
      await GetData()
      piyangoStore.lotteryIzinBedeliStatus = true
@ -213,7 +375,7 @@
 </script>

 <style scoped>
-.modal-overlay {
+  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
@ -224,9 +386,9 @@
    justify-content: center;
    align-items: center;
    z-index: 9999;
-}
+  }

-.modal-content {
+  .modal-content {
    background: white;
    border-radius: 8px;
    padding: 0;
@ -235,24 +397,24 @@
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
-}
+  }

-.modal-header {
+  .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
-}
+  }

-.modal-header h3 {
+  .modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
-}
+  }

-.modal-close {
+  .modal-close {
    background: none;
    border: none;
    font-size: 24px;
@ -266,28 +428,28 @@
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s;
-}
+  }

-.modal-close:hover {
+  .modal-close:hover {
    background-color: #f3f4f6;
-}
+  }

-.modal-body {
+  .modal-body {
    padding: 24px;
-}
+  }

-.form-group {
+  .form-group {
    margin-bottom: 16px;
-}
+  }

-.form-group label {
+  .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #374151;
-}
+  }

-.form-select {
+  .form-select {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
@ -295,15 +457,15 @@
    font-size: 14px;
    background-color: white;
    transition: border-color 0.2s;
-}
+  }

-.form-select:focus {
+  .form-select:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
+  }

-.modal-footer {
+  .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
@ -311,9 +473,9 @@
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb;
    border-radius: 0 0 8px 8px;
-}
+  }

-.button-c {
+  .button-c {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
@ -321,23 +483,30 @@
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
-}
+  }

-.button-cancel {
+  .button-cancel {
    background-color: #6b7280;
    color: white;
-}
+  }

-.button-cancel:hover {
+  .button-cancel:hover {
    background-color: #4b5563;
-}
+  }

-.button-save {
+  .button-save {
    background-color: #3b82f6;
    color: white;
-}
+  }

-.button-save:hover {
+  .button-save:hover {
    background-color: #2563eb;
-}
+  }
+  .table-bordered {
+    width: 100%;
+  }
+  .table-bordered tr td {
+    border-bottom: 1px solid #d8d8d8;
+    padding: 8px;
+  }
 </style>
--- a/src/module/muhasebe/components/form/FormMuhasebeAyarlari.vue
+++ b/src/module/muhasebe/components/form/FormMuhasebeAyarlari.vue
@ -6,17 +6,6 @@
      <div class="form-part-title-buttons"></div>
    </div>
    <div class="form-part-content" v-if="muhasebeSettingsService.loaded">
-<!--      <form-input-->
-<!--        required-->
-<!--        half-->
-<!--        modelKey="izinBedeliOrani"-->
-<!--        v-model="muhasebeSettingsStore.muhasebeSettingsForm.izinBedeliOrani"-->
-<!--        :invalidText="muhasebeSettingsValidationStore.invalidTexts.izinBedeliOrani"        -->
-<!--        label="İzin Bedeli Oranı"-->
-<!--        maxlength="3"-->
-<!--        @keydown="validationStore.allowNumbersWithKeys"-->
-<!--        description="1-100 arasında bir rakam giriniz"-->
-<!--        @keyup="OnKeyup" />-->
      <form-input
        required
        half
@ -26,6 +15,15 @@
        label="Başvuru Bedeli"
        @keydown="validationStore.allowPrice"
        @keyup="OnKeyup" />
+      <form-input
+        required
+        half
+        modelKey="basvuruBedeliKdvOrani"
+        v-model="muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani"
+        :invalidText="muhasebeSettingsValidationStore.invalidTexts.BasvuruBedeliKdvOrani"
+        label="Başvuru Bedeli KDV Oranı"
+        @keydown="validationStore.allowPrice"
+        @keyup="OnKeyup" />
      <form-input
        required
        half
@ -58,7 +56,10 @@
          @click="muhasebeSettingsService.SaveMuhasebeSettings">
          Kaydet
        </button>
-        <button class="button-c button-cancel" @click="muhasebeSettingsStore.RestoreData" v-if="muhasebeSettingsValidationStore.formChanged">
+        <button
+          class="button-c button-cancel"
+          @click="muhasebeSettingsStore.RestoreData"
+          v-if="muhasebeSettingsValidationStore.formChanged">
          Vazgeç
        </button>
      </div>
--- a/src/module/muhasebe/routes/index.ts
+++ b/src/module/muhasebe/routes/index.ts
@ -5,7 +5,7 @@ import izinBedelOrani from './izin-bedel-orani'

 export default [
  muhasebePiyangoListesi,
-  muhasebePiyangoDetay,
+  ...muhasebePiyangoDetay,
  muhasebeAyarlar,
  izinBedelOrani,
 ]
--- a/src/module/muhasebe/routes/muhasebe-piyango-detay.ts
+++ b/src/module/muhasebe/routes/muhasebe-piyango-detay.ts
@ -1,10 +1,19 @@
 import MuhasebePiyangoDetay from '../views/MuhasebePiyangoDetay.vue'

-export default {
+export default [
+  {
    path: '/muhasebe/piyango-detay/:piyangoId',
+    redirect: (to:Record<string,any>) => ({
+      name: 'MuhasebePiyangoDetay',
+      params: { piyangoId: to.params.piyangoId, tabid: 'piyango-bilgileri' }
+    })
+  },
+  {
+    path: '/muhasebe/piyango-detay/:piyangoId/:tabid',
    name: 'MuhasebePiyangoDetay',
    component: MuhasebePiyangoDetay,
    meta: {
      authRequired: true
    }
-}
+  }
+]
--- a/src/module/muhasebe/store/muhasebeSettingsStore.ts
+++ b/src/module/muhasebe/store/muhasebeSettingsStore.ts
@ -7,8 +7,8 @@ export const useMuhasebeSettingsStore = defineStore('muhasebeSettingsStore', ()

  const muhasebeSettingsBaseForm = reactive<Record<string, any>>({
    appUserId: usersStore.userId,
-    izinBedeliOrani: 30,
    basvuruBedeli: '10.167,00',
+    BasvuruBedeliKdvOrani: 20,
    kurumBanka: 'Türkiye Vakıflar Bankası T.A.O.',
    kurumBankaSube: 'Ankara Kurumsal',
    kurumIBAN: 'TR26 0001 5001 5800 7295 4624 00'
--- a/src/module/muhasebe/validation/muhasebeSettingsValidationStore.ts
+++ b/src/module/muhasebe/validation/muhasebeSettingsValidationStore.ts
@ -19,22 +19,24 @@ export const useMuhasebeSettingsValidationStore = defineStore(
      validationStore.IsFieldEmpty(
        muhasebeSettingsStore.muhasebeSettingsForm,
        invalidTexts,
-        'izinBedeliOrani',
+        'basvuruBedeliKdvOrani',
        'Lütfen izin bedeli oranını giriniz.'
      )
      if (
        !validationStore.checkEmpty(
-          muhasebeSettingsStore.muhasebeSettingsForm.izinBedeliOrani
+          muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani
        )
      ) {
        if (
-          Number(muhasebeSettingsStore.muhasebeSettingsForm.izinBedeliOrani) === 0 ||
-          Number(muhasebeSettingsStore.muhasebeSettingsForm.izinBedeliOrani) > 100
+          Number(muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani) ===
+            0 ||
+          Number(muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeliKdvOrani) > 100
        ) {
          isFormValid.value = false
-          invalidTexts['izinBedeliOrani'] = 'Lütfen 0-100 arasında bir değer giriniz.'
+          invalidTexts['basvuruBedeliKdvOrani'] =
+            'Lütfen 0-100 arasında bir değer giriniz.'
        } else {
-          delete invalidTexts['izinBedeliOrani']
+          delete invalidTexts['basvuruBedeliKdvOrani']
        }
      }
      validationStore.IsFieldEmpty(
--- a/src/module/muhasebe/views/MuhasebePiyangoDetay.vue
+++ b/src/module/muhasebe/views/MuhasebePiyangoDetay.vue
@ -1,8 +1,8 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Muhasebe / Piyango Detay" />
-    <tabs :tabList="tabList" v-if="loaded">
-      <template #piyangobilgileri>
+    <Breadcrumb currentPageText="Muhasebe / Piyango Detay" go="/muhasebe/piyango-listesi"/>
+    <tabs :tabList="tabList" v-if="loaded" isUseRoute>
+      <template #piyango-bilgileri>
        <tab-muhasebe-piyango-bilgileri-display />
      </template>
    </tabs>
@ -25,7 +25,7 @@

  const loaded = ref<boolean>(false)
  const tabList = ref<Record<string, any>[]>([
-    { text: 'Piyango Bilgileri', id: 'piyangobilgileri' }
+    { text: 'Piyango Bilgileri', id: 'piyango-bilgileri' }
  ])

  onBeforeMount(async () => {
--- a/src/module/muhasebe/views/MuhasebePiyangoListesi.vue
+++ b/src/module/muhasebe/views/MuhasebePiyangoListesi.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Muhasebe / Piyango Listesi" />
+    <Breadcrumb currentPageText="Muhasebe / Piyango Listesi" go="/" />
    <section class="section-list">
      <list-table-content
        v-if="loaded"
@ -9,8 +9,9 @@
        icon="draws"
        title="Piyangolar"
        listText="Piyango"
-        :apiList="'Cekilis/GetCekilislerListAtanan/' + usersStore.userId"
-        apiText="Piyango Listesi" />
+        :apiList="'Cekilis/GetCekilislerListMuhasebe/'"
+        apiText="Piyango Listesi"
+        isUseRoute />
    </section>
  </AdminLayout>
 </template>
@ -23,6 +24,8 @@
  const dateStore = useDateStore()
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
+  import { useGlobalStore } from '@/stores/globalStore'
+  const globalStore = useGlobalStore()
  import { usePiyangoStore } from '@/module/cekilisler/stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
  import { usePiyangoDataStore } from '@/module/cekilisler/stores/piyangoDataStore'
@ -49,126 +52,31 @@
  const tableHeader = computed<Record<string, any>[]>(() => {
    let header: Record<string, any>[] = []

-    if (usersStore.isAraciFirma || usersStore.isPanelUser) {
-      header.push({ name: 'duzenleyen', title: 'Düzenleyen' })
-    }
-
-    header.push(
-      {
+    // 1. PİYANGO ID
+    header.push({
      name: 'piyangoId',
      title: 'Piyango ID',
      sort: true,
      style: { width: '10%' }
-      },
-      {
-        name: 'baslik',
-        title: 'Başlık',
-        sort: true,
-        style: { width: '15%' }
-      },
-      {
-        name: 'piyangoamac',
-        title: 'Piyango Amacı',
-        sort: true,
-        filter: {
-          type: 'select',
-          data: piyangoAmaclari.value,
-          listVal: 'id',
-          listText: 'amacAdi',
-          filterId: 'piyangoAmacId'
-        }
-      },
-      {
-        name: 'olusturmaTarihi',
-        title: 'Oluşturulma Tarihi',
-        compute: (v: Record<string, any>): string => {
-          return dateStore.dateFormat({ date: v.olusturmaTarihi })
-        },
-        sort: true,
-        filter: {
-          type: 'date',
-          range: true
-        }
-      }
-    )
+    })

-    if (usersStore.isVakifDernek || usersStore.isPanelUser) {
+    // 2. OLUŞTURMA TARİHİ
    header.push({
-        name: 'cekilisTarihi',
-        title: 'Çekiliş Tarihi',
+      name: 'olusturmaTarihi',
+      title: 'Oluşturma Tarihi',
      compute: (v: Record<string, any>): string => {
-          return dateStore.dateFormat({ date: v.cekilisTarihi })
+        if (!v.olusturmaTarihi || v.olusturmaTarihi === null || v.olusturmaTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.olusturmaTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
      },
      sort: true,
      filter: {
        type: 'date',
-          range: true
+        between: true
      }
    })
-    }
-    if (!usersStore.isVakifDernek || usersStore.isPanelUser) {
-      header.push(
-        {
-          name: 'baslangicTarihi',
-          title: 'Başlangıç Tarihi',
-          compute: (v: Record<string, any>): string => {
-            if (v.baslangicTarihi.includes('0001-')) return ''
-            else return dateStore.dateFormat({ date: v.baslangicTarihi })
-          },
-          sort: true,
-          filter: {
-            type: 'date',
-            range: true
-          }
-        },
-        {
-          name: 'bitisTarihi',
-          title: 'Bitis Tarihi',
-          compute: (v: Record<string, any>): string => {
-            if (v.bitisTarihi.includes('0001-')) return ''
-            else return dateStore.dateFormat({ date: v.bitisTarihi })
-          },
-          sort: true,
-          filter: {
-            type: 'date',
-            range: true
-          }
-        }
-      )
-    }

-    header.push(
-      {
-        name: 'cekilisYontemi',
-        title: 'Çekiliş Yöntemi',
-        sort: true,
-        filter: {
-          type: 'select',
-          data: cekilisYontemleri.value,
-          listVal: 'id',
-          listText: 'deger',
-          filterId: 'cekilisYontemiId'
-        }
-      },
-      { name: 'ikramiyeler', title: 'İkramiyeler', style: { width: '15%' } },
-      {
-        name: 'durum',
-        title: 'Durum',
-        style: { width: '10%' },
-        computeHtml: (v: Record<string, any>): string => {
-          return `<span class="back-grad ${piyangoStore.LoterryStatusClass(v.durum)}">
-                ${v.durum}
-              </span>`
-        },
-        filter: {
-          type: 'select',
-          data: piyangoOnayDurumlari.value,
-          listVal: 'id',
-          listText: 'tipAdi',
-          filterId: 'durumId'
-        }
-      },
-      {
+    // 3. SEVK DURUMU
+    header.push({
      name: 'atanmis',
      title: 'Sevk Durumu',
      computeHtml: (v: Record<string, any>): string => {
@ -181,8 +89,10 @@
            Sevk Edilmemiş</span>`
        }
      }
-      },
-      {
+    })
+
+    // 4. MUHASEBELEŞTİRME DURUMU
+    header.push({
      name: 'basvuruBedelNo',
      title: 'Muhasebeleştirme Durumu',
      computeHtml: (v: Record<string, any>): string => {
@ -197,14 +107,279 @@
        }
        return durum
      }
+    })
+
+    // 5. MÜDÜRLÜK
+    header.push({
+      name: 'mudurluk',
+      title: 'Müdürlük',
+      compute: (v: Record<string, any>): string => {
+        return v.mudurluk || ''
      }
-    )
+    })
+
+    // 6. PİYANGO AMACI
+    header.push({
+      name: 'piyangoamac',
+      title: 'Piyango Amacı',
+      sort: true,
+      filter: {
+        type: 'select',
+        data: piyangoAmaclari.value,
+        listVal: 'id',
+        listText: 'amacAdi',
+        filterId: 'piyangoAmacId'
+      }
+    })
+
+    // 7. DÜZENLEYEN (koşullu)
+    if (usersStore.isAraciFirma || usersStore.isPanelUser) {
+      header.push({ name: 'duzenleyen', title: 'Düzenleyen' })
+    }
+
+    // 8. ARACI FİRMA
+    header.push({
+      name: 'araciFirma',
+      title: 'Aracı Firma',
+      compute: (v: Record<string, any>): string => {
+        return v.araciFirma || ''
+      }
+    })
+
+    // 6. DURUM
+    header.push({
+      name: 'durum',
+      title: 'Durum',
+      style: { width: '10%' },
+      computeHtml: (v: Record<string, any>): string => {
+        return `<span class="${piyangoStore.LoterryStatusClass(v.durum)}">
+              ${v.durum}
+            </span>`
+      },
+      filter: {
+        type: 'select',
+        data: piyangoOnayDurumlari.value,
+        listVal: 'id',
+        listText: 'tipAdi',
+        filterId: 'durumId'
+      }
+    })
+
+    // 7. İZİN TARİHİ
+    header.push({
+      name: 'izinTarihi',
+      title: 'İzin Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.izinTarihi || v.izinTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.izinTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 8. İZİN SAYISI
+    header.push({
+      name: 'izinSayisi',
+      title: 'İzin Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.izinSayisi || ''
+      },
+      sort: true
+    })
+
+    // 9. BAŞLANGIÇ TARİHİ
+    header.push({
+      name: 'baslangicTarihi',
+      title: 'Başlangıç Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.baslangicTarihi || v.baslangicTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.baslangicTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 10. BİTİŞ TARİHİ
+    header.push({
+      name: 'bitisTarihi',
+      title: 'Bitiş Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.bitisTarihi || v.bitisTarihi.includes('0001-')) return ''
+        return dateStore.dateFormat({ date: v.bitisTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 11. ÇEKİLİŞ TARİHİ
+    header.push({
+      name: 'cekilisTarihi',
+      title: 'Çekiliş Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.cekilisTarihi || v.cekilisTarihi.includes('0001-')) return ''
+        if (v.piyangoAmacId === 3) return ''
+        return dateStore.dateFormat({ date: v.cekilisTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+
+    // 12. ÇEKİLİŞ GÖREVLİSİ
+    header.push({
+      name: 'cekilisGorevlisi',
+      title: 'Çekiliş Görevlisi',
+      compute: (v: Record<string, any>): string => {
+        return v.cekilisGorevlisi || ''
+      }
+    })
+
+    // 13. GAZETE İLAN TARİHİ
+    header.push({
+      name: 'gazeteIlanTarihi',
+      title: 'Gazete İlan Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.gazeteIlanTarihi || v.gazeteIlanTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.gazeteIlanTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true,
+      filter: {
+        type: 'date',
+        between: true
+      }
+    })
+
+    // 14. GAZETE ADI
+    header.push({
+      name: 'gazeteAdi',
+      title: 'Gazete Adı',
+      compute: (v: Record<string, any>): string => {
+        return v.gazeteAdi || ''
+      }
+    })
+
+    // 15. İZİN BEDELİ
+    header.push({
+      name: 'izinBedeliTutari',
+      title: 'İzin Bedeli',
+      compute: (v: Record<string, any>): string => {
+        if (v.izinBedeliTutari === null || v.izinBedeliTutari === undefined) return ''
+        return globalStore.toTrLocale(v.izinBedeliTutari)
+      },
+      sort: true
+    })
+
+    // 16. İKRAMİYE TUTARI
+    header.push({
+      name: 'ikramiyeTutari',
+      title: 'İkramiye Tutarı',
+      compute: (v: Record<string, any>): string => {
+        if (v.ikramiyeTutari === null || v.ikramiyeTutari === undefined) return ''
+        return globalStore.toTrLocale(v.ikramiyeTutari)
+      },
+      sort: true
+    })
+
+    // 17. TEMİNAT TARİHİ
+    header.push({
+      name: 'teminatTarihi',
+      title: 'Teminat Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.teminatTarihi || v.teminatTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.teminatTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true
+    })
+
+    // 18. TEMİNAT SAYISI
+    header.push({
+      name: 'teminatSayisi',
+      title: 'Teminat Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatSayisi || ''
+      },
+      sort: true
+    })
+
+    // 19. TEMİNAT BANKASI
+    header.push({
+      name: 'teminatBankasi',
+      title: 'Teminat Bankası',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatBankasi || ''
+      }
+    })
+
+    // 20. TEMİNAT TUTARI
+    header.push({
+      name: 'teminatTutari',
+      title: 'Teminat Tutarı',
+      compute: (v: Record<string, any>): string => {
+        if (v.teminatTutari === null || v.teminatTutari === undefined) return ''
+        return globalStore.toTrLocale(v.teminatTutari)
+      },
+      sort: true
+    })
+
+    // 21. T. PARA CİNSİ
+    header.push({
+      name: 'paraBirimiSembol',
+      title: 'T. Para Cinsi',
+      compute: (v: Record<string, any>): string => {
+        return v.paraBirimiSembol || ''
+      }
+    })
+
+    // 22. T. İADE TARİHİ
+    header.push({
+      name: 'teminatIadeTarihi',
+      title: 'T. İade Tarihi',
+      compute: (v: Record<string, any>): string => {
+        if (!v.teminatIadeTarihi || v.teminatIadeTarihi === null) return ''
+        return dateStore.dateFormat({ date: v.teminatIadeTarihi, pattern: 'dd-mm-yy', splitDate: '/' })
+      },
+      sort: true
+    })
+
+    // 23. T. İADE SAYISI
+    header.push({
+      name: 'teminatIadeSayisi',
+      title: 'T. İade Sayısı',
+      compute: (v: Record<string, any>): string => {
+        return v.teminatIadeSayisi || ''
+      },
+      sort: true
+    })
+
+    // 24. İKRAMİYELER
+    header.push({
+      name: 'ikramiyeler',
+      title: 'İkramiyeler',
+      style: { width: '15%' },
+      compute: (v: Record<string, any>): string => {
+        return v.ikramiyeler || ''
+      }
+    })
+
+
    return header
  })

  // tablodan herhangi bir satır tıklayınca çalısır
  const OpenPiyango = (row: any) => {
-    router.push('/muhasebe/piyango-detay/' + row.id)
+    router.push('/muhasebe/piyango-detay/' + row.id + '/piyango-bilgileri')
  }

  onBeforeMount(async () => {
--- a/src/module/sistem-gunlugu/views/Logs.vue
+++ b/src/module/sistem-gunlugu/views/Logs.vue
@ -8,7 +8,8 @@
        title="Sistem Günlüğü"
        listText="Log"
        apiList="Auth/GetOperationLogs"
-        apiText="Sistem Günlüğü Listesi" />
+        apiText="Sistem Günlüğü Listesi"
+        isUseRoute />
    </section>
  </AdminLayout>
 </template>
@ -26,19 +27,19 @@
        return dateStore.dateFormat({ date: v.timestamp })
      },
      sort: true,
-      style:{width:'10%'}
+      style: { width: '10%' }
    },
    {
      name: 'userName',
      title: 'İşlemi yapan',
      sort: true,
-      style:{width:'20%'}
+      style: { width: '20%' }
    },
    {
      name: 'operationType',
      title: 'Bölüm',
      sort: true,
-      style:{width:'15%'}
+      style: { width: '15%' }
    },
    {
      name: 'description',
--- a/src/module/site-yonetimi/views/MenuListe.vue
+++ b/src/module/site-yonetimi/views/MenuListe.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Menü Listesi" />
+    <Breadcrumb currentPageText="Menü Listesi" go="/"/>
    <section class="section-list">
      <list-table-content
        :tableHeader="tableHeader"
--- a/src/module/site-yonetimi/views/MenuYonetimi.vue
+++ b/src/module/site-yonetimi/views/MenuYonetimi.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb current-page-text="Menu Yonetimi" />
+    <Breadcrumb current-page-text="Menu Yonetimi" go="/site-yonetimi/menu-listesi"/>
    <div class="form-content">
      <div class="form-inner-content form-inner-content-left">
        <div class="form-part">
@ -12,6 +12,7 @@
              <div class="button-c button-save" @click="SaveMenu">Kaydet</div>
            </div>
          </div>
+          <div class="form-inner-comment waiting-d" v-if="!loaded">Yükleniyor, lütfen bekleyiniz...</div>
          <div class="form-part-content">
            <template v-if="loaded">
              <template v-if="siteManagementMenuStore.menuContentList.length > 0">
--- a/src/module/site-yonetimi/views/PopupListe.vue
+++ b/src/module/site-yonetimi/views/PopupListe.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Popup Listesi" />
+    <Breadcrumb currentPageText="Popup Listesi" go="/"/>
    <section class="section-list">
      <list-table-content
        :tableHeader="tableHeader"
@ -51,7 +51,7 @@
  </AdminLayout>
 </template>
 <script setup lang="ts">
-  import { ref, onMounted, computed } from 'vue'
+  import { ref, computed } from 'vue'
  import AdminLayout from '@/layouts/AdminLayout.vue'
  import { Breadcrumb } from '@/components/global'
  import router from '@/router'
--- a/src/module/site-yonetimi/views/PopupYonetimi.vue
+++ b/src/module/site-yonetimi/views/PopupYonetimi.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb current-page-text="Menu Yonetimi" />
+    <Breadcrumb current-page-text="Popup Yonetimi" />
    <div class="form-content">
      <div class="form-inner-content form-inner-content-left">
        <div class="form-part">
--- a/src/module/site-yonetimi/views/SayfaDetay.vue
+++ b/src/module/site-yonetimi/views/SayfaDetay.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb currentPageText="Sayfa Detay" />
+    <Breadcrumb currentPageText="Sayfa Detay" go="/site-yonetimi/sayfa-listesi"/>
    <div class="form-part form-title">
      <div class="form-title-buttons">
        <button
--- a/src/module/site-yonetimi/views/SayfaListesi.vue
+++ b/src/module/site-yonetimi/views/SayfaListesi.vue
@ -1,6 +1,6 @@
 <template>
  <AdminLayout>
-    <Breadcrumb current-page-text="Sayfa Listesi" />
+    <Breadcrumb current-page-text="Sayfa Listesi" go="/" />
    <section class="section-list">
      <list-table-content
        :tableHeader="tableHeader"
@ -13,7 +13,8 @@
        apiText="Sayfa Listesi"
        :refresh="refresh"
        :rowActions="rowActions"
-        :rowActionStyle="'width:10%;'" />
+        :rowActionStyle="'width:10%;'"
+        isUseRoute />
    </section>
  </AdminLayout>
 </template>
--- a/src/module/site-yonetimi/views/SliderListe.vue
+++ b/src/module/site-yonetimi/views/SliderListe.vue
@ -153,10 +153,7 @@
  }
  const loadSliders = async () => {
    const data = await dataStore.dataGet('Slider')
-    console.log('apidata', data)
    sliders.value = data
-
-    console.log(sliders.value)
  }

  const save = async () => {
--- a/src/module/uyeler/components/TabUyePiyangolar.vue
+++ b/src/module/uyeler/components/TabUyePiyangolar.vue
@ -9,7 +9,8 @@
      listText="Piyango"
      :addRoute="PiyangoLink()"
      :apiList="apiList"
-      apiText="Piyango Listesi" />
+      apiText="Piyango Listesi"
+      isUseRoute />
  </section>
 </template>
 <script setup lang="ts">
@ -85,7 +86,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -97,7 +98,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -109,7 +110,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -121,7 +122,7 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      }
    },
    {
@ -142,7 +143,7 @@
      title: 'Durum',
      style: { width: '10%' },
      computeHtml: (v: Record<string, any>): string => {
-        return `<span class='back-grad ${piyangoStore.LoterryStatusClass(v.durum)}'>
+        return `<span class='${piyangoStore.LoterryStatusClass(v.durum)}'>
                ${v.durum}
              </span>`
      },
@ -176,7 +177,7 @@

  // tablodan herhangi bir satır tıklayınca çalısır
  const rwAction = (row: any) => {
-    router.push('/piyangolar/detay/' + row.id)
+    router.push('/piyangolar/detay/' + row.id + '/piyango-bilgileri')
  }

  onBeforeMount(async () => {
--- a/src/module/uyeler/components/TabUyeYetkiliOlduguKisiKurum.vue
+++ b/src/module/uyeler/components/TabUyeYetkiliOlduguKisiKurum.vue
@ -8,14 +8,13 @@
      icon="draws"
      title="Yetkili Olduğu Kişi/Kurum"
      listText="Kayıt"
-      :apiList="'Auth/userbyuserChildList/' + usersStore.selectedUserId()" />
+      :apiList="'Auth/userbyuserChildList/' + usersStore.selectedUserId()"
+      isUseRoute />
  </section>
 </template>
 <script setup lang="ts">
  import { ref, computed, onBeforeMount } from 'vue'

-  import { useGlobalStore } from '@/stores/globalStore'
-  const globalStore = useGlobalStore()
  import { useGlobalDataStore } from '@/stores/globalDataStore'
  const globalDataStore = useGlobalDataStore()
  import { useUsersStore } from '@/stores/usersStore'
@ -67,7 +66,7 @@
      },
      filter: {
        type: 'date',
-        range: true
+        between: true
      },
      style: { width: '10%' }
    },
@ -82,7 +81,7 @@
        listText: 'baslik',
        filterId: 'basvuruTipId'
      },
-      style:{width:'10%'}
+      style: { width: '10%' }
    },
    {
      name: 'unvan',
@ -125,7 +124,13 @@
  ])

  const rwAction = (row: any) => {
-    router.push('/uyeler/detay/' + UyeId() + '/yetkili-uye/detay/' + row.id)
+    router.push(
+      '/uyeler/detay/' +
+        UyeId() +
+        '/yetkili-uye/detay/' +
+        row.id +
+        '/kisi-kurum-bilgileri'
+    )
  }

  onBeforeMount(async () => {
--- a/src/module/uyeler/components/form/FormUyeBilgileri.vue
+++ b/src/module/uyeler/components/form/FormUyeBilgileri.vue
@ -485,7 +485,7 @@
            '/uyeler/detay/' +
              route.params.uyeId +
              '/yetkili-uye/detay/' +
-              register.user.id
+              register.user.id+'/kisi-kurum-bilgileri'
          )
          isNew.value = false
        }else{
--- a/src/module/uyeler/components/form/FormUyeOnayLog.vue
+++ b/src/module/uyeler/components/form/FormUyeOnayLog.vue
@ -51,12 +51,12 @@
      sort: true,
      filter: {
        type: 'date',
-        range: true
+        between: true
      },
      style:{width:'15%'}
    },
    {
-      name: 'kisiAdi',
+      name: 'email',
      title: 'Kişi',
      sort: true,
      style:{width:'20%'}
--- a/src/module/uyeler/routes/index.ts
+++ b/src/module/uyeler/routes/index.ts
@ -4,4 +4,4 @@ import UyeYetkiliYeni from '@/module/uyeler/routes/uye-yetkili-yeni'
 import UyeListe from '@/module/uyeler/routes/uye-liste'
 import UyeTipleri from '@/module/uyeler/routes/uye-tipleri'

-export default [UyeDetay,UyeYetkili,UyeYetkiliYeni, UyeListe, UyeTipleri]
+export default [...UyeDetay,...UyeYetkili,UyeYetkiliYeni, UyeListe, UyeTipleri]
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
burakovec	a10f6997eb	Add 'Çekiliş Hakkı Adedi' field to piyangoKatilimciStore and implement validation in piyangoKatilimciValidationStore. Ensure the value is at least 1 to maintain data integrity during form submissions.	2026-03-26 12:38:56 +03:00
burakovec	2bbb30525e	Enhance error handling in useDataStore by adding skipErrorForStatuses option to bypass specific status codes in CheckApiError. This improves error management and allows for more flexible API response handling.	2026-03-26 12:38:43 +03:00
burakovec	2ecda61ad4	Add removeUploadHandlers function to signalrService for improved memory management by detaching event handlers, preventing memory leaks and multiple triggers.	2026-03-26 12:38:29 +03:00
burakovec	3c4db6d312	Update SaveKatilimciUser function to ensure 'Çekiliş Hakkı Adedi' is always at least 1, enhancing data integrity during user form submissions.	2026-03-26 12:38:18 +03:00
burakovec	e9e83827dc	Update PanelPiyangoKatilimci component to replace 'Katılım Sıra No' with 'Çekiliş Hakkı Adedi' for improved clarity. Add new input field for 'Çekiliş Hakkı Adedi' with validation support, enhancing user interaction and data entry accuracy.	2026-03-26 12:38:07 +03:00
burakovec	1b8c10a8a0	Enhance PanelExcelUploadDetail component by adding detailed job statistics, including inserted, skipped, duplicate, and error counts. Update grid layout to accommodate new statistics for improved data presentation.	2026-03-26 12:37:56 +03:00
burakovec	83acb64944	Add 'Çekiliş Hakkı Adedi' column to TabPiyangoTalihliListesi component for improved data display.	2026-03-26 12:37:45 +03:00
burakovec	cbbd5b2abe	Enhance TabPiyangoKatilimciListesi component by adding conditional rendering for job completion statistics, including inserted and duplicate counts. Implement toast notifications for handling upload conflicts and ensure proper cleanup of upload handlers on component unmount. This improves user feedback and data management during file uploads.	2026-03-26 12:37:32 +03:00
burakovec	a75158379d	katılımcı listesi	2026-03-18 07:47:18 +03:00
burakovec	46d0cac892	Close dialog for "basvurubedelimuhasebelestir" after loading data in FormMuhasebePiyangoBilgileriDisplay component. This improves user experience by ensuring the dialog is properly closed upon data retrieval.	2025-12-23 04:35:22 +03:00
burakovec	f8a3940643	Enhance PiyangoListe and MuhasebePiyangoListesi components by adding "Oluşturma Tarihi", "Sevk Durumu", and "Muhasebeleştirme Durumu" columns. Update date formatting and conditional rendering for improved data presentation. Remove redundant code for special columns to streamline component structure.	2025-12-18 16:20:08 +03:00
burakovec	078a5a020a	Refactor PiyangoOnay components to consolidate conditional rendering for "Müdürlük" and "Çekiliş Görevlisi" fields. Update validation and service logic to ensure proper handling based on "onayDurumuIslemTipiId". This enhances the user experience by streamlining form interactions and data management.	2025-12-18 15:01:55 +03:00
burakovec	edb1d23d71	Implement custom scrollbar for DataTable component. Refactor structure to include a scrollable wrapper and synchronize scroll positions between the table and the custom scrollbar. Update styles for improved visibility and functionality of the scrollbar.	2025-12-18 12:36:51 +03:00
burakovec	bf9c2b25f9	Add conditional rendering for "Müdürlük" and "Çekiliş Görevlisi" fields in PiyangoOnay components. Update validation logic to require these fields based on "onayDurumuIslemTipiId". Enhance service layer to handle new fields and ensure proper data submission.	2025-12-17 16:04:20 +03:00
burakovec	4f29c18dab	Enhance date formatting in PiyangoListe and MuhasebePiyangoListesi components. Update date handling to include specific patterns and split options for improved readability. Add new columns for "Oluşturma Tarihi" and "Sevk Durumu" in MuhasebePiyangoListesi, while removing redundant code for special columns.	2025-12-17 15:38:07 +03:00
burakovec	8cfda2449e	Refactor row action handling in FormPiyangoOnayDurum component. Replace EditOnay with adminRowAction and update rowActions to adminRowActions based on user role, enhancing access control and functionality.	2025-12-12 14:36:26 +03:00
burakovec	ddd8594372	Refactor PiyangoOnay components to replace refreshList logic with window reload. This change simplifies the refresh mechanism after form submission, enhancing user experience by ensuring the latest data is displayed immediately.	2025-12-11 14:08:02 +03:00
burakovec	4a081fe249	Update PiyangoDetay component to change conditional rendering for the "Dosya Kapama" tab. The condition now checks for `piyangoStore.lotteryApprove === 10` instead of `usersStore.isPanelUser && piyangoStore.lotteryDrawState` to enhance logic clarity and functionality.	2025-12-11 13:55:19 +03:00
burakovec	9c2f02d617	Add PiyangoDetay component "Çekiliş Tutanağı" tab. Import new TabPiyangoCekilisTutanagi component and enhance tab list structure for improved user navigation.	2025-12-11 01:16:38 +03:00
burakovec	927cdfd7e8	Add "Müdürlük" and "Çekiliş Görevlisi" fields to PiyangoOnay components. Update validation logic to ensure these fields are required based on "onayDurumuIslemTipiId". Enhance data handling in the service layer for new fields and update the form structure accordingly.	2025-12-11 00:50:25 +03:00
burakovec	e8f914b321	Update refreshList logic in PiyangoOnay components to prevent immediate refresh. Introduce a timeout before setting refreshList to true after form submission, ensuring smoother user experience.	2025-12-10 12:34:12 +03:00
burakovec	bd93496e4d	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.	2025-12-10 12:31:25 +03:00
burakovec	9da5f9946b	Refactor filter handling in DashPiyangoListe and ListTableContent components. Updated tableData type to an array and improved query parameter construction for filters, including error handling during navigation. Enhanced filter value retrieval logic to ensure proper text assignment based on available data.	2025-12-09 16:12:49 +03:00
burakovec	b0386d53e5	Add row deletion functionality and enhance table filters in Piyango views. Implemented confirmation dialog for row deletion and updated filter options for various table columns to improve user experience.	2025-12-09 14:01:25 +03:00
burakovec	f6c1b242b2	Enhance Piyango and Muhasebe views with additional table headers and computed properties for better data representation. Added global store integration for currency formatting and improved date handling. Updated conditional rendering for user roles and refined filter options.	2025-12-09 07:47:04 +03:00
burakovec	b422187704	.	2025-12-09 07:35:42 +03:00
M. Bestami	678a96d76f	dosyaları ayırarak kaydedildiğinde build hatası verenlerin ayrılması kaldırıldı	2025-10-24 20:09:48 +03:00
M. Bestami	cb9d2f220f	- build için dosyalar ayrı kaydedilecek şekilde düzenleme yapıldı - gereksiz paketler package.json dan silindi - Kullanılmayan quill dosyaları silindi	2025-10-24 12:03:32 +03:00
M. Bestami	03689a01e3	- Filtreleme yapısı değiştirildi. - Tarihler için başlangıç-bitiş aralığı seçilebielcek - geri dönüldüğünde çıkan hatalar düzeltildi - filtrede date olan alanlar için başlangıç-bitiş seçimi eklendi - axios serializer eklendi. array ile verilen parametrelerde hata çıkıyordu	2025-10-24 10:24:05 +03:00
burakovec	f31bd6ba9e	Listablecontent	2025-10-17 09:48:18 +03:00
burakovec	5fe3a36893	signalrService.ts	2025-10-06 11:58:09 +03:00
burakovec	4dae2824fb	piyangoDosyaKapamaStore.ts	2025-10-06 11:57:57 +03:00
burakovec	6d4d0c8be9	PanelPiyangoDosyaKapamaIkramiye.vue	2025-10-06 11:57:36 +03:00
M. Bestami	bf047e36f3	- Pasword alanları için şifreyi görüntüle-gizle özelliği	2025-10-06 11:29:39 +03:00
M. Bestami	5d49f96c98	router yekili olduğu kurum link	2025-10-03 16:48:47 +03:00
M. Bestami	3355085a1d	- Dosya Kapama ikramiye ekleme validasyon hatası - Piyango bilgi yükleniyor uyarısı - Piyango bilgileri üye kontrol butonu	2025-10-03 16:47:54 +03:00
M. Bestami	095f877224	- Piyango bilgilerine yükleniyor uyarısı - Muhasebeleştir buton hatası	2025-10-03 13:56:44 +03:00
burakovec	2b3b09c88b	signalr	2025-10-03 10:00:04 +03:00
M. Bestami	0e3c6e658f	listelere ve tablar ileri-geri gidildiğinde kaldığı yere dönüyor.	2025-10-02 21:18:49 +03:00
M. Bestami	cab06c51a2	Yardım amaçlı piyangolar için ikramiye teslim tarihi min hatası	2025-10-02 12:52:29 +03:00
M. Bestami	5e83a11ecc	- breadcrum geri butonu için manuel atamalar eklendi - Tablar için route linklemesi eklendi - piyango detay tabları için routelar düzenlendi	2025-10-02 12:43:05 +03:00
M. Bestami	07c73d39db	- localdev run ile çalıştırma hatası - Dosya kapama ikramiye seçim listesi hatası	2025-10-02 11:15:36 +03:00
M. Bestami	6e2f77f576	- izin bedeli toplam bedel toplam düzenleme - Onay Durumları edit özelliği eklendi	2025-10-01 10:44:34 +03:00
M. Bestami	060cfab843	- Dosya kapama her zaman post ile gönderme sorunu - Piyango bilgileri formuna izin tarihi, izin sayısı eklendi	2025-09-29 14:38:04 +03:00
burakovec	8cae0be757	Merge remote-tracking branch 'origin/main'	2025-09-27 05:36:08 +03:00
burakovec	4024d539d7	excel pdf	2025-09-27 05:35:13 +03:00
M. Bestami	1ba8b9b269	- muhasebeleştir Başvuru bedeli kdv hesaplama - Muhasebe bilgileri izin bedeli popup izinsayisi, izin tarihi alanları eklendi	2025-09-26 18:09:48 +03:00
M. Bestami	da432261ba	- Piyango önizleme tarih o günün tarihi olrak alındı - Piyango önizleme aralıklar kısaltıldı - Dosya kapama cekilisId ler eklendi - perPage = 25 - Piyango teslim tarihi min = yedektalihli başvuru	2025-09-26 14:57:07 +03:00
burakovec	58cd065977	formmuhasebeayarları	2025-09-26 14:20:23 +03:00
M. Bestami	4f6b14b43c	Muhasebe ayarları başvuru bedeli kdv oranı 20 yapıldı	2025-09-25 14:41:03 +03:00
M. Bestami	51264f9e72	Muhasebe ayarları başvuru bedeli kdv oranı eklendi	2025-09-25 14:34:03 +03:00
M. Bestami	674c0b2e1e	Muhasebeleştirme tarafında toplamdeger yazılarak hesaplanmış veri gösterildi	2025-09-25 14:13:51 +03:00
M. Bestami	e07a867023	Muhasebeleştirme toplam ikramiye bedeli Number yapılmamıştı	2025-09-22 18:12:18 +03:00
M. Bestami	b31b075e1f	- Başvuru bedeli muhasebeleştir, izin bedeli muhasebeleştir popuplar bedel, kdv, toplam değerlr eklendi - Dialog komponentine html içerik için ek alan - Dosya kapama datasına evrak:cekilisId eklendi	2025-09-22 18:07:46 +03:00
M. Bestami	76523182da	Piyango resimleri şablonları indir admin için de eklendi	2025-09-19 12:19:10 +03:00
M. Bestami	fe132ec672	Dosya kapama ikramiye listesi validasyon kontrolleri düzenleme	2025-09-19 10:19:35 +03:00
M. Bestami	206eb2ab44	- Dosya kapama formu sadece rakam alanları için kontrol - Dosya kapama ikramiye teslim ikramiyenin adet bilgisi ve toplam ikramiye alanları	2025-09-18 13:32:54 +03:00
M. Bestami	f7d47af153	Dosya kapama talihli listesi asil, yedek adet alanları eklendi	2025-09-15 17:21:29 +03:00
M. Bestami	fb99deeaeb	- Piyango Onay Durum izinAdedi -> izinSayisi	2025-09-15 13:39:16 +03:00
Erhan Kaya	c34d64d505	Merge pull request 'Dosya-Kapama-İkramiye-Listesi' (#13 ) from Dosya-Kapama-İkramiye-Listesi into main Reviewed-on: #13	2025-09-11 08:18:12 +00:00
Erhan Kaya	457cb58256	Merge pull request '- İzin verildi onay durumu için ek alanlar eklendi. Validasyon, kayıt ayarları yapıldı' (#12 ) from Onay-durumu-ek-alanlar into main Reviewed-on: #12	2025-09-11 08:17:31 +00:00
M. Bestami	bb2765c0ac	- İzin verildi onay durumu için ek alanlar eklendi. Validasyon, kayıt ayarları yapıldı	2025-09-05 20:52:05 +03:00
M. Bestami	fdc2372288	- Dosya Kapama İkramiye Listesi komponentleri eklendi - Formlar için service, store, validasyon fonksiyonları/değişkenleri eklendi	2025-09-05 17:20:29 +03:00
M. Bestami	216cf1fb73	- Dosya kapama formu oluşturuldu - Dosya kapama get/put/post servisleri bağlandı	2025-09-05 15:09:10 +03:00
Kevser	0d58b0ad10	Dosya Kapam tabı işçin komponent ve store dosyaları eklendi	2025-07-24 22:36:47 +03:00