// Screens — TODO詳細 / 取引先詳細 / TODO追加 / 連絡モーダル / 検索結果（アクアフロー Light） const SC_TABS = ["報告","社内承認","社外承認","連絡","方針確認","見積","入金精算","その他"]; const SC_CH = { call: { label:"電話", kind:"call", hint:"電話のかけ先はまだ繋がっていません。この画面では「連絡した」記録だけ残せます。" }, mail: { label:"メール", kind:"text", hint:"送信はしません。入力した文面を連絡記録に残します。" }, sms: { label:"SMS", kind:"text", hint:"送信はしません。入力した文面を連絡記録に残します。" }, line: { label:"LINE", kind:"text", hint:"送信はしません。入力した文面を連絡記録に残します。" }, slack: { label:"Slack", kind:"text", hint:"送信はしません。入力した文面を連絡記録に残します。" }, }; const scChip = { display:"inline-flex", alignItems:"center", gap:3, height:16, padding:"0 7px", borderRadius:"var(--radius-sm)", fontSize:"var(--text-caption)", fontWeight:600, whiteSpace:"nowrap", flexShrink:0, lineHeight:1 }; const SC_TONES = { brand:["var(--brand)","var(--brand-muted)","var(--brand-border)"], success:["var(--success)","var(--success-muted)","var(--success-border)"], warn:["var(--warning)","var(--warning-muted)","var(--warning-border)"], survey:["var(--status-survey)","var(--status-survey-muted)","var(--status-survey-border)"], danger:["var(--urgency-emergency)","var(--destructive-muted)","var(--destructive-border)"], neutral:["var(--muted-foreground)","var(--muted)","var(--border)"], }; function ScChip({ tone="neutral", dot, children, style }) { const T = SC_TONES[tone]||SC_TONES.neutral; return {dot && ●}{children}; } function ScField({ label, children, wide }) { return (
{label} {children}
); } function ScBack({ onClick, label }) { return ; } function ScModal({ title, sub, onClose, children, footer, width="var(--modal-w-md)" }) { return (
e.stopPropagation()} style={{ width, maxWidth:"calc(100vw - 48px)", background:"var(--card)", borderRadius:"var(--radius-lg)", boxShadow:"var(--shadow-lg)", border:"1px solid var(--border)", animation:"mrpop var(--duration-base) var(--easing)" }}>

{title}

{sub &&
{sub}
}
{children}
{/* K18-49: 390px でボタンが 4 つ並ぶ(工程のモーダル)と左端の「閉じる」が画面の外へ切れていたので、折り返す */} {footer &&
{footer}
}
); } /* ===== 1. TODO詳細（4構成：トラック情報／TODO詳細／活動履歴／アクションビュー） ===== */ /* 紐づけは明示された trkId のみ（推測しない＝誤った断言を出さない） */ try { if(localStorage.getItem("marurou.store.v3")) localStorage.removeItem("marurou.store.v3"); } catch(e) {} const scTrack = t => !t.trkId ? null : (window.TR_ROWS||[]).find(x=>x.id===t.trkId) || null; /* 今日をM/D表記で。CaseDetailV25.jsx の dn()・Intake.jsx の msn() と同じ形(案件詳細-3で発見: ここが定義されておらず scTodayMd() を呼ぶたび ReferenceError で握りつぶされていた ─ 受領・帳票発行・共有・連絡の記録がすべて例外で止まり、setLog より後ろが一切実行されない)。 */ const scTodayMd = () => { const d = new Date(); return `${d.getMonth()+1}/${d.getDate()}`; }; /* TODO追加(TaskAddModal)の期限の初期値(今日・YYYY/MM/DD)。0a4e967 で足したが、その後の統合で定義だけが落ち、 モーダルを開くと ReferenceError で画面ごと白くなっていた(K18-21 の見出しの ＋TODO で見つけた)。 */ const scTodayYmd = () => { const d = new Date(), p2 = x => String(x).padStart(2,"0"); return d.getFullYear()+"/"+p2(d.getMonth()+1)+"/"+p2(d.getDate()); }; /* ── K18-07: TODO詳細の「完了して次のTODOへ」の保存を見届ける道具 ─────────── 以前の finish はトーストを出して画面を移るだけで、DB には何も書いていなかった (docs/21 K18-07)。MStore.update は同期で、送信は書き込みキュー(app/write)が 後から行う。「完了しました」と言って画面を移ってよいのは、キューが空になり、 その間に 失敗(failed)・翻訳できない変更(unsupported)・競合(conflicts)・ 認証切れ(blocked)が **増えていない** と確かめたときだけ(docs/05 §5.5 の 「保存したふりをしない」)。 */ const scWriteSnap = () => { const w = window.MarurouWrite; if (!w || typeof w.status !== "function") return null; const s = w.status() || {}; return { failed:(s.failed||[]).length, unsupported:(s.unsupported||[]).length, conflicts:Number(s.conflicts)||0, blocked:Number(s.blocked)||0, held:Number(s.held)||0 }; }; /* 控え(before)からの変化で成否を読む。 ・lost=true : サーバに残らなかった(翻訳不能・拒否)。画面の変更は戻してよい。 ・lost=false で ok=false : 競合(案件は読み直し済み)・認証切れ(再ログイン後に 送られる)・時間切れ(まだ送信待ち)。変更は失われていないので戻さない。 */ const scAwaitWrite = async (before, { timeout = 30000 } = {}) => { const w = window.MarurouWrite; if (!w || !before) return { ok:true }; const idle = typeof w.idle === "function" ? Promise.resolve(w.idle()) : Promise.resolve(); const timedOut = await Promise.race([idle.then(() => false), new Promise(r => setTimeout(() => r(true), timeout))]); const s = (typeof w.status === "function" && w.status()) || {}; const after = scWriteSnap() || before; const last = arr => (Array.isArray(arr) && arr.length) ? arr[arr.length-1] : null; if (after.unsupported > before.unsupported) { const u = last(s.unsupported); return { ok:false, lost:true, reason:(u && u.reason) || "この変更はまだサーバに保存できません。" }; } if (after.failed > before.failed) { const f = last(s.failed); return { ok:false, lost:true, reason:"サーバに拒否されました" + (f && f.message ? "（"+f.message+"）" : "") + "。この完了はサーバに残っていません。" }; } if (after.conflicts > before.conflicts) { return { ok:false, lost:false, reason:"他の人が先に更新していたため、この案件を最新に読み直しました。内容を確かめてから、もう一度完了にしてください。" }; } if (after.blocked > 0) { return { ok:false, lost:false, reason:"認証の期限が切れています。ログインし直すと、この完了は自動で送られます。" }; } /* H5(9/25): 通信断で保留した(書き込み層が送信待ちに残して止めている)。失われてはいないので戻さない。 */ if ((after.held || 0) > 0) { return { ok:false, lost:false, reason:"通信できないため、この完了はまだサーバに届いていません。通信が戻ると自動で送ります。" }; } if (timedOut || (Number(s.pending)||0) > 0) { return { ok:false, lost:false, reason:"保存がまだ終わっていません（送信待ち）。届くまでこの画面に残ります。もう一度押すと続きを待ちます。" }; } return { ok:true }; }; /* K18-37(0119): 連絡の「何のための連絡か」。TODO 詳細の TODO 行(rpc_seed の todos)が工程なら { relatedStepId: track_steps.id }、手動の TODO なら { relatedTaskId: tasks.id }。分からなければ {}。 */ const SC_UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i; const scRelatedRef = (c, todo) => { if (!c || !todo) return {}; const rowId = todo.todoId || todo.id; const row = (c.todos || []).find(t => t && t.id === rowId) || todo; if (!row || !SC_UUID_RE.test(String(row.dbId || ""))) return {}; if (row.kind === "step" || row.railStep) return { relatedStepId: row.dbId }; if (row.kind === "task") return { relatedTaskId: row.dbId }; return {}; }; /* 赤帯(㉝ showSaveFail)。書き込み層・ContactModal と同じ形で出す。 */ const scSaveFail = (reason) => { if (typeof window.showSaveFail === "function") window.showSaveFail({ reason, title:"完了を保存できませんでした" }); else console.warn("[TODO詳細] " + reason); }; /* TODO行(rpc_seed の todo_track)が指す工程をトラックの steps から引く。 dbId(= track_steps.id)で名指しできればそれ、無ければ工程名(railStep)で未完了の 最初の同名。どちらも無ければ null ─ 推測で別の工程を完了にしない。 */ const scFindRailStep = (c, row) => { if (!c || !row || !row.trkId || typeof window.msTracks !== "function") return null; const hit = window.msTracks(c).find(x => x && x.t && x.t.id === row.trkId); if (!hit) return null; const steps = Array.isArray(hit.t.steps) ? hit.t.steps : []; let i = row.dbId ? steps.findIndex(s => s && s.stepId && s.stepId === row.dbId) : -1; if (i < 0) i = steps.findIndex(s => s && s.s !== "done" && s.s !== "skip" && s.n === row.railStep); return i < 0 ? null : { track:hit.t, kind:hit.kind, index:i, step:steps[i] }; }; /* トラックの表示用の状態(state/status/stall/mk)を工程から導き直す。 CaseDetailV25.jsx の dRecalc と同じ導き方 ─ 書き込み翻訳はこれらを「steps と 一緒に変わる導出値」として扱う(mstore-diff.js DERIVED_WITH_STEPS)。 */ const scRecalcTrack = t => { const steps = Array.isArray(t.steps) ? t.steps : []; const o = steps.find(s => s && s.s !== "done" && s.s !== "skip"); if (!o) { const allSkip = steps.length > 0 && steps.every(s => s && s.s === "skip"); t.state = allSkip ? "closed" : "done"; t.status = allSkip ? "打ち切り" : "完了"; t.mk = ""; t.stall = false; return t; } if (o.s === "todo") o.s = "now"; t.state = o.s === "waiting" ? "wait" : "now"; t.status = o.s === "waiting" ? (/待ち$/.test(o.n) ? o.n : o.n + "待ち") : o.n + "中"; t.stall = o.s === "waiting" && /保険/.test(o.n); t.mk = t.stall ? "delay" : ""; return t; }; /* 対象者＝このTODOで関わる相手（ボール相手・業者・精算先・依頼者）。自社は除く */ const scNorm = n => (n||"").replace(/（[^）]*）|\([^)]*\)/g,"").trim(); /* store.jsx が「未設定」を書くときの記号(vendor / payer / sub / sales / dueDone … すべて "—")。**相手の名前ではない**ので対象者に並べない。並べると業者が 未定の進行でも「— へ連絡」が押せてしまい、案件の関係者に居ない "—" 宛に 連絡を記録することになる ─ 書き込み層(mstore-diff.js)はそれを「prev に居ない 関係者」として actor.add に倒し、連絡記録(contact.log)を送らない。結果、 画面には「記録しました」と出るのに communications には1行も残らず、 代わりに名前が "—" の関係者だけがDBに増える(9/8 実測。E2E smoke 「TODO詳細の連絡モーダル…」が全体実行のときだけ落ちていた正体)。 */ const SC_UNSET = /^[-–—―ー]+$/; const scTargets = (todo, trk, contact) => { const meta = (window.BV_CASEMETA||{})[todo.caseId] || {}; const list = []; const push = (name, role) => { if(!name || name==="自社") return; const key = scNorm(name); if(!key || SC_UNSET.test(key)) return; const hit = list.find(x=>x.key===key); if(hit){ if(hit.roles.indexOf(role)<0) hit.roles.push(role); return; } list.push({ key, name:key, roles:[role] }); }; push(todo.dunning || (todo.ball!=="自社" ? todo.ball : null), "ボール"); if(trk){ push(trk.vendor, trk.kind==="ins"?"保険会社":"業者"); } /* K18-20(0112): トラックの先方担当(担当者個人)。会社(上の業者・保険会社)とは別のタブにする。 役割の語は画面だけのもの ─ 連絡の記録は persistContact が会社の関係者の行に積む(関係者には足さない)。 */ if(contact) push(contact.name, contact.side==="保険会社" ? "保険会社の担当" : "業者の担当"); if(trk){ push(trk.payer, "精算先"); } push(meta.client, "依頼者"); return list.map(x=>({ ...x, role:x.roles.join("・") })); }; /* 連絡履歴（communications・書き込み経路-10）。0027 rpc_list_communications を案件単位で読む。 固定モックの SC_LOGS は廃止（案件詳細-19/22/2）。全件を一度に取らない ─ 1ページ(既定50件)だけ 取り、続きは loadMore() で足す。読めなかったら黙って空にしない(err を返し、呼び出し側が 「読めません」を出す。docs/05 §5.5)。 */ function useCaseComms(caseDbId, limit) { const lim = limit || 50; const [rows, setRows] = React.useState(null); // null=読込中 const [err, setErr] = React.useState(""); const [hasMore, setHasMore] = React.useState(false); const [cursor, setCursor] = React.useState(null); const [loadingMore, setLoadingMore] = React.useState(false); const [tick, setTick] = React.useState(0); // reload() で増やす React.useEffect(() => { setRows(null); setErr(""); setHasMore(false); setCursor(null); if (!caseDbId) { setRows([]); return; } const cloud = typeof window !== "undefined" ? window.MarurouCloud : null; if (!cloud || typeof cloud.listCommunications !== "function") { setRows([]); setErr("連絡履歴を読み込めていません（接続の設定がありません）。"); return; } let alive = true; cloud.listCommunications(caseDbId, { limit: lim }).then(r => { if (!alive) return; setRows((r && r.rows) || []); setHasMore(!!(r && r.hasMore)); setCursor((r && r.nextCursor) || null); }).catch(e => { if (!alive) return; setRows([]); setErr((e && e.message) || "連絡履歴を読み込めませんでした"); }); return () => { alive = false; }; }, [caseDbId, lim, tick]); const loadMore = () => { const cloud = typeof window !== "undefined" ? window.MarurouCloud : null; if (!cloud || !hasMore || loadingMore || rows === null) return; setLoadingMore(true); cloud.listCommunications(caseDbId, { limit: lim, cursor }).then(r => { setRows(list => [...(list || []), ...((r && r.rows) || [])]); setHasMore(!!(r && r.hasMore)); setCursor((r && r.nextCursor) || null); }).catch(e => { setErr((e && e.message) || "続きを読み込めませんでした"); }) .finally(() => setLoadingMore(false)); }; /* K18-30: 記録した直後の読み直し。reload() と違って「読み込み中」に戻さない(端末画面の相手・タブ・入力を 保ったまま新しい行を足す)。1 ページ目を読み直し、既に読んだ古い行は残す(続きのカーソルもそのまま使える)。 */ const caseRef = React.useRef(caseDbId); caseRef.current = caseDbId; const refresh = () => { const cloud = typeof window !== "undefined" ? window.MarurouCloud : null; const id = caseDbId; if (!id || !cloud || typeof cloud.listCommunications !== "function" || rows === null) return; cloud.listCommunications(id, { limit: lim }).then(r => { if (caseRef.current !== id) return; const fresh = (r && r.rows) || []; const ids = new Set(fresh.map(x => x.id)); setRows(list => [...fresh, ...((list || []).filter(x => !ids.has(x.id)))]); setErr(""); }).catch(e => { if (caseRef.current === id) setErr((e && e.message) || "連絡履歴を読み直せませんでした"); }); }; return { rows, err, hasMore, loadingMore, loadMore, reload: () => setTick(n => n + 1), refresh }; } /* チャネル名(communications.channel の実値)→ 見出しの色味。旧SC_CHMETAの短いコード('call'等)は廃止 */ const SC_REAL_CH_TONE = { "電話":"success", "メール":"brand", "LINE":"success", "SMS":"survey", "Slack":"brand", "HP問合せ":"neutral", "来訪":"neutral", "その他":"neutral" }; const scCommDir = r => r.direction==="発信" ? "out" : r.direction==="受信" ? "in" : "memo"; const scCommWho = r => r.counterpartyContactName || r.counterpartyOrgName || (r.direction==="社内メモ" ? "社内" : "相手"); const scCommDate = iso => { const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(iso||""); return m ? (+m[2])+"/"+(+m[3]) : "—"; }; const scCommTime = iso => { const m = /T(\d{2}):(\d{2})/.exec(iso||""); return m ? m[1]+":"+m[2] : ""; }; /* 一覧の1行の見出し。生データは全チャネル共通でテキスト化されているため件名か本文冒頭を出す */ const scCommLabel = r => (r.channel||"連絡") + "：" + (r.subject || (r.body||"").split("\n")[0] || "(内容なし)"); /* ScActivity/ScRawView が読める形に正規化。raw.real=true でモック時代の分岐と区別する */ const commRowToLog = r => { const who = scCommWho(r), d = scCommDate(r.occurredAt), time = scCommTime(r.occurredAt), dir = scCommDir(r); /* K18-37(0119): 報告チェック・関連の工程/TODO・入金催促は生画面の見出しに印で出す。一覧の見出し(t)は変えない ─ 送った直後の楽観行と d+t で突き合わせているため(案件詳細-3)。 */ return { id:r.id, trkId:r.trackId, d, time, dir, who, t:scCommLabel(r), /* K18-29: at(時刻そのもの)・contactId/orgId(記録の相手の ID)は端末画面が読む(並び・相手への結び付け)。 */ raw:{ real:true, ch:r.channel, who, d, time, at:r.occurredAt||"", dir, by:r.byName||"—", subject:r.subject, body:r.body, contactId:r.counterpartyContactId||null, orgId:r.counterpartyOrgId||null, counterpartyPhone:r.counterpartyPhone, durationSec:r.durationSec, callResult:r.callResult, report:!!r.isReport, dunning:!!r.isDunning, rel:r.relatedStepName || r.relatedTaskSubject || null } }; }; /* 生画面ビュー：そのやり取りを端末の表示のまま見せる */ function ScRawView({ e, who }) { if(!e) return null; const tone = SC_REAL_CH_TONE[e.ch] || "neutral"; const Frame = ({ head, children }) => (
{head}
{children}
); const dirLabel = e.dir==="in" ? "受信" : e.dir==="out" ? "発信" : "社内メモ"; const head = ( {e.ch||"連絡"} {e.who} {e.d} {e.time} {/* K18-37(0119): 報告先への報告・入金催促・何のための連絡か */} {e.report && 報告} {e.dunning && 入金催促} {e.rel && 関連: {e.rel}} {dirLabel}{e.by ? "・担当 "+e.by : ""} ); const durLabel = e.durationSec!=null ? Math.floor(e.durationSec/60)+"分"+(e.durationSec%60)+"秒" : null; /* 実データは全チャネル共通でテキスト化されている(communications.body)。通話は電話番号・通話時間・ 応対結果を分かる範囲で添え、それ以外(メール等)は件名＋本文をそのまま出す。チャット吹き出しの 再現や「録音あり」の演出はしない ─ 実データに無いものを補って作らない(docs/05 §5.5と同じ理由)。 */ return ( {e.subject &&
{e.subject}
} {(e.counterpartyPhone || durLabel || e.callResult) && (
{e.counterpartyPhone && {e.counterpartyPhone}} {durLabel && 通話時間 {durLabel}} {e.callResult && {e.callResult}}
)}
{e.body || "(本文なし)"}
); } /* このTODOを終えるまでの内訳（3工程）。btype で型を決め、状態はデータから導出 */ const SC_W = "@who@", SC_C = "@client@", SC_T = "@target@"; /* 各工程は自分の信号(sig)と操作(act)を持つ。位置では判定しない sig: recv=相手からの受領物 / made=自社の確定版 / shared=報告先へ全員共有 rail=進行のその工程が完了 / railName:X=指定工程が完了 / railAll=進行が全部完了 out=自社からの連絡記録 / in=相手からの返答 */ const SC_MICRO = { 報告: { lead:SC_W+"から報告書を受け取り、確定版にして"+SC_C+"へ共有する", steps:[ { t:"業者報告書の受領", sig:"recv", act:"receive" }, { t:"確定版の作成", sig:"made", act:"doc" }, { t:"関係者へ共有", sig:"shared", act:"share" }] }, 見積: { lead:SC_W+"の原価見積をもとに自社見積を作り、"+SC_C+"へ提出する", steps:[ { t:"原価見積の受領", sig:"recv", act:"receive" }, { t:"自社見積の作成", sig:"made", act:"doc" }, { t:"提出・承認依頼", sig:"shared", act:"share" }] }, 社内承認:{ lead:"自社で内容を確認して決裁し、次の工程に進める", steps:[ { t:"内容の確認", sig:"made", act:null }, { t:"社内決裁", sig:"rail", act:"step" }, { t:"相手へ通知", sig:"out", act:"contact" }] }, 社外承認:{ lead:SC_W+"から承認・発注書をもらい、受注として記録する", steps:[ { t:"承認の依頼", sig:"out", act:"contact" }, { t:"回答・発注書の受領", sig:"recv", act:"receive" }, { t:"受注として記録", sig:"rail", act:"step" }] }, 承認: { lead:SC_W+"の承認をもらい、次の工程に進める", steps:[ { t:"承認の依頼", sig:"out", act:"contact" }, { t:"回答の受領", sig:"in", act:"contact" }, { t:"結果の記録", sig:"rail", act:"step" }] }, 連絡: { lead:SC_W+"へ連絡し、回答をもらって記録する", steps:[ { t:"連絡・催促", sig:"out", act:"contact" }, { t:"回答の受領", sig:"in", act:"contact" }, { t:"結果の反映", sig:"rail", act:"step" }] }, 方針確認:{ lead:SC_T+"に方針を確認し、決まった内容を記録する", steps:[ { t:"案の提示", sig:"out", act:"contact" }, { t:"相手の回答", sig:"in", act:"contact" }, { t:"方針の記録", sig:"rail", act:"step" }] }, 入金精算:{ lead:SC_W+"へ請求し、入金を確認して消し込む", steps:[ { t:"請求書の発行・送付", sig:"made", act:"doc" }, { t:"入金の確認", sig:"railName:入金", act:"step" }, { t:"消込", sig:"railAll", act:"step" }] }, その他: { lead:"現地・自社で対応し、結果を記録する", steps:[ { t:"段取り・連絡", sig:"out", act:"contact" }, { t:"実施", sig:"rail", act:"step" }, { t:"記録", sig:"railAll", act:null }] }, /* 自社が手を動かすTODO＝受領工程を持たない */ "報告:self": { lead:"報告書をまとめ、"+SC_C+"へ共有する", steps:[ { t:"報告書の作成", sig:"made", act:"doc" }, { t:"関係者へ共有", sig:"shared", act:"share" }] }, "見積:self": { lead:"自社見積を作り、"+SC_C+"へ提出する", steps:[ { t:"自社見積の作成", sig:"made", act:"doc" }, { t:"提出・承認依頼", sig:"shared", act:"share" }] }, "連絡:self": { lead:SC_T+"へ連絡し、結果を記録する", steps:[ { t:"連絡", sig:"out", act:"contact" }, { t:"結果の記録", sig:"rail", act:"step" }] }, "入金精算:self": { lead:SC_T+"へ請求し、入金を確認して消し込む", steps:[ { t:"請求書の発行・送付", sig:"made", act:"doc" }, { t:"入金の確認", sig:"railName:入金", act:"step" }, { t:"消込", sig:"railAll", act:"step" }] }, }; /* 管-12「TODO種別」(0026 todo_types)で保存した文言を、SC_MICRO の型に重ねる(0078)。 差し替えるのは **lead と工程名(t)だけ**。sig(状態の見方)と act(押したときの操作)は 画面の仕組みそのもので管理画面では編集できない ─ SC_MICRO 固定のまま使う。 ・:self 版(自社が手を動かす=受領工程を持たない2工程)に対応する code は todo_types に無い。工程数も文言も基本形と違うので**差し替えない** (基本形の「業者報告書の受領」を自社のTODOに被せると嘘になる)。 ・該当 code が無い/工程数が違う/文言が空 のときも、その部分は固定文言のまま残す。 */ const scApplyTodoType = (base, key, isSelf) => { if (isSelf || base !== SC_MICRO[key]) return base; const rows = (window.MStore && typeof window.MStore.todoTypes === "function") ? window.MStore.todoTypes() : []; const hit = (rows || []).find(x => x && x.code === key); if (!hit) return base; const dbSteps = Array.isArray(hit.steps) ? hit.steps : []; if (dbSteps.length !== base.steps.length) return base; const lead = String(hit.leadText || "").trim(); return { lead: lead || base.lead, steps: base.steps.map((x,i) => { const t = String((dbSteps[i] && dbSteps[i].text) || "").trim(); return t ? { ...x, t } : x; }), }; }; /* K-29: TODO の起きた日(raised・"M/D")を年つきの "YYYY-MM-DD" に直す。年を持たないので、今日より先に 見える月日は去年とみなす(起きた日は未来にならない)。読めなければ null ─ そのときは絞らない。 */ const scRaisedIso = (md, today) => { const m = /^(\d{1,2})\/(\d{1,2})$/.exec(String(md || "").trim()); if (!m) return null; const now = today || new Date(); const mo = +m[1], d = +m[2], nm = now.getMonth() + 1, nd = now.getDate(); const y = now.getFullYear() - ((mo > nm || (mo === nm && d > nd)) ? 1 : 0); return y + "-" + String(mo).padStart(2, "0") + "-" + String(d).padStart(2, "0"); }; const scMicro = (todo, trk, who, comms) => { const cs = window.MStore ? window.MStore.case(todo.caseId) : null; const key = window.dvTypeOf ? window.dvTypeOf(todo) : todo.btype==="承認" ? (todo.step.indexOf("社内")>=0 ? "社内承認" : "社外承認") : todo.btype; const self = todo.ball==="自社"; const M = scApplyTodoType( SC_MICRO[key+(self?":self":"")] || SC_MICRO[key] || SC_MICRO[todo.btype] || SC_MICRO["その他"], key, self); /* 実際の相手：督促先 → 自社以外のボール → 連絡先 → 依頼者 */ const target = todo.dunning || (!self ? todo.ball : null) || who || (cs?cs.client:"相手"); const lead = M.lead.split(SC_W).join(self?"自社":(who||"相手")).split(SC_C).join(cs?cs.client:"依頼者").split(SC_T).join(target); const kindOf = { "報告":"報告書", "見積":"見積書", "入金精算":"請求書", "社外承認":"発注書" }[key] || null; /* 日付の比べ鍵(年月日)。K18-49 から店の日付は、M/D だと別の年に読まれる日だけ YYYY/M/D で来る (FormParts.jsx mrDateToUi)。以前の「M/D を探す」読み方は 2025/12/3 を 25/12 と読み、起票日が去年の TODO では発行・共有の記録(H7)が数えられなかった。年の無い M/D は起票日と同じ規則(scRaisedIso)で年を補う。 */ const dnum = d => { const s = String(d||"").trim(); const y = /^(\d{4})[\/-](\d{1,2})[\/-](\d{1,2})/.exec(s); if (y) return (+y[1])*10000+(+y[2])*100+(+y[3]); const iso = scRaisedIso((/(\d{1,2})\/(\d{1,2})/.exec(s)||[""])[0]); return iso ? Number(iso.replace(/-/g, "")) : 0; }; const raised = todo.raised ? dnum(todo.raised) : 0; const tid = todo.todoId || todo.id || null; const all = cs ? cs.files : []; const stamped = f => !!tid && f.todoId===tid; const scoped = trk ? all.filter(f=>stamped(f) || (!f.todoId && f.trkId===trk.id && dnum(f.date) >= raised)) : all.filter(f=>stamped(f) || !f.todoId); const mine = kindOf ? scoped.filter(f=>f.type===kindOf) : scoped; const recv = mine.some(f=>f.stage==="received"); /* H7(9/25 本番の不具合): 「作成済み」「共有済み」は DB の記録からも見る。 発行した書類の行(files[] の stage "issued")は発行したその端末の控えにしか無く、別の端末には 添付(受領物)しか届かない。以前はその受領物が共有の記録で「確定」に化けたときだけ済みに見えていた (読み込みの届く順で変わる)。受領物は確定版として数えず、発行の記録(doc_issues・0084)と 共有の記録(file_shares・0044)で見る。トラックの TODO は、そのトラックの・起票日以降の記録だけ (files[] の絞り込みと同じ規則)。トラックの無い古い共有の記録はどのトラックの共有か分からないので、 トラックの TODO では数えない(別のトラックの共有で済みに見せない)。 */ const kindHit = k => !kindOf || (typeof k==="string" && k.indexOf(kindOf)>=0); const issuedLog = ((cs && cs.docIssues) || []).filter(d => d && (d.action==="issued" || d.action==="finalized") && kindHit(d.kind) && (!trk || (d.trkId===trk.id && dnum(d.at) >= raised))); const made = mine.some(f=>f.stage==="issued") || issuedLog.length>0; const draft = mine.some(f=>f.stage==="draft"); const need = (cs && cs.reportTo) || []; const shareable = mine.filter(f=>f.stage!=="received"); const needOf = nm => need.find(n => nm===n || String(nm).indexOf(n)>=0) || null; /* 共有の記録はトラックを dbId で持つ。TR_ROWS の行(trk)は dbId を持たないので、案件のトラックから引く。 */ const trkDb = !trk ? null : (todo.trkDbId || trk.dbId || (() => { const ins = !cs || !cs.ins ? [] : (Array.isArray(cs.ins) ? cs.ins : [cs.ins]); const t = (cs ? [...(cs.visits||[]), ...(cs.works||[]), ...ins] : []).find(x => x && x.id===trk.id); return (t && t.dbId) || null; })()); const sharedLog = ((cs && cs.fileShareLog) || []).filter(r => r && r.recipientName && (!kindOf || r.fileLabel===kindOf) && (!trk || (!!trkDb && r.trackId===trkDb && dnum(r.occurredAt) >= raised))) .map(r => needOf(r.recipientName)).filter(Boolean); const sharedNames = [...new Set([...shareable.flatMap(f=>f.sharedTo||[]), ...sharedLog])].filter(n=>need.indexOf(n)>=0); const rails = trk ? [trk] : (window.TR_ROWS||[]).filter(r=>r.caseId===todo.caseId); const railOf = n => { for(const t of rails){ const hit = t.rail.find(r=>r[0]===n); if(hit && hit[1]==="done") return "done"; if(hit) return hit[1]; } return null; }; const railAll = rails.length>0 && rails.every(t=>t.rail.every(r=>r[1]==="done"||r[1]==="skip")); /* 連絡・催促／回答の受領は communications(0027)から見る。読み込み中/読めない間は「まだ」扱いにする (誤って完了扱いにしない ─ 空データへ黙って落とさない。comms.err/ready はUIに返し、呼び出し側が 出す。案件詳細-2)。 */ const commsRows = comms && Array.isArray(comms.rows) ? comms.rows : null; const commsReady = commsRows !== null; /* K-29: 進行(trk)のTODOは、その進行に付いた連絡(trackId = trk.dbId)だけを見る。以前は trk.dbId が 無く(store.jsx trackRows)常に空だった。あわせて**このTODOが起きた日(raised)より前の連絡は数えない** ─ 1トラック1行のTODOは工程が進むと同じ行が次の工程になるので、前の工程でした連絡で 次の工程の「連絡・催促」が最初から済みに見えてしまう(書類の raised と同じ考え方)。 */ const since = scRaisedIso(todo.raised); const inThisTodo = r => !since || String(r.occurredAt || "").slice(0, 10) >= since; const commsScoped = commsReady ? commsRows.filter(r => (trk ? r.trackId===trk.dbId : true) && inThisTodo(r)) : []; const test = sig => { if(!sig) return false; if(sig==="recv") return recv; if(sig==="made") return made; if(sig==="shared") return need.length>0 && sharedNames.length>=need.length; if(sig==="out") return commsScoped.some(r=>r.direction==="発信"); if(sig==="in"){ if(todo.railStep && railOf(todo.railStep)==="waiting") return false; const lastOut = commsScoped.filter(r=>r.direction==="発信").reduce((mx,r)=>r.occurredAt>mx?r.occurredAt:mx, ""); return commsScoped.some(r=>r.direction==="受信" && r.occurredAt>=lastOut); } if(sig==="rail") return todo.railStep ? railOf(todo.railStep)==="done" : railAll; if(sig==="railAll") return railAll; if(sig.indexOf("railName:")===0) return railOf(sig.slice(9))==="done"; return false; }; const raw = M.steps.map(x=>({ ...x, ok:test(x.sig) })); /* 済みは前詰め：後ろが立っていても手前が未了なら「今ここ」は手前 */ let cursor = raw.findIndex(x=>!x.ok); if(cursor<0) cursor = raw.length; const steps = raw.map((x,i)=>({ t:x.t, act:x.act, s: ix.sig==="out"||x.sig==="in"); return { lead, steps, need, shared:sharedNames, files:shareable, all:mine, draft, kindOf, trkId:trk?trk.id:null, hasTrack:!!trk, allDone:cursor>=raw.length, commsReady: usesComms ? commsReady : true, commsErr: usesComms && comms ? comms.err : "" }; }; /* 共有先の候補（ファイル・帳票-6・決-8）: 報告先(need=cs.reportTo。表示名)を 案件の関係者(parties)と突き合わせ、case_actors.id(actorId)を持つ相手だけを 選べる状態にする。名前の文字列一致では解決しない(同名の別の関係者に付け替わる 事故になる。0044_file_shares.sqlの設計判断と同じ理由)ので、一致しない・IDが 無い枠は選べないまま出し、理由を1行添える(黙って選択肢から消さない)。 */ function scShareCandidates(parties, need, shared) { return (need || []).map(n => { const done = (shared || []).indexOf(n) >= 0; const p = (parties || []).find(x => x && (x.name === n || String(x.name).indexOf(n) >= 0)); if (!p) return { name: n, actorId: null, done, reason: "関係者の一覧に見つかりません(関係者タブで先に追加してください)" }; if (!p.actorId) return { name: n, actorId: null, done, reason: "この関係者はIDが未登録のため選べません" }; return { name: n, actorId: p.actorId, done, reason: null }; }); } /* 内訳(3工程)の表は TodoDetailParts.jsx の TdStepTable(K18-27。以前の横並び ScMicroSteps は表に置き換えた)。 */ /* ③共有：報告先に済みの印を付ける（送信はまだない） */ function ScShareModal({ need, shared, parties, files, onClose, onSend }) { const cands = scShareCandidates(parties, need, shared); const [sel, setSel] = React.useState(cands.filter(c=>!c.done && c.actorId).map(c=>c.name)); const [ch, setCh] = React.useState("メール"); const [fid, setFid] = React.useState(files[0] ? files[0].id : null); const send = () => { // selはボタンの選択状態でしかない ─ 実際に送るのはactorIdを持つ人だけ // (disabledなボタンからは選べないはずだが、名前だけでIDが伴わない共有を // 二重に防ぐ)。 const eligible = sel.map(n => cands.find(c=>c.name===n)).filter(c => c && c.actorId); if (!eligible.length || !fid) return; onSend(fid, eligible.map(c=>c.name), ch, eligible.map(c=>c.actorId)); }; const eligibleCount = sel.map(n => cands.find(c=>c.name===n)).filter(c => c && c.actorId).length; return ( キャンセル {ch}したと記録（{eligibleCount}者・送信しません） }>
送る書類
{files.length===0 &&
この進行に確定版の書類がありません。先に②で作成してください。
} {files.map(f=>( ))}
報告先（{shared.length}／{need.length}者 済み）
{cands.map(c=>{ const done = c.done, on = sel.indexOf(c.name)>=0, disabled = done || !c.actorId; return ( ); })} {need.length===0 &&
報告先が未設定です（受付で決めます）。
}
手段
{["メール","LINE","SMS","電話"].map(x=>( ))}
); } /* 受信箱＝メール／LINE／Slack で相手から届いた添付。取り込みはまだ無いので常に空。 * 以前の架空6件は実在する案件番号に乗っていた。受領は手元ファイル選択だけ残す。 */ const SC_CH_LABEL = { mail:"メール", line:"LINE", slack:"Slack", sms:"SMS" }; const SC_CH_TONE = { mail:"survey", line:"success", slack:"brand", sms:"neutral" }; const scInboxFor = () => []; /* 受信箱：相手×チャネルごとに届いた添付を選ぶ */ function ScInbox({ entries, sel, onToggle, taken }) { if(!entries || entries.length===0) return (
受信箱に該当する添付はありません。ファイル選択で格納してください。
); return (
{entries.map(e=>(
{SC_CH_LABEL[e.ch]||e.ch} {e.who} {e.d} {e.time}
{e.subject}
{e.atts.map((a,i)=>{ const key = e.id+":"+i, on = sel.indexOf(key)>=0, got = taken.indexOf(a.name)>=0; return ( ); })}
))}
); } /* 書類の状態の語：受領／下書き／確定(プレビューの見出しが読む。表の色は TodoDetailParts.jsx TD_FILE_STAGE) */ const SC_STAGE = { received:["受領","survey"], draft:["下書き","warn"], issued:["確定","success"] }; /* このTODOの書類の表は TodoDetailParts.jsx の TdFileTable(K18-28。以前の ScFileStrip は表に置き換えた)。 */ /* 発行の記録（K-7・決-8・0084）：いつ・誰に・何を発行したか／いつ確定にしたか。 帳票の中身（PDF）はまるろうOSでは作らない ─ ここは記録の一覧だけ。 保存先は doc_issues（rpc_list_doc_issues で案件を開いたときに取り直す）。 */ function ScDocIssues({ rows }) { const list = Array.isArray(rows) ? rows : []; if (!list.length) return null; const shown = list.slice(0, 6); return (
発行の記録 {list.length}
{shown.map(d=>(
{d.action==="finalized"?"確定":"発行"} {d.kind||"書類"} {d.to && {"→ "+d.to}} {d.at||""} {d.by && {d.by}} {!d.dbId && 保存中}
))}
{list.length>shown.length && (
{"ほか "+(list.length-shown.length)+" 件（送付はシステム外です）"}
)}
); } /* プレビュー：本文つきは読める形で、画像はそのまま */ function ScFileView({ file, onClose, onSave }) { const [body, setBody] = React.useState(file.docBody||""); const img = (file.mime||"").startsWith("image") && file.url; const printIt = () => { if (file.url) { const w = window.open(file.url, "_blank", "noopener"); if (w) w.focus(); return; } window.print(); }; return ( 閉じる {(file.url || file.docBody) && {file.url ? "別タブで開く／印刷" : "印刷"}} {file.docBody && onSave(file.id, body)}>保存} }> {img && {file.name}} {file.docBody && (