feat: ortak kalem havuzu — teklif cetveli kalemleri kartta gorunur ve aranabilir
Firmalar ihalenin sadece basligina bakarak kendi urunlerinin icinde olup
olmadigini goremiyordu ("148 KALEM KIRTASIYE MALZEME ALIMI"). Artik bir
kullanici ihale dokumanini yukledinde teklif cetveli kalemleri ayristirilip
IKN'ye baglaniyor ve o ihale HERKESIN kartinda kalemleriyle gorunuyor.
NEDEN YUKLEMEYE DAYALI: kalem listesi EKAP'in programatik yuzeyinde yok.
- Arama/detay API'si (ihtiyacKalemiOkasList) yalnizca OKAS sinifi veriyor:
"KALP AKCIGER POMPASI CIHAZI ALIMI" icin tek satir "Tibbi cihazlar"
- Ilan metni yalnizca sayiyi veriyor: "148 KALEM ... Ayrintili bilgiye EKAP'ta
yer alan ihale dokumani icinde bulunan idari sartnameden ulasilabilir"
- Dokuman sayfasi CAPTCHA ile korunuyor (ctl00_btnCaptchaProtect, guvenlik
resmi). Gercek tarayiciyla (Playwright) da acildi, donen tek metin: "Dogrula"
OTOMATIK, AI'SIZ: kalem cikarimi yukleme aninda kendiliginden calisir,
kullanicidan tiklama beklemez ve model cagirmaz (saf regex). AI analizi ayri
dugmede, kullanici isterse.
- server/kalem-cikar.mjs: teklif cetveli ayristirici. " | " tablolarindan
(docx/xlsx/zip) sutun basligini cozerek; ayracsiz PDF metninde sezgisel
satir kalibiyla. Miktar+birim tek hucrede olabiliyor ("25000 TEST").
Birim listesinde 'test' var — tibbi kitlerde kalem miktari boyle yaziliyor.
- server/kalem-store.mjs: kalem.sqlite, IKN bazli, Turkce duyarli arama.
Bos ayristirma mevcut iyi veriyi silmez.
- Uclar: POST /api/kalem/cikar (tarayicidan gelen PDF metni), GET /api/kalem,
GET /api/kalem/ara, GET /api/health/kalem
- /api/tenders payloadu kalemSayisi + ilk kalemleri tasiyor
- Kartta kalem rozeti ve kalem seridi; aramada eslesen kalemler one alinir
- Ust arama kutusu kalem havuzunda da ariyor (350ms debounce, sunucu tarafi)
- Detay modalinda tam kalem listesi + kalem ici arama
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 5
@@ -0,0 +1,106 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Package, Loader2, Search } from 'lucide-react';
|
||||
import { kalemleriGetir } from '../services/kalem';
|
||||
|
||||
/**
|
||||
* Teklif cetveli kalemleri — ortak havuzdan.
|
||||
*
|
||||
* Kalemler EKAP API'sinde yok; doküman sayfası CAPTCHA ile korunduğu için
|
||||
* sunucu otomatik indiremiyor. Bir kullanıcı ihale dokümanını yüklediğinde
|
||||
* kalemler ayrıştırılıp havuza yazılıyor ve bu liste herkese görünür oluyor.
|
||||
*/
|
||||
export const TeklifCetveliKalemleri = ({ ikn }) => {
|
||||
const [durum, setDurum] = useState({ yukleniyor: true, kalemler: [], kaynak: null });
|
||||
const [suzgec, setSuzgec] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
if (!ikn) { setDurum({ yukleniyor: false, kalemler: [], kaynak: null }); return; }
|
||||
let iptal = false;
|
||||
setDurum((d) => ({ ...d, yukleniyor: true }));
|
||||
kalemleriGetir(ikn)
|
||||
.then((d) => { if (!iptal) setDurum({ yukleniyor: false, kalemler: d.kalemler || [], kaynak: d.kaynak }); })
|
||||
.catch(() => { if (!iptal) setDurum({ yukleniyor: false, kalemler: [], kaynak: null }); });
|
||||
return () => { iptal = true; };
|
||||
}, [ikn]);
|
||||
|
||||
if (durum.yukleniyor) {
|
||||
return (
|
||||
<p className="text-xs text-slate-500 flex items-center gap-2">
|
||||
<Loader2 className="w-3.5 h-3.5 animate-spin" /> Teklif cetveli kalemleri okunuyor…
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
if (!durum.kalemler.length) {
|
||||
return (
|
||||
<div className="bg-slate-50 border border-slate-200 rounded-xl p-4">
|
||||
<h3 className="font-bold text-sm text-slate-900 flex items-center gap-2">
|
||||
<Package className="w-4 h-4 text-indigo-600" /> Teklif Cetveli Kalemleri
|
||||
</h3>
|
||||
<p className="text-xs text-slate-600 leading-relaxed mt-1.5">
|
||||
Bu ihalenin kalem listesi henüz havuzda yok. Kalemler EKAP'ın API'sinde yayımlanmıyor;
|
||||
yalnızca ihale dokümanının içinde bulunuyor. Aşağıdan dokümanı yüklerseniz kalemler
|
||||
otomatik çıkarılır ve bu ihale <strong>tüm kullanıcılarda</strong> kalemleriyle listelenir.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const q = suzgec.trim().toLocaleLowerCase('tr-TR');
|
||||
const gorunen = q
|
||||
? durum.kalemler.filter((k) => (k.ad || '').toLocaleLowerCase('tr-TR').includes(q))
|
||||
: durum.kalemler;
|
||||
|
||||
return (
|
||||
<div className="space-y-2">
|
||||
<div className="flex items-center justify-between gap-3 flex-wrap">
|
||||
<h3 className="font-bold text-sm text-slate-900 flex items-center gap-2">
|
||||
<Package className="w-4 h-4 text-indigo-600" />
|
||||
Teklif Cetveli Kalemleri ({durum.kalemler.length})
|
||||
</h3>
|
||||
<label className="relative">
|
||||
<Search className="w-3.5 h-3.5 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2" />
|
||||
<input
|
||||
value={suzgec}
|
||||
onChange={(e) => setSuzgec(e.target.value)}
|
||||
placeholder="Kalem ara…"
|
||||
className="text-xs pl-8 pr-3 py-1.5 rounded-lg border border-slate-300 w-44 focus:ring-2 focus:ring-indigo-500 outline-none"
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="border border-slate-200 rounded-xl overflow-hidden shadow-2xs max-h-96 overflow-y-auto">
|
||||
<table className="w-full text-left text-xs">
|
||||
<thead className="bg-slate-100 text-slate-700 font-bold border-b border-slate-200 sticky top-0">
|
||||
<tr>
|
||||
<th className="p-2.5 w-12">#</th>
|
||||
<th className="p-2.5">Kalem adı</th>
|
||||
<th className="p-2.5 text-right w-32">Miktar</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="divide-y divide-slate-100">
|
||||
{gorunen.map((k, i) => (
|
||||
<tr key={i} className="hover:bg-indigo-50/40">
|
||||
<td className="p-2.5 font-bold text-slate-400">{k.sira ?? i + 1}</td>
|
||||
<td className="p-2.5 font-semibold text-slate-800">{k.ad}</td>
|
||||
<td className="p-2.5 text-right font-bold text-slate-900 whitespace-nowrap">
|
||||
{k.miktar != null ? k.miktar.toLocaleString('tr-TR') : '—'} {k.birim || ''}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{gorunen.length === 0 && (
|
||||
<tr><td colSpan={3} className="p-3 text-center text-slate-400">Bu aramayla eşleşen kalem yok.</td></tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{durum.kaynak?.dosya && (
|
||||
<p className="text-[10px] text-slate-400">
|
||||
Kaynak: <strong>{durum.kaynak.dosya}</strong> — bir kullanıcının yüklediği ihale dokümanından
|
||||
otomatik çıkarıldı. Teklif vermeden önce şartnamenin aslıyla karşılaştırın.
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -3,7 +3,9 @@ import { useApp } from '../context/AppContext';
|
||||
import { Star, MapPin, Clock, Tag, Package, Building2, AlertTriangle, Sparkles, CalendarDays, Megaphone } from 'lucide-react';
|
||||
|
||||
export const TenderCard = ({ tender }) => {
|
||||
const { toggleTrackTender, setActiveTenderDetail, favoriteKurumlar, toggleFavoriteKurum } = useApp();
|
||||
const { toggleTrackTender, setActiveTenderDetail, favoriteKurumlar, toggleFavoriteKurum, kalemEslesen, searchQuery } = useApp();
|
||||
// Aramada eşleşen kalemler öne alınır — firma kendi ürününü hemen görsün.
|
||||
const eslesenKalemler = (kalemEslesen && tender.ikn && kalemEslesen.get(tender.ikn)) || null;
|
||||
const isFavKurum = favoriteKurumlar?.includes((tender.kurum || '').trim());
|
||||
|
||||
const [day, monthYear] = tender.tarih ? tender.tarih.split('.') : ['01', '01.2026'];
|
||||
@@ -106,6 +108,15 @@ export const TenderCard = ({ tender }) => {
|
||||
<span>İhale: {tender.tarih}{tender.saat ? ` ${tender.saat}` : ''}</span>
|
||||
</span>
|
||||
)}
|
||||
{tender.kalemSayisi > 0 && (
|
||||
<span
|
||||
className="bg-indigo-50 text-indigo-700 border border-indigo-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1"
|
||||
title="Teklif cetveli kalemleri — bir kullanıcının yüklediği ihale dokümanından çıkarıldı"
|
||||
>
|
||||
<Package className="w-3 h-3 text-indigo-600" />
|
||||
<span>{tender.kalemSayisi} kalem</span>
|
||||
</span>
|
||||
)}
|
||||
{tender.eklenmeZamani && !ilanTarihiGoster && (
|
||||
<span className="bg-slate-100 text-slate-600 border border-slate-200 px-2 py-0.5 rounded-full text-[10px] font-bold flex items-center gap-1">
|
||||
<Clock className="w-3 h-3 text-slate-500" />
|
||||
@@ -150,8 +161,42 @@ export const TenderCard = ({ tender }) => {
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Teklif cetveli kalemleri (ortak havuz) — firmanın kendi ürününü
|
||||
şartnameyi indirmeden görebilmesi için kartta gösterilir. */}
|
||||
{tender.kalemSayisi > 0 && (
|
||||
<div
|
||||
onClick={() => setActiveTenderDetail(tender)}
|
||||
className="bg-indigo-50/60 hover:bg-indigo-50 rounded-lg p-2.5 border border-indigo-200 space-y-1.5 cursor-pointer transition-colors"
|
||||
>
|
||||
<p className="text-[10px] font-black uppercase tracking-wider text-indigo-700/70">
|
||||
{eslesenKalemler ? 'Aramanızla eşleşen kalemler' : 'Teklif cetveli kalemleri'}
|
||||
</p>
|
||||
{(eslesenKalemler
|
||||
? eslesenKalemler.slice(0, 3).map((k) => k)
|
||||
: (tender.kalemler || []).slice(0, 3).map((ad) => ({ ad }))
|
||||
).map((k, idx) => (
|
||||
<div key={idx} className="flex items-center justify-between gap-2 text-xs font-semibold text-slate-700">
|
||||
<span className="flex items-center gap-2 truncate">
|
||||
<Package className="w-3.5 h-3.5 text-indigo-500 shrink-0" />
|
||||
<span className="truncate">{k.ad}</span>
|
||||
</span>
|
||||
{k.miktar != null && (
|
||||
<span className="bg-white border border-indigo-200 px-2 py-0.5 rounded text-[11px] font-bold text-slate-900 shrink-0">
|
||||
{k.miktar.toLocaleString('tr-TR')} {k.birim || ''}
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
{tender.kalemSayisi > 3 && (
|
||||
<p className="text-[10px] font-bold text-indigo-600 hover:underline pt-0.5 text-right">
|
||||
+ {tender.kalemSayisi - 3} kalem daha — tümünü gör
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Material Items Preview Box */}
|
||||
{tender.items && tender.items.length > 0 && (
|
||||
{!tender.kalemSayisi && tender.items && tender.items.length > 0 && (
|
||||
<div
|
||||
onClick={() => setActiveTenderDetail(tender)}
|
||||
className="bg-slate-50 hover:bg-slate-100/80 rounded-lg p-2.5 border border-slate-200 space-y-1.5 cursor-pointer transition-colors"
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useApp } from '../context/AppContext';
|
||||
import { TenderDocuments } from './TenderDocuments';
|
||||
import { TeklifCetveliKalemleri } from './TeklifCetveliKalemleri';
|
||||
import {
|
||||
X, Star, Share2, Calendar, MapPin, Building2, Tag, FileText, CheckSquare,
|
||||
DollarSign, Calculator, Download, Sparkles, AlertTriangle, ShieldCheck,
|
||||
@@ -213,7 +214,11 @@ END:VCALENDAR`;
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Ortak havuzdan teklif cetveli kalemleri */}
|
||||
<TeklifCetveliKalemleri ikn={tender.ikn} />
|
||||
|
||||
{/* Material Table */}
|
||||
{tender.items?.length > 0 && (
|
||||
<div className="space-y-3">
|
||||
<h3 className="font-bold text-sm text-slate-900">Malzeme / Kalem Listesi ({tender.items?.length || 0} Kalem)</h3>
|
||||
<div className="border border-slate-200 rounded-xl overflow-hidden shadow-2xs">
|
||||
@@ -243,6 +248,7 @@ END:VCALENDAR`;
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Team Notes Area */}
|
||||
<div className="bg-white p-5 rounded-xl border border-slate-200 space-y-4">
|
||||
|
||||
@@ -40,9 +40,20 @@ export const TenderDocuments = ({ tender }) => {
|
||||
}
|
||||
setYukleniyor(true); setError(null);
|
||||
try {
|
||||
await uploadDocument(f, 'İhale Dokümanı', ikn);
|
||||
// Sunucu docx/xlsx/zip için teklif cetveli kalemlerini yüklemede
|
||||
// otomatik çıkarır. PDF tarayıcıda çözüldüğü için metni biz göndeririz.
|
||||
const cevap = await uploadDocument(f, 'İhale Dokümanı', ikn);
|
||||
let kalem = cevap?.kalem?.sayi || null;
|
||||
if (!kalem && ikn && /\.(pdf|txt|md)$/i.test(f.name)) {
|
||||
try {
|
||||
const { text } = await extractText(f);
|
||||
const { kalemCikar } = await import('../services/kalem');
|
||||
const d = await kalemCikar({ ikn, metin: text, dosya: f.name });
|
||||
kalem = d.sayi || null;
|
||||
} catch { /* kalem çıkmazsa yükleme yine de başarılı sayılır */ }
|
||||
}
|
||||
belgeleriYukle();
|
||||
setBilgi({ yuklendi: f.name });
|
||||
setBilgi({ yuklendi: f.name, kalem });
|
||||
} catch (err) {
|
||||
setError(err.kod === 'KOTA_ASILDI' ? err.message : `Yüklenemedi: ${err.message}`);
|
||||
} finally { setYukleniyor(false); }
|
||||
@@ -233,7 +244,14 @@ export const TenderDocuments = ({ tender }) => {
|
||||
<p className="text-[11px] text-slate-500">
|
||||
{bilgi.dokumanSayisi != null && <>EKAP'ta {bilgi.dokumanSayisi} doküman kayıtlı. </>}
|
||||
{bilgi.karakter != null && <>{bilgi.ilanSayisi} ilan · {bilgi.okasSayisi} kalem · {bilgi.karakter.toLocaleString('tr-TR')} karakter metin analize gönderildi. </>}
|
||||
{bilgi.yuklendi && <><strong>{bilgi.yuklendi}</strong> yüklendi ve bu ihaleye bağlandı.</>}
|
||||
{bilgi.yuklendi && (
|
||||
<>
|
||||
<strong>{bilgi.yuklendi}</strong> yüklendi ve bu ihaleye bağlandı.
|
||||
{bilgi.kalem
|
||||
? <> Teklif cetvelinden <strong>{bilgi.kalem} kalem</strong> otomatik çıkarıldı; bu ihale artık kalemleriyle listeleniyor.</>
|
||||
: <> Bu dosyadan teklif cetveli kalemi çıkarılamadı.</>}
|
||||
</>
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
|
||||
|
||||
@@ -13,6 +13,7 @@ export const TenderList = () => {
|
||||
const {
|
||||
tenders,
|
||||
searchQuery,
|
||||
kalemEslesen,
|
||||
selectedCity,
|
||||
selectedAlimTuru,
|
||||
selectedSektorler,
|
||||
@@ -46,7 +47,10 @@ export const TenderList = () => {
|
||||
const matchKurum = (tender.kurum || '').toLowerCase().includes(q);
|
||||
const matchIkn = (tender.ikn || '').toLowerCase().includes(q);
|
||||
const matchItems = tender.items && tender.items.some(i => (i.ad || '').toLowerCase().includes(q));
|
||||
if (!matchTitle && !matchKurum && !matchIkn && !matchItems) return false;
|
||||
// Kartta taşınan ilk kalemler + sunucudaki tam kalem araması
|
||||
const matchKalem = tender.kalemler && tender.kalemler.some(a => (a || '').toLowerCase().includes(q));
|
||||
const matchHavuz = kalemEslesen && tender.ikn && kalemEslesen.has(tender.ikn);
|
||||
if (!matchTitle && !matchKurum && !matchIkn && !matchItems && !matchKalem && !matchHavuz) return false;
|
||||
}
|
||||
|
||||
// Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster"
|
||||
@@ -71,7 +75,7 @@ export const TenderList = () => {
|
||||
if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
|
||||
return 0;
|
||||
});
|
||||
}, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun, favoriteKurumlar, oncekiGiris]);
|
||||
}, [tenders, searchQuery, kalemEslesen, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun, favoriteKurumlar, oncekiGiris]);
|
||||
|
||||
const gorunenTenders = filteredTenders.slice(0, gosterilen);
|
||||
const dahaVar = gosterilen < filteredTenders.length;
|
||||
|
||||
Reference in New Issue
Block a user