/* ============================================================ Screen: Sales — 売上一覧 / 締め処理 / 一括入力 ============================================================ */ function Sales({ ctx }) { const { db, tours, openSettle, go, toast } = ctx; const [tab, setTab] = React.useState("list"); const [biz, setBiz] = React.useState("all"); const [bulk, setBulk] = React.useState(false); const rows = db.sales.filter((s) => biz === "all" || s.biz === biz); const total = rows.reduce((a, s) => a + s.amount, 0); const heldSum = rows.filter((s) => s.biz === "tour").reduce((a, s) => a + s.amount, 0); const confSum = total - heldSum; return (

売上管理

事業区分・チャネル別に売上を計上し、月次・ツアー単位で締める

setTab("list")}>売上一覧
setTab("close")}>締め処理
{tab === "list" && <>
うち預かり（ツアー）
うち確定（EC/倉庫/卸/単発）
{Object.values(db.businessTypes).map((b) => ( ))}
{rows.length} 件
{rows.map((s) => { const c = db.clientById(s.clientId); const held = s.biz === "tour"; return ( ); })}
日付事業区分クライアント内容チャネル決済区分金額
{s.date.slice(5)} {db.businessTypes[s.biz].label}
{c.name}
 {db.categories[s.cat]}
{s.note}
 {s.channel === "online" ? "オンライン" : "現場"} {s.pay} {held ? 預かり : 確定}
} {tab === "close" && } {bulk && setBulk(false)} />}
); } /* ---------- Close processing tab ---------- */ function CloseTab({ ctx }) { const { db, tours, consign, openSettle, settleConsign, toast } = ctx; const pending = tours.filter((t) => t.status === "pending"); const ecPending = (consign || []).filter((c) => c.status !== "settled"); const [settleEc, setSettleEc] = React.useState(null); return (
{/* monthly */}

月次締め（ツアー外物販）

EC・倉庫業・単発・卸 — 月末締め
2026年5月
締め済 ・ 4件の請求書を発行
2026年6月（進行中）
売上記録の42%を取込済
{/* deposit settlements: two cycles */}

預かり金の精算

委託契約の預かり金を精算（手数料を確定）
ツアー精算 — 終了時{pending.length}件
{pending.length === 0 &&
精算待ちのツアーはありません
} {pending.map((t, i) => { const c = db.clientById(t.clientId); const share = Math.round(t.held * t.commission / 100); return (
{t.name}
{c.name} ・ {t.end} 終了
預かり金
当社取り分 {t.commission}%
); })}
EC委託 月次精算 — 月末締め{ecPending.length}件
{ecPending.length === 0 &&
月次精算待ちのEC委託はありません
} {ecPending.map((ec, i) => { const c = db.clientById(ec.clientId); const share = Math.round(ec.held * ec.commission / 100); return (
{c.name}
{ec.channel} ・ {ec.month} 締め分 ・ {ec.orders}件
EC委託・月次
預かり金
当社取り分 {ec.commission}%
); })}
{settleEc && setSettleEc(null)} />}
); } /* ---------- Bulk onsite input modal ---------- */ function BulkInputModal({ ctx, onClose }) { const { db, toast } = ctx; const goods = db.products.filter((p) => p.clientId === "c-stella"); const [qty, setQty] = React.useState(goods.map(() => 0)); const [venue, setVenue] = React.useState("Zepp Tokyo（6/4）"); const total = goods.reduce((a, p, i) => a + p.price * qty[i], 0); const set = (i, v) => setQty((q) => q.map((x, j) => (j === i ? Math.max(0, parseInt(v || 0)) : x))); return (
合計預かり計上
}>
{goods.map((p, i) => ( ))}
商品単価数量小計
{p.name}
{p.sku}
set(i, e.target.value)} style={{ width: 52, height: 32, textAlign: "center", padding: 0 }} />
STELLA IDOL PROJECT はツアー＝委託契約のため、この売上は全額 預かり金 として計上されます。
); } /* ---------- EC委託 月次精算 modal ---------- */ function ConsignSettleModal({ ctx, item, onClose }) { const { db, settleConsign, go } = ctx; const [step, setStep] = React.useState(0); const c = db.clientById(item.clientId); const gross = item.held; const share = Math.round(gross * item.commission / 100); const fee = item.paymentFee || 0; const pay = gross - share - fee; if (step === 1) { return ( }>

{c.name} ・ {item.month} EC委託

月次の預かり金 {db.yen(gross)} を精算しました。

確定売上に振替
クライアント支払額
 ); } return (
経理ロールのみ確定可能
}>
{c.name}
{item.channel} ・ 手数料 {item.commission}% ・ {item.orders}件
月次サイクル
精算内訳
預かり金（{item.month} 月次 EC売上）
販売手数料（当社取り分 {item.commission}%）+
決済手数料（当社立替分）−
クライアントお支払額
ツアーと同じ「委託＝預かり」ですが、精算サイクルが月次です。確定すると {db.yen(share)} が確定売上へ振り替わります。
); } Object.assign(window, { Sales });