955 lines
73 KiB
HTML
955 lines
73 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>사업관리대장 Dashboard</title>
|
||
<style>
|
||
*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a;font-family:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif}
|
||
.wrap{max-width:1600px;margin:0 auto;padding:20px}
|
||
.top{display:grid;grid-template-columns:1fr minmax(260px,520px);gap:12px;align-items:end}
|
||
.title{font-size:34px;font-weight:900;letter-spacing:-.03em;margin:0}
|
||
.sub{font-size:12px;color:#64748b;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
|
||
.controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
|
||
.btn{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer}
|
||
.search{flex:1;min-width:250px;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}
|
||
.status{margin:10px 0 14px;font-size:12px;font-weight:700;color:#64748b}
|
||
.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:12px}
|
||
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}
|
||
.card .k{font-size:11px;font-weight:800;color:#64748b}
|
||
.card .v{font-size:19px;font-weight:900;white-space:nowrap}
|
||
.panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}
|
||
.table-wrap{overflow:auto}
|
||
table{width:100%;min-width:1250px;border-collapse:collapse}
|
||
thead th{background:#0f172a;color:#ffffffd1;font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:12px 10px;text-align:left;white-space:nowrap;vertical-align:middle}
|
||
.th-head{position:relative;display:flex;align-items:center}
|
||
.th-head.end{justify-content:flex-end}
|
||
.th-trigger{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:#ffffffd1;font:inherit;font-weight:900;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
|
||
.th-trigger:hover,.th-trigger.active,.th-trigger.open{color:#fff}
|
||
.th-title{display:inline-block}
|
||
.th-meta{font-size:10px;color:#93c5fd;font-weight:800;letter-spacing:0;text-transform:none}
|
||
.th-mark{display:inline-flex;align-items:center;justify-content:center;min-width:8px;color:#60a5fa;font-size:12px;line-height:1}
|
||
.th-caret{font-size:10px;color:#93c5fd;transition:transform .15s ease}
|
||
.th-trigger.open .th-caret{transform:rotate(180deg)}
|
||
.th-menu{position:absolute;top:calc(100% + 8px);left:0;display:none;min-width:180px;max-width:320px;max-height:280px;overflow:auto;padding:6px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 16px 40px #0f172a26;z-index:15}
|
||
.th-head.end .th-menu{left:auto;right:0}
|
||
.th-menu.open{display:block}
|
||
.th-option{display:block;width:100%;border:0;background:none;border-radius:8px;padding:9px 10px;text-align:left;font-size:12px;font-weight:700;color:#0f172a;cursor:pointer;white-space:normal;word-break:break-word}
|
||
.th-option:hover{background:#eff6ff}
|
||
.th-option.active{background:#dbeafe;color:#1d4ed8}
|
||
tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:13px;white-space:nowrap;vertical-align:middle}
|
||
tbody tr:hover{background:#eff6ff}
|
||
tbody tr.settled{background:#f8fafc;color:#94a3b8}
|
||
tbody tr.settled:hover{background:#f1f5f9}
|
||
tbody tr.settled .name,tbody tr.settled strong{color:#64748b}
|
||
tbody tr.settled .badge{border-color:#cbd5e1;background:#f8fafc;color:#64748b}
|
||
.num{text-align:right;font-variant-numeric:tabular-nums}
|
||
.name{font-weight:800;max-width:460px;overflow:hidden;text-overflow:ellipsis}
|
||
.subline{font-size:11px;color:#94a3b8;font-weight:700;margin-top:3px}
|
||
.badge{display:inline-flex;padding:3px 9px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900}
|
||
.badge.ok{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
|
||
.empty{display:none;padding:32px;text-align:center;color:#94a3b8;font-weight:800}
|
||
.hidden{display:none}
|
||
.modal{position:fixed;inset:0;background:#020617bf;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:16px;z-index:30}
|
||
.modal.show{display:flex}
|
||
.modal-card{width:min(1200px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;border:1px solid #e2e8f0}
|
||
.m-top{padding:20px;border-bottom:1px solid #f1f5f9;background:#f8fafc;display:flex;justify-content:space-between;gap:10px}
|
||
.x{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;font-size:22px;font-weight:900;color:#64748b;cursor:pointer}
|
||
.m-body{padding:18px;display:grid;grid-template-columns:1.5fr 1fr;gap:12px}
|
||
.sec{border:1px solid #e2e8f0;border-radius:16px;padding:12px}
|
||
.sec.dark{background:#0f172a;color:#fff;border-color:#0f172a}
|
||
.grid3{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}
|
||
.grid4{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px}
|
||
.kv{border:1px solid #e2e8f0;border-radius:12px;padding:9px}
|
||
.kvk{font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase}
|
||
.kvv{font-size:13px;font-weight:800;margin-top:3px;word-break:break-word}
|
||
.line{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #e2e8f0;font-size:13px;font-weight:700}
|
||
.line:last-child{border-bottom:0}
|
||
.money{font-size:28px;font-weight:900}
|
||
.progress{height:11px;background:#94a3b833;border-radius:999px;overflow:hidden;margin-top:7px}
|
||
.bar{height:100%;background:#3b82f6;width:0%}
|
||
.pay-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
|
||
.pay-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#f8fafc}
|
||
.pay-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
|
||
.pay-name{font-size:13px;font-weight:900;word-break:break-word}
|
||
.pay-meta{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 10px;font-size:12px;color:#475569;font-weight:700}
|
||
.pay-empty{margin-top:10px;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;color:#94a3b8;font-size:12px;font-weight:800;text-align:center}
|
||
.pay-note{margin-top:8px;border-top:1px dashed #fecaca;padding-top:8px;font-size:12px;color:#b91c1c;font-weight:800;white-space:pre-wrap}
|
||
.metric-btn{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
|
||
.metric-btn strong{color:#0f172a;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:3px}
|
||
tbody tr.settled .metric-btn strong{color:#64748b}
|
||
.metric-btn:hover strong{color:#1d4ed8;text-decoration-color:#1d4ed8}
|
||
.detail-row td{padding:0;border-bottom:1px solid #e2e8f0;background:#f8fafc}
|
||
.detail-row:hover{background:#f8fafc}
|
||
.detail-cell{padding:0}
|
||
.inline-panel{padding:16px 18px}
|
||
.inline-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
|
||
.inline-stack{display:flex;flex-direction:column;gap:10px}
|
||
.inline-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}
|
||
.inline-hero{background:#0f172a;color:#fff;border-color:#0f172a}
|
||
.inline-hero-note{font-size:12px;color:#94a3b8;margin-top:6px}
|
||
.inline-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
|
||
.inline-hero-col{min-width:0}
|
||
.inline-hero-col.right{padding-left:14px;border-left:1px solid #334155}
|
||
.out-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
|
||
.out-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#f8fafc}
|
||
.out-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
|
||
.out-vendor{font-size:13px;font-weight:900}
|
||
.out-name{margin-top:6px;font-size:13px;font-weight:800;word-break:break-word}
|
||
.out-meta{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px 10px;font-size:12px;color:#475569;font-weight:700}
|
||
.out-payments{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #cbd5e1}
|
||
.out-payment{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px}
|
||
.out-payment-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;font-size:12px;font-weight:800}
|
||
.out-payment-meta{margin-top:6px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:4px 8px;font-size:12px;color:#475569;font-weight:700}
|
||
.out-note{margin-top:8px;border-top:1px dashed #fecaca;padding-top:8px;font-size:12px;color:#b91c1c;font-weight:800;white-space:pre-wrap}
|
||
.project-head{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}
|
||
.project-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}
|
||
.project-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}
|
||
.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
|
||
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
|
||
.section-title{font-size:16px;font-weight:900}
|
||
.section-sub{margin-top:4px;font-size:12px;color:#64748b;font-weight:800}
|
||
.section-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;white-space:nowrap}
|
||
.section-chip.out{border-color:#fecdd3;background:#fff1f2;color:#be123c}
|
||
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
|
||
.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;min-width:0}
|
||
.summary-label{font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase}
|
||
.summary-value{margin-top:6px;font-size:clamp(12px,0.95vw,22px);font-weight:900;line-height:1.15;white-space:nowrap;max-width:100%;letter-spacing:-.03em}
|
||
.summary-note{margin-top:4px;font-size:12px;color:#94a3b8;font-weight:800}
|
||
.ledger-stack{display:flex;flex-direction:column;gap:14px}
|
||
.ledger-block{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}
|
||
.ledger-block.outsource{border-color:#fecdd3;background:#fff}
|
||
.ledger-block.collect{border-color:#c7d2fe;background:#fff}
|
||
.ledger-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}
|
||
.ledger-head-left{display:flex;align-items:center;gap:10px;min-width:0}
|
||
.ledger-icon{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;flex:0 0 auto}
|
||
.ledger-block.outsource .ledger-icon{background:#f43f5e}
|
||
.ledger-block.collect .ledger-icon{background:#6366f1}
|
||
.ledger-name{font-size:13px;font-weight:900}
|
||
.ledger-sub{margin-top:2px;font-size:11px;color:#64748b;font-weight:800}
|
||
.ledger-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
|
||
.ledger-block.outsource .ledger-pill{border:1px solid #fecdd3;background:#fff1f2;color:#e11d48}
|
||
.ledger-block.collect .ledger-pill{border:1px solid #c7d2fe;background:#eef2ff;color:#4f46e5}
|
||
.ledger-table-wrap{padding:0 12px 12px}
|
||
.ledger-table{width:100%;min-width:0;border-collapse:collapse}
|
||
.ledger-table thead th{background:transparent;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:0;text-transform:none;padding:8px 10px;border-bottom:1px solid #e2e8f0}
|
||
.ledger-table tbody td{padding:10px;border-bottom:1px solid #eef2f7;font-size:12px;color:#334155;white-space:normal;background:#fff}
|
||
.ledger-table tbody tr:last-child td{border-bottom:0}
|
||
.ledger-main{font-weight:800;color:#0f172a}
|
||
.ledger-muted{display:block;margin-top:3px;font-size:11px;color:#94a3b8;font-weight:700}
|
||
.ledger-amount{font-weight:900;text-align:right;color:#0f172a}
|
||
.ledger-note{font-size:11px;color:#64748b;font-weight:700}
|
||
.ledger-empty{padding:14px 12px;color:#94a3b8;font-size:12px;font-weight:800;text-align:center}
|
||
.ledger-block.outsource .ledger-head{background:#fff1f2;border-bottom:1px solid #fecdd3}
|
||
.ledger-block.collect .ledger-head{background:#eef2ff;border-bottom:1px solid #c7d2fe}
|
||
.ledger-block.outsource .ledger-table thead th{background:#fff7f8}
|
||
.ledger-block.collect .ledger-table thead th{background:#f5f7ff}
|
||
@media(max-width:1280px){.top{grid-template-columns:1fr}.controls{justify-content:flex-start}.cards{grid-template-columns:repeat(2,minmax(140px,1fr))}.m-body{grid-template-columns:1fr}.inline-grid{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,minmax(100px,1fr))}.inline-hero-split{grid-template-columns:1fr}.inline-hero-col.right{padding-left:0;border-left:0;border-top:1px solid #334155;padding-top:12px}.project-head{grid-template-columns:1fr}.project-meta-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.project-sections{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.ledger-head{align-items:flex-start;flex-direction:column}.ledger-pill{align-self:flex-start}}
|
||
</style>
|
||
__LEDGER_HEAD_ASSETS__</head>
|
||
<body class="mh-business-theme">
|
||
<input id="file" type="file" accept=".csv,.xlsx,.xls" class="hidden" />
|
||
<div class="wrap">
|
||
<div class="top">
|
||
<div><div class="sub">Live Management</div><h1 class="title">사업관리대장 <span style="font-weight:300;color:#94a3b8">| Dashboard</span></h1></div>
|
||
<div class="controls"><button id="btnUpload" class="btn" type="button">파일 업로드</button><input id="search" class="search" placeholder="전체 검색" /></div>
|
||
</div>
|
||
<div id="status" class="status">CSV/XLSX 파일을 업로드하면 데이터가 표시됩니다.</div>
|
||
<div id="cards" class="cards"></div>
|
||
<div class="panel">
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
<div class="th-head">
|
||
<button type="button" class="th-trigger" data-filter="code" data-label="구분 / 코드">
|
||
<span class="th-title">구분 / 코드</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterCodeMenu" class="th-menu" data-filter="code"></div>
|
||
</div>
|
||
</th>
|
||
<th>
|
||
<div class="th-head">
|
||
<button type="button" class="th-trigger" data-filter="name" data-label="사업명">
|
||
<span class="th-title">사업명</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterNameMenu" class="th-menu" data-filter="name"></div>
|
||
</div>
|
||
</th>
|
||
<th>
|
||
<div class="th-head">
|
||
<button type="button" class="th-trigger" data-filter="corp" data-label="계약법인">
|
||
<span class="th-title">계약법인</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterCorpMenu" class="th-menu" data-filter="corp"></div>
|
||
</div>
|
||
</th>
|
||
<th>
|
||
<div class="th-head">
|
||
<button type="button" class="th-trigger" data-filter="status" data-label="진행상태">
|
||
<span class="th-title">진행상태</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterStatusMenu" class="th-menu" data-filter="status"></div>
|
||
</div>
|
||
</th>
|
||
<th>
|
||
<div class="th-head">
|
||
<button type="button" class="th-trigger" data-filter="outsource" data-label="외주비">
|
||
<span class="th-title">외주비</span><span class="th-meta">(VAT 별도)</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterOutsourceMenu" class="th-menu" data-filter="outsource"></div>
|
||
</div>
|
||
</th>
|
||
<th class="num">
|
||
<div class="th-head end">
|
||
<button type="button" class="th-trigger" data-filter="amount" data-label="계약금">
|
||
<span class="th-title">계약금</span><span class="th-meta">(VAT 별도)</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterAmountMenu" class="th-menu" data-filter="amount"></div>
|
||
</div>
|
||
</th>
|
||
<th class="num">
|
||
<div class="th-head end">
|
||
<button type="button" class="th-trigger" data-filter="collected" data-label="수금액">
|
||
<span class="th-title">수금액</span><span class="th-meta">(VAT 별도)</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterCollectedMenu" class="th-menu" data-filter="collected"></div>
|
||
</div>
|
||
</th>
|
||
<th class="num">
|
||
<div class="th-head end">
|
||
<button type="button" class="th-trigger" data-filter="rate" data-label="수금률">
|
||
<span class="th-title">수금률</span><span class="th-mark"></span><span class="th-caret">▼</span>
|
||
</button>
|
||
<div id="filterRateMenu" class="th-menu" data-filter="rate"></div>
|
||
</div>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="tbody"></tbody>
|
||
</table>
|
||
</div>
|
||
<div id="empty" class="empty">표시할 데이터가 없습니다.</div>
|
||
</div>
|
||
</div>
|
||
<div id="collectModal" class="modal">
|
||
<div class="modal-card">
|
||
<div class="m-top"><div><div id="mCat" class="badge">미분류</div><div id="mTitle" style="font-size:28px;font-weight:900;margin-top:6px"></div><div id="mSub" style="font-size:13px;color:#64748b;font-weight:700;margin-top:4px"></div></div><button id="btnCollectClose" class="x" type="button">×</button></div>
|
||
<div class="m-body">
|
||
<div style="display:flex;flex-direction:column;gap:10px">
|
||
<div class="sec"><div class="grid3"><div class="kv"><div class="kvk">발주처</div><div id="mClient" class="kvv"></div></div><div class="kv"><div class="kvk">발주방법</div><div id="mOrder" class="kvv"></div></div><div class="kv"><div class="kvk">분담율</div><div id="mSplit" class="kvv"></div></div></div></div>
|
||
<div class="sec"><div class="line"><span>착수일</span><strong id="mStartDate"></strong></div><div class="line"><span>준공일</span><strong id="mEndDate"></strong></div><div class="line"><span>대금구분</span><strong id="mPayType"></strong></div><div id="mPayItems" class="pay-list"></div></div>
|
||
<div class="sec dark"><div style="display:flex;justify-content:space-between;gap:10px;align-items:flex-end"><div><div style="font-size:11px;color:#94a3b8;font-weight:900">총 계약 합계(VAT 포함)</div><div id="mContractTotal" class="money"></div><div id="mContractSupply" style="font-size:12px;color:#94a3b8"></div></div><div style="text-align:right"><div style="font-size:11px;color:#60a5fa;font-weight:900">수금금액</div><div id="mCollected" class="money" style="color:#60a5fa"></div><div id="mCollectDate" style="font-size:12px;color:#94a3b8"></div></div></div><div style="margin-top:10px;display:flex;justify-content:space-between"><span style="font-size:12px;color:#94a3b8;font-weight:900">수금 진행률</span><strong id="mRate" style="font-size:28px"></strong></div><div class="progress"><div id="mRateBar" class="bar"></div></div><div style="display:flex;justify-content:space-between;margin-top:7px"><span style="color:#fda4af;font-size:12px;font-weight:900">미수 금액</span><strong id="mReceivable" style="color:#fb7185"></strong></div></div>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:10px">
|
||
<div class="sec"><div style="font-size:11px;color:#64748b;font-weight:900;letter-spacing:.1em;text-transform:uppercase">계약 / 청구 담당자</div><div style="margin-top:8px"><div id="mCmName" style="font-size:20px;font-weight:900"></div><div id="mCmOrg" style="font-size:13px;color:#0f172a;font-weight:800;margin-top:4px"></div><div id="mCmPhone" style="font-size:13px;font-weight:700;margin-top:8px"></div><div id="mCmEmail" style="font-size:13px;font-weight:700;margin-top:4px"></div></div></div>
|
||
<div class="sec"><div style="font-size:11px;color:#64748b;font-weight:900;letter-spacing:.1em;text-transform:uppercase">부서 담당자</div><div style="margin-top:8px"><div id="mDmName" style="font-size:20px;font-weight:900"></div><div id="mDmOrg" style="font-size:13px;color:#334155;font-weight:800;margin-top:4px"></div><div id="mDmPhone" style="font-size:13px;font-weight:700;margin-top:8px"></div><div id="mDmEmail" style="font-size:13px;font-weight:700;margin-top:4px"></div></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="outsourceModal" class="modal">
|
||
<div class="modal-card">
|
||
<div class="m-top"><div><div class="badge">외주비 상세</div><div id="oTitle" style="font-size:28px;font-weight:900;margin-top:6px"></div><div id="oSub" style="font-size:13px;color:#64748b;font-weight:700;margin-top:4px"></div></div><button id="btnOutsourceClose" class="x" type="button">×</button></div>
|
||
<div class="m-body">
|
||
<div style="display:flex;flex-direction:column;gap:10px">
|
||
<div class="sec">
|
||
<div class="grid3">
|
||
<div class="kv"><div class="kvk">계약법인</div><div id="oCorp" class="kvv"></div></div>
|
||
<div class="kv"><div class="kvk">발주처</div><div id="oClient" class="kvv"></div></div>
|
||
<div class="kv"><div class="kvk">외주처 요약</div><div id="oVendors" class="kvv"></div></div>
|
||
</div>
|
||
</div>
|
||
<div class="sec">
|
||
<div class="line"><span>외주 총액</span><strong id="oTotal"></strong></div>
|
||
<div class="line"><span>외주 건수</span><strong id="oCount"></strong></div>
|
||
<div class="line"><span>계약기간</span><strong id="oPeriod"></strong></div>
|
||
<div id="oItems" class="out-list"></div>
|
||
</div>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:10px">
|
||
<div class="sec dark">
|
||
<div style="font-size:11px;color:#94a3b8;font-weight:900">총 외주비(공급가액 기준)</div>
|
||
<div id="oTotalHero" class="money"></div>
|
||
<div id="oTotalHint" style="font-size:12px;color:#94a3b8;margin-top:6px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
|
||
<script>
|
||
const FILTER_KEYS=["code","name","corp","status","outsource","amount","collected","rate"];
|
||
const S={all:[],rows:[],viewRows:[],file:"",filters:{},totals:null,expanded:{key:""}};
|
||
const E={file:document.getElementById("file"),btnUpload:document.getElementById("btnUpload"),search:document.getElementById("search"),status:document.getElementById("status"),cards:document.getElementById("cards"),tbody:document.getElementById("tbody"),empty:document.getElementById("empty"),collectModal:document.getElementById("collectModal"),btnCollectClose:document.getElementById("btnCollectClose"),outsourceModal:document.getElementById("outsourceModal"),btnOutsourceClose:document.getElementById("btnOutsourceClose"),filterButtons:Object.fromEntries(Array.from(document.querySelectorAll(".th-trigger")).map(el=>[el.dataset.filter,el])),filterMenus:Object.fromEntries(Array.from(document.querySelectorAll(".th-menu")).map(el=>[el.dataset.filter,el]))};
|
||
const G=id=>document.getElementById(id);
|
||
const esc=v=>String(v||"").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");
|
||
const escAttr=v=>esc(v).replace(/"/g,""");
|
||
const n=v=>String(v||"").replace(/[\s\r\n]+/g,"").toLowerCase();
|
||
const num=v=>{v=String(v||"").trim();if(!v||v.startsWith("="))return 0;return parseFloat(v.replace(/[^0-9.\-]/g,""))||0;};
|
||
const won=v=>Math.round(v||0).toLocaleString("ko-KR")+" 원";
|
||
const d=v=>{v=String(v||"").trim();return !v||v==="~"?"-":v;};
|
||
const rate=(raw,col,sales)=>{const x=parseFloat(String(raw||"").replace(/[^0-9.\-]/g,""));if(Number.isFinite(x))return Math.max(0,Math.min(100,x));return sales>0?Math.max(0,Math.min(100,col/sales*100)):0;};
|
||
const score=t=>{t=String(t||"");let s=0,m=t.replace(/\s+/g,"");if(m.includes("사업관리대장"))s+=8;if(m.includes("총괄사업코드"))s+=8;if(m.includes("사업명(계약명)"))s+=7;s+=(t.match(/[가-힣]/g)||[]).length*0.01;s-=(t.match(/<2F>/g)||[]).length*0.5;return s;};
|
||
const rowKey=r=>[r.code||"",r.name||"",r.corp||"",r.client||""].join("|");
|
||
function parseCsv(txt){const out=[];let row=[],f="",q=false;for(let i=0;i<txt.length;i++){const c=txt[i];if(c==='"'){if(q&&txt[i+1]==='"'){f+='"';i++;}else q=!q;continue;}if(c===","&&!q){row.push(f);f="";continue;}if((c==="\n"||c==="\r")&&!q){if(c==="\r"&&txt[i+1]==="\n")i++;row.push(f);out.push(row);row=[];f="";continue;}f+=c;}row.push(f);out.push(row);if(out.length&&out[0].length)out[0][0]=String(out[0][0]||"").replace(/^\uFEFF/,"");return out;}
|
||
function hs(rows){
|
||
for(let i=0;i<rows.length;i++){
|
||
const a=(rows[i]||[]).map(n);
|
||
const hasName=a.some(v=>v.includes("사업명(계약명)")||v==="사업명"||v.includes("사업명"));
|
||
const hasCode=a.some(v=>v.includes("총괄사업코드")||v.includes("사업코드"));
|
||
const hasClient=a.some(v=>v.includes("발주처(매출처)")||v.includes("발주처"));
|
||
if(hasName&&(hasCode||hasClient)) return i;
|
||
}
|
||
return -1;
|
||
}
|
||
function ch(a,b){a=a||[];b=b||[];const m=Math.max(a.length,b.length),o=[];let carry="";for(let i=0;i<m;i++){const t=String(a[i]||"").replace(/\s+/g," ").trim(),s=String(b[i]||"").replace(/\s+/g," ").trim();if(t)carry=t;const top=t||carry;o.push(top&&s?(top+" "+s).trim():(top||s||""));}return o;}
|
||
function hi(headers,cands){const C=(cands||[]).map(n).filter(Boolean);for(const c of C){for(let i=0;i<headers.length;i++)if(n(headers[i])===c)return i;}return -1;}
|
||
function parseLedgerRows(R){
|
||
if(R.length&&R[0].length)R[0][0]=String(R[0][0]||"").replace(/^\uFEFF/,"");
|
||
const h=hs(R);if(h<0)throw new Error("헤더를 찾지 못했습니다.");
|
||
const H=ch(R[h],R[h+1]||[]),I={cat:hi(H,["사업구분","사업 구분"]),corp:hi(H,["계약법인","계약 법인"]),code:hi(H,["총괄사업코드","총괄 사업코드","사업코드"]),name:hi(H,["사업명 (계약명)","사업명(계약명)","사업명"]),pay:hi(H,["대금구분","대금 구분"]),yn:hi(H,["계약여부"]),order:hi(H,["발주방법"]),pm:hi(H,["pm"]),status:hi(H,["진행상태"]),client:hi(H,["발주처 (매출처)","발주처(매출처)","발주처"]),split:hi(H,["분담율"]),cDate:hi(H,["계약기간 계약일","계약일","발행일"]),sDate:hi(H,["계약기간 착수일","착수일"]),eDate:hi(H,["계약기간 준공일","준공일"]),cSup:hi(H,["계약금 공급가액","매출금액 공급가액","공급가액"]),cVat:hi(H,["계약금 부가세","매출금액 부가세","부가세"]),cTot:hi(H,["계약금 합계","매출금액 합계","합계","계약금","매출금액"]),colDate:hi(H,["매출금액 수금일","수금일"]),sSup:hi(H,["매출금액 공급가액","공급가액"]),sVat:hi(H,["매출금액 부가세","부가세"]),sTot:hi(H,["매출금액 합계","합계","매출금액"]),col:hi(H,["매출금액 수금금액","수금금액","수금액"]),recv:hi(H,["매출금액 미수금액","미수금액"]),r:hi(H,["매출금액 수금율","수금율"]),note:hi(H,["비고"]),cmCo:hi(H,["계약/청구담당자 회사"]),cmNm:hi(H,["계약/청구담당자 이름"]),cmDp:hi(H,["계약/청구담당자 부서"]),cmPh:hi(H,["계약/청구담당자 연락처"]),cmEm:hi(H,["계약/청구담당자 이메일"]),dmCo:hi(H,["부서담당자 회사"]),dmNm:hi(H,["부서담당자 이름"]),dmDp:hi(H,["부서담당자 부서"]),dmPh:hi(H,["부서담당자 연락처"]),dmEm:hi(H,["부서담당자 이메일"])};
|
||
const out=[];for(const row of R.slice(h+2)){const x={cat:I.cat>=0?String(row[I.cat]||"").trim():"",corp:I.corp>=0?String(row[I.corp]||"").trim():"",code:I.code>=0?String(row[I.code]||"").trim():"",name:I.name>=0?String(row[I.name]||"").trim():"",pay:I.pay>=0?String(row[I.pay]||"").trim():"",yn:I.yn>=0?String(row[I.yn]||"").trim():"",order:I.order>=0?String(row[I.order]||"").trim():"",pm:I.pm>=0?String(row[I.pm]||"").trim():"",status:I.status>=0?String(row[I.status]||"").trim():"",client:I.client>=0?String(row[I.client]||"").trim():"",split:I.split>=0?String(row[I.split]||"").trim():"",cDate:I.cDate>=0?String(row[I.cDate]||"").trim():"",sDate:I.sDate>=0?String(row[I.sDate]||"").trim():"",eDate:I.eDate>=0?String(row[I.eDate]||"").trim():"",cSup:I.cSup>=0?num(row[I.cSup]):0,cVat:I.cVat>=0?num(row[I.cVat]):0,cTot:I.cTot>=0?num(row[I.cTot]):0,colDate:I.colDate>=0?String(row[I.colDate]||"").trim():"",sSup:I.sSup>=0?num(row[I.sSup]):0,sVat:I.sVat>=0?num(row[I.sVat]):0,sTot:I.sTot>=0?num(row[I.sTot]):0,col:I.col>=0?num(row[I.col]):0,recv:I.recv>=0?num(row[I.recv]):0,rateRaw:I.r>=0?String(row[I.r]||"").trim():"",note:I.note>=0?String(row[I.note]||"").trim():"",cmCo:I.cmCo>=0?String(row[I.cmCo]||"").trim():"",cmNm:I.cmNm>=0?String(row[I.cmNm]||"").trim():"",cmDp:I.cmDp>=0?String(row[I.cmDp]||"").trim():"",cmPh:I.cmPh>=0?String(row[I.cmPh]||"").trim():"",cmEm:I.cmEm>=0?String(row[I.cmEm]||"").trim():"",dmCo:I.dmCo>=0?String(row[I.dmCo]||"").trim():"",dmNm:I.dmNm>=0?String(row[I.dmNm]||"").trim():"",dmDp:I.dmDp>=0?String(row[I.dmDp]||"").trim():"",dmPh:I.dmPh>=0?String(row[I.dmPh]||"").trim():"",dmEm:I.dmEm>=0?String(row[I.dmEm]||"").trim():""};
|
||
if(!x.name&&!x.code)continue;if(!x.code&&!x.corp&&!x.client&&!x.pm)continue;if(!x.cTot)x.cTot=x.cSup+x.cVat;if(!x.sTot)x.sTot=x.sSup+x.sVat;if(!x.recv)x.recv=Math.max(0,x.sTot-x.col);x.rate=rate(x.rateRaw,x.col,x.sTot);out.push(x);}
|
||
return out;
|
||
}
|
||
const hk=v=>String(v||"").normalize("NFKC").toLowerCase().replace(/[^0-9a-z가-힣]+/g,"");
|
||
function findHeaderIndex(headers,cands){
|
||
const normalized=(headers||[]).map(hk);
|
||
const candidates=(cands||[]).map(hk).filter(Boolean);
|
||
for(const c of candidates){
|
||
for(let i=0;i<normalized.length;i++){
|
||
if(!normalized[i]) continue;
|
||
if(normalized[i]===c||normalized[i].includes(c)||c.includes(normalized[i])) return i;
|
||
}
|
||
}
|
||
return -1;
|
||
}
|
||
function textAt(row,idx){return idx>=0?String(row[idx]??"").replace(/\u00a0/g," ").replace(/\s+/g," ").trim():"";}
|
||
function moneyAt(row,idx){return idx>=0?num(row[idx]):0;}
|
||
function lastText(values){for(let i=values.length-1;i>=0;i--){const v=d(values[i]);if(v!=="-")return v;}return "-";}
|
||
function paymentSummary(payments){
|
||
const labels=[...new Set((payments||[]).map(p=>String(p.pay||"").trim()).filter(Boolean))];
|
||
if(!labels.length) return "-";
|
||
if(labels.length<=2) return labels.join(", ");
|
||
return `${labels.slice(0,2).join(", ")} 외 ${labels.length-2}건`;
|
||
}
|
||
function paymentRecord(x,fallbackPay){
|
||
const supply=x.sSup||0,vat=x.sVat||0,total=x.sTot||supply+vat,collected=x.col||0;
|
||
return {pay:String(x.pay||x.name||fallbackPay||"미입력").trim(),status:x.status||"",issueDate:x.issueDate||x.cDate||"",collectDate:x.colDate||"",supply,vat,total,collected,receivable:x.recv||Math.max(0,total-collected),rate:rate(x.rateRaw,collected,total),note:String(x.note||"").trim()};
|
||
}
|
||
function finalizeProject(project){
|
||
const payments=(project.payments||[]).filter(p=>p.pay||p.issueDate||p.collectDate||p.total||p.collected||p.receivable);
|
||
if(!payments.length&&(project.issueDate||project.colDate||project.sSup||project.sVat||project.sTot||project.col||project.recv)) payments.push(paymentRecord(project,project.pay||"일괄"));
|
||
project.payments=payments;
|
||
project.pay=paymentSummary(payments);
|
||
project.periodText=(d(project.sDate)==="-"&&d(project.eDate)==="-")?"-":`${d(project.sDate)} ~ ${d(project.eDate)}`;
|
||
project.issueDateSummary=lastText(payments.map(p=>p.issueDate));
|
||
project.collectDateSummary=lastText(payments.map(p=>p.collectDate));
|
||
return project;
|
||
}
|
||
function normalizeProjectKey(v){return hk(v);}
|
||
function normalizeProjectBase(v){
|
||
return hk(String(v||"").replace(/\([^)]*\)/g," ").replace(/\[[^\]]*\]/g," "));
|
||
}
|
||
function summarizeOutsourceVendors(vendors){
|
||
const list=(vendors||[]).filter(Boolean);
|
||
if(!list.length) return "";
|
||
if(list.length<=2) return list.join(", ");
|
||
return `${list.slice(0,2).join(", ")} \uC678 ${list.length-2}\uACF3`;
|
||
}
|
||
function calcVatExcluded(total){return total>0?Math.round(total/1.1):0;}
|
||
function outsourceTotalLabel(item){
|
||
const ex=Math.round(item&&item.contractEx||0);
|
||
const total=Math.round(item&&item.contractIn||0);
|
||
if(ex>0) return won(ex);
|
||
if(total>0) return won(calcVatExcluded(total));
|
||
return "-";
|
||
}
|
||
function cleanVendorName(value,sheetName){
|
||
const raw=String(value||sheetName||"").trim();
|
||
return raw.replace(/^\(\uC8FC\)\s*/,"").replace(/^\uC8FC\uC2DD\uD68C\uC0AC\s*/,"").replace(/^\uC678\uC8FC/,"").trim()||String(sheetName||"\uC678\uC8FC").replace(/^\uC678\uC8FC/,"").trim()||"\uC678\uC8FC";
|
||
}
|
||
function getOutsourceLayout(rows){
|
||
const header=rows[3]||[];
|
||
const hasVatContract=String(header[9]??"").includes("VAT\uD3EC\uD568");
|
||
if(hasVatContract){
|
||
return {hasVatContract:true,contractEx:8,contractIn:9,invoiceDate:10,paymentDate:11,paymentAmount:12,remainingAmount:13,progress:14,label:15,note:16};
|
||
}
|
||
return {hasVatContract:false,contractEx:8,contractIn:-1,invoiceDate:9,paymentDate:10,paymentAmount:11,remainingAmount:12,progress:13,label:-1,note:14};
|
||
}
|
||
function shouldStopOutsourceRows(row){
|
||
const first=String(row[0]??"").trim();
|
||
const project=String(row[2]??"").trim();
|
||
const detail=String(row[3]??"").trim();
|
||
const joined=[row[0],row[2],row[3],row[13],row[14],row[15],row[16]].map(v=>String(v??"").trim()).join(" ");
|
||
return first==="\uB0A0\uC9DC"||first.startsWith("*\uC790\uB8CC\uCD9C\uCC98")||project==="\uC801\uC694"||detail==="\uC801\uC694"||project.includes("\uC790\uB8CC\uCD9C\uCC98")||joined.includes("\uC6D0\uACC4\uC57D\uAE08")||joined.includes("\uC218\uAE08/\uC9C0\uAE09\uCC98");
|
||
}
|
||
function getOutsourceEntry(map,key,name){
|
||
const current=map.get(key);
|
||
if(current) return current;
|
||
const next={name,key,baseKey:normalizeProjectBase(name),vendors:new Set(),items:[],contract:0,contractIn:0,paid:0,paidIn:0,remaining:0,remainingIn:0};
|
||
map.set(key,next);
|
||
return next;
|
||
}
|
||
function createOutsourceItem(entry,vendor,projectName,detail,row,layout){
|
||
const contractEx=num(row[layout.contractEx]);
|
||
const contractIn=layout.contractIn>=0?num(row[layout.contractIn]):0;
|
||
const next={
|
||
vendor,
|
||
projectName,
|
||
detail:String(detail||"-").trim()||"-",
|
||
contractDate:String(row[4]??"").trim(),
|
||
startDate:String(row[5]??"").trim(),
|
||
endDate:String(row[7]??"").trim(),
|
||
contractEx,
|
||
contractIn,
|
||
invoiceDate:String(row[layout.invoiceDate]??"").trim(),
|
||
progress:String(row[layout.progress]??"").trim(),
|
||
note:"",
|
||
payments:[]
|
||
};
|
||
entry.items.push(next);
|
||
return next;
|
||
}
|
||
function buildOutsourcePayment(item,row,layout){
|
||
const invoiceDate=String(row[layout.invoiceDate]??"").trim();
|
||
const paymentDate=String(row[layout.paymentDate]??"").trim();
|
||
const paymentCell=String(row[layout.paymentAmount]??"").trim();
|
||
const remainingCell=String(row[layout.remainingAmount]??"").trim();
|
||
const paymentRaw=num(row[layout.paymentAmount]);
|
||
const remainingRaw=num(row[layout.remainingAmount]);
|
||
const label=layout.label>=0?String(row[layout.label]??"").trim():"";
|
||
const note=layout.note>=0?String(row[layout.note]??"").trim():String(row[14]??"").trim();
|
||
if(!(invoiceDate||paymentDate||paymentRaw||remainingRaw||label||note)) return null;
|
||
if(note&&!label&&!paymentDate&&!paymentRaw&&!remainingRaw&&!invoiceDate){
|
||
item.note=note;
|
||
}
|
||
return {
|
||
label,
|
||
note,
|
||
invoiceDate,
|
||
paymentDate,
|
||
paymentKnown:paymentCell!=="",
|
||
remainingKnown:remainingCell!=="",
|
||
paymentEx:paymentRaw?(layout.hasVatContract?calcVatExcluded(paymentRaw):paymentRaw):0,
|
||
paymentIn:layout.hasVatContract?paymentRaw:0,
|
||
remainingEx:remainingRaw?(layout.hasVatContract?calcVatExcluded(remainingRaw):remainingRaw):0,
|
||
remainingIn:layout.hasVatContract?remainingRaw:0
|
||
};
|
||
}
|
||
function finalizeOutsourceItem(item){
|
||
const payments=Array.isArray(item.payments)?item.payments.filter(Boolean):[];
|
||
const paidEx=Math.round(payments.reduce((sum,p)=>sum+(p.paymentEx||0),0));
|
||
const paidIn=Math.round(payments.reduce((sum,p)=>sum+(p.paymentIn||0),0));
|
||
let remainingEx=0;
|
||
let remainingIn=0;
|
||
for(let i=payments.length-1;i>=0;i--){
|
||
const payment=payments[i];
|
||
if(payment.remainingKnown){
|
||
remainingEx=Math.round(payment.remainingEx||0);
|
||
remainingIn=Math.round(payment.remainingIn||0);
|
||
break;
|
||
}
|
||
}
|
||
if(!remainingEx&&item.contractEx>0) remainingEx=Math.max(0,Math.round(item.contractEx-paidEx));
|
||
if(!remainingIn&&item.contractIn>0) remainingIn=Math.max(0,Math.round(item.contractIn-paidIn));
|
||
return {...item,payments,paidEx,paidIn,remainingEx,remainingIn};
|
||
}
|
||
function parseOutsourceRows(rows,sheetName,map){
|
||
if(!rows||rows.length<6) return;
|
||
const vendor=cleanVendorName((rows[1]||[])[0],sheetName);
|
||
const layout=getOutsourceLayout(rows);
|
||
let currentKey="",currentName="",currentItem=null;
|
||
for(const row of rows.slice(5)){
|
||
if(shouldStopOutsourceRows(row)) break;
|
||
const projectName=String(row[2]??"").trim();
|
||
const projectKey=normalizeProjectKey(projectName);
|
||
const detail=String(row[3]??"").trim();
|
||
const validProject=projectKey&&projectKey!=="ref";
|
||
if(validProject){
|
||
currentKey=projectKey;
|
||
currentName=projectName;
|
||
const entry=getOutsourceEntry(map,currentKey,currentName);
|
||
entry.vendors.add(vendor);
|
||
currentItem=createOutsourceItem(entry,vendor,currentName,detail,row,layout);
|
||
const firstPayment=buildOutsourcePayment(currentItem,row,layout);
|
||
if(firstPayment) currentItem.payments.push(firstPayment);
|
||
continue;
|
||
}
|
||
if(!currentKey) continue;
|
||
const entry=getOutsourceEntry(map,currentKey,currentName);
|
||
entry.vendors.add(vendor);
|
||
const contractEx=num(row[layout.contractEx]);
|
||
const contractIn=layout.contractIn>=0?num(row[layout.contractIn]):0;
|
||
const hasFinancialRow=!!(contractEx||contractIn||num(row[layout.paymentAmount])||num(row[layout.remainingAmount]));
|
||
const hasMetaRow=!!(String(row[layout.invoiceDate]??"").trim()||String(row[layout.paymentDate]??"").trim()||String(row[layout.progress]??"").trim()||detail);
|
||
if(detail&&hasMetaRow){
|
||
currentItem=createOutsourceItem(entry,vendor,currentName,detail,row,layout);
|
||
const payment=buildOutsourcePayment(currentItem,row,layout);
|
||
if(payment) currentItem.payments.push(payment);
|
||
continue;
|
||
}
|
||
if(!currentItem){
|
||
if(!(hasFinancialRow||hasMetaRow)) continue;
|
||
currentItem=createOutsourceItem(entry,vendor,currentName,detail||"\uC678\uC8FC \uACC4\uC57D",row,layout);
|
||
}else{
|
||
if(contractEx>0) currentItem.contractEx+=contractEx;
|
||
if(contractIn>0) currentItem.contractIn+=contractIn;
|
||
if(!currentItem.progress) currentItem.progress=String(row[layout.progress]??"").trim();
|
||
}
|
||
const payment=buildOutsourcePayment(currentItem,row,layout);
|
||
if(payment) currentItem.payments.push(payment);
|
||
}
|
||
}
|
||
function parseOutsourceSheets(workbook){
|
||
const map=new Map();
|
||
const names=(workbook&&workbook.SheetNames)||[];
|
||
for(const sheetName of names){
|
||
if(!String(sheetName||"").startsWith("\uC678\uC8FC")) continue;
|
||
const sheet=workbook.Sheets[sheetName];
|
||
if(!sheet) continue;
|
||
const rows=XLSX.utils.sheet_to_json(sheet,{header:1,raw:false,defval:""});
|
||
parseOutsourceRows(rows,sheetName,map);
|
||
}
|
||
for(const entry of map.values()){
|
||
entry.items=entry.items.map(finalizeOutsourceItem).filter(item=>item.contractEx||item.contractIn||item.paidEx||item.paidIn||item.remainingEx||item.remainingIn||item.detail||item.payments.length);
|
||
entry.contract=Math.round(entry.items.reduce((sum,item)=>sum+(item.contractEx||0),0));
|
||
entry.contractIn=Math.round(entry.items.reduce((sum,item)=>sum+(item.contractIn||0),0));
|
||
entry.paid=Math.round(entry.items.reduce((sum,item)=>sum+(item.paidEx||0),0));
|
||
entry.paidIn=Math.round(entry.items.reduce((sum,item)=>sum+(item.paidIn||0),0));
|
||
entry.remaining=Math.round(entry.items.reduce((sum,item)=>sum+(item.remainingEx||0),0));
|
||
entry.remainingIn=Math.round(entry.items.reduce((sum,item)=>sum+(item.remainingIn||0),0));
|
||
}
|
||
return map;
|
||
}
|
||
function resolveOutsourceEntry(record,outsourceMap){
|
||
const fullKey=normalizeProjectKey(record.name||"");
|
||
const baseKey=normalizeProjectBase(record.name||"");
|
||
if(fullKey&&outsourceMap.has(fullKey)) return outsourceMap.get(fullKey);
|
||
if(baseKey&&outsourceMap.has(baseKey)) return outsourceMap.get(baseKey);
|
||
let best=null,bestScore=0;
|
||
for(const entry of outsourceMap.values()){
|
||
const entryFull=String(entry&&entry.key||"");
|
||
const entryBase=String(entry&&entry.baseKey||normalizeProjectBase(entry&&entry.name||""));
|
||
for(const candidate of [entryFull,entryBase]){
|
||
if(!candidate) continue;
|
||
const matched=(fullKey&&fullKey.includes(candidate))||(candidate&&fullKey&&candidate.includes(fullKey))||(baseKey&&baseKey.includes(candidate))||(candidate&&baseKey&&candidate.includes(baseKey));
|
||
if(matched&&candidate.length>bestScore){
|
||
best=entry;
|
||
bestScore=candidate.length;
|
||
}
|
||
}
|
||
}
|
||
return best;
|
||
}
|
||
function attachOutsourceCosts(records,outsourceMap){
|
||
return (records||[]).map(record=>{
|
||
const entry=resolveOutsourceEntry(record,outsourceMap);
|
||
const outsourceCost=entry?Math.round(entry.contract||0):0;
|
||
const outsourcePaid=entry?Math.round(entry.paid||0):0;
|
||
const outsourceRemaining=entry?Math.round(entry.remaining||0):0;
|
||
const outsourceCostIn=entry?Math.round(entry.contractIn||0):0;
|
||
const outsourcePaidIn=entry?Math.round(entry.paidIn||0):0;
|
||
const outsourceRemainingIn=entry?Math.round(entry.remainingIn||0):0;
|
||
const outsourceVendors=entry?Array.from(entry.vendors):[];
|
||
const outsourceItems=entry&&Array.isArray(entry.items)?entry.items.slice():[];
|
||
return {
|
||
...record,
|
||
outsourceCost,
|
||
outsourcePaid,
|
||
outsourceRemaining,
|
||
outsourceCostIn,
|
||
outsourcePaidIn,
|
||
outsourceRemainingIn,
|
||
outsourceVendors,
|
||
outsourceVendorText:summarizeOutsourceVendors(outsourceVendors),
|
||
outsourceItems
|
||
};
|
||
});
|
||
}
|
||
function parseLedgerRecords(R){
|
||
if(R.length&&R[0].length)R[0][0]=String(R[0][0]||"").replace(/^\uFEFF/,"");
|
||
const h=hs(R);if(h<0)throw new Error("헤더를 찾지 못했습니다.");
|
||
ch(R[h],R[h+1]||[]);
|
||
const I={cat:1,corp:4,code:5,name:6,pay:7,yn:8,order:9,pm:10,status:11,client:12,split:13,cDate:14,sDate:15,eDate:17,cSup:18,cVat:19,cTot:20,issueDate:21,colDate:22,sSup:23,sVat:24,sTot:25,col:26,recv:27,r:28,note:29,cmCo:30,cmNm:31,cmDp:32,cmPh:33,cmEm:34,dmCo:35,dmNm:36,dmDp:37,dmPh:38,dmEm:39};
|
||
const out=[];let current=null;
|
||
for(const row of R.slice(h+2)){
|
||
const x={
|
||
cat:textAt(row,I.cat),corp:textAt(row,I.corp),code:textAt(row,I.code),name:textAt(row,I.name),pay:textAt(row,I.pay),
|
||
yn:textAt(row,I.yn),order:textAt(row,I.order),pm:textAt(row,I.pm),status:textAt(row,I.status),client:textAt(row,I.client),
|
||
split:textAt(row,I.split),cDate:textAt(row,I.cDate),sDate:textAt(row,I.sDate),eDate:textAt(row,I.eDate),
|
||
cSup:moneyAt(row,I.cSup),cVat:moneyAt(row,I.cVat),cTot:moneyAt(row,I.cTot),issueDate:textAt(row,I.issueDate),colDate:textAt(row,I.colDate),
|
||
sSup:moneyAt(row,I.sSup),sVat:moneyAt(row,I.sVat),sTot:moneyAt(row,I.sTot),col:moneyAt(row,I.col),recv:moneyAt(row,I.recv),rateRaw:textAt(row,I.r),
|
||
note:textAt(row,I.note),cmCo:textAt(row,I.cmCo),cmNm:textAt(row,I.cmNm),cmDp:textAt(row,I.cmDp),cmPh:textAt(row,I.cmPh),cmEm:textAt(row,I.cmEm),
|
||
dmCo:textAt(row,I.dmCo),dmNm:textAt(row,I.dmNm),dmDp:textAt(row,I.dmDp),dmPh:textAt(row,I.dmPh),dmEm:textAt(row,I.dmEm)
|
||
};
|
||
if(!x.cTot) x.cTot=x.cSup+x.cVat;
|
||
if(!x.sTot) x.sTot=x.sSup+x.sVat;
|
||
if(!x.recv) x.recv=Math.max(0,x.sTot-x.col);
|
||
x.rate=rate(x.rateRaw,x.col,x.sTot);
|
||
const isProject=!!(x.code||(x.name&&(x.cat||x.corp||x.client||x.yn||x.order||x.pm)));
|
||
const isPayment=!isProject&&!!(x.pay||x.name||x.issueDate||x.colDate||x.sSup||x.sVat||x.sTot||x.col||x.recv);
|
||
if(isProject){
|
||
if(!x.name&&!x.code) continue;
|
||
if(current) out.push(finalizeProject(current));
|
||
current={...x,payments:[]};
|
||
continue;
|
||
}
|
||
if(isPayment&¤t) current.payments.push(paymentRecord(x,x.pay));
|
||
}
|
||
if(current) out.push(finalizeProject(current));
|
||
return out;
|
||
}
|
||
function extractLedgerTotals(rows){
|
||
const indexes={contract:20,collected:26,receivable:27,rate:28};
|
||
let summaryRow=null;
|
||
for(let i=(rows||[]).length-1;i>=0;i--){
|
||
const row=rows[i]||[];
|
||
const hasSummaryLabel=row.some(cell=>String(cell??"").replace(/\s+/g,"").includes("합계"));
|
||
if(hasSummaryLabel){summaryRow=row;break;}
|
||
}
|
||
if(!summaryRow) return null;
|
||
const contract=num(summaryRow[indexes.contract]);
|
||
const collected=num(summaryRow[indexes.collected]);
|
||
const receivable=num(summaryRow[indexes.receivable]);
|
||
const rateRaw=String(summaryRow[indexes.rate]??"").trim();
|
||
if(!(contract||collected||receivable||rateRaw)) return null;
|
||
const totalBase=collected+receivable;
|
||
return {contract,collected,receivable,rate:rate(rateRaw,collected,totalBase)};
|
||
}
|
||
function parseLedger(txt){
|
||
const rows=parseCsv(txt);
|
||
return {records:parseLedgerRecords(rows),totals:extractLedgerTotals(rows)};
|
||
}
|
||
function parseLedgerExcel(buf){
|
||
if(typeof XLSX==="undefined")throw new Error("XLSX 라이브러리를 불러오지 못했습니다.");
|
||
const wb=XLSX.read(buf,{type:"array",cellDates:false});
|
||
const outsourceMap=parseOutsourceSheets(wb);
|
||
const names=wb.SheetNames||[];
|
||
const preferredNames=names.filter(name=>String(name||"").includes("공유사업관리대장"));
|
||
const candidateNames=preferredNames.length?preferredNames:[...names];
|
||
let bestRecords=null;
|
||
let bestSheet="";
|
||
let bestScore=-1;
|
||
let bestTotals=null;
|
||
for(const name of candidateNames){
|
||
try{
|
||
const sheet=wb.Sheets[name];
|
||
const rows=XLSX.utils.sheet_to_json(sheet,{header:1,raw:false,defval:""});
|
||
const normalized=(rows||[]).map(r=>Array.isArray(r)?r.map(v=>String(v??"")):[]);
|
||
const records=attachOutsourceCosts(parseLedgerRecords(normalized),outsourceMap);
|
||
if(!records.length) continue;
|
||
const totals=extractLedgerTotals(normalized);
|
||
const bonus=String(name||"").includes("공유사업관리대장")?1000000:/사업관리대장/i.test(String(name||""))?10000:0;
|
||
const score=records.length+bonus;
|
||
if(score>bestScore){
|
||
bestScore=score;
|
||
bestRecords=records;
|
||
bestSheet=name;
|
||
bestTotals=totals;
|
||
}
|
||
}catch(_){
|
||
// try next sheet
|
||
}
|
||
}
|
||
if(!bestRecords) throw new Error("엑셀에서 사업관리대장 헤더를 찾지 못했습니다.");
|
||
return { records: bestRecords, sheetName: bestSheet, totals: bestTotals };
|
||
}
|
||
function decode(buf){const u=new TextDecoder("utf-8").decode(buf);let e="";try{e=new TextDecoder("euc-kr").decode(buf);}catch(_){e=u;}return score(e)>score(u)?e:u;}
|
||
function sumRows(rows){return rows.reduce((a,r)=>(a.c+=r.cTot||0,a.s+=r.sTot||0,a.col+=r.col||0,a.recv+=r.recv||0,a),{c:0,s:0,col:0,recv:0});}
|
||
function isSettledRow(r){
|
||
const noSales=(r.sTot||0)<=0&&(r.col||0)<=0&&(r.recv||0)<=0;
|
||
const statusDone=String(r.status||"").includes("완료");
|
||
const coopDone=String(r.yn||"").includes("업무협조")&&statusDone&&noSales;
|
||
return coopDone||(statusDone&&Math.round(r.recv||0)<=0&&(r.rate||0)>=100);
|
||
}
|
||
function hasActiveDashboardFilters(){
|
||
return !!String(E.search.value||"").trim()||FILTER_KEYS.some(key=>!!S.filters[key]);
|
||
}
|
||
function codeFilterLabel(r){return r.cat||"-";}
|
||
function periodFilterLabel(r){return `${d(r.sDate)} ~ ${d(r.eDate)}`;}
|
||
function outsourceFilterLabel(r){return r.outsourceCost?won(r.outsourceCost):"-";}
|
||
function amountFilterLabel(r){return won(r.cSup);}
|
||
function collectedFilterLabel(r){return won(r.col);}
|
||
function rateFilterLabel(r){return r.rate.toFixed(2)+"%";}
|
||
function uniqueFilterValues(rows,mapFn){
|
||
const seen=new Set(),out=[];
|
||
for(const row of rows){
|
||
const value=String(mapFn(row)||"").trim();
|
||
if(!value||seen.has(value)) continue;
|
||
seen.add(value);
|
||
out.push(value);
|
||
}
|
||
return out;
|
||
}
|
||
function filterDefinitions(){
|
||
return [
|
||
{key:"code",map:codeFilterLabel},
|
||
{key:"name",map:r=>r.name||"-"},
|
||
{key:"corp",map:r=>r.corp||"-"},
|
||
{key:"status",map:r=>r.status||"-"},
|
||
{key:"outsource",map:outsourceFilterLabel},
|
||
{key:"amount",map:amountFilterLabel},
|
||
{key:"collected",map:collectedFilterLabel},
|
||
{key:"rate",map:rateFilterLabel}
|
||
];
|
||
}
|
||
function closeFilterMenus(){
|
||
Object.values(E.filterMenus).forEach(menu=>menu.classList.remove("open"));
|
||
Object.values(E.filterButtons).forEach(btn=>btn.classList.remove("open"));
|
||
}
|
||
function updateFilterButtons(){
|
||
FILTER_KEYS.forEach(key=>{
|
||
const btn=E.filterButtons[key];
|
||
if(!btn) return;
|
||
const active=!!S.filters[key];
|
||
btn.classList.toggle("active",active);
|
||
btn.title=active?`${btn.dataset.label}: ${S.filters[key]}`:btn.dataset.label||"";
|
||
const mark=btn.querySelector(".th-mark");
|
||
if(mark) mark.textContent=active?"•":"";
|
||
});
|
||
}
|
||
function renderFilterMenu(key,values){
|
||
const menu=E.filterMenus[key];
|
||
if(!menu) return;
|
||
const current=String(S.filters[key]||"");
|
||
menu.innerHTML=`<button type="button" class="th-option${!current?" active":""}" data-filter-value="">전체</button>`+values.map(v=>`<button type="button" class="th-option${current===v?" active":""}" data-filter-value="${escAttr(v)}">${esc(v)}</button>`).join("");
|
||
}
|
||
function syncColumnFilters(rows){
|
||
filterDefinitions().forEach(def=>{
|
||
const values=uniqueFilterValues(rows,def.map);
|
||
if(S.filters[def.key]&&!values.includes(S.filters[def.key])) delete S.filters[def.key];
|
||
renderFilterMenu(def.key,values);
|
||
});
|
||
updateFilterButtons();
|
||
}
|
||
function toggleFilterMenu(key){
|
||
const menu=E.filterMenus[key],btn=E.filterButtons[key];
|
||
if(!menu||!btn) return;
|
||
const willOpen=!menu.classList.contains("open");
|
||
closeFilterMenus();
|
||
if(willOpen){
|
||
menu.classList.add("open");
|
||
btn.classList.add("open");
|
||
}
|
||
}
|
||
function setFilterValue(key,value){
|
||
if(value) S.filters[key]=value;
|
||
else delete S.filters[key];
|
||
syncColumnFilters(S.all);
|
||
closeFilterMenus();
|
||
filter();
|
||
}
|
||
function matchesColumnFilters(r){
|
||
if(S.filters.code&&codeFilterLabel(r)!==S.filters.code) return false;
|
||
if(S.filters.name&&(r.name||"-")!==S.filters.name) return false;
|
||
if(S.filters.corp&&(r.corp||"-")!==S.filters.corp) return false;
|
||
if(S.filters.status&&(r.status||"-")!==S.filters.status) return false;
|
||
if(S.filters.outsource&&outsourceFilterLabel(r)!==S.filters.outsource) return false;
|
||
if(S.filters.amount&&amountFilterLabel(r)!==S.filters.amount) return false;
|
||
if(S.filters.collected&&collectedFilterLabel(r)!==S.filters.collected) return false;
|
||
if(S.filters.rate&&rateFilterLabel(r)!==S.filters.rate) return false;
|
||
return true;
|
||
}
|
||
function setText(id,v){const el=G(id);if(el)el.textContent=v||"-";}
|
||
function renderPaymentsHtml(payments){
|
||
if(!payments||!payments.length) return '<div class="pay-empty">대금 차수 정보가 없습니다.</div>';
|
||
return payments.map(p=>`<div class="pay-item"><div class="pay-head"><div class="pay-name">${esc(p.pay||"미입력")}</div><div style="font-size:11px;color:#64748b;font-weight:800;white-space:nowrap">${esc(p.status||"-")}</div></div><div class="pay-meta"><span>발행일 ${esc(d(p.issueDate))}</span><span>수금일 ${esc(d(p.collectDate))}</span><span>공급가액 ${esc(won(p.supply))}</span><span>수금금액 ${esc(won(p.collected))}</span></div>${p.note?`<div class="pay-note">비고: ${esc(p.note)}</div>`:""}</div>`).join("");
|
||
}
|
||
function renderOutsourcePayments(payments){
|
||
const list=(payments||[]).filter(payment=>payment&&(payment.label||payment.note||payment.invoiceDate||payment.paymentDate||payment.paymentEx||payment.remainingEx||payment.paymentIn||payment.remainingIn));
|
||
if(!list.length) return "";
|
||
return `<div class="out-payments">${list.map((payment,index)=>`<div class="out-payment"><div class="out-payment-head"><span>${esc(payment.label||`\uC9C0\uAE09 ${index+1}`)}</span><span>${esc(payment.paymentDate?d(payment.paymentDate):"-")}</span></div><div class="out-payment-meta"><span>\uACC4\uC0B0\uC11C\uC77C\uC790 ${esc(payment.invoiceDate?d(payment.invoiceDate):"-")}</span><span>\uC9C0\uAE09\uAE08\uC561 ${esc(payment.paymentEx?won(payment.paymentEx):"-")}</span><span>\uC794\uC5EC\uAE08\uC561 ${esc(payment.remainingEx||payment.remainingEx===0?won(payment.remainingEx):"-")}</span></div>${payment.note?`<div class="out-note">\uBE44\uACE0: ${esc(payment.note)}</div>`:""}</div>`).join("")}</div>`;
|
||
}
|
||
function countOutsourceStages(r){
|
||
return (r.outsourceItems||[]).reduce((sum,item)=>{
|
||
const stages=(item.payments||[]).filter(payment=>payment&&(payment.label||payment.note||payment.invoiceDate||payment.paymentDate||payment.paymentEx||payment.remainingEx||payment.paymentIn||payment.remainingIn));
|
||
return sum+(stages.length||1);
|
||
},0);
|
||
}
|
||
function summarizeOutsourceCounts(r){
|
||
const vendors=(r.outsourceVendors||[]).length;
|
||
const contracts=(r.outsourceItems||[]).length;
|
||
const stages=countOutsourceStages(r);
|
||
const parts=[];
|
||
if(vendors) parts.push(`외주처 ${vendors.toLocaleString("ko-KR")}곳`);
|
||
if(contracts) parts.push(`계약 ${contracts.toLocaleString("ko-KR")}건`);
|
||
if(stages) parts.push(`지급단계 ${stages.toLocaleString("ko-KR")}건`);
|
||
return parts.join(" · ")||"외주 내역 없음";
|
||
}
|
||
function renderOutsourceHtml(items){
|
||
if(!items||!items.length) return '<div class="pay-empty">외주 상세 정보가 없습니다.</div>';
|
||
return items.map(item=>{
|
||
const stageCount=(item.payments||[]).filter(payment=>payment&&(payment.label||payment.note||payment.invoiceDate||payment.paymentDate||payment.paymentEx||payment.remainingEx||payment.paymentIn||payment.remainingIn)).length;
|
||
const stageText=stageCount?`지급단계 ${stageCount.toLocaleString("ko-KR")}건`:"지급내역 없음";
|
||
const periodText=(d(item.startDate)==="-"&&d(item.endDate)==="-")?"-":`${d(item.startDate)} ~ ${d(item.endDate)}`;
|
||
return `<div class="out-item"><div class="out-head"><div><div class="out-vendor">${esc(item.vendor||"외주")}</div><div class="out-name">${esc(item.detail||"-")}</div></div><div style="font-size:11px;color:#64748b;font-weight:800;white-space:nowrap">${esc(item.progress||stageText)}</div></div><div class="out-meta"><span>계약기간 ${esc(periodText)}</span><span>계약금액 ${esc(item.contractEx?won(item.contractEx):"-")}</span><span>지급금액 ${esc(item.paidEx||item.paidEx===0?won(item.paidEx):"-")}</span><span>잔여금액 ${esc(item.remainingEx||item.remainingEx===0?won(item.remainingEx):"-")}</span><span>계산서일자 ${esc(item.invoiceDate?d(item.invoiceDate):"-")}</span><span>${esc(stageText)}</span></div>${item.note?`<div class="out-note">비고: ${esc(item.note)}</div>`:""}${renderOutsourcePayments(item.payments||[])}</div>`;
|
||
}).join("");
|
||
}
|
||
function renderContactCompact(label,name,company,dept,phone,email){
|
||
return `<div class="summary-card"><div class="summary-label">${esc(label)}</div><div style="margin-top:6px;font-size:16px;font-weight:900">${esc(name||"-")}</div><div class="summary-note">${esc([company||"-",dept||"-"].join(" · "))}</div><div class="summary-note">${esc(`전화 ${phone||"-"} / 메일 ${email||"-"}`)}</div></div>`;
|
||
}
|
||
function renderOutsourceBoard(r){
|
||
const items=r.outsourceItems||[];
|
||
if(!items.length){
|
||
return `<div class="ledger-block outsource"><div class="ledger-head"><div class="ledger-head-left"><div class="ledger-icon">O</div><div><div class="ledger-name">외주 계약 / 지급 현황</div><div class="ledger-sub">등록된 외주 데이터 없음</div></div></div><div class="ledger-pill">총 계약 0원</div></div><div class="ledger-empty">외주 상세 정보가 없습니다.</div></div>`;
|
||
}
|
||
return `<div class="ledger-block outsource"><div class="ledger-head"><div class="ledger-head-left"><div class="ledger-icon">O</div><div><div class="ledger-name">외주 계약 / 지급 현황</div><div class="ledger-sub">VAT 별도</div></div></div><div class="ledger-pill">총 계약 ${esc(r.outsourceCost?won(r.outsourceCost):"-")}</div></div><div class="ledger-table-wrap"><table class="ledger-table"><thead><tr><th>외주처 / 계약명</th><th>계약기간</th><th style="text-align:right">계약금액</th><th style="text-align:right">지급금액</th><th style="text-align:right">잔여금액</th><th>진행현황</th><th>비고</th></tr></thead><tbody>${items.map(item=>{const periodText=(d(item.startDate)==="-"&&d(item.endDate)==="-")?"-":`${d(item.startDate)} ~ ${d(item.endDate)}`;const noteLines=(item.payments||[]).map(payment=>{const label=String(payment.label||"").trim();const note=String(payment.note||"").trim();if(!label&&!note) return "";if(label&¬e) return `${label}: ${note}`;return label||note;}).filter(Boolean);if(item.note) noteLines.unshift(item.note);return `<tr><td><span class="ledger-main">${esc(item.vendor||"외주")}</span><span class="ledger-muted">${esc(item.detail||"-")}</span></td><td><span class="ledger-main">${esc(periodText)}</span></td><td class="ledger-amount">${esc(item.contractEx?won(item.contractEx):"-")}</td><td class="ledger-amount">${esc(item.paidEx||item.paidEx===0?won(item.paidEx):"-")}</td><td class="ledger-amount">${esc(item.remainingEx||item.remainingEx===0?won(item.remainingEx):"-")}</td><td><span class="ledger-note">${esc(item.progress||"-")}</span></td><td><span class="ledger-note">${esc(noteLines.join(" / ")||"-")}</span></td></tr>`;}).join("")}</tbody></table></div></div>`;
|
||
}
|
||
function renderCollectionBoard(r){
|
||
const payments=r.payments&&r.payments.length?r.payments:[{pay:r.pay||"-",issueDate:r.issueDate||"",collectDate:r.collectDateSummary||r.colDate||"",supply:r.sSup||0,collected:r.col||0,receivable:r.recv||Math.max(0,(r.sTot||0)-(r.col||0)),rate:r.rate||0,note:r.note||"",status:r.status||"-"}];
|
||
return `<div class="ledger-block collect"><div class="ledger-head"><div class="ledger-head-left"><div class="ledger-icon">C</div><div><div class="ledger-name">수금 및 기성 현황</div><div class="ledger-sub">VAT 별도</div></div></div><div class="ledger-pill">총 수금 ${esc(won(r.col))}</div></div><div class="ledger-table-wrap"><table class="ledger-table"><thead><tr><th>발행 / 수금일</th><th>구분</th><th style="text-align:right">공급가액</th><th style="text-align:right">수금금액</th><th style="text-align:right">미수금액</th><th style="text-align:right">수금율</th><th>비고</th></tr></thead><tbody>${payments.map(payment=>{const dateParts=[payment.issueDate?`발행 ${d(payment.issueDate)}`:"",payment.collectDate?`수금 ${d(payment.collectDate)}`:""].filter(Boolean);const noteParts=[];if(payment.status) noteParts.push(payment.status);if(payment.note) noteParts.push(payment.note);return `<tr><td><span class="ledger-main">${esc(dateParts[0]||"-")}</span><span class="ledger-muted">${esc(dateParts[1]||"수금일 없음")}</span></td><td><span class="ledger-main">${esc(payment.pay||"미입력")}</span></td><td class="ledger-amount">${esc(won(payment.supply||0))}</td><td class="ledger-amount">${esc(won(payment.collected||0))}</td><td class="ledger-amount">${esc(won(payment.receivable||0))}</td><td class="ledger-amount">${esc(((payment.rate||0).toFixed?payment.rate.toFixed(2):Number(payment.rate||0).toFixed(2))+"%")}</td><td><span class="ledger-note">${esc(noteParts.join(" / ")||"-")}</span></td></tr>`;}).join("")}</tbody></table></div></div>`;
|
||
}
|
||
function renderProjectInline(r){
|
||
const payments=r.payments||[];
|
||
const latestCollect=d(r.collectDateSummary||r.colDate);
|
||
const collectCountText=payments.length?`차수 ${payments.length.toLocaleString("ko-KR")}건`:"수금 내역 없음";
|
||
const outsourceCountText=summarizeOutsourceCounts(r);
|
||
const hasOutsource=(r.outsourceItems||[]).length>0||(r.outsourceCost||0)>0||(r.outsourcePaid||0)>0||(r.outsourceRemaining||0)>0;
|
||
const summaryCards=[
|
||
`<div class="summary-card"><div class="summary-label">계약금</div><div class="summary-value">${esc(won(r.cSup))}</div><div class="summary-note">VAT 별도</div></div>`,
|
||
`<div class="summary-card"><div class="summary-label">수금액</div><div class="summary-value">${esc(won(r.col))}</div><div class="summary-note">${esc(latestCollect==="-"?"수금일 없음":`최종 수금일 ${latestCollect}`)}</div></div>`,
|
||
`<div class="summary-card"><div class="summary-label">수금율</div><div class="summary-value">${esc(r.rate.toFixed(2)+"%")}</div><div class="summary-note">${esc(collectCountText)}</div></div>`
|
||
].filter(Boolean).join("");
|
||
const bottomNotes=[
|
||
`<div class="summary-note">미수금액 ${esc(won(r.recv))}</div>`
|
||
].join("");
|
||
const boards=[
|
||
hasOutsource?renderOutsourceBoard(r):"",
|
||
renderCollectionBoard(r)
|
||
].filter(Boolean).join("");
|
||
return `<div class="inline-panel"><div class="project-head"><div class="inline-card"><div class="project-meta-grid"><div class="kv"><div class="kvk">계약법인</div><div class="kvv">${esc(r.corp||"-")}</div></div><div class="kv"><div class="kvk">발주처</div><div class="kvv">${esc(r.client||"-")}</div></div><div class="kv"><div class="kvk">발주방법</div><div class="kvv">${esc(r.order||"-")}</div></div><div class="kv"><div class="kvk">PM</div><div class="kvv">${esc(r.pm||"-")}</div></div></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px">${renderContactCompact("계약 / 청구 담당자",r.cmNm,r.cmCo,r.cmDp,r.cmPh,r.cmEm)}${renderContactCompact("부서 담당자",r.dmNm,r.dmCo,r.dmDp,r.dmPh,r.dmEm)}</div></div><div class="inline-card"><div class="summary-grid">${summaryCards}</div><div style="margin-top:10px" class="progress"><div class="bar" style="width:${Math.max(0,Math.min(100,r.rate||0))}%"></div></div><div style="display:flex;justify-content:space-between;gap:10px;margin-top:10px">${bottomNotes}</div></div></div><div class="ledger-stack">${boards}</div></div>`;
|
||
}
|
||
function closeAllModals(){
|
||
E.collectModal.classList.remove("show");
|
||
E.outsourceModal.classList.remove("show");
|
||
}
|
||
function toggleInlineDetail(r){
|
||
const key=rowKey(r);
|
||
S.expanded.key=S.expanded.key===key?"":key;
|
||
render();
|
||
}
|
||
function openCollectionModal(r){
|
||
setText("mCat",r.cat||"미분류");G("mCat").classList.toggle("ok",(r.status||"").includes("완료"));setText("mTitle",r.name||"-");setText("mSub","Project Code: "+(r.code||"-")+" · 계약법인: "+(r.corp||"-"));
|
||
setText("mClient",r.client||"-");setText("mOrder",r.order||"-");setText("mSplit",r.split||"-");setText("mStartDate",d(r.sDate));setText("mEndDate",d(r.eDate));setText("mPayType",r.pay||"-");G("mPayItems").innerHTML=renderPaymentsHtml(r.payments||[]);
|
||
setText("mContractTotal",won(r.cTot));setText("mContractSupply","공급가액: "+won(r.cSup));setText("mCollected",won(r.col));setText("mCollectDate",(r.payments&&r.payments.length>1?"최근 수금일: ":"수금일: ")+d(r.collectDateSummary||r.colDate));setText("mRate",r.rate.toFixed(2)+"%");setText("mReceivable",won(r.recv));G("mRateBar").style.width=Math.max(0,Math.min(100,r.rate||0))+"%";
|
||
setText("mCmName",r.cmNm||"-");setText("mCmOrg",(r.cmCo||"-")+" · "+(r.cmDp||"-"));setText("mCmPhone","전화: "+(r.cmPh||"-"));setText("mCmEmail","메일: "+(r.cmEm||"-"));
|
||
setText("mDmName",r.dmNm||"-");setText("mDmOrg",(r.dmCo||"-")+" · "+(r.dmDp||"-"));setText("mDmPhone","전화: "+(r.dmPh||"-"));setText("mDmEmail","메일: "+(r.dmEm||"-"));
|
||
closeAllModals();
|
||
E.collectModal.classList.add("show");
|
||
}
|
||
function openOutsourceModal(r){
|
||
setText("oTitle",r.name||"-");
|
||
setText("oSub","Project Code: "+(r.code||"-")+" · PM: "+(r.pm||"-"));
|
||
setText("oCorp",r.corp||"-");
|
||
setText("oClient",r.client||"-");
|
||
setText("oVendors",r.outsourceVendorText||"-");
|
||
setText("oTotal",r.outsourceCost?won(r.outsourceCost):"-");
|
||
setText("oCount",(r.outsourceItems||[]).length?`${(r.outsourceItems||[]).length.toLocaleString("ko-KR")}건`:"0건");
|
||
setText("oPeriod",r.periodText||"-");
|
||
setText("oTotalHero",r.outsourceCost?won(r.outsourceCost):"-");
|
||
setText("oTotalHint",(r.outsourceItems||[]).length?"시트별 외주 상세 내역 합산":"외주 상세 정보가 없습니다.");
|
||
G("oItems").innerHTML=renderOutsourceHtml(r.outsourceItems||[]);
|
||
closeAllModals();
|
||
E.outsourceModal.classList.add("show");
|
||
}
|
||
function outsourceSummaryText(r){
|
||
const contracts=(r.outsourceItems||[]).length;
|
||
const stages=countOutsourceStages(r);
|
||
const parts=[];
|
||
if(contracts) parts.push(`계약 ${contracts.toLocaleString("ko-KR")}건`);
|
||
if(stages) parts.push(`지급단계 ${stages.toLocaleString("ko-KR")}건`);
|
||
if(parts.length) return parts.join(" · ");
|
||
return "-";
|
||
}
|
||
function render(){
|
||
const rows=S.rows,t=sumRows(rows),viewRows=rows.slice().sort((a,b)=>{const as=isSettledRow(a),bs=isSettledRow(b);if(as!==bs)return as?1:-1;return (b.recv||0)-(a.recv||0);});
|
||
const useSheetTotals=!!(S.totals&&!hasActiveDashboardFilters());
|
||
const totalContract=useSheetTotals?S.totals.contract:t.c;
|
||
const totalCollected=useSheetTotals?S.totals.collected:t.col;
|
||
const totalReceivable=useSheetTotals?S.totals.receivable:t.recv;
|
||
const totalRate=useSheetTotals?S.totals.rate:rate("",totalCollected,totalCollected+totalReceivable);
|
||
S.viewRows=viewRows;
|
||
E.cards.innerHTML=[["총 프로젝트수",rows.length.toLocaleString("ko-KR")+" 건"],["총 계약금",won(totalContract)],["총 수금금액",won(totalCollected)],["총 미수금액",won(totalReceivable)],["총 수금율",totalRate.toFixed(2)+"%"]].map(c=>`<div class="card"><div class="k">${esc(c[0])}</div><div class="v">${esc(c[1])}</div></div>`).join("");
|
||
E.tbody.innerHTML=viewRows.map((r,i)=>{
|
||
const key=rowKey(r);
|
||
const detailOpen=S.expanded.key===key;
|
||
const detailHtml=detailOpen?renderProjectInline(r):"";
|
||
return `<tr data-i="${i}" class="${isSettledRow(r)?"settled":""}"><td><div class="badge">${esc(r.cat||"-")}</div><div class="subline">ID: ${esc(r.code||"-")}</div></td><td><div class="name">${esc(r.name||"-")}</div><div class="subline">${esc(r.periodText||"-")}</div></td><td><div>${esc(r.corp||"-")}</div></td><td><div class="badge ${(r.status||"").includes("완료")?"ok":""}">${esc(r.status||"-")}</div><div class="subline">${esc(r.yn||"-")}</div></td><td class="num"><strong>${esc(r.outsourceCost?won(r.outsourceCost):"-")}</strong></td><td class="num"><strong>${esc(won(r.cSup))}</strong></td><td class="num"><strong>${esc(won(r.col))}</strong></td><td class="num"><strong style="color:${isSettledRow(r)?"#94a3b8":"#2563eb"}">${esc(r.rate.toFixed(2)+"%")}</strong></td></tr>${detailHtml?`<tr class="detail-row"><td class="detail-cell" colspan="8">${detailHtml}</td></tr>`:""}`;
|
||
}).join("");
|
||
E.empty.style.display=rows.length?"none":"block";
|
||
const settledCount=S.all.filter(isSettledRow).length;
|
||
E.status.textContent=S.all.length?`로드 완료: ${S.all.length.toLocaleString("ko-KR")}건${S.file?` · 파일: ${S.file}`:""}${settledCount?` · 완납 ${settledCount.toLocaleString("ko-KR")}건 하단 정렬`:""}`:"CSV/XLSX 파일을 업로드하면 데이터가 표시됩니다.";
|
||
}
|
||
function filter(){const q=String(E.search.value||"").trim().toLowerCase();const searched=!q?S.all.slice():S.all.filter(r=>[r.code,r.name,r.client,r.pm,r.status,r.cat,r.corp,r.pay,(r.payments||[]).map(p=>p.pay).join(" "),r.periodText,r.outsourceVendorText,(r.outsourceItems||[]).map(item=>[item.vendor,item.detail,item.progress,item.note,(item.payments||[]).map(payment=>[payment.label,payment.note,payment.invoiceDate,payment.paymentDate].join(" ")).join(" ")].join(" ")).join(" "),outsourceFilterLabel(r),amountFilterLabel(r),collectedFilterLabel(r)].join(" ").toLowerCase().includes(q));S.rows=searched.filter(matchesColumnFilters);render();}
|
||
function applyParsedLedgerResult(fileName,parsed,sheetName){
|
||
S.all=parsed.records;
|
||
S.totals=parsed.totals||null;
|
||
S.file=(fileName||"")+(sheetName?` [${sheetName}]`:"");
|
||
syncColumnFilters(S.all);
|
||
filter();
|
||
}
|
||
async function loadLedgerFile(buffer,fileName){
|
||
const isExcel=/\.(xlsx|xls)$/i.test(String(fileName||""));
|
||
if(isExcel){
|
||
const parsed=parseLedgerExcel(buffer);
|
||
applyParsedLedgerResult(fileName,parsed,parsed.sheetName||"");
|
||
return;
|
||
}
|
||
const parsed=parseLedger(decode(buffer));
|
||
applyParsedLedgerResult(fileName,parsed,"");
|
||
}
|
||
E.btnUpload.addEventListener("click",()=>E.file.click());
|
||
E.file.addEventListener("change",async e=>{
|
||
const f=e.target.files&&e.target.files[0];
|
||
try{
|
||
if(f){
|
||
const buf=await f.arrayBuffer();
|
||
await loadLedgerFile(buf,f.name||"");
|
||
}
|
||
}catch(err){
|
||
S.all=[];S.rows=[];S.totals=null;syncColumnFilters([]);closeAllModals();render();E.status.textContent="업로드 실패: "+(err&&err.message?err.message:String(err));
|
||
}
|
||
e.target.value="";
|
||
});
|
||
E.search.addEventListener("input",filter);
|
||
Object.values(E.filterButtons).forEach(btn=>btn.addEventListener("click",e=>{e.stopPropagation();toggleFilterMenu(btn.dataset.filter);}));
|
||
Object.values(E.filterMenus).forEach(menu=>menu.addEventListener("click",e=>{
|
||
e.stopPropagation();
|
||
const option=e.target&&e.target.closest?e.target.closest("button[data-filter-value]"):null;
|
||
if(!option) return;
|
||
setFilterValue(menu.dataset.filter,option.getAttribute("data-filter-value")||"");
|
||
}));
|
||
E.tbody.addEventListener("click",e=>{
|
||
const rowEl=e.target&&e.target.closest?e.target.closest("tr[data-i]"):null;
|
||
if(!rowEl) return;
|
||
const r=S.viewRows[parseInt(rowEl.getAttribute("data-i"),10)];
|
||
if(!r) return;
|
||
toggleInlineDetail(r);
|
||
});
|
||
E.btnCollectClose.addEventListener("click",closeAllModals);
|
||
E.btnOutsourceClose.addEventListener("click",closeAllModals);
|
||
E.collectModal.addEventListener("click",e=>{if(e.target===E.collectModal)closeAllModals();});
|
||
E.outsourceModal.addEventListener("click",e=>{if(e.target===E.outsourceModal)closeAllModals();});
|
||
document.addEventListener("click",e=>{if(!(e.target&&e.target.closest&&e.target.closest(".th-head")))closeFilterMenus();});
|
||
document.addEventListener("keydown",e=>{if(e.key==="Escape"){closeFilterMenus();closeAllModals();}});
|
||
window.addEventListener("message",async e=>{
|
||
const data=e.data||{};
|
||
if(data.source==="total-control"&&data.type==="embedded-host") E.btnUpload.style.display="none";
|
||
if(data.source!=="total-upload"||data.type!=="business") return;
|
||
try{
|
||
const buffer=data.buffer instanceof ArrayBuffer?data.buffer:(data.buffer&&data.buffer.buffer instanceof ArrayBuffer?data.buffer.buffer:null);
|
||
if(!buffer) throw new Error("업로드 데이터가 비어 있습니다.");
|
||
await loadLedgerFile(buffer,data.fileName||"사업관리대장.xlsx");
|
||
}catch(err){
|
||
S.all=[];S.rows=[];S.totals=null;syncColumnFilters([]);closeAllModals();render();E.status.textContent="업로드 실패: "+(err&&err.message?err.message:String(err));
|
||
}
|
||
});
|
||
syncColumnFilters([]);
|
||
render();
|
||
</script>
|
||
__LEDGER_BODY_SCRIPTS__</body>
|
||
</html>
|