+ {/* Header */}
-
- {item.status}
-
-
- {item.type}{item.specialType ? ` · ${item.specialType}` : ''}
-
- {checks.length > 0 && (
-
- {allPass ? '✓ 요건충족' : '△ 확인필요'}
+
+ {item.house_secd && HOUSE_TYPE_LABELS[item.house_secd] && (
+
+ {HOUSE_TYPE_LABELS[item.house_secd]}
)}
-
{item.complexName}
-
{item.address} · {item.pyeong || '-'}
+
{item.house_nm}
+
{item.address || item.region_name}
-
-
+ {item.homepage_url && (
+
+ 홈페이지
+
+ )}
+ {item.pblanc_url && (
+
+ 공고문
+
+ )}
-
-
분양가
-
{fmtPrice(item.totalPrice)}
-
대출 {fmtPrice(item.loanAmount)} · 자기자금 {fmtPrice(item.ownFunds)}
+ {/* Section Tabs */}
+
+
+
+ {item.models?.length > 0 && (
+
+ )}
-
-
- {sections.map((s) => (
-
- ))}
-
-
- {section === '요건' && }
- {section === '일정' && }
- {section === '자금' && }
-
-
-
- {item.memo && (
-
- )}
-
- );
-};
-
-// ── 일정 탭 ────────────────────────────────────────────────────────────────────
-const ScheduleTab = ({ items }) => {
- const eventTypeColor = {
- start: '#00d4ff', end: '#94a3b8', winner: '#34d399',
- contract: '#8b5cf6', interim: '#f59e0b', balance: '#f43f5e',
- };
-
- const events = items.flatMap((item) => {
- const list = [
- { date: item.applicationStart, label: '청약 시작', type: 'start', item },
- { date: item.applicationEnd, label: '청약 마감', type: 'end', item },
- { date: item.winnerAnnouncement, label: '당첨 발표', type: 'winner', item },
- { date: item.contractStart, label: '계약 시작', type: 'contract', item },
- { date: item.contractEnd, label: '계약 마감', type: 'end', item },
- item.interim1Date && { date: item.interim1Date, label: `중도금 1차 (${item.interim1Ratio}%)`, type: 'interim', item },
- item.interim2Date && { date: item.interim2Date, label: `중도금 2차 (${item.interim2Ratio}%)`, type: 'interim', item },
- item.interim3Date && { date: item.interim3Date, label: `중도금 3차 (${item.interim3Ratio}%)`, type: 'interim', item },
- { date: item.balanceDate, label: '잔금 납부', type: 'balance', item },
- ].filter(Boolean).filter((e) => e.date);
- return list;
- }).sort((a, b) => new Date(a.date) - new Date(b.date));
-
- const today = new Date().setHours(0, 0, 0, 0);
- const upcoming = events.filter((e) => new Date(e.date) >= today);
- const past = events.filter((e) => new Date(e.date) < today).reverse();
-
- const EventRow = ({ e }) => {
- const color = eventTypeColor[e.type];
- const scfg = STATUS_CONFIG[e.item.status] || STATUS_CONFIG['검토중'];
- return (
-
-
- {getDDays(e.date)}
- {fmtFull(e.date)}
-
-
-
- {e.item.complexName}
- {e.label}
-
- {e.item.status}
-
-
-
- );
- };
-
- return (
-
- {upcoming.length > 0 && (
-
-
예정 일정
- {upcoming.map((e, i) => )}
-
- )}
- {past.length > 0 && (
-
-
지난 일정
- {past.map((e, i) => )}
-
- )}
- {events.length === 0 &&
등록된 일정이 없습니다.
}
-
- );
-};
-
-// ── 자금 탭 ────────────────────────────────────────────────────────────────────
-const FinanceTab = ({ items }) => {
- const totalAll = items.reduce((s, i) => s + (Number(i.totalPrice) || 0), 0);
- const loanAll = items.reduce((s, i) => s + (Number(i.loanAmount) || 0), 0);
- const ownAll = items.reduce((s, i) => s + (Number(i.ownFunds) || 0), 0);
-
- return (
-
-
-
-
총 분양가 합계
-
{fmtPrice(totalAll)}
-
-
-
총 대출 계획
-
{fmtPrice(loanAll)}
-
-
-
총 자기자금
-
{fmtPrice(ownAll)}
-
-
-
- {items.map((item) => {
- const total = Number(item.totalPrice) || 0;
- const deposit = Math.round(total * (item.depositRatio || 10) / 100);
- const interim = Math.round(total * (item.interimRatio || 60) / 100);
- const balance = total - deposit - interim;
- const loan = Number(item.loanAmount) || 0;
- const own = Number(item.ownFunds) || 0;
- const scfg = STATUS_CONFIG[item.status] || STATUS_CONFIG['검토중'];
-
- return (
-
-
-
-
자금 계획
-
{item.complexName}
-
{item.address} · {item.pyeong}
-
-
- {item.status}
-
+ {/* Section Content */}
+
+ {detailTab === 'info' && (
+
+
+ 단지명
+ {item.house_nm}
-
-
-
- 분양가
- {fmtPrice(total)}
-
-
-
-
-
-
+
+ 지역
+ {item.region_name || '-'}
+
+
+ 주소
+ {item.address || '-'}
+
+
+ 총 세대수
+ {item.total_units ? `${item.total_units}세대` : '-'}
+
+
+ 시공사
+ {item.constructor || '-'}
+
+
+ 시행사
+ {item.developer || '-'}
+
+
+ 입주 예정
+ {item.move_in_month || '-'}
+
+
+ )}
+
+ {detailTab === 'schedule' && (
+
+ {[
+ { label: '특별공급 접수', start: item.spsply_start, end: item.spsply_end },
+ { label: '1순위 접수', start: item.gnrl_rank1_start, end: item.gnrl_rank1_end },
+ { label: '일반공급 접수', start: item.receipt_start, end: item.receipt_end },
+ { label: '당첨자 발표', start: item.winner_date },
+ { label: '계약', start: item.contract_start, end: item.contract_end },
+ ].filter(s => s.start).map((s, i) => {
+ const dday = getDDays(s.start);
+ return (
+
+
+
+ {s.label}
+
+ {fmtFull(s.start)}{s.end ? ` ~ ${fmtFull(s.end)}` : ''}
+
-
- 계약금 {item.depositRatio}% — {fmtPrice(deposit)}
- 중도금 {item.interimRatio}% — {fmtPrice(interim)}
- 잔금 {item.balanceRatio}% — {fmtPrice(balance)}
-
-
-
-
- 대출 ({item.loanType})
-
- {fmtPrice(loan)}
-
-
- 자기자금
-
- {fmtPrice(own)}
-
- {total > 0 && loan + own !== total && (
-
- 미확보 자금
-
- {fmtPrice(total - loan - own)}
-
+ {dday && (
+
+ {dday}
+
)}
-
-
+ );
+ })}
+ {![item.spsply_start, item.gnrl_rank1_start, item.receipt_start, item.winner_date, item.contract_start].some(Boolean) && (
+
일정 정보가 없습니다.
+ )}
- );
- })}
-
- );
-};
+ )}
-// ── 내 조건 편집 모달 ─────────────────────────────────────────────────────────
-const ProfileModal = ({ profile, onClose, onSave }) => {
- const [form, setForm] = useState({ ...profile });
- const set = (f) => (e) => setForm((p) => ({ ...p, [f]: e.target.value }));
- const setNum = (f) => (e) => setForm((p) => ({ ...p, [f]: Number(e.target.value) }));
- const setBool = (f) => (e) => setForm((p) => ({ ...p, [f]: e.target.checked }));
- const toggleQual = (q) => setForm((p) => ({
- ...p,
- specialQuals: p.specialQuals.includes(q)
- ? p.specialQuals.filter((x) => x !== q)
- : [...p.specialQuals, q],
- }));
-
- const handleSubmit = (e) => { e.preventDefault(); onSave(form); };
- const score = calcTotalScore(form);
-
- return (
-
-
e.stopPropagation()}>
-
-
내 청약 조건 편집
-
- 가점 {score}점
-
-
-
-
-
-
- );
-};
-
-// ── 청약 추가/편집 모달 ───────────────────────────────────────────────────────
-const SubModal = ({ item, onClose, onSave }) => {
- const [form, setForm] = useState(item ? { ...item, totalPrice: String(item.totalPrice || ''), loanAmount: String(item.loanAmount || ''), ownFunds: String(item.ownFunds || '') } : { ...EMPTY_ITEM });
- const [tab, setTab] = useState('기본');
- const MODAL_TABS = ['기본', '요건', '일정', '자금'];
-
- const set = (f) => (e) => setForm((p) => ({ ...p, [f]: e.target.value }));
- const setNum = (f) => (e) => setForm((p) => ({ ...p, [f]: Number(e.target.value) }));
- const setBool = (f) => (e) => setForm((p) => ({ ...p, [f]: e.target.checked }));
-
- const handleSubmit = (e) => {
- e.preventDefault();
- onSave({ ...form, totalPrice: Number(form.totalPrice) || 0, loanAmount: Number(form.loanAmount) || 0, ownFunds: Number(form.ownFunds) || 0 });
- };
-
- return (
-
-
e.stopPropagation()}>
-
-
{item ? '청약 편집' : '새 청약 추가'}
-
-
-
- {MODAL_TABS.map((t) => (
-
- ))}
-
-