// PartnerDetailV6 — 取引先詳細(K18-31)。池田さん版(reference/ikeda-2026-09-16/screens/marurou/Screens.jsx の // PartnerDetail)の 2 カラムに組み直したもの。以前の本体は Screens.jsx の PartnerDetail で、いまはここを呼ぶだけ。 // // 左: 取引先カード(フリガナ・電話・メール・社内担当・取引・精算・契約・確認済み・住所(請求先)・本社・備考・ // 担当者のチップ「名前(役割)」)と、進行中の案件 // 右: 依頼者規定(取引条件・初動対応注意点・管理エリア・管理会社側システム・規定精算(調査/復旧)・ // 保険/オーナーの窓口・請求パターン)・支店・連絡 // // 値はどれも rpc_list_partners の行に載って来る(専用の詳細 RPC は無い。0101/0106/0114〜0116)。 // 池田さん版から変えたところ(docs/21 §0「見た目と使い勝手だけ取り込み、main の機能は残す」): // ・LINE のボタンは置かない(決-37: LINE は居住者とのやりとりだけ)。電話・メール・SMS・Slack は残す。 // ・「連絡(案件横断)」の履歴は持たない(取引先直下の連絡は K18-34/35/36 の宿題)。連絡の記録は今までどおり // 先頭の進行中の案件に残し、残せないときは理由を出して成功扱いにしない(案件詳細-5)。 // ・架空の取引履歴(池田さん版の HIST)は出さない。 // ・確認済みはここで付け外す(K18-33・OrgFields.jsx の OrgVerifyControl)。社内担当・契約の編集は管理画面。 /* 上にラベル・下に値の欄(池田さん版の Field と同じ並び)。span は横に何マス使うか。 */ function PdField({ label, children, span, mono }) { return (
{label} {children}
); } /* 見出しつきのカード。 */ function PdCard({ title, sub, children, pad = 14 }) { return (
{title}{sub ? {sub} : null}
{children}
 ); } const pdDash = —; const pdOrgLabel = (o) => (o && o.name ? o.name + (o.branchName ? "（" + o.branchName + "）" : "") : ""); function PartnerDetailV6({ partner, onBack, onContact, onOpenCase, onToast }) { const [contextStatus, setContextStatus] = React.useState({ status: "idle" }); const [remoteRelated, setRemoteRelated] = React.useState([]); const [relatedStatus, setRelatedStatus] = React.useState("idle"); const p = partner || {}; React.useEffect(() => { if (!p.id || !window.MarurouCloud || !window.MarurouCloud.listPartnerCaseIds) return; let alive = true; setRelatedStatus("loading"); window.MarurouCloud.listPartnerCaseIds(p.id).then(rows => { if (!alive) return; setRemoteRelated((rows || []).map(x => ({ id:x.dbId, dbId:x.dbId, prop:x.name, m:{ accepted:x.accepted, stage:"", dueDone:"—" } }))); setRelatedStatus("ready"); }).catch(() => { if (alive) { setRelatedStatus("error"); setRemoteRelated([]); } }); return () => { alive = false; }; }, [p.id]); if (!partner) return null; const meta = window.BV_CASEMETA || {}; // 進行中(seed の未完了)だけ。完了済みは盤面に無いので、件数は p.cases(累計)と並べて出す。 const localRelated = ((window.MStore && window.MStore.get().cases) || []) .filter(c => c.client===p.name || (c.parties||[]).some(x => x && x.name===p.name)) .map(c => ({ id:c.id, dbId:c.dbId, prop:c.name, m: meta[c.id] || { accepted:String(c.accepted||"").slice(5), stage:"", dueDone:c.dueDone||"—" } })); const related = [...localRelated, ...remoteRelated.filter(x => !localRelated.some(y => y.dbId && x.dbId && y.dbId === x.dbId))]; const isVendor = p.kind === "業者"; const dealLabel = isVendor ? "発注先" : p.cont==="継続" ? "継続" : p.cont==="スポット" ? "スポット" : null; const dealTone = isVendor ? "brand" : p.cont==="継続" ? "success" : p.cont==="スポット" ? "survey" : "neutral"; const contacts = Array.isArray(p.contacts) ? p.contacts : []; const branches = Array.isArray(p.branches) ? p.branches : []; const COLS = "1.6fr 62px 52px 1fr 66px"; /* 連絡の記録: 取引先詳細には案件が無い(案件詳細-5と同じ理由)。先頭の関連する進行中案件へ 記録を1件足す(PhoneLink・下の連絡ボタン共通)。関連案件が無ければ何もしない。 */ const logContactToRelatedCase = (label, body) => { if (!related.length || !window.MStore) return null; const caseId = related[0].id; const when = (typeof scTodayMd === "function") ? scTodayMd() : ((d)=>{ return (d.getMonth()+1)+"/"+d.getDate(); })(new Date()); window.MStore.updateCase(caseId, c => { let party = (c.parties||[]).find(x => x && x.name === p.name); if (!party) { party = { role: isVendor ? "業者" : "依頼者", name: p.name, wait: null, log: [] }; c.parties = [...(c.parties||[]), party]; } party.log = [{ d: when, dir: "out", t: label + "：" + (body || "連絡") }, ...(party.log || [])]; }); return caseId; }; /* PhoneLinkのonCall: 押した瞬間に「Zoomで発信」の記録を1件作る。関連案件が無ければ記録は残らないが、 発信リンク自体は押せる(Zoom側の発信は止めない)。 */ const onPhoneCall = (who, phone) => { const caseId = logContactToRelatedCase("電話", "Zoomで発信: " + who + " " + phone); onToast && onToast(caseId ? who + "への発信を案件 " + caseId + " に記録しました" : who + "へ発信しました(関連する進行中案件が無いため記録は残せません)"); }; /* 連絡モーダル(ContactModal)の onSent。関連案件の関係者情報を取ってから記録する。取れなければ reject して成功扱いにしない(モーダルは閉じず、赤帯に理由が出る)。 */ const onSent = async (label, body) => { if (!related.length || !window.MStore) { const error = new Error("関連案件が読み込まれていません。案件を取得してから記録してください。"); onToast && onToast(error.message); throw error; } let caseId = related[0].id; let relatedCase = window.MStore.case(caseId); if (!relatedCase && related[0].dbId && window.MStore.ensureCaseLoaded) { relatedCase = await window.MStore.ensureCaseLoaded(related[0].dbId); caseId = relatedCase && relatedCase.id; } if (!relatedCase || !caseId || !relatedCase.dbId || !window.MStore.ensureCaseDetailContext) { const error = new Error("関連案件の関係者情報を取得できないため、記録できません。"); onToast && onToast(error.message); throw error; } setContextStatus({ status:"loading" }); try { await window.MStore.ensureCaseDetailContext(caseId, relatedCase.dbId); setContextStatus({ status:"ready" }); } catch (error) { setContextStatus({ status:"error", error }); onToast && onToast("関連案件の関係者情報を取得できませんでした。再試行してください。"); throw error; } const when = (typeof scTodayMd === "function") ? scTodayMd() : ((d)=>{ return (d.getMonth()+1)+"/"+d.getDate(); })(new Date()); window.MStore.updateCase(caseId, c => { let party = (c.parties||[]).find(x => x && x.name === p.name); if (!party) { party = { role: isVendor ? "業者" : "依頼者", name: p.name, wait: null, log: [] }; c.parties = [...(c.parties||[]), party]; } party.log = [{ d: when, dir: "out", t: label + "：" + (body || "連絡") }, ...(party.log || [])]; }); onToast && onToast(p.name + " への記録を案件 " + caseId + " に残しました"); }; const ownerName = (window.orgOwnerName && window.orgOwnerName(p)) || ""; const contractLabel = (window.orgContractLabel && window.orgContractLabel(p)) || ""; // 依頼者規定: 業者には出さない(規定は依頼者の約束事)。業者でも値が入っていれば出す(入れた値を隠さない)。 const RULES = [ ["取引条件", p.tradeTerms, 2], ["初動対応注意点", p.firstResponseNotes, 2], ["管理エリア", p.serviceArea], ["管理会社側システム", p.clientSystemName], ["規定精算（調査）", p.defaultSettlementSurvey], ["規定精算（復旧）", p.defaultSettlementRepair], ["保険窓口", p.insuranceWindow], ["オーナー窓口", p.ownerWindow], ["請求パターン", p.contract], ]; const showRules = !isVendor || RULES.some(([, v]) => v); return (

{p.name}

{p.branchName ? 支店名 {p.branchName} : null} {p.type} {p.kind} {dealLabel && {dealLabel}}
取引実績から導出（マスタに状態カラムを持たない・昇格操作なし）
{/* ── 左: 取引先カードと進行中の案件 ── */}
{p.nameKana || pdDash} {p.tel ? onPhoneCall(p.name, p.tel)} /> : pdDash} {p.email || pdDash} {/* K18-32(0114): 社内担当。編集は管理画面の取引先タブ */} {ownerName || pdDash} {dealLabel || pdDash} {p.contract || pdDash} {/* K18-33(0115): 契約状態(空は不明)。編集は管理画面の取引先タブ */} {contractLabel || 不明} {p.cases||0} 件 うち進行中 {related.length} 件 {p.kind==="顧客"?"請求実績あり＝顧客":isVendor?"発注実績あり＝業者":"請求・発注なし＝関係者"} {/* K18-03: 取込元が SF の請求先住所(Billing*)なのでラベルで明示する(列は既存の address) */} {p.address || pdDash} {/* K18-09: 本社(親取引先) */} {p.parent ? pdOrgLabel(p.parent) : pdDash} {/* K18-33(0115): 確認済みはここで付け外す(日時と人はサーバが決める) */} {window.OrgVerifyControl ? : pdDash}
{contacts.length ? {contacts.map((c,i) => ( {(c.name||"")}{c.role ? "（"+c.role+"）" : c.title ? "（"+c.title+"）" : ""} {c.phone ? onPhoneCall(c.name||p.name, c.phone)} /> : null} ))} : pdDash}
{/* K18-09: 備考(SF の 備考/説明/課題/特記 を見出しつきで結合した値。編集は管理画面の取引先タブ)。 長文が多い(SF の 4 項目の結合)ので高さを抑えてスクロール。担当者の欄を先に置く */}
{p.notes || pdDash}
進行中の案件 {related.length} この画面に載る未完了だけ
{["物件・案件名","受付日","段階","案件No.","完了予定"].map(h=>( {h} ))}
{related.length===0 &&
該当なし
} {related.map((x,i)=>( ))} {relatedStatus==="error" &&
関連案件を取得できませんでした。再試行してください。
}
{/* ── 右: 依頼者規定・支店・連絡 ── */}
{showRules &&
{RULES.map(([label, v, span]) => ( {v ? {v} : pdDash} ))}
} {/* K18-09: 支店一覧(自分を親にする取引先)。無い取引先(7,400 社余り)には出さない。 */} {branches.length>0 && {branches.map((b,i) => (
{pdOrgLabel(b)}
{b.tel ?
{b.tel}
: null}
))} }
{/* 決-37: LINE は居住者とのやりとりだけ。取引先には出さない */}
{["電話","メール","SMS","Slack"].map(a=>( onContact&&onContact({ name:p.name, ch:a, onSent })}>{a} ))}
{contextStatus.status!=="idle" && contextStatus.status!=="ready" &&
{contextStatus.status==="loading" ? "関連案件の関係者を読み込み中…" : "関連案件の関係者を取得できませんでした。連絡記録は作成していません。"}
} {!related.length && relatedStatus!=="loading" && (
関連する進行中案件が無いときは、連絡モーダルの記録は案件へ紐づけられません。
)}
案件をまたいだ連絡の一覧(取引先直下の記録)は、まだありません。
); } Object.assign(window, { PartnerDetailV6, PdField, PdCard });