/原因/.test(x.name||"") && x.state==="done")
|| visits.some(v => (v.steps||[]).some(s => (s.factKey==="survey_reported" || s.n==="報告") && s.s==="done"));
const vPaid = visits.map(dPaidOf);
const vAllPaid = visits.length>0 && vPaid.every(p=>p.ok);
const vPaidDate = vAllPaid ? (vPaid.map(p=>p.date).filter(Boolean).pop() || "") : "";
const tsNote = t => { const ts = dTstate(t); return ts ? dTstateLabel(ts) : null; };
const hint = w => (window.unlivableApproachHint ? window.unlivableApproachHint(d, w) : null);
const muted = —;
return (
{D_STAGES.map((s,i)=>{
const st = stOf(i);
return (
{st==="done" ? "✓" : i+1}
{s}
);
})}
{tasks.map((x,i)=>)}
{!tasks.length && muted}
{visits.length ? : muted}
{works.map((w,i)=>{
const p = dPracticeOf(w), ts = tsNote(w), h = hint(w);
return (
{h && h.needsAttention && (
P1 が目安
)}
);
})}
{!works.length && {causeFound ? "工事トラックなし" : "未確定（調査結果待ち）"}}
{works.map((w,i)=>{ const p = dPaidOf(w); return ; })}
{!works.length && muted}
);
}
/* カードの見出し(池田さん版 Card の title / count / action)。 */
function DCardHead({ title, count, sub, action }) {
return (
{title}
{count!=null && {count}}
{sub && {sub}}
{action && {action}}
);
}
/* 案件カードの 1 項目(池田さん版 Field: 上にラベル・下に値)。ラベルは span、値はその次の要素 ─
E2E(numbers.spec「案件詳細の内訳」)はラベルの span の次の要素を値として読む。wide は 3 列をまたぐ。 */
function DField({ label, children, wide, labelColor, labelWeight }) {
return (
);
}
/* K18-21: タイムライン(池田さん版 Timeline)。連絡履歴(communications・0027)の新しい順 8 件。点の色は向き
(発信=ブランド・受信=緑・社内メモ=灰)。 */
const D_TL_DOT = { out:"var(--brand)", in:"var(--success)", memo:"var(--border-strong)" };
function DTimeline({ items }) {
return (
{items.map((it,i)=>(
{i}
{it.title}
{it.time}{it.by ? "／"+it.by : ""}
))}
{list.map((st,i)=>{
const done=st.s==="done", now=st.s==="now", wait=st.s==="waiting", skip=st.s==="skip", hot=now||wait;
// 打ち切り(skip)は todo と同じ色だったため「まだやることがある」と読めていた。
// 実データでは 19,390工程(原因箇所工事の57%)が打ち切りで、
// 失注・案件クローズ済・適用外などの理由が全行に入っている。
const col = done?"var(--success)" : now?"var(--brand)" : wait?"var(--warning)"
: skip?"var(--border)" : "var(--border-strong)";
const marked = markers && markers.indexOf(i)>=0, active = activeStep===i;
// 決-9: 見送り工程も開ける(取り消す導線)。消込そのものはしない。
const clickable = !!onStep;
const label = skip
? (st.skipReason ? st.n+" — "+st.skipReason+"（タップで取り消し可）" : st.n+" — 打ち切り（タップで取り消し可）")
: onStep ? st.n+" を消込む" : undefined;
return (
{i}
);
})}
);
}
/* 明細テーブル（302工事＝主作業＋付随費用） */
const D_ITEM_COLS = "minmax(96px,1.2fr) minmax(86px,1fr) 76px 74px 84px";
function DItems({ items, activeItem, activeStep, onItemTap }) {
const total = items.reduce((a,x)=>a+(x.amt||0),0);
const toneC = t => t==="warn"?"var(--warning)" : t==="green"?"var(--success)" : "var(--foreground-subtle)";
return (
{["作業","業者","金額","確定期限","状態"].map((h,i)=>(
{h}
))}
{items.map(x=>{
const hl = activeItem===x.id || (activeStep!=null && x.gate===activeStep);
return (
{ if(x.gate!=null && onItemTap){ e.stopPropagation(); onItemTap(x); } }}
style={{ display:"grid", gridTemplateColumns:D_ITEM_COLS, gap:6, padding:"7px 2px", alignItems:"center",
borderBottom:"1px solid var(--border)", cursor:x.gate!=null?"pointer":"default",
background:hl?"var(--brand-muted)":"transparent", borderRadius:hl?"var(--radius-sm)":0 }}>
{x.name}
{x.ins && 保険}
{x.vendor}
{yen(x.amt)}
{x.gateLabel}{x.gate!=null?" ⌗":""}
{x.state}
);
})}
合計 {yen(total)} ●＝保険充当 明細タップで工程 ⌗ を相互表示
);
}
/* ===== フェーズツリー ===== */
const D_TREE = "18px minmax(190px,1.15fr) minmax(126px,0.95fr) minmax(158px,1.1fr) minmax(122px,0.9fr) 30px";
function DPhaseRow({ state, label, note, noteTone, onClick, open, first }) {
const col = state==="done"?"var(--success)" : state==="now"?"var(--brand)" : state==="warn"?"var(--warning)" : "var(--border-strong)";
const Tag = onClick ? "button" : "div";
return (
{state==="done" && ✓}
{(state==="now"||state==="warn") && }
{label}
{note && {note}}
{onClick && {open?"▾":"▸"}}
);
}
/* ts(トラックの状態・K18-06): 保留・終了のときは実務列に状態の帯(保留=再開予定日 / 終了=終了結果)を出し、
行をグレーにして滞りの印も出さない(02 §8.7)。進行中(ts 無し)は従来どおり工程からの導出(ops)。 */
function DTreeRow({ open, name, sub, ops, pay, method, mk, onToggle, jump, ts }) {
const [hov, setHov] = React.useState(false);
return (
setHov(true)} onMouseLeave={()=>setHov(false)}
data-track-state={ts ? ts.status : "進行中"}
style={{ display:"grid", gridTemplateColumns:D_TREE, gap:7, alignItems:"center", padding:"9px 8px 9px 4px", cursor:"pointer",
marginLeft:21, borderTop:"1px solid var(--border)",
background:open?"var(--brand-muted)":hov?"var(--accent)":"transparent",
color: ts ? "var(--muted-foreground)" : undefined, opacity: ts ? 0.72 : 1,
transition:"background var(--duration-fast) var(--easing)" }}>
{open?"▾":"▸"}
{name}
{ts ? (
{dTstateLabel(ts)}
{dTstateNote(ts)}
) : (
{ops.text}
{mk==="delay" && ●}
)}
{pay.text}
{method}
{jump && }
);
}
function DTreeBody({ children }) {
return {children}
;
}
/* 精算-7: 精算方法(tracks.settlement_type)の編集欄。値は「—」(未設定)か
D_SETTLEMENTSのどれか(rpc_seedが返すのと同じ文字列。対応表は無い)。 */
function DMethodSelect({ value, label, onChange }) {
return (
);
}
/* 展開部の定義行（ラベル幅を揃える） */
function DDef({ label, children }) {
return (
{label}
{children}
);
}
/* トラックの状態(保留・終了・再開)の操作(K18-06)。工程レールとは別に「止まっている／どう終わったか」を持つ
(仕様 05 tracks.status/outcome・02 §8.7)。保留=理由+再開予定日必須 / 終了=終了結果(+失注・適用外は理由必須)。
「適用外」は保険トラックだけ(0092 CHECK・0096【設計判断4】)。終了中は「進行中に戻す」だけ
(終了→保留はサーバが 400。0096【設計判断3】)。保存は onChange(状態の組) → act.trackState → 7 キーの書き換え。 */
function DTrackStateModal({ mode, kind, label, onClose, onSave }) {
const isIns = kind === "ins";
const [reason, setReason] = React.useState("");
const [resumeOn, setResumeOn] = React.useState("");
const [outcome, setOutcome] = React.useState("完了");
const [endedOn, setEndedOn] = React.useState(dTodayIso());
const outcomes = D_TSTATE_OUTCOMES.filter(o => o !== "適用外" || isIns);
const reasonRequired = mode === "保留" || D_TSTATE_REASON_REQUIRED.indexOf(outcome) >= 0;
const valid = mode === "保留"
? (reason.trim() !== "" && /^\d{4}-\d{2}-\d{2}$/.test(resumeOn))
: (!!outcome && (!reasonRequired || reason.trim() !== ""));
const save = () => {
if (!valid) return;
onSave(mode === "保留"
? { status:"保留", holdReason:reason.trim(), resumePlannedOn:resumeOn, outcome:null, endReason:null, endedOn:null }
: { status:"終了", outcome, endReason:reason.trim() || null, endedOn:endedOn || dTodayIso(), holdReason:null, resumePlannedOn:null });
};
const inputStyle = { height:28, padding:"0 8px", borderRadius:"var(--radius-md)", border:"1px solid var(--input)", background:"var(--card)", fontSize:"var(--text-body-md)", color:"var(--foreground)", fontFamily:"var(--font-mono)" };
return (
キャンセル
{mode === "保留" ? "保留にする" : "終了する"}
}>
{mode === "終了" && (
終了結果（必須）
{outcomes.map(o => (
))}
{!isIns &&
「適用外」は保険トラックだけに使えます（調査・工事は「不要」か「失注」）。
}
)}
{mode === "保留" ? "保留理由（必須）" : reasonRequired ? "理由（失注・適用外は必須）" : "理由（任意）"}
setReason(e.target.value)}
placeholder={mode === "保留" ? "例：501退去後に実施" : "例：他社決定"} style={{ width:"100%" }} />
{mode === "保留" ? (
再開予定日（必須）
setResumeOn(e.target.value)} style={inputStyle} />
再開予定日まで滞りの対象から外れます。過ぎると進行中の扱いに戻ります。
) : (
)}
);
}
function DTrackState({ t, kind, label, onChange }) {
const ts = dTstate(t);
const [mode, setMode] = React.useState(null);
const btn = { all:"unset", fontFamily:"var(--font-sans)", fontSize:"var(--text-caption)", fontWeight:600, color:"var(--brand)", cursor:"pointer", whiteSpace:"nowrap" };
return (
{ts ? (
{dTstateLabel(ts)}
{ts.status==="保留" && ts.holdReason && {ts.holdReason}}
{ts.status==="保留" && ts.resumePlannedOn && 再開予定 {dIsoYmd(ts.resumePlannedOn)}}
{ts.status==="終了" && ts.endReason && {ts.endReason}}
{ts.status==="終了" && ts.endedOn && {dIsoYmd(ts.endedOn)}}
{ts.status==="保留" && }
) : (
進行中
{/* SF フェーズ(legacy_phase)・工程からの導出は補助表示に落とす(列は残す) */}
{t && t.status && t.status !== "—" && （{t.status}）}
)}
{mode && setMode(null)}
onSave={next=>{ setMode(null); onChange(next); }} />}
);
}
/* 訪問予定・実績(detail.visits・精算-10・0073)。最小限の一覧+追加/取消。
予定日・種別・メモの3つだけ編集できる(statusは表示だけ ─ 取消はvisit.removeで
status='cancelled'に落ちる。実施済み(SF由来の実績)はstatusで見分けて印を出す)。 */
function DVisits({ visits, onAdd, onEdit, onRemove }) {
const list = visits || [];
if (!list.length) {
return ;
}
return (
{list.map((v,i)=>(
onEdit(i,{ plannedOn: val||null })} />
onEdit(i,{ kind: val })} />
onEdit(i,{ note: val })} />
{v.status==="done" && 実施済み{v.visitedOn?" "+v.visitedOn:""}}
{v.status==="cancelled" && 取消済み}
{v.status!=="cancelled" && }
))}
setQuery(e.target.value)} onKeyDown={e => { if (e.key === "Escape") setEditing(false); }}
placeholder="会社名で検索" style={{ boxSizing:"border-box", width:180, padding:"4px 7px",
border:"1px solid var(--brand)", borderRadius:"var(--radius-sm)", outline:"none",
boxShadow:"var(--ring-focus)", background:"var(--card)", color:"var(--foreground)" }} />
{rows === null &&
検索中…
}
{error &&
{error}
}
{rows && !rows.length && !error &&
該当する取引先はありません
}
{rows && rows.map(org => (
))}
);
}
/* ⑧ 業者(調査業者・施工者)の検索・選び直し(精算-6・0069・決-27)。
DInsurerPick と同型。候補は rpc_list_partners(kind=業者)。名前だけ変えず
vendorDbId を必ず載せる(mstore-diff が track.update{ vendor_org_id } に翻訳)。 */
function DVendorPick({ value, dbId, onSave, label }) {
const shown = value && value !== "—" && value !== "未定" ? value : "";
const listId = React.useId();
const aria = label || "業者";
const [editing, setEditing] = React.useState(false);
const [query, setQuery] = React.useState("");
const [rows, setRows] = React.useState(null);
const [error, setError] = React.useState("");
React.useEffect(() => {
if (!editing) return undefined;
let live = true;
setRows(null);
setError("");
const timer = setTimeout(async () => {
const cloud = window.MarurouCloud;
try {
let result;
if (cloud && typeof cloud.listPartners === "function") {
result = await cloud.listPartners({ query: query || null, kind: "業者", limit: 30 });
} else {
result = { rows: [], offline: true };
}
if (!live) return;
setRows((result && result.rows) || []);
if (result && result.offline) setError("取引先マスタ未取得");
} catch (e) {
if (!live) return;
setRows([]);
setError((e && e.message) || "業者を読めませんでした");
}
}, query ? 250 : 0);
return () => { live = false; clearTimeout(timer); };
}, [editing, query]);
if (!editing) return (
);
return (
setQuery(e.target.value)} onKeyDown={e => { if (e.key === "Escape") setEditing(false); }}
placeholder="業者名で検索" style={{ boxSizing:"border-box", width:180, padding:"4px 7px",
border:"1px solid var(--brand)", borderRadius:"var(--radius-sm)", outline:"none",
boxShadow:"var(--ring-focus)", background:"var(--card)", color:"var(--foreground)" }} />
{rows === null &&
検索中…
}
{error &&
{error}
}
{rows && !rows.length && !error &&
該当する業者はありません
}
{rows && rows.map(org => (
))}
);
}
/* ⑲: 関係者の会社を名簿から選び直し(0086 actor.update)。
orgDbId を必ず載せる ─ 0078 の parties は orgDbId を返さないので、
画面が書いて初めて mstore-diff が actor.update を出す。
kind は立場に合わせる(施工会社→業者、他は絞らず検索)。 */
function DPartyOrgPick({ value, dbId, role, onSave, label }) {
const shown = value && value !== "—" ? value : "";
const listId = React.useId();
const aria = label || "関係者";
const partnerKind = (role === "施工会社" || role === "業者" || role === "施工者") ? "業者" : null;
const [editing, setEditing] = React.useState(false);
const [query, setQuery] = React.useState("");
const [rows, setRows] = React.useState(null);
const [error, setError] = React.useState("");
React.useEffect(() => {
if (!editing) return undefined;
let live = true;
setRows(null);
setError("");
const timer = setTimeout(async () => {
const cloud = window.MarurouCloud;
try {
let result;
if (cloud && typeof cloud.listPartners === "function") {
result = await cloud.listPartners({ query: query || null, kind: partnerKind, limit: 30 });
} else {
result = { rows: [], offline: true };
}
if (!live) return;
setRows((result && result.rows) || []);
if (result && result.offline) setError("取引先マスタ未取得");
} catch (e) {
if (!live) return;
setRows([]);
setError((e && e.message) || "名簿を読めませんでした");
}
}, query ? 250 : 0);
return () => { live = false; clearTimeout(timer); };
}, [editing, query, partnerKind]);
if (!editing) return (
);
return (
setQuery(e.target.value)} onKeyDown={e => { if (e.key === "Escape") setEditing(false); }}
placeholder="会社名・電話で検索" style={{ boxSizing:"border-box", width:200, padding:"4px 7px",
border:"1px solid var(--brand)", borderRadius:"var(--radius-sm)", outline:"none",
boxShadow:"var(--ring-focus)", background:"var(--card)", color:"var(--foreground)" }} />
{rows === null &&
検索中…
}
{error &&
{error}
}
{rows && !rows.length && !error &&
該当する取引先はありません
}
{rows && rows.map(org => (
))}
);
}
/* ㉖: 業者差し替え履歴(0069 rpc_track_vendor_changes)。いつ・誰が・前→後。 */
function DVendorHistory({ trackDbId, rows }) {
if (!trackDbId) return null;
const list = (rows || []).filter(r => r && r.trackId === trackDbId);
if (!list.length) return null;
const fmt = (iso) => {
if (!iso) return "—";
const m = String(iso).match(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})/);
if (!m) return iso;
return Number(m[2]) + "/" + Number(m[3]) + " " + m[4] + ":" + m[5];
};
const nm = (n) => (n && String(n).trim()) ? n : "未設定";
return (
差し替え履歴
{list.map(r => (
{fmt(r.changedAt)} · {r.changedByName || "—"} · {nm(r.prevVendorOrgName)} → {nm(r.newVendorOrgName)}
))}
);
}
/* K18-20(0112): トラックごとの先方担当(業者側/保険会社側)。値は rpc_case_detail_context の trackContacts を
店(MStore.trackContacts)から読む(部品と規則は TrackContacts.jsx)。案件の関係者(parties)とは別物で、
ここから関係者へは足さない。個別取得が済むまで出さない。
K-28(0117): 「付け替え/設定」から担当を選び直せる(TrackContactPicker.jsx が track.contact を積む)。
orgDbId は候補の会社(業者 = 選んだ業者・保険会社 = 保険会社の名簿 ID)。分からなければ名前で探す。 */
function DTrackContacts({ caseId, trackDbId, ready, kind, orgDbId, orgName, onToast }) {
if (window.TrackContactField) {
return ;
}
const list = ready && window.trackContactsOf ? window.trackContactsOf(caseId, trackDbId) : null;
if (!list || !list.length) return null;
return ;
}
/* H2: 工程が 1 つも無いトラックの説明。区分・精算方式・進め方に合う工程の型が無いまま作られた工事
(直す前の工事の追加・0109)で起きる。工程を後から引き直す口はまだ無い(K18-73)ので、
「状態」から終了にして、精算方式を選んで追加し直す手順を書く。 */
function DNoSteps({ t }) {
return (
工程がありません。
精算方式・進め方に合う工程の型が無いまま作られたため、進める工程が 1 つもありません（完了ではありません）。
{t && t.dbId ? "工程を後から作り直す操作はまだ無いので、要らなければ上の「状態」で終了（不要）にし、精算方式を選んで追加し直してください。" : ""}
);
}
/* 展開部：工程レール（＋明細） */
function DExpand({ t, onStep }) {
const [activeItem, setActiveItem] = React.useState(null);
const [activeStep, setActiveStep] = React.useState(null);
const items = t.detail && t.detail.items;
const markers = items ? items.filter(x=>x.gate!=null).map(x=>x.gate) : null;
return (
工程（受注→入金）・点をタップで消込
{dNoSteps(t) ?
:
}
{items &&
{ const on = activeItem===x.id; setActiveItem(on?null:x.id); setActiveStep(on?null:x.gate); }} />}
);
}
function DTab({ k, label, count, tab, setTab }) {
const [hov, setHov] = React.useState(false);
const on = tab===k;
return (
);
}
function DTabs({ tab, setTab, counts }) {
const items = [["overview","概要"],["todo","TODO"],["files","ファイル"],["parties","関係者"],["money","収支"],["comms","過去のやり取り"]];
return (
{items.map(([k,label])=>)}
タブで切替
);
}
const D_PL_COLS = "22px 1.3fr 76px 70px 74px 96px 84px";
function CaseDetail({ c, caseId, onBack, onDispatch, onPayment, onToast, onAddTask, onContact, onJump, initialStage, initialPanel }) {
const cid = caseId || (c && c.id) || (c && c.caseId) || "CASE-2471";
const store = window.useMStore ? window.useMStore() : null;
const d = React.useMemo(()=>{
const hit = window.MStore ? window.MStore.case(cid) : null;
return hit ? { ...D_EMPTY, ...hit } : D_EMPTY;
}, [cid, store]);
const [tab, setTab] = React.useState("overview");
const [openKeys, setOpenKeys] = React.useState(initialPanel?[initialPanel]:[]);
const [stepCtx, setStepCtx] = React.useState(null);
const [viewFile, setViewFile] = React.useState(null);
const [viewFileLoading, setViewFileLoading] = React.useState(false);
const [addKind, setAddKind] = React.useState(null);
const [docType, setDocType] = React.useState(null);
const closed = !!d.closed;
const [field, setField] = React.useState(false);
const [activeTodo, setActiveTodo] = React.useState(null);
const [plOpen, setPlOpen] = React.useState(false);
const [ptab, setPtab] = React.useState("すべて");
const pName = p => (window.scNorm||(x=>x))(p.name);
const [psel, setPsel] = React.useState(null);
const [detailContext, setDetailContext] = React.useState({ status:"idle" });
const [vendorChanges, setVendorChanges] = React.useState([]);
// K18-21: 見出しの「＋ トラック」で開く小さな選択(調査・工事・保険)。
const [trackMenu, setTrackMenu] = React.useState(false);
// 開いている間は、外側を押すか Esc で閉じる(選ぶまで開きっぱなしにしない)。
const trackMenuRef = React.useRef(null);
React.useEffect(() => {
if (!trackMenu) return;
const onDown = e => { if (trackMenuRef.current && !trackMenuRef.current.contains(e.target)) setTrackMenu(false); };
const onKey = e => { if (e.key === "Escape") setTrackMenu(false); };
document.addEventListener("mousedown", onDown);
document.addEventListener("keydown", onKey);
return () => { document.removeEventListener("mousedown", onDown); document.removeEventListener("keydown", onKey); };
}, [trackMenu]);
const stage = dStageInfo(d);
// K18-21: 見出しの段階チップ(盤面と同じ msStage。閉じた案件は完了)。
const caseStage = closed ? "完了" : dCaseStage(d);
// K18-13(0105): 漏水状況の選択肢(SF の picklist 8 値)と「継続中」(常時・時々)。どちらも store.jsx の
// 1 か所(LEAK_STATUS_OPTIONS / isLeakContinuing)を読む ─ 盤面・ダッシュボードの印と同じ規則。
// 語彙に無い値が入っている案件は、その値を選択肢に足して落とさない(CHECK は未定・docs/18 E-13(2))。
const leakStatus = d.leakStatus || "";
const leakOptions = React.useMemo(() => {
const base = window.LEAK_STATUS_OPTIONS || [];
return leakStatus && base.indexOf(leakStatus) < 0 ? base.concat([leakStatus]) : base;
}, [leakStatus]);
const leakContinuing = !!(window.isLeakContinuing && window.isLeakContinuing(d));
// ⑫: planOverDays/reportOverDays → ヘッダの赤/黄(Dashboard と同じ判定・文言)。完了案件は出さない。
const slaSt = React.useMemo(() => {
if(d.closed || !window.slaCaseStatus) return null;
const sla = window.slaConfig && window.MStore ? window.slaConfig(window.MStore.get()) : window.SLA_DEFAULTS;
return window.slaCaseStatus(d, sla);
}, [d]);
/* 連絡履歴(0027 rpc_list_communications・書き込み経路-10)。案件単位・1ページだけ取り、
続きは comms.loadMore()。window.useMStore と同じ「無ければ何もしない」の流儀。 */
const comms = window.useCaseComms ? window.useCaseComms(d.dbId) : { rows:[], err:"", hasMore:false, loadingMore:false, loadMore(){} };
React.useEffect(()=>{ if(initialPanel){ setTab("overview"); setOpenKeys(k=>k.indexOf(initialPanel)>=0?k:[...k,initialPanel]); } }, [initialPanel]);
// 【ページング1段目】盤面データがブラウザの控え上限を超えたため、工程レールから
// stepId/factKey/gate/skipReason を外した(0030_rail_paging.sql)。案件を開いたら
// rpc_case_steps() で1回だけ補う。失敗しても実データの表示は止めない
// (架空データに落ちない ─ 05 §5.10「実データを読めないときは赤い画面で止める」の
// 対象はあくまで案件一覧そのものが読めないときで、ここは案件は既に開けている状態の
// 追加取得なので、失敗は警告に留めて画面はそのまま使わせる)。
// stepId はこの後の書き戻し(mstore-diff.js の step.complete)に必須。補充が
// 終わる前に完了操作をすると、既存のとおり「工程がDBの行と結び付いていない」
// 警告に出る(黙って捨てない・mstore-diff.js:diffSteps)。
// **その警告が出ること自体が事故**なので、工程を触る導線は awaitStepIds() で
// 補充を待ってから進める(下の mutateStep ほか)。ここは先読みに徹する。
const dbId = d && d.dbId;
// H1(9/25): 案件をサーバの値で差し替えた(409 の読み直し・起動時・建物関係者の版合わせ)回数。
// 差し替えると開いたときに補った工程の stepId・添付・建物関係者などが案件から消えるので、
// 下の読み直しはこれも見て、開いたままでも取り直す(store.jsx applyServerCase / replaceCasesFromSeed)。
const caseRev = window.MStore && window.MStore.caseRev ? window.MStore.caseRev(cid) : 0;
React.useEffect(() => {
if (!dbId || !window.MStore || !window.MStore.ensureCaseSteps) return;
// assigneeUserId / needsAssignee / plannedOn も mergeCaseSteps が書く(0036/0038)。
window.MStore.ensureCaseSteps(cid, dbId).catch(err => {
console.warn("[案件詳細] 工程の追加情報(stepId等)を取得できませんでした。" +
"工程の完了操作は保存できない場合があります。", err);
});
}, [cid, dbId, caseRev]);
// ファイル・帳票-6(0044): 案件を開いたら共有履歴(file_shares)を読み直し、
// MStore.mergeFileShares で反映する。上のloadCaseSteps→mergeCaseStepsと同じ並び
// (**利用者の編集ではない** ─ mergeFileSharesが__MARUROU_APPLYING_REMOTE__を立てる)。
// 失敗しても実データの表示は止めない(共有履歴が古いまま出るだけ)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listFileShares) return;
let cancelled = false;
window.MarurouCloud.listFileShares(dbId).then(resp => {
if (cancelled || !window.MStore) return;
window.MStore.mergeFileShares(cid, (resp && resp.rows) || []);
}).catch(err => {
console.warn("[案件詳細] 共有履歴(file_shares)を取得できませんでした。" +
"画面には前回までの共有記録が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// ファイル・帳票-2(0058): 案件を開いたら添付ファイル一覧(attachments)を読み直し、
// MStore.mergeAttachments で反映する。上のlistFileShares→mergeFileSharesと同じ並び
// (**利用者の編集ではない** ─ mergeAttachmentsが__MARUROU_APPLYING_REMOTE__を立てる)。
// 失敗しても実データの表示は止めない(添付一覧が前回までのまま出るだけ)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listAttachments) return;
let cancelled = false;
window.MarurouCloud.listAttachments(dbId).then(resp => {
if (cancelled || !window.MStore) return;
window.MStore.mergeAttachments(cid, (resp && resp.rows) || []);
}).catch(err => {
console.warn("[案件詳細] 添付ファイル一覧を取得できませんでした。" +
"画面には前回までの一覧が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// K-7(決-8・0084): 案件を開いたら帳票の発行記録(doc_issues)を読み直し、
// MStore.mergeDocIssues で反映する。上のlistAttachments→mergeAttachmentsと同じ並び
// (**利用者の編集ではない** ─ mergeDocIssuesが__MARUROU_APPLYING_REMOTE__を立てる)。
// 失敗しても実データの表示は止めない(発行の記録が前回までのまま出るだけ)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listDocIssues) return;
let cancelled = false;
window.MarurouCloud.listDocIssues(dbId).then(resp => {
if (cancelled || !window.MStore) return;
window.MStore.mergeDocIssues(cid, (resp && resp.rows) || []);
}).catch(err => {
console.warn("[案件詳細] 帳票の発行記録を取得できませんでした。" +
"画面には前回までの記録が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// 案件詳細-14・受付-8(0060): 案件を開いたら調査チェックリスト
// (応急止水/原因特定/被害対応)を読み直し、MStore.mergeSurveyTasks で反映する。
// 上のlistFileShares→mergeFileSharesと同じ並び(**利用者の編集ではない** ─
// mergeSurveyTasksが__MARUROU_APPLYING_REMOTE__を立てる)。失敗しても実データの
// 表示は止めない(前回までの内容が出るだけ)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listSurveyTasks) return;
let cancelled = false;
window.MarurouCloud.listSurveyTasks(dbId).then(rows => {
if (cancelled || !window.MStore) return;
window.MStore.mergeSurveyTasks(cid, rows || []);
}).catch(err => {
console.warn("[案件詳細] 調査チェックリストを取得できませんでした。" +
"画面には前回までの内容が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// 盤面DB-2(0063): 案件対象部屋の構造化列(原因種別・立入方法・鍵情報・備考)を
// 案件を開いたときに補う(listSurveyTasks→mergeSurveyTasksと同じ並び)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listCaseTargetRooms) return;
let cancelled = false;
window.MarurouCloud.listCaseTargetRooms(dbId).then(rows => {
if (cancelled || !window.MStore) return;
window.MStore.mergeCaseTargetRoomDetails(cid, rows || []);
}).catch(err => {
console.warn("[案件詳細] 対象部屋の詳細(原因種別・立入方法・鍵情報・備考)を" +
"取得できませんでした。画面には前回までの内容が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// 精算-10(0073): 案件を開いたら訪問予定・実績(site_visits)を読み直し、
// MStore.mergeTrackVisits で各トラックのdetail.visitsへ反映する。
// 上のlistCaseTargetRooms→mergeCaseTargetRoomDetailsと同じ並び(**利用者の編集
// ではない** ─ mergeTrackVisitsが__MARUROU_APPLYING_REMOTE__を立てる)。
// 失敗しても実データの表示は止めない(訪問予定欄が前回までのまま出るだけ)。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listTrackVisits) return;
let cancelled = false;
window.MarurouCloud.listTrackVisits(dbId).then(resp => {
if (cancelled || !window.MStore) return;
window.MStore.mergeTrackVisits(cid, (resp && resp.rows) || []);
}).catch(err => {
console.warn("[案件詳細] 訪問予定・実績を取得できませんでした。" +
"画面には前回までの内容が出ます。", err);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// ㉖: 業者差し替え履歴(0069)。失敗しても業者欄の表示は止めない。
React.useEffect(() => {
if (!dbId || !window.MarurouCloud || !window.MarurouCloud.listTrackVendorChanges) return;
let cancelled = false;
window.MarurouCloud.listTrackVendorChanges(dbId).then(resp => {
if (cancelled) return;
setVendorChanges((resp && resp.rows) || []);
}).catch(err => {
console.warn("[案件詳細] 業者差し替え履歴を取得できませんでした。", err);
if (!cancelled) setVendorChanges([]);
});
return () => { cancelled = true; };
}, [cid, dbId, caseRev]);
// 盤面容量対策(詳細コンテキスト)。0051導入後は {building, parties} を
// 案件を開いた時だけ取得し、MStore.mergeCaseDetailContext が反映する。
// 取得済みや保存済みとは別に扱い、取得失敗でも一覧の案件表示は維持する。
React.useEffect(() => {
if (!dbId || !window.MStore || !window.MStore.ensureCaseDetailContext) return;
let alive = true;
setDetailContext({ status:"loading" });
window.MStore.ensureCaseDetailContext(cid, dbId).then(() => {
if (alive) setDetailContext({ status:"ready" });
}).catch(error => {
if (alive) setDetailContext({ status:"error", error });
});
return () => { alive = false; };
}, [cid, dbId, caseRev]);
const toggle = k => setOpenKeys(ks => ks.indexOf(k)>=0 ? ks.filter(x=>x!==k) : [...ks, k]);
const isOpen = k => openKeys.indexOf(k)>=0;
const upd = fn => { if(window.MStore) window.MStore.updateCase(cid, fn); };
const act = {
// 工程の点を押した時点で、まだ結び付いていなければ取りに行かせる
// (案件を開いたときの先読みが失敗していた場合の取り直し。awaitStepIds が
// この1本に相乗りするので、押してから待つ時間はここで先に削れる)。
step: (kind, idx, i) => { setStepCtx({ kind, idx, i });
if (window.MStore && window.MStore.ensureCaseSteps) window.MStore.ensureCaseSteps(cid, dbId).catch(() => {}); },
money: (kind, idx, f, val) => upd(n => { dTrack(n,kind,idx).detail[f] = val; }),
// 精算-7: 精算方法(tracks.settlement_typeへ翻訳される。app/write/mstore-diff.js
// SETTLE_DETAIL.method参照)。保険精算から他へ変えるときだけ、保険充当
// (insurance_allocations)が残っている可能性を一言添える ─ この画面は
// 充当の有無を持っていないので、削除も判定もせず注意を出すだけに留める
// (docs/13 精算-7・決めごと「保存は通しつつ注意文」)。
method: (kind, idx, was, val) => {
upd(n => { dTrack(n,kind,idx).detail.method = val; });
if (was === "保険精算" && val !== "保険精算") {
onToast && onToast("精算方法を保険精算から変更しました。保険充当が残っている場合は精算画面でご確認ください。");
}
},
// トラック本体(detailの外)の任意の列を直に上書きする。今は保険の証券番号
// (policyNo)だけが使う(書き込み経路-5)。
text: (kind, idx, f, val) => upd(n => { dTrack(n,kind,idx)[f] = val; }),
// K18-06: トラックの状態。null は「進行中に戻す」(track.resume)。保留・終了は
// DTrackStateModal が必須を確かめた tstate をそのまま置く(mstore-diff.js diffTrackState が
// track.hold / track.end に翻訳する。dbId が無い・サーバが拒否したときは書き込み層が赤帯を出す)。
trackState: (kind, idx, ts) => {
upd(n => { const t = dTrack(n, kind, idx); if (t) Object.assign(t, dTstateKeys(ts)); });
onToast && onToast(!ts ? "トラックを進行中に戻しました" : ts.status === "保留"
? "トラックを保留にしました（再開予定 " + dIsoYmd(ts.resumePlannedOn) + "）"
: "トラックを終了にしました（" + ts.outcome + "）");
},
// 書き込み経路-5: 保険会社は名前＋取引先マスタID。client/ownerと同じ型
// (IDが無い名前だけの変更はmstore-diffがunsupportedに回す)。
insurer: (idx, org) => upd(n => { const t = dInsList(n)[idx];
t.name = (org && org.name) || "—"; t.insurerDbId = (org && org.id) || null; }),
// ⑧: 業者(調査業者・施工者)。名簿ID必須。表示名は top-level vendor と
// detail.vendor(工事の施工者欄)の両方に載せる(mstore-diff は vendorDbId を見る)。
vendor: (kind, idx, org) => upd(n => {
const t = dTrack(n, kind, idx);
const name = (org && org.name) || "—";
t.vendor = name;
t.vendorDbId = (org && org.id) || null;
t.detail = t.detail || {};
t.detail.vendor = name;
}),
work: (idx, patch) => upd(n => Object.assign(n.works[idx], patch)),
task: (idx, patch) => upd(n => Object.assign(n.surveyTasks[idx], patch)),
spot: (idx, patch) => upd(n => Object.assign(n.spots[idx], patch)),
// 案件詳細-12(K-11・0085): 対象部屋を消す。spots[] から行を落とすと
// mstore-diff.js が spots.remove(論理削除・deleted_at)へ翻訳する。
spotRemove: idx => upd(n => { n.spots.splice(idx, 1); }),
// 書き込み経路-2: 依頼先は名前＋取引先マスタID。IDが無い名前だけの変更は
// mstore-diff が unsupported に回す。Intake の取引先ピッカーと同じ型。
client: (name, dbId) => upd(n => { n.client = name; n.clientDbId = dbId || null; }),
// 書き込み経路-1: 案件の本担当(lead_user_id)。工程の担当(assignee_user_id)とは別。
// 名簿から選んだIDを ownerDbId に載せる。名前だけの変更は保存できない。
owner: (name, dbId) => upd(n => { n.owner = name || "—"; n.ownerDbId = dbId || null; }),
// 決-21(追-4-3): 副担当・営業担当。owner と同じ型(名簿のIDで解決)。
sub: (name, dbId) => upd(n => { n.sub = name || "—"; n.subDbId = dbId || null; }),
sales: (name, dbId) => upd(n => { n.sales = name || "—"; n.salesDbId = dbId || null; }),
// K18-02(0093/0094): 案件カードの 重要事項(keyNotes)・状況(situation)・次回連絡事項
// (nextContactNote)。案件直下の文字列をそのまま書き換えると、書き込み層が
// case.update の key_notes / situation / next_contact_note に翻訳する
// (app/write/mstore-diff.js CASE_FIELD_MAP)。空文字は NULL で保存される。
caseText: (key, val) => upd(n => { n[key] = val; }),
// ⑲(0086): 関係者を名簿から差し替え。orgDbId を書くと actor.update になる。
// 管理会社は cases.mgmt_org_id も揃える(mgmtDbId → case.update)。
// 会社を変えたら旧担当者(contactDbId)は外す(別会社の担当者IDが残らないように)。
partyReplace: (idx, org) => upd(n => {
const p = (n.parties || [])[idx];
if (!p || !org || !org.id) return;
p.name = org.name || p.name;
p.orgDbId = org.id;
p.contactDbId = null;
p.phone = org.tel || p.phone || null;
if (p.role === "管理会社") n.mgmtDbId = org.id;
}),
// ⑲: 関係者を外す(actor.remove・論理削除)。管理会社は mgmtDbId も空に。
partyRemove: idx => upd(n => {
const p = (n.parties || [])[idx];
if (!p) return;
if (p.role === "管理会社") n.mgmtDbId = null;
n.parties = n.parties.filter((_, j) => j !== idx);
}),
doc: type => setDocType(type),
add: kind => setAddKind(kind),
contractor: idx => upd(n => { const ct = n.works[idx].contractor;
ct.kind==="self" && ct.sub==="確定" ? (ct.sub="提案") : ct.kind==="self" ? (ct.kind="other", ct.sub=null) : (ct.kind="self", ct.sub="確定"); }),
// 精算-10(0073): 訪問予定・実績(detail.visits)。追加は空欄のまま送ると
// kindがNOT NULLで保存が丸ごと弾かれるため、既定値(現地対応)を入れておく
// (画面からすぐ変えられる)。
visitAdd: (kind, idx) => upd(n => {
const t = dTrack(n, kind, idx);
t.detail = t.detail || {};
t.detail.visits = Array.isArray(t.detail.visits) ? t.detail.visits : [];
t.detail.visits.push({ id: "SVN-" + Date.now() + "-" + Math.random().toString(36).slice(2, 6),
plannedOn: null, kind: "現地対応", note: "" });
}),
visit: (kind, idx, i, patch) => upd(n => { Object.assign(dTrack(n, kind, idx).detail.visits[i], patch); }),
visitRemove: (kind, idx, i) => upd(n => { dTrack(n, kind, idx).detail.visits.splice(i, 1); }),
};
const orgs = (window.MStore && window.MStore.masters ? window.MStore.masters().orgs : null) || [];
const users = (window.MStore && window.MStore.masters ? window.MStore.masters().users : null) || [];
const clientDbId = d.clientDbId || ((orgs.find(o => o.name === d.client) || {}).id) || null;
// seed は owner 名だけ。表示用に名簿からIDを拾う(書き込みは選んだIDを使う。名前一致で保存しない)。
const ownerDbId = d.ownerDbId || ((users.find(u => u.name === d.owner) || {}).id) || null;
// 決-21(追-4-3): 副担当・営業担当。seed が sub_user_id/sales_user_id を直接返す
// (owner と違い、名前一致に頼らずIDをそのまま持てる。0050_sub_sales_users.sql)。
// 名簿(masters().users)は在職者のみ ─ 退職者が就いている場合は一致せず、
// 「名簿から選び直すと保存できます」の注記が出る(本担当と同じ仕組み)。
const subDbId = d.subDbId || ((users.find(u => u.name === d.sub) || {}).id) || null;
const salesDbId = d.salesDbId || ((users.find(u => u.name === d.sales) || {}).id) || null;
const orgListId = "mr-case-org-list-"+cid;
const ctxTrack = stepCtx ? dTrack(d, stepCtx.kind, stepCtx.idx) : null;
const ctxStep = ctxTrack ? (dSteps(ctxTrack)[stepCtx.i] || null) : null;
const trackLabel = !ctxTrack ? "" : stepCtx.kind==="ins" ? "保険 "+((dInsList(d)[stepCtx.idx||0]||{}).name||"") : stepCtx.kind==="work" ? "工事 "+ctxTrack.room+" "+ctxTrack.work : "調査 "+ctxTrack.vendor;
const closeStep = () => setStepCtx(null);
/* 工程を触る前に、レールが track_steps と結び付く(stepId が入る)のを待つ。
【なぜ待つのか ─ 2026-09-07 実測】
rpc_case_steps(【ページング1段目】)は案件を開いた**後**に届く。届く前に
完了を押すと stepId が無く、書き込み層(mstore-diff.js diffSteps)が
「DBの工程行と結び付いていない」として捨てる ─ **画面は完了に見えるのに
DBに残らない**。rpc_case_steps を8秒遅らせて完了を押すと、E2E P0-2 の
失敗(unsupported: steps.◯◯ / status / state / stall)がそのまま再現する。
速い機械では素通りするので、実行順や回線速度で落ちる形になっていた。
ふつうは ensureCaseSteps が即座に返る(先読み済み)ので待ち時間は0。
取得に失敗した・待っても埋まらないときは**そのまま進める** ─ 押した操作を
握りつぶさないため。保存できなければ従来どおり書き込み層が理由を出す
(「保存できません」と出すだけにしない・黙って捨てない、の両立)。 */
const awaitStepIds = async () => {
if (!window.MStore || !window.MStore.ensureCaseSteps) return;
try {
const waiting = Promise.race([
window.MStore.ensureCaseSteps(cid, dbId),
// 通信が返らないときに操作を握ったままにしない(押した本人が固まる)。
new Promise(r => setTimeout(r, 8000)),
]);
// 待っている間も「送信待ち」に数えさせる(押した変更はまだキューに
// 載っていないだけ。数えないと送信待ち表示が0で嘘になる)。
await (window.MarurouWrite && window.MarurouWrite.prepare
? window.MarurouWrite.prepare(waiting) : waiting);
} catch (err) {
console.warn("[案件詳細] 工程の追加情報(stepId等)を取得できませんでした。" +
"この操作は保存できない場合があります。", err);
}
};
// モーダルは押した瞬間に閉じる(待つのは**保存の下ごしらえ**だけ。押した手応えは
// 従来どおり即座に返す)。upd() は待ったあとの新しい state に対して走るので、
// 間に補充(mergeCaseSteps)が挟まっても捕まえた kind/idx/i はそのまま使える。
const mutateStep = async fn => { const { kind, idx, i } = stepCtx; closeStep(); await awaitStepIds();
upd(n => { const t = dTrack(n,kind,idx); const s = dSteps(t)[i]; if(!s) return; fn(t, s, i); dRecalc(t); }); };
const stepDone = (date, memo) => { const name = ctxStep.n; mutateStep((t,s)=>{ s.s="done"; s.date=date; const nx=t.steps.find(x=>x.s!=="done"&&x.s!=="skip"); if(nx&&nx.s==="todo") nx.s="now"; });
onToast&&onToast(name+" を完了にしました（"+date+"）"+(memo?"・メモ記録":"")); };
// 後続を todo に戻すとき、**打ち切り(skip)は触らない。**
// ・skip は「やらないと決めた」事実で、完了を戻したからといって復活しない
// ・見送りの取り消しは stepUnskip(決-9)だけが経路。完了戻しでは触らない
// 完了工程より後ろに skip があるトラックは 2,193本。化けるのは
// 入金1,635 / 請求1,248 / 充当525 / 保険金請求327 / 認定288 など。
const stepUndo = () => { const name = ctxStep.n; mutateStep((t,s,i)=>{ s.s="now"; s.date=null; t.steps.forEach((x,j)=>{ if(j>i && x.s!=="done" && x.s!=="skip") x.s="todo"; }); }); onToast&&onToast(name+" の完了を戻しました"); };
// 決-9: 見送り取り消し。skipReason は消さない(なぜ見送ったかの記録を残す)。
const stepUnskip = () => {
const name = ctxStep.n;
mutateStep((t,s)=>{ s.s="todo"; /* skipReason は残す */ });
onToast&&onToast(name+" の見送りを取り消しました（理由の記録は残ります）");
};
// K18-08: 新しく見送りにする(理由は必須・StepModal が空を押させない)。s="skip" と skipReason を
// 書き換えるだけで、書き込み翻訳(mstore-diff.js diffSteps)が step.skip{stepId, reason} に直す。
// 相手待ちの工程を見送るときは待ちの表示も外す(サーバ 0097 が waiting_* を消すのに揃える)。
// 見送った工程が現在地なら次の未着手を「進行中」にする(stepDone と同じ導き方・dRecalc が確定)。
// 保存に失敗したときは書き込み層が赤帯(showSaveFail)を出す ─ 他の工程操作と同じ。
const stepSkip = (reason) => {
const name = ctxStep.n;
const why = (reason == null ? "" : String(reason)).trim();
if (!why) return;
mutateStep((t,s)=>{ s.s="skip"; s.skipReason=why; s.waitingReason=null; s.waitingSince=null;
const nx=t.steps.find(x=>x.s!=="done"&&x.s!=="skip"); if(nx&&nx.s==="todo") nx.s="now"; });
onToast&&onToast(name+" を見送りにしました（"+why+"）");
};
// 決-10: 工程の担当。必須にしない。null で未アサインに戻せる。
// step.assign も stepId で送る(0036)ので、完了と同じく補充を待ってから書く。
const stepAssign = async (userId) => {
const { kind, idx, i } = stepCtx;
await awaitStepIds();
upd(n => { const t = dTrack(n, kind, idx); t.steps[i].assigneeUserId = userId || null;
// 画面上の needsAssignee 警告は、アサインしたら消す(サーバ生成列は再読込で確定)。
if (userId) t.steps[i].needsAssignee = false;
});
};
// 予定日(step.plan・0038)も stepId で送る。完了と同じ理由で補充を待つ。
const stepPlan = async plan => { const name = ctxStep.n; const { kind, idx, i } = stepCtx; closeStep();
onToast&&onToast(name+" の予定日を "+(plan||"未定")+" にしました");
await awaitStepIds();
upd(n => { const t = dTrack(n, kind, idx); t.steps[i].plan = plan || null; }); };
// ファイル・帳票-8: 工程消込モーダル(StepModal onReceive)の受領物も、案件詳細
// 「＋ファイルを追加」(addFiles・ファイル・帳票-2・0058)と同じ uploadAttachment
// 経路でStorageへ実体を保存する。stepId(ctxStep.stepId=track_steps.id)を
// 乗せることで、mstore-diff.js の diffFileAttachments が attachment.add.stepId
// へ翻訳し(0058の attachments.step_id列。stepIdがtrackIdも自動解決するので
// trkId は表示用にだけ渡す)、どの工程の受領物かをDBにも残す。
// 工程の消込(step.complete)とは別opのまま、ただし**同じ保存バッチに並べる**
// (アップロード完了を待ってから1回のupd()で両方まとめて差分に含める ─
// upd()を2回に分けると、アップロード中はstep.completeだけ先に別バッチで飛んでしまう)。
// アップロードそのものは実体を先にStorageへ置く別経路なので、そこだけ先に待つ。
// 受領物にも stepId を乗せる(下)ので、ここでも補充を待ってから読む ─
// 待たないと添付が「どの工程の受領物か」を失ったままDBに入る。
const stepReceive = async (list, date, memo) => {
const name = ctxStep.n, kind = stepCtx.kind, idx = stepCtx.idx, i = stepCtx.i;
await awaitStepIds();
// 待ったあとの store から読み直す(d はこの呼び出しの時点の描画に固定されていて、
// 補充で入った stepId をまだ持っていない)。
const fresh = (window.MStore && window.MStore.case(cid)) || d;
const stepId = (((dTrack(fresh, kind, idx) || {}).steps || [])[i] || {}).stepId || null;
const t0 = kind==="work" ? d.works[idx] : kind==="ins" ? dInsList(d)[idx||0] : d.visits[idx];
const trkId = t0 ? t0.id : null;
const finish = added => {
upd(n => {
if (added.length) n.files = [...n.files, ...added];
const t = dTrack(n, kind, idx), s = t.steps[i];
s.s = "done"; s.date = date;
const nx = t.steps.find(x=>x.s!=="done"&&x.s!=="skip"); if(nx&&nx.s==="todo") nx.s="now";
dRecalc(t);
});
closeStep();
onToast&&onToast(list.length+"件を受領し "+name+" を完了にしました"+(memo?"・メモ記録":""));
};
if (window.MarurouCloud && window.MarurouCloud.uploadAttachment && dbId) {
Promise.all(list.map(file =>
window.MarurouCloud.uploadAttachment(file, { caseId: dbId }).then(meta => ({
id: "ATT-"+Date.now()+"-"+Math.random().toString(36).slice(2,7), dbId: null,
name: meta.fileName || file.name || "", type: guessKind(file), date: dTodayMd(),
storagePath: meta.storagePath || null, mime: meta.mime || null,
sizeBytes: meta.sizeBytes == null ? null : Number(meta.sizeBytes),
trkId, stepId, stage: "received",
})).catch(err => {
onToast && onToast(file.name+" の添付に失敗しました("+((err&&err.message)||err)+")");
return null;
})
)).then(rows => finish(rows.filter(Boolean)));
} else {
// 開発モード(Supabase未接続)は従来どおりローカル表示のみ(実体は保存されない)。
const ctxLabel = kind==="work" ? (d.works[idx].room+"工事") : kind==="ins" ? "保険" : "調査";
const added = list.map((file,k)=>({ id:"R"+Date.now()+k, name:file.name, date, ctx:ctxLabel, note:"受領", stage:"received",
trkId, stepId, type: guessKind(file), url:URL.createObjectURL(file), mime:file.type, link:ctxLabel }));
finish(added);
}
};
// 案件詳細-16: 相手待ち。理由(reason)・いつから(since)はどちらも任意
// (mstore-diff.jsのdiffStepsがstep.waitへ翻訳する。0065冒頭の設計判断1により
// DB側はsinceだけ必ず今日の日付を補うが、画面のdateは従来どおり理由が
// あればそれを、無ければ「待ち」を表示に使う ─ dOps(行87)の表示を壊さない)。
const stepWait = (reason, since) => {
const name = ctxStep.n;
mutateStep((t,s)=>{ s.s="waiting"; s.date = reason || "待ち";
s.waitingReason = reason || null; s.waitingSince = since || null; });
onToast&&onToast(name+" を相手待ちにしました");
};
// 相手待ちの解除。stepUnskip(決-9)と同じく s を"todo"に戻す
// (dRecalcが最初の未完了工程を"now"へ自動昇格させる。行67)。
const stepResume = () => {
const name = ctxStep.n;
mutateStep((t,s)=>{ s.s="todo"; s.date=null; s.waitingReason=null; s.waitingSince=null; });
onToast&&onToast(name+" の相手待ちを解除しました");
};
const stepReject = memo => { const name = ctxStep.n; mutateStep((t,s,i)=>{ s.s="todo"; s.date=null; if(i>0){ const p=t.steps[i-1]; p.s="now"; p.date=null; } });
onToast&&onToast(name+" を差し戻しました"+(memo?"："+memo:"")); };
const addRecord = r => {
setAddKind(null);
// 増えたトラックの工程行はいまDBにできる。「この案件は取得済み」を捨てて
// 取り直せるようにする(書き戻し onApplied が届かなかったときの保険)。
if (window.MStore && window.MStore.invalidateCaseSteps) window.MStore.invalidateCaseSteps(cid);
upd(n => {
// id はDBへの保存(app/write/mstore-diff.js の track.create 翻訳)がこのトラックを
// 名指しするための画面内キー。保存が終わると dbId が書き戻る(case.create と同じ経路)。
// 精算区分・方法(settle/method)は保存前の見た目のためだけの決め打ち文言で、
// DBには置き場が無く保存できない値だった(05 §5.5「起きていないことを言わない」)。
// 保存できるまでは空にし、採算欄は dPay の「未」表示に任せる。
if(r.kind==="visit") n.visits.push({ id:"V"+Date.now(), no:n.visits.length+1, kind:"調査", vendor:r.a, rooms:r.b, title:r.b+" 追加調査", status:"受注中", mk:"",
steps:dMkSteps(P1_KINDS.visit.steps), detail:{ billed:null, cost:null, due:null, paid:null } });
// K18-12(0109): kind は工事の区分(原因箇所工事/被害箇所工事)。mstore-diff.js が track.create の
// workCategory に、room を roomText に翻訳する(作ったあとで区分・号室は変えられない)。
// H2(9/25): 精算方式(detail.method)と進め方(approach)は追加のモーダルで選んだ値。mstore-diff.js が
// track.create の settlementType / approach に翻訳する(工程の型の無い組み合わせはモーダルが止める)。
if(r.kind==="work") n.works.push({ id:"W"+Date.now(), kind:r.workKind||"被害箇所工事", room:r.room, cause:r.b, work:r.a, contractor:{kind:"self",sub:"提案"}, state:"now", stall:false, status:"見積中", mk:"",
...(r.approach ? { approach:r.approach } : {}),
steps:dMkSteps(P1_KINDS.work.steps), detail:{ vendor:"未定", billed:null, cost:null, due:null, paid:null, visits:[],
...(r.settlement ? { method:r.settlement } : {}) } });
// 書き込み経路-5(0062): insurerDbId(組織マスタのUUID)・policyNo(証券番号)を
// 保険会社名(name)・保険種類(policy)と一緒に持つ(片方だけだと保存できない
// ─ mstore-diff.js の INS_MAP/INS_NAME_REASON 参照)。
if(r.kind==="ins") n.ins = [...dInsList(n), { id:"I"+Date.now(), holder:r.b, name:r.a,
insurerDbId:r.insurerDbId||null, policy:r.policy, policyNo:r.policyNo||null,
target:"", targetShort:"", remarks:"", status:"申請", mk:"",
steps:dMkSteps(P1_KINDS.ins.steps), detail:{ approved:null, billed:null, due:null, paid:null } }];
if(r.kind==="spot") n.spots.push({ kind:r.spotKind, room:r.room, detail:r.a, owner:r.b, isClient:false });
if(r.kind==="party") n.parties.push({ role:r.role, name:r.a, wait:null, log:[{ d:dTodayMd(), dir:"out", t:"案件の関係者として登録" }] });
});
onToast && onToast(P1_KINDS[r.kind].label+"を追加しました");
};
const issueDoc = doc => {
setDocType(null);
// 工程を進められたかどうか。**進んでいないのに「発行しました」と言わない。**
let advanced = false;
upd(n => {
const tt = n.works.find(w=>dSteps(w).some(s=>s.s==="now")) || n.works[0] || n.visits[0] || null;
n.files = [...n.files, { id:"D"+Date.now(), name:doc.name, date:dTodayMd(), type:doc.type, sub:doc.type==="報告書"?"調査":doc.type==="見積書"?"工事":null,
ctx:doc.type==="請求書"?"精算":"調査", note:doc.advance?"発行":"下書き", stage:doc.advance?"issued":"draft",
trkId:tt?tt.id:null, sharedTo:[], link:doc.to }];
if(doc.advance){
// **その帳票にあたる工程を持つトラックを探す。**
// 以前は 見積書→works[0] / それ以外→visits[0] と決め打ちで、
// 請求書を出しても調査に「請求」工程が無いため何も起きず、
// それでも下の onToast は無条件に「請求書を発行しました」と言っていた。
const want = Object.keys(D_DOC_BY_FACT).filter(k => D_DOC_BY_FACT[k]===doc.type);
const all = [...(n.works||[]), ...(n.visits||[]), ...dInsList(n)];
const target = all.find(t => dSteps(t).some(
x => want.indexOf(x.factKey)>=0 && x.s!=="done" && x.s!=="skip"))
|| all.find(t => dSteps(t).some(x => want.indexOf(x.factKey)>=0));
const st = target && dSteps(target).find(x => want.indexOf(x.factKey)>=0);
advanced = !!(st && st.s!=="done");
if(st && st.s!=="done"){ st.s="done"; st.date=null; const nx=target.steps.find(x=>x.s!=="done"&&x.s!=="skip"); if(nx&&nx.s==="todo") nx.s="now"; dRecalc(target); }
}
});
// 決-8: 報告書・見積は社外で作り、ここは「いつ・誰に・何を」の記録だけ。
// 送付は人がシステム外で行う。**発行＝送付と読める文言にしない。**
onToast && onToast(
!doc.advance ? doc.name+"の下書きを記録しました"
: advanced ? doc.name+"の発行を記録し、対応する工程を進めました（送付はシステム外です）"
// 記録はできたが、対応する工程がこの案件のどのトラックにも無かった
// (または既に完了していた)。**黙って「発行しました」と言わない。**
: doc.name+"の発行を記録しました（送付はシステム外です。対応する工程が無いため工程は進めていません）");
};
/* opts は 2 つの系統の持ち物を 1 つで運ぶ:
K18-37(0119): isReport ─ 報告先への報告(ContactModal のチェック)。相手の関係者の前回報告日が進む(発信だけ)。
K18-30: 端末画面の入力欄の 向き(dir)・件名・通話の結果・記録した時刻(at)・見出し(label)(Screens.jsx persistContact と同じ)。 */
const logContact = (name, ch, body, opts) => upd(n => {
if (detailContext.status !== "ready") { onToast && onToast("関係者を読み込み中のため、連絡記録を作成できません。"); return; }
const p = n.parties.find(x=>x.name===name || x.name.indexOf(name)>=0);
const x = opts || {};
const entry = { d:dTodayMd(), dir:x.dir==="in"?"in":"out", t:ch+"："+(body||"連絡"),
...(x.subject?{ subject:x.subject }:{}), ...(x.callResult?{ callResult:x.callResult }:{}), ...(x.at?{ at:x.at }:{}), ...(x.label?{ label:x.label }:{}) };
if (x.isReport && entry.dir === "out") entry.isReport = true;
if(p){ p.log = [entry, ...p.log]; p.wait = null; } else n.parties.push({ role:"関係者", name, wait:null, log:[entry] });
});
const contact = t => { if(onContact) onContact({ ...t, canReport:true, onSent:(ch,body,opts)=>logContact(t.name, ch, body, opts) }); };
/* 通知・連携-2(決-33 A・0071/0078): 関係者タブの PhoneLink を押した瞬間に
「電話：Zoomで発信: 名前 番号」を1件残す。取引先詳細(Screens.jsx PartnerDetail の
onPhoneCall)と**同じ文言・同じ形**にする ─ 記録の作り方はここ(呼び出し側)の
責務で、PhoneLink 自身は書き込まない(atoms.jsx 冒頭)。
発信そのものは記録の成否に関わらず走る(Zoom側の発信を止めない)。 */
const onPartyCall = p => {
const who = pName(p);
// 記録できない状態(関係者の取得が未完了)は logContact 自身が理由を出す。
// ここで重ねて「記録しました」と言わない ─ 嘘の完了通知を出さない。
if (detailContext.status !== "ready") { logContact(who, "電話", ""); return; }
logContact(who, "電話", "Zoomで発信: " + who + " " + p.phone);
onToast && onToast(who + "への発信を記録しました");
};
// ファイル・帳票-2(0058)。ファイル名からの種類推測は従来のロジックをそのまま流用。
const guessKind = file => {
const isImg = file.type && file.type.startsWith("image");
return isImg?"写真" : /請求/.test(file.name)?"請求書" : /見積/.test(file.name)?"見積書"
: /発注/.test(file.name)?"発注書" : /報告/.test(file.name)?"報告書" : "その他";
};
const addFiles = list => {
// Supabase接続済み(本番・E2E相当)は実体をStorageへ送ってから保存する。
// 受付(Intake.jsx・㉚)でも登録直後に同じ uploadAttachment → addAttachment を使う。
if (window.MarurouCloud && window.MarurouCloud.uploadAttachment && dbId) {
list.forEach(file => {
window.MarurouCloud.uploadAttachment(file, { caseId: dbId }).then(meta => {
window.MStore.addAttachment(cid, { ...meta, kind: guessKind(file) });
onToast && onToast(file.name+" を添付しました");
}).catch(err => {
onToast && onToast(file.name+" の添付に失敗しました("+((err&&err.message)||err)+")");
});
});
return;
}
// 開発モード(Supabase未接続)は従来どおりローカル表示のみ(実体は保存されない)。
const added = list.map((file,k)=>({ id:"U"+Date.now()+k, name:file.name, date:dTodayMd(), ctx:"案件全体",
type: guessKind(file), note:"追加", url:URL.createObjectURL(file), mime:file.type, link:"案件全体" }));
upd(n => { n.files = [...n.files, ...added]; });
onToast && onToast(added.length+"件のファイルを添付しました(開発モード：保存はされません)");
};
// 添付の削除(論理削除)。dbIdを持つ行はmstore-diff.jsのdiffFileAttachmentsが
// attachment.removeへ翻訳する。dbIdが無い行(開発モードの表示専用添付・
// アップロード直後で保存が往復する前)はローカルから消えるだけでよい。
const removeFile = file => {
window.MStore.removeAttachment(cid, file.id);
onToast && onToast(file.name+" を削除しました");
};
// ⑭: 行タップで FileViewer。storagePath があれば getAttachmentUrl(署名・60分)で url を足す。
// 既に url がある(開発モードの objectURL 等)ときはそのまま開く。
const openFilePreview = file => {
if(!file) return;
if(file.url || !file.storagePath || !window.MarurouCloud || !window.MarurouCloud.getAttachmentUrl){
setViewFile(file);
return;
}
setViewFileLoading(true);
window.MarurouCloud.getAttachmentUrl(file.storagePath).then(url => {
setViewFile({ ...file, url });
}).catch(err => {
console.warn("[案件詳細] 添付のプレビューURLを取得できませんでした。", err);
setViewFile(file);
onToast && onToast("プレビュー用のURLを取得できませんでした");
}).finally(() => setViewFileLoading(false));
};
/* 活動履歴：この案件の連絡履歴(communications・0027、生画面つき)＋関係者ログ（テキスト） */
const norm = window.scNorm || (x=>x);
const partyEntries = React.useMemo(()=>{
const logs = comms.rows===null ? [] : comms.rows.map(window.commRowToLog);
const seen = new Set(logs.map(x=>x.d+x.t));
const plain = [];
d.parties.forEach(p=>p.log.forEach((l,j)=>{ const t = l.label || l.t; if(!seen.has(l.d+t)) plain.push({ id:"P"+p.name+j, d:l.d, dir:l.dir, who:norm(p.name), t }); }));
return [...logs, ...plain];
}, [d.parties, cid, comms.rows]);
/* K18-21: 概要の右列のタイムライン(直近 8 件)。連絡履歴(0027)を新しい順に並べ、その前に今日の日付の
関係者ログ(この画面で記録した連絡・追加した関係者 ─ 連絡履歴をまだ読み直していないもの)を置く。
それより前の関係者ログ(「案件の関係者として登録」など)は年の無い日付しか持たず、連絡履歴と並べる順を
決められないので混ぜない(関係者タブの活動履歴には出る)。 */
const timeline = React.useMemo(()=>{
const toLog = window.commRowToLog || (r => ({ id:r.id, d:"", time:"", dir:"memo", who:"", t:r.subject||r.body||"" }));
const logs = (comms.rows||[]).slice()
.sort((a,b)=>String(b.occurredAt||"").localeCompare(String(a.occurredAt||"")))
.map(toLog);
const seen = new Set(logs.map(x=>x.d+x.t));
const today = dTodayMd();
const fresh = [];
(d.parties||[]).forEach(p=>(p.log||[]).forEach((l,j)=>{
if(l.d===today && !seen.has(l.d+l.t)) fresh.push({ id:"P"+p.name+j, d:l.d, time:"", dir:l.dir, who:norm(p.name), t:l.t });
}));
return [...fresh, ...logs].slice(0,8).map(e=>({ id:e.id, title:e.t, by:e.who, dir:e.dir, time:e.d+(e.time?" "+e.time:"") }));
}, [d.parties, comms.rows]);
const insWork = d.works.find(w=>/保険/.test(w.detail.method||"") || w.detail.settle==="保険連動");
const detailItems = (d.works.find(w=>w.detail.items) || { detail:{} }).detail.items || [];
const insList = dInsList(d);
// 保険は複数ありうるので合計する。認定済みは認定額、未認定は申請額。
const insOne = i => (i.detail.approved!=null ? i.detail.approved : i.detail.billed) || 0;
const insAmt = insList.reduce((n,i)=>n+insOne(i), 0);
const pl = [
// K18-06: 収支の「状態」列も新しい状態(保留・終了)を優先し、無ければ従来の t.status(SF フェーズ/導出)。
...d.visits.map(v=>({ name:"調査（"+v.vendor+"）", billed:v.detail.billed, cost:v.detail.cost, in:dStatusText(v), inWarn:!dAllDone(v), out:"月末締め・未払" })),
...d.works.map(w=>({ name:w.room+" "+w.work, billed:w.detail.billed, cost:w.detail.cost,
in:dAllDone(w)?"入金済":w===insWork?"保険へ →":"未請求（実施後）", inWarn:w===insWork, out:"完了後・未", items:w.detail.items })),
...insList.map(i=>({ name:i.holder+" の保険", billed:null, cost:null,
refAmt:"（"+(i.detail.approved!=null?yen(i.detail.approved)+" 認定":yen(i.detail.billed)+" 充当")+"）",
in:dStatusText(i), inWarn:!dTstate(i), out:"—", isIns:true })),
];
const totalBilled = pl.reduce((a,r)=>a+(r.billed||0),0), totalCost = pl.reduce((a,r)=>a+(r.cost||0),0);
const caseTodos = (d.todos||[]).map(t=>({ id:t.id, label:t.step, to:t.dunning||t.ball, note:t.dunning?("督促 "+t.dunning):(t.ball+"の手番"),
mk:t.marker==="delay"?"delay":t.marker==="warn"?"warn":"", key:dPanelKey(d,t.trkId), due:dDueText(t.due), dueTone:dDueTone(t.due), done:!!t.done }));
const todos = [...caseTodos.filter(t=>!t.done), ...caseTodos.filter(t=>t.done)];
const todoCount = caseTodos.filter(t=>!t.done).length;
const insOps = insList.map(i=>dOps(i));
/* ── K18-21: 案件カード(池田さん版 CaseDetailV26.jsx:336-348 の 3 列)。以前は進行表の「受付」を開いた中の
定義行と、見出しの下の 重要事項・状況・次回連絡事項・漏水状況 の枠に分かれていたものを 1 枚にまとめた。
main にしかない 副担当・営業担当(決-21)・建物・住所・依頼先(取引先マスタ)の一致 は残す。
3 列目は人(本担当・副担当・営業担当)、1・2 列目は物件と案件。重要事項などの文章は 3 列をまたぐ。 */
const dSelectStyle = { width:"100%", height:28, padding:"0 8px", borderRadius:"var(--radius-md)",
borderWidth:1, borderStyle:"solid", borderColor:"var(--input)", fontSize:"var(--text-body-md)", fontFamily:"var(--font-sans)",
color:"var(--foreground)", background:"var(--card)" };
const dNote = (tone, text) => {text};
const caseCard = (
{d.name}{d.propKind ? "（"+d.propKind+"）" : ""}
{/* 書き込み経路-2: 依頼者(依頼先)は名前＋取引先マスタID。IDが無い名前だけの変更は保存できない。 */}
{ const v = e.target.value; const hit = orgs.find(o => o.name === v);
act.client(v, hit ? hit.id : null); }}
placeholder={orgs.length ? "取引先を選ぶ、または新しい名前を入力" : "取引先名（マスタ未取得）"}
style={{ width:"100%" }} />
{clientDbId
? dNote("var(--success)", "取引先マスタと一致（保存できます）"+(d.clientNote?" · "+d.clientNote:""))
: (d.client && d.client!=="—")
? dNote("var(--warning)", "マスタに未登録のため、名前だけの変更はまだ保存できません")
: dNote("var(--foreground-subtle)", orgs.length ? orgs.length+"件の取引先から選べます" : "取引先マスタを読み込めていません")}
{/* 書き込み経路-1: 案件の本担当(lead_user_id)。工程の担当とは別ラベル。
名簿は masters().users をそのまま出す(SFシステムアカウントの除外はDB側で解く)。 */}
{ownerDbId
? dNote("var(--success)", "名簿と一致（保存できます・案件全体の持ち主。工程の担当とは別）")
: (d.owner && d.owner!=="—")
? dNote("var(--warning)", "案件の本担当は、名簿から選び直すと保存できます（名前だけの変更は保存できません。退職済みの可能性があります）")
: dNote("var(--foreground-subtle)", users.length ? users.length+"人の名簿から選べます" : "担当者の名簿を読み込めていません")}
{/* 受付-12: 建物・住所は表示のみ(編集は別タスク・受付での紐付けは0015で完了済み)。
案件名に建物名が入っていることが多い(ETLが案件名から切り出した。実データで
案件名の100%が建物名を含む・93%は前方一致)ため、見出しには重ねて出さない。 */}
{dBuildingName(d)}
{dBuildingAddr(d)}
{/* 決-21(追-4-3): 副担当(sub_user_id)。案件の本担当と同じ部品・同じ流儀。 */}
{subDbId
? dNote("var(--success)", "名簿と一致（保存できます）")
: (d.sub && d.sub!=="—")
? dNote("var(--warning)", "現在の副担当「"+d.sub+"」は名簿(在職者)に見当たりません。選び直すと保存できます（退職済みの可能性があります）")
: dNote("var(--foreground-subtle)", "未設定")}
{d.accepted}
{d.order}
{/* 決-21(追-4-3): 営業担当(sales_user_id)。同上。 */}
{salesDbId
? dNote("var(--success)", "名簿と一致（保存できます）")
: (d.sales && d.sales!=="—")
? dNote("var(--warning)", "現在の営業担当「"+d.sales+"」は名簿(在職者)に見当たりません。選び直すと保存できます（退職済みの可能性があります）")
: dNote("var(--foreground-subtle)", "未設定")}
{d.mode}
{/* K18-13(0105): 漏水状況(cases.leak_status)。SF の picklist から選ぶ(『漏水なし』は答えが出るまで残す)。
選ぶとそのまま案件直下の leakStatus が変わり、書き込み層が case.update の leak_status に翻訳する
(mstore-diff.js CASE_FIELD_MAP。未設定 '' は NULL)。「継続中」は 常時・時々 のとき ─
盤面・ダッシュボードの印と同じ規則(store.jsx isLeakContinuing)。 */}
{leakContinuing && 継続中}
{d.initial}
{/* K18-02(0093/0094): 重要事項・状況・次回連絡事項。SF の juuyoujikou__c / joukyou__c /
jikai_renrakujikou__c の受け皿(cases.key_notes / situation / next_contact_note)。
3 つは別々の列(1 欄に結合しない)。クリックでその場で書き換え(EdText・多行)、
書き込み層が case.update に翻訳する(mstore-diff.js CASE_FIELD_MAP)。保存に失敗すれば
他の欄と同じく書き込み層が赤帯(showSaveFail)を出す ─ ここで別の合図は出さない。
改行を保つため white-space は pre-wrap(EdText の表示側は継承する)。
重要事項が入っている案件はラベルを警告色にする(要注意の経緯・クレーム履歴の置き場)。 */}
{[
["keyNotes", "重要事項", "要点・経緯・注意点（例：被害復旧のみ依頼、クレーム履歴）", !!d.keyNotes],
["situation", "状況", "いまの状況", false],
["nextContactNote", "次回連絡事項", "次に連絡すること", false],
].map(([key, label, ph, warn]) => (
act.caseText(key, val)} />
))}
{(d.reportTo||[]).map((n,i)=>(
{n}
))}
{(d.reportTo||[]).length===0 && 未設定}
{(()=>{
const nm = x => (window.scNorm ? window.scNorm(x) : x);
const have = (d.reportTo||[]).map(nm);
const cands = [...new Set(d.parties.map(p=>nm(p.name)))].filter(n=>have.indexOf(n)<0);
return cands.map((n,i)=>(
));
})()}
);
/* ── K18-21: タイムライン(右列・直近 8 件)。全件は「過去のやり取り」タブ。読めないときは黙って空にしない。 */
const timelineCard = (
setTab("comms")} style={{ all:"unset", cursor:"pointer", fontFamily:"var(--font-sans)",
fontSize:"var(--text-caption)", fontWeight:600, color:"var(--brand)" }}>すべて見る} />
{comms.err
?
: comms.rows===null && !timeline.length
?
連絡履歴を読み込み中…
: timeline.length
?
:
連絡の記録はまだありません
}
箇所が未登録
: (
{["区分","号室","箇所","所有者","制限","種別","入館","鍵","備考"].map(h=>| {h} | )}
削除 |
{d.spots.map((s,i)=>(
| {s.kind} |
{s.room} |
{/* 案件詳細-12(0029): 箇所はその場で書き換え(spots.update)。 */}
act.spot(i,{ detail:val })} /> |
{s.owner}
{s.isClient && 依頼者}
|
{/* K18-14(0107/0108): 居住制限(被害/両方の対象部屋だけ)。旧「住めない」チップ(is_livable)は
ここに統合した ─ is_livable は居住制限から DB が導く値になったため。 */}
{s.kind !== "原因" && act.spot(i,{ livingRestriction:val })} />}
{/* K18-15(0107/0108): 利用制限(原因/両方の対象部屋だけ・複数選択)。表の中なので選択肢はその場に開く。 */}
{s.kind !== "被害" && act.spot(i,{ usageRestrictions:val })} />}
|
{/* 盤面DB-2(0063): 原因種別・立入方法・鍵情報・備考。case_target_rooms の構造化列にそのまま対応する
(対応表はdocs/02-data-model.md)。原因種別は「立場=原因」grouping(0002)に合わせ、被害のみの行では
出さない(spotToPayloadの書き込み側ガードと揃える)。 */}
{s.kind !== "被害"
? act.spot(i,{ causeKind:val })} />
: —} |
act.spot(i,{ entryMethod:val })} /> |
act.spot(i,{ keyInfo:val })} /> |
act.spot(i,{ note:val })} /> |
{/* 案件詳細-12(K-11・0085): この対象部屋を消す。押した瞬間に保存へ回る
(spots.remove ─ 論理削除なので訪問・添付の記録は残る)。 */}
|
))}
)}
);
return (
{/* K18-21: 概要を 2 列(案件カード｜タイムライン)にしたので、池田さん版(最大 1280)に寄せて広げた(以前は 980)。 */}
{detailContext.status!=="ready" &&
{detailContext.status==="loading" ? "建物・関係者を読み込み中…" : "建物・関係者を取得できませんでした。"}
{detailContext.status==="error" &&
{ setDetailContext({status:"loading"}); window.MStore.ensureCaseDetailContext(cid, dbId).then(()=>setDetailContext({status:"ready"})).catch(error=>setDetailContext({status:"error",error})); }}>再試行}
}
{field && }
案件の本担当 {d.owner} 今日 {window.bvTodayLabel ? window.bvTodayLabel() : ""}
{d.id}
{d.type}·{d.order}·
受付 {d.accepted}·
{/* K18-17(0110): 受付チャネル(cases.intake_channel)。受付で選んで保存する。ここは表示だけ。 */}
受付チャネル {d.intakeChannel
? {d.intakeChannel}
: 未設定}·
案件の本担当 {d.owner}
·
Drive {d.driveUrl
? 開く
: 未設定}
·
Slack {d.slackUrl
? 開く
: 未設定}
{d.name}
{/* K18-21: 段階のチップ(池田さん版の見出しの Chip)。盤面の段階と同じ規則・同じ色。 */}
{caseStage}
{stage.stall &&
}
{/* K18-05(0098): 全トラックが終了(失注・適用外を含む)しているのに閉じていない案件の印。
閉じる操作は下の「完了」(closedFlag)のまま ─ ここは印だけ。 */}
{!closed && d.derivedEnded && (
全部終わっています。閉じますか
)}
{/* K18-21: 池田さん版の見出しの ＋TODO / ＋トラック。TODO は TODO タブの「＋ TODO追加」と同じモーダル、
トラックは種類(調査・工事・保険)を選んで、進行表の「＋ 〜を追加」と同じ追加モーダル(AddRecordModal)を開く。 */}
{onAddTask && onAddTask()}>＋ TODO}
setTrackMenu(v=>!v)}>＋ トラック
{trackMenu && (
{[["visit","調査（稼働）を追加"],["work","工事を追加"],["ins","保険を追加"]].map(([k,label])=>(
))}
)}
{/* K18-18: 依頼者規定の帯(ヘッダ直下・どのタブでも出す)。取引条件・初動対応注意点と、補足の報告投稿先。
値は依頼者の取引先から読むだけ(rpc_case_detail_context の clientRules・0106)で、案件側に写さない。
部品と読み方は ClientRulesBand.jsx に 1 か所。値が無ければ何も出さない。 */}
{tab==="overview" && (
{/* K18-22: 段階サマリ(受付→調査→工事→完了 と 調査・工事の箱)。 */}
{/* 進行(調査・工事・保険・完了)。受付の定義行は K18-21 で下の案件カードへ移した。 */}
進行
{["実務","精算","方法"].map(h=>{h})}
{/* 調査。報告日が無い調査が実データにある(SFに日付が入っていない)。
そのまま連結すると「完了 null」と出るので、日付が無ければ「完了」だけにする。 */}
{d.visits.map((v,i)=>{
const k = "v"+i;
return (
toggle(k)} jump={onJump?()=>onJump("survey"):null} />
{isOpen(k) && (
act.trackState("visit",i,ts)} />
依頼内容
{d.surveyTasks.map((t,j)=>{
const done = t.state==="done";
return (
{t.name}
{done ? 完了 {t.date}
: 次調査で対応}
{/* 案件詳細-14(0060): survey.updateで保存できるようになったため、
「下書き」表示(EdDraft)を外した。 */}
act.task(j,{ memo:val })} placeholder="一言メモ" />
);
})}
act.vendor("visit",i,org)} />
対象 {v.rooms}
請求額 act.money("visit",i,"billed",val)} />
原価 act.money("visit",i,"cost",val)} />
act.method("visit",i,v.detail.method,val)} />
act.visitAdd("visit",i)}
onEdit={(j,patch)=>act.visit("visit",i,j,patch)} onRemove={j=>act.visitRemove("visit",i,j)} />
act.step("visit",i,i2)} />
)}
);
})}
{/* 工事 */}
{d.works.map((w,i)=>{
const k = "w"+i, ct = dCt(w.contractor);
return (
toggle(k)} jump={onJump?()=>onJump("work"):null} />
{isOpen(k) && (
act.trackState("work",i,ts)} />
{/* K18-12(0110): 区分と号室(rpc_seed の works[].kind / room)。追加のモーダルで選ぶ。
作ったあとで変える口は無い(区分を変えるとルートが変わる ─ K18-73)。 */}
{w.kind||"—"}
号室 {w.room||"—"}
act.work(i,{ cause:val })} />
→
act.work(i,{ work:val })} />
act.vendor("work",i,org)} />
請求額 act.money("work",i,"billed",val)} />
原価 act.money("work",i,"cost",val)} />
act.method("work",i,w.detail.method,val)} />
{w.plan && {w.plan}}
{/* K18-16(0111): 住めない部屋がある案件の保険精算の復旧工事に「進め方は P1 が目安」。 */}
{w.stall && {w.stallWhy}
}
act.visitAdd("work",i)}
onEdit={(j,patch)=>act.visit("work",i,j,patch)} onRemove={j=>act.visitRemove("work",i,j)} />
act.step("work",i,i2)} />
{insList.length>0 && w===insWork && (
)}
)}
);
})}
{/* 案件詳細-25: app.jsx は onDispatch→DispatchModal を渡しているが、
ここで呼ぶボタンが無くモーダルに到達不能だった。保存RPC(0035)は済。 */}
{onDispatch && (
)}
{/* 保険（フェーズ同格の併走行・保険が付く案件のみ） */}
{/* K18-06: 保険の見出しの補足は、新しい状態(保留・終了)があればそれを優先し、
無ければ従来どおり SF フェーズ(legacy_phase=ins.status)を出す。 */}
{insList.length>0 &&
1 ? insList.length+"件" : dStatusText(insList[0])}
noteTone={insList.length===1 && dTstate(insList[0]) ? "var(--muted-foreground)" : "var(--warning)"} />}
{insList.map((ins,ii)=>(
toggle("ins"+ii)} jump={onJump?()=>onJump("ins"):null} />
{isOpen("ins"+ii) && (
{/* 保険トラックにも状態の操作を出す(K18-06)。「適用外」はここだけで選べる。 */}
act.trackState("ins",ii,ts)} />
{ins.holder}{ins.policy}
{/* 書き込み経路-5(0062): 保険会社は組織マスタから選び直せる(client/ownerと同型)。
証券番号(policyNo)は自由入力の新設欄 ─ 既存の「保険種類」(ins.policy。上のDChip)とは別物。 */}
act.insurer(ii,org)} />
act.text("ins",ii,"policyNo",val)} />
{ins.target}
act.money("ins",ii,"approved",val)} />
act.visitAdd("ins",ii)}
onEdit={(j,patch)=>act.visit("ins",ii,j,patch)} onRemove={j=>act.visitRemove("ins",ii,j)} />
act.step("ins",ii,i2)} />
)}
))}
{/* 完了 */}
toggle("done")} />
{isOpen("done") && { upd(n=>{ n.closed = true; }); onToast&&onToast("案件を完了にしました"); }} />}
{/* K18-21: 案件カード(左 2)｜タイムライン(右 1)。390px では縦に積む(mr-stack-1)。 */}
{caseCard}
{timelineCard}
{/* K18-22: 原因／被害の表。main の列(種別・入館・鍵・備考・削除)を足して池田さん版より列が多いので、
左列ではなく幅いっぱいに置く。 */}
{spotsCard}
)}
{tab==="todo" && (
{todos.map(t=>{
const done = t.done, active = activeTodo===t.id;
return (
);
})}
)}
{tab==="files" && (
{["報告書","見積書","請求書"].map(t=>(
act.doc(t)}>＋ {t}を作成))}
{(()=>{
const STAGE = { received:["受領","survey"], draft:["下書き","warn"], issued:["確定","success"] };
const groups = [
...d.visits.map(v=>({ id:v.id, label:"調査 "+v.vendor })),
...d.works.map(w=>({ id:w.id, label:"工事 "+w.room+" "+w.work })),
...dInsList(d).map(i=>({ id:i.id, label:"保険 "+i.name })),
{ id:null, label:"案件全体（進行に紐づかない）" },
];
// ファイル・帳票-8: 工程消込モーダル(stepReceive)からの受領物は
// files[].stepId(track_steps.id)を持つ。どの工程の受領物かを
// 一覧で小さく分かるよう、全トラックの工程レールから名前を引く。
const allTracksForSteps = [...d.visits, ...d.works, ...dInsList(d)];
const stepNameById = (stepId) => {
if (!stepId) return null;
for (const t of allTracksForSteps) {
const s = (t.steps||[]).find(x=>x.stepId===stepId);
if (s) return s.n;
}
return null;
};
const Row = ({ f:file }) => (
{/* ファイル・帳票-2(0058): 添付の削除(論理削除。dbIdが無い行はローカルから消すだけ) */}
);
return groups.map(g=>{
const list = d.files.filter(x=>g.id ? x.trkId===g.id : !x.trkId);
if(!list.length) return null;
return (
{g.label}
{list.length}
{g.id && {g.id}}
{list.map(x=>
|
)}
);
});
})()}
進行（調査・工事・保険）ごとに束ね、状態（受領／下書き／確定）と起票したTODO・共有先を併記。行タップでプレビュー・編集。
)}
{tab==="parties" && (
{/* 対象者（役割つき）＋連絡 */}
{/* 通知・連携-2(決-33 A・0078): 電話番号を持つ関係者はその場で発信できる。
番号は rpc_case_detail_context が parties に載せて返す(0078)。
リンク(a)を履歴切替の button の**中**には入れない ─ 入れ子にすると
押し分けができないので、チップと横並びの兄弟にする。 */}
{d.parties.map((p,i)=>(
{p.phone && onPartyCall(p)}
className="mono" style={{ fontSize:"var(--text-caption)", whiteSpace:"nowrap" }} />}
))}
{ptab==="すべて"?"相手を選ぶと連絡できます":ptab+" へ"}
{["電話","メール","SMS","LINE","Slack"].map(a=>(
))}
{/* E-2'(決-37・0079): 最初の連絡(電話/メール/SMS)に貼る「LINE 登録の案内文」を
クリップボードへ。友だち追加リンクにはパラメータを載せられないので、
案内文の中の「受付番号」(cases.line_bind_token)を居住者が最初のメッセージで
送り返すことで案件に紐づく(rpc_line_invite_text / private._line_ingest)。
ここは仮置き ─ 本来は連絡モーダル(Screens.jsx の ContactModal)の中に
置きたいが、あちらは Cursor の持ち場なので、まずは連絡ボタンの並びに1つだけ。 */}
{/* ⑲: 付け替え・外す。actorId がある行だけ(現場担当・営業担当は cases 列由来で不可)。 */}
{detailContext.status==="ready" && d.parties.some(p => p && p.actorId) && (
関係者の付け替え・終了
{d.parties.map((p, i) => {
if (!p || !p.actorId) return null;
return (
{p.role || "—"}
{ act.partyReplace(i, org); onToast && onToast((p.role || "関係者") + "を「" + org.name + "」に差し替えました"); }} />
);
})}
名簿から会社を選び直すと差し替え、外すとその関係を終了します。現場担当・営業担当はこの一覧では変えられません。
)}
{comms.err &&
{comms.err}}
{comms.rows===null && !comms.err &&
読み込み中…
}
{comms.rows!==null && window.ScActivity && (
({ name:pName(p), role:p.role, contactDbId:p.contactDbId||null, orgDbId:p.orgDbId||null }))}
entries={partyEntries} tab={ptab} setTab={setPtab} selId={psel} setSelId={setPsel} canReport
onRecord={r=>{ if (detailContext.status!=="ready") throw new Error("関係者を読み込み中のため、記録できません。"); logContact(r.who, r.ch, r.text, r); }}
onReload={comms.refresh || comms.reload} />
{comms.hasMore &&
{comms.loadingMore?"読み込み中…":"連絡履歴の続きを読む"}}
)}
)}
{tab==="money" && (
{/* 精算画面への導線。app.jsx は onPayment を渡していたが、ここで受け取ったまま
使っていなかったため、**案件から精算画面に入る道が1本も無かった**。
入金の消し込みは精算画面でしか行えないので、これが無いと
docs/03-screens.md §4.2 の P0「入金/支払の記録」が始められない。 */}
{onPayment && (
)}
{["No.","トラック","請求額","原価","粗利","入金","支払"].map((h,i)=>(
=2&&i<=4?"right":"left" }}>{h}
))}
{pl.map((r,i)=>{
const profit = r.billed!=null? r.billed-(r.cost||0) : null;
const expandable = !!(r.items && r.items.length);
return (
setPlOpen(!plOpen):undefined}
style={{ display:"grid", gridTemplateColumns:D_PL_COLS, gap:6, padding:"8px 2px", cursor:expandable?"pointer":"default",
borderBottom:"1px solid var(--border)", alignItems:"center", background:r.isIns?"var(--warning-muted)":"transparent" }}>
{i+1}
{r.isIns && }{r.name}
{expandable && {plOpen?"▲ 明細":"▼ 明細"}}
{r.billed!=null? yen(r.billed) : {r.refAmt}}
{r.cost!=null? "−"+r.cost.toLocaleString() : "—"}
{profit!=null? yen(profit) : "—"}
{r.isIns && ●}{r.in}
{r.out}
{expandable && plOpen && r.items.map((x,j)=>(
{j===r.items.length-1?"└":"├"} {x.name}（{x.vendor}）
{yen(x.amt)}
{x.ins?"保険へ":"保険外・自費"}
{x.tone==="green"?"支払済":"未"}
))}
);
})}
合計
{yen(totalBilled)}
−{totalCost.toLocaleString()}
{yen(totalBilled-totalCost)}
保険充当分は保険から回収し、残りは自費。保険行は経路と状態のみで、金額は302行（明細）に計上（二重計上なし）。請求→入金の工程は各トラックのレールに内包。
)}
{/* 案件詳細-22: 過去のやり取り。Salesforceの活動履歴に相当するものが丸ごと見られる場所が
無かった。communications(0027)を案件単位・新しい順・全チャネル横断で出す。
関係者タブと違って対象者では絞らない(横断して探す場所)。 */}
{tab==="comms" && (
電話・メール・LINE等、この案件のすべてのやり取りを新しい順にまとめて表示します。
{comms.err &&
{comms.err}}
{comms.rows===null && !comms.err &&
読み込み中…
}
{comms.rows!==null && comms.rows.length===0 && !comms.err &&
連絡記録はまだありません。
}
{comms.rows!==null && comms.rows.length>0 && (
{comms.rows.map((r,i)=>{
const dir = r.direction==="発信"?"out":r.direction==="受信"?"in":"memo";
const who = r.counterpartyContactName || r.counterpartyOrgName || (r.direction==="社内メモ"?"社内":"相手");
return (
{dir==="out"?"↑":dir==="in"?"↓":"・"}
{r.channel}
{who}
{(r.occurredAt||"").replace("T"," ").slice(0,16)}
{r.subject &&
{r.subject}
}
{r.body}
{r.byName &&
担当 {r.byName}
}
);
})}
)}
{comms.hasMore &&
{comms.loadingMore?"読み込み中…":"続きを読む"}
}
)}
{ctxStep &&
0 ? (dSteps(ctxTrack)[stepCtx.i-1] || {}).n || null : null,
docType: D_DOC_BY_FACT[ctxStep.factKey] || null,
receiveLabel: D_RECEIVE_BY_FACT[ctxStep.factKey] || null }}
staff={(window.MStore && window.MStore.masters ? window.MStore.masters().users : null) || []}
onClose={closeStep} onDone={stepDone} onUndo={stepUndo} onWait={stepWait} onResume={stepResume} onReject={stepReject}
onPlan={stepPlan} onReceive={stepReceive} onUnskip={stepUnskip} onSkip={stepSkip} onAssign={stepAssign}
onDoc={type=>{ closeStep(); setDocType(type); }} />}
{viewFileLoading && プレビューを準備しています…
}
{viewFile && setViewFile(null)} />}
{addKind && s.room)} spots={d.spots}
workDefaults={window.requesterWorkDefaults ? window.requesterWorkDefaults(d, orgs) : null}
onClose={()=>setAddKind(null)} onSave={addRecord} />}
{docType && setDocType(null)} onIssue={issueDoc} />}