+
+ {/* DASHBOARD */}
+ {page === "dashboard" && (
+
+
+
+
{t("ダッシュボード")}
+
{t("昨夜の清掃結果サマリー — 2026-03-27")}
+
+
+ {unresPre > 0 &&
}
+ {dashItems.secBanner && unresDsa > 0 &&
}
+
+
+
+ {dashItems.secBanner && (
+
+
{t("⚠ セキュリティ無効: MEGAドンキ渋谷本店 1F売場（03:42以降）")}
+
+ )}
+
+
+
+
+
+
+
+
+ {dashItems.detailLog && (
+
+
+
{t("清掃詳細ログ")}
+
+ {t("△×のみ")}
+ {t("全件")}
+
+
+
+
+
+
+
+ )}
+
+
+ {dashItems.scheduleBar && (
+
+
{t("スケジュール進捗")}
+
300
+
{t(" / 312 完了")}
+
+
+ )}
+ {dashItems.failBreakdown && (
+
+
{t("失敗の内訳")}
+
{t("ロボット異常")}7
+
{t("未実施")}5
+
{t("セキュリティ有効")}2
+
{t("制御盤異常")}1
+
+ )}
+
+
+ )}
+
+ {/* DETAIL LOG */}
+ {page === "detailLog" && (
+
+
+
+
{t("清掃詳細ログ")}
+
{t("1行＝1ロボット×1スケジュール実行")}
+
+
+
+ ～
+
+
+
+
+
+
+
+
+
+
{filt(LOG, lFilt, lSF, lSM, lSS).length}{lang === "en" ? " shown / " : "件 / 全"}{LOG.length}{lang === "en" ? " total" : "件"}
+
+
+ )}
+
+ {/* ALERT - Pre-check */}
+ {page === "alert" && (
+
+
{t("アラート（事前チェック）")}
+
{t("スケジュール開始前のエラー検知と出発失敗")}
+
+ {/* #2 サマリーカウント */}
+
+
+
{PRECHK.filter(function (a) { return !a.ok; }).length}
+
+
+
+
{PRECHK.filter(function (a) { return a.ok; }).length}
+
+
+
+
+
+ {/* #1 日付フィルタ + #3 グループ/会社フィルタ + ステータスフィルタ */}
+
+
+
+ 〜
+
+
+
+
+
+ {t("未解消のみ")}
+ {t("全件")}
+ {t("解消済み")}
+
+
+
+ {PRECHK.filter(function (a) {
+ if (aFilt === "unresolved") return !a.ok;
+ if (aFilt === "resolved") return a.ok;
+ return true;
+ }).map(function (a) {
+ var sevCol = a.sev === "出発失敗" ? c.ng : c.wn;
+ return (
+
+
+
+
+
{a.fac}
+
予定: {a.sch} — {t(a.note)}
+
検知: {a.dt}
+
+
+ {a.ok
+ ? 解消 ({a.at})
+ : {t("未解消")}
+ }
+
+
+
+ );
+ })}
+
+ )}
+
+ {/* REPORT */}
+ {page === "report" && (
+
+
+
{t("レポート")}
+
+
+
+
+
+
+
+
+
+
+ {[["稼働率", 92, 89, c.ok], ["出発成功率", 88, 90, c.pr], ["清掃完了率", 87, 85, c.ac], ["エラー発生率", 4.2, 4.7, c.ng]].map(function (item, i) {
+ var diff = Math.round((item[1] - item[2]) * 10) / 10;
+ var better = i < 3 ? diff > 0 : diff < 0;
+ var worse = i < 3 ? diff < 0 : diff > 0;
+ var prevLabel = rptPeriod === "weekly" ? t("前週") : t("前月");
+ return (
+
+
{t(item[0])}
+
{item[1]}%
+
+ {diff > 0 ? "▲" : diff < 0 ? "▼" : "→"}{Math.abs(diff)}%
+ {prevLabel}{t("比")}
+
+
{prevLabel}: {item[2]}%
+
+ );
+ })}
+
+
+ {/* 連続問題施設 + エラー種別 */}
+
+ {/* #4 連続問題施設 */}
+
+
+
{t("連続問題施設")}
+
{t("2日以上連続で△以下または出発失敗の施設")}
+
+ {RANK.filter(function (f) { return f.cont >= 2; }).length === 0
+ ?
{t("該当施設なし")}
+ : (function () {
+ var contFacs = RANK.filter(function (f) { return f.cont >= 2; }).sort(function (a, b) { return b.cont - a.cont; });
+ var displayFacs = showAllCont ? contFacs : contFacs.slice(0, 10);
+ return (
+
+ {displayFacs.map(function (f, i) {
+ var lv = f.cont >= 3 ? 3 : 2;
+ var lvCol = lv >= 3 ? c.ng : c.wn;
+ return (
+
+ Lv{lv} / {f.cont}{lang === "en" ? "d" : "日"}
+ {f.f}
+ {t("完了率")} {f.cv}%
+
+ );
+ })}
+ {!showAllCont && contFacs.length > 10 && (
+
+
+
+ )}
+
+ );
+ })()
+ }
+
+
+ {/* #5 エラー種別の内訳 */}
+
+
+
{t("エラー種別の内訳")}
+
{t("今週のエラー発生件数（種別ごと）")}
+
+ {[
+ { name: "ハンドルアップ", count: 8, pct: 32, color: c.wn },
+ { name: "LostLocation", count: 5, pct: 20, color: c.ng },
+ { name: "オフライン", count: 4, pct: 16, color: c.ng },
+ { name: "ブラシエラー", count: 3, pct: 12, color: c.wn },
+ { name: "緊急停止", count: 2, pct: 8, color: c.ng },
+ { name: "充電不足", count: 2, pct: 8, color: c.txD },
+ { name: "その他", count: 1, pct: 4, color: c.txM },
+ ].map(function (e, i) {
+ return (
+
+
{t(e.name)}
+
+
{e.count}
+
{e.pct}%
+
+ );
+ })}
+
+
+
+ {/* 施設別パフォーマンス */}
+
+
+
{t("施設別パフォーマンス（稼働率ワースト順）")}
+
{RANK.length}{lang === "en" ? " facilities" : "施設"}
+
+
+
+
+ | {t("施設名")} |
+ {t("稼働率")} |
+ {rptPeriod === "weekly" ? t("前週") : t("前月")} |
+ {t("出発成功率")} |
+ {t("完了率")} |
+ {rptPeriod === "weekly" ? t("前週") : t("前月")} |
+ {t("エラー率")} |
+ {t("変化")} |
+ {t("ステータス")} |
+
+
+ {(showAllRank ? RANK : RANK.slice(0, 10)).map(function (f, i) {
+ var sc = f.s === "要改善" ? c.ng : f.s === "注意" ? c.wn : c.ok;
+ var arDiff = f.ar - f.arP;
+ var cvDiff = f.cv - f.cvP;
+ var overallDiff = Math.round((arDiff + cvDiff) / 2);
+ var diffCol = overallDiff > 0 ? c.ok : overallDiff < 0 ? c.ng : c.txM;
+ return (
+
+ | {f.f} |
+ {f.ar}% |
+ {f.arP}% |
+ {f.dp}% |
+ {f.cv}% |
+ {f.cvP}% |
+ 8 ? c.ng : c.txD }}>{f.er}% |
+ {overallDiff > 0 ? "▲" + overallDiff : overallDiff < 0 ? "▼" + Math.abs(overallDiff) : "→"} |
+ |
+
+ );
+ })}
+
+
+
+ {!showAllRank && RANK.length > 10 && (
+
+
+
+ )}
+ {showAllRank && RANK.length > 10 && (
+
+
+
+ )}
+
+
+ )}
+
+ {/* D-SECURITY DEVICE */}
+ {page === "dsecurity" && (
+
+
{t("D-Sec ログ")}
+
+
+
+
+
+ {t("全て")}
+ {t("異常・通信断")}
+ 正常
+
+
+
+
+
+
+
+
+
+
+ | ID |
+ {t("施設名")} |
+ {t("接続状態")} |
+ {t("最終通信")} |
+ {t("トークン期限")} |
+ {t("残日数")} |
+ {t("備考")} |
+
+
+ {DSDEV.filter(function (d) {
+ if (dsLogFilt === "abnormal") return d.st !== "正常";
+ if (dsLogFilt === "normal") return d.st === "正常";
+ return true;
+ }).sort(function (a, b) {
+ var order = { "異常": 0, "通信断": 1, "正常": 2 };
+ return (order[a.st] || 9) - (order[b.st] || 9);
+ }).map(function (d, i) {
+ var days = tokenDays(d.te);
+ var dayCol = days <= 7 ? c.ng : days <= 30 ? c.wn : c.ok;
+ return (
+
+ | {d.id} |
+ {d.f} |
+ |
+ {d.lc} |
+ {d.te} |
+ {days}{lang === "en" ? "d" : "日"} |
+ {t(d.n) || "-"} |
+
+ );
+ })}
+
+
+
+
+ )}
+
+ {/* D-SECURITY ALERT */}
+ {page === "dsalert" && (
+
+
{t("D-Security アラート")}
+
{t("セキュリティ無効・通信断・トークン期限のアラート管理")}
+
+ {/* サマリーカウント */}
+
+
+
{dsaState.filter(function (a) { return a.st === "未対応"; }).length}
+
+
+
+
{dsaState.filter(function (a) { return a.st === "対応中"; }).length}
+
+
+
+
{dsaState.filter(function (a) { return a.st === "対応済み"; }).length}
+
+
+
+
+ {/* フィルタ */}
+
+
+
+ 〜
+
+
+
+
+
+
+ {t("未対応・対応中")}
+ {t("全件")}
+ {t("対応済み")}
+
+
+
+ {dsaState.filter(function (a) {
+ if (daFilt === "unresolved") return a.st === "未対応" || a.st === "対応中";
+ if (daFilt === "done") return a.st === "対応済み";
+ return true;
+ }).filter(function (a) {
+ if (dsaTypeFilt === "all") return true;
+ return a.type === dsaTypeFilt;
+ }).map(function (a) {
+ var tpCol = a.type === "トークン期限" ? c.wn : c.ng;
+ var ss = a.st === "未対応" ? { b: c.ngD, t: c.ng } : a.st === "対応中" ? { b: c.wnD, t: c.wn } : { b: c.okD, t: c.ok };
+ return (
+
+
+
+
+
{a.fac}
+
{t(a.det)}
+
検知: {a.tm}
+ {a.mm &&
{t(a.mm)}
}
+
+
+
+
+ );
+ })}
+
+ )}
+
+ {/* FACILITY ROBOT MASTER */}
+ {page === "robot" && (
+
+
+
{t("施設ロボットマスタ")}
+
+
+
+
+
+
+
+
+
+
+ | {t("施設名")} |
+ {t("都道府県")} |
+ {t("住所")} |
+ {t("電話番号")} |
+ {t("責任者名")} |
+ {t("担当者名")} |
+ {t("メール")} |
+ {t("監視")} |
+ D-Sec |
+ {t("ロボット（メーカー / 機種 / シリアル）")} |
+
+
+ {ROBOTS.filter(function (r) {
+ if (!rSrch) return true;
+ var q = rSrch.toLowerCase();
+ var botMatch = r.bots.some(function (b) { return b.sn.toLowerCase().indexOf(q) >= 0 || b.mk.toLowerCase().indexOf(q) >= 0 || b.md.toLowerCase().indexOf(q) >= 0; });
+ return r.f.toLowerCase().indexOf(q) >= 0 || r.pref.toLowerCase().indexOf(q) >= 0 || r.addr.toLowerCase().indexOf(q) >= 0 || botMatch;
+ }).map(function (r, i) {
+ return (
+
+ | {r.f} |
+ {r.pref} |
+ {r.addr} |
+ {r.tel} |
+ {r.mgr} |
+ {r.staff} |
+ {r.email} |
+ {r.mon ? ○ : ー} |
+ {r.dsec ? ○ : ー} |
+
+ {r.bots.map(function (b, j) {
+ return (
+
+ {b.mk}
+ {b.md}
+ {b.sn}
+
+ );
+ })}
+ |
+
+ );
+ })}
+
+
+
+
{lang === "en" ? "All " : "全"}{ROBOTS.length}{lang === "en" ? " facilities" : "施設"}
+
+
+ )}
+
+ {/* SCHEDULE */}
+ {page === "schedule" && (
+
+
+
{t("スケジュール管理")}
+
+
+
+
+
+ | {t("シリアル")} |
+ {t("施設名")} |
+ {t("曜日")} |
+ {t("時間")} |
+ {t("有効")} |
+
+
+ {SCHED.filter(function (s) { return !sSrch || s.s.toLowerCase().indexOf(sSrch.toLowerCase()) >= 0 || s.f.toLowerCase().indexOf(sSrch.toLowerCase()) >= 0; }).map(function (s, i) {
+ return (
+
+ | {s.s} |
+ {s.f} |
+ {s.d} |
+ {s.st} - {s.en} |
+ {s.on ? "●" : "○"} |
+
+ );
+ })}
+
+
+
+
+ )}
+
+ {/* INSPECTION RECORDS */}
+ {page === "inspection" && (
+
+
+
+
{t("点検記録")}
+
{t("定期点検の実施記録・写真・申し送り事項を管理")}
+
+
+
+
+
+
+
+
+
+
{INSPECTIONS.length}
+
+
+
+
{new Set(INSPECTIONS.map(function (x) { return x.facility; })).size}
+
+
+
+
{INSPECTIONS.filter(function (x) { return x.notes; }).length}
+
+
+
+
+
+
+
+ | {t("訪問日")} |
+ {t("記入者")} |
+ {t("所属会社")} |
+ {t("店舗名")} |
+ {t("ブランド")} |
+ {t("シリアル")} |
+ {t("申し送り")} |
+ {t("操作")} |
+
+
+ {INSPECTIONS.map(function (ins, i) {
+ return (
+
+ | {ins.date} |
+ {ins.inspector} |
+ {ins.company} |
+ {ins.facility} |
+ |
+ {ins.robot} |
+ {ins.notes ? {t("あり")} : ー} |
+
+
+ |
+
+ );
+ })}
+
+
+
+
+
+ )}
+
+ {/* SYSTEM */}
+ {page === "system" && (
+
+
{t("システム管理")}
+
+ {/* Sub-menu tabs */}
+
+ {[
+ { id: "display", label: t("表示設定") },
+ { id: "ops", label: t("運用設定") },
+ { id: "notify", label: t("通知設定") },
+ { id: "users", label: t("ユーザー管理") },
+ { id: "roles", label: t("権限管理") },
+ { id: "customer", label: t("顧客管理") },
+ { id: "group", label: t("グループ管理") },
+ { id: "ops", label: t("運用設定") },
+ { id: "auditlog", label: t("監査ログ") },
+ ].map(function (tab) {
+ var active = sysTab === tab.id;
+ return (
+
+ );
+ })}
+
+
+ {/* 表示設定 */}
+ {sysTab === "display" && (
+
+
+
+
{t("ダッシュボード表示項目")}
+
{t("各項目のON/OFFでダッシュボードの表示内容をカスタマイズ")}
+
+ {[
+ { key: "secBanner", label: "D-Securityアラートバナー", desc: "セキュリティ無効施設の赤色警告バナー" },
+ { key: "detailLog", label: "清掃詳細ログ（コンパクト版）", desc: "△×の清掃詳細ログテーブル" },
+ { key: "scheduleBar", label: "スケジュール進捗", desc: "完了数/予定数のプログレスバー" },
+ { key: "failBreakdown", label: "失敗の内訳", desc: "ロボット異常/未実施/セキュリティ有効/制御盤異常の件数" },
+ ].map(function (item, i) {
+ var isOn = dashItems[item.key];
+ return (
+
+
+
{t(item.label)}
+
{t(item.desc)}
+
+
+
+
{isOn ? "ON" : "OFF"}
+
+
+ );
+ })}
+
+
+ )}
+
+ {/* 運用設定 */}
+ {sysTab === "ops" && (
+
+
+
+
{t("事前チェック設定")}
+
{t("清掃開始予定時刻の何分前にロボット状態を自動チェックするかを設定")}
+
+
+
+
+
+
+
+ {t("分前")}
+ {t("デフォルト: 60分")}
+
+
+
+
+
+
+ {t("分前")}
+ {t("デフォルト: 30分")}
+
+
+
+
+
+
+
+
+
{t("完了率の判定閾値")}
+
{t("清掃詳細ログの◎○△×判定に使用する閾値を設定")}
+
+
+
+ {[["◎ 基準", 90, c.ok, "以上で◎"], ["○ 基準", 70, c.ok, "以上で○（◎未満）"], ["△ 基準", 10, c.wn, "以上で△（○未満）"]].map(function (item, i) {
+ return (
+
+
+
+
+ %
+
+
{t(item[3])}
+
+ );
+ })}
+
+
{t("※ △基準未満は自動的に×判定。現在はシステム全体の設定。P2以降で顧客別設定に拡張予定")}
+
+
+
+
+
+
{t("アドバイス エスカレーション閾値")}
+
{t("対応アドバイスのレベルが上がる連続日数の閾値を設定")}
+
+
+
+
+
+
+
+ {t("日以上連続")}
+
+
+
+
+
+
+ {t("日以上連続")}
+
+
+
+
{t("※「連続」はスケジュール存在日の連続。実績データに基づき調整を推奨")}
+
+
+
+ )}
+
+ {/* 通知設定 */}
+ {sysTab === "notify" && (
+
+
+
+
+
{t("通知設定")}
+
{t("顧客デフォルト＋施設上書きの継承モデル")}
+
+
+
+
+
+ | {t("チャネル")} |
+ {t("送信先")} |
+ {t("イベント")} |
+ {t("スコープ")} |
+
+
+ {[
+ { ch: "Slack", dest: "#donki-robot-alert", ev: "Critical, Warning", sc: "全施設（デフォルト）" },
+ { ch: "メール", dest: "ops@example.com", ev: "Critical", sc: "全施設（デフォルト）" },
+ { ch: "Slack", dest: "#shibuya-ops", ev: "全イベント", sc: "渋谷本店（上書き）" },
+ ].map(function (n, i) {
+ return (
+
+ |
+ {n.dest} |
+ {t(n.ev)} |
+ = 0 ? c.ac : c.txD }}>{t(n.sc)} |
+
+ );
+ })}
+
+
+
+
+ )}
+
+ {/* ユーザー管理 */}
+ {sysTab === "users" && (
+
+
+
+
+
{t("ユーザーマスタ")}
+
{t("顧客管理者は会社/グループに紐づく。施設運用者は施設に紐づく")}
+
+
+
+
+
+
+ | {t("名前")} |
+ {t("メール")} |
+ {t("ロール")} |
+ {t("会社/グループ")} |
+ {t("施設")} |
+ {t("最終ログイン")} |
+ {t("操作")} |
+
+
+ {[
+ { nm: "DFA担当者A", em: "dfa-admin1@example.com", rl: "DFAシステム管理者", co: "DFA Robotics", fac: "ー", ll: "2026-03-27 09:02" },
+ { nm: "DFA担当者B", em: "dfa-admin2@example.com", rl: "DFA運用担当", co: "DFA Robotics", fac: "ー", ll: "2026-03-27 09:05" },
+ { nm: "DFA担当者C", em: "dfa-admin3@example.com", rl: "DFA運用担当", co: "DFA Robotics", fac: "ー", ll: "2026-03-26 09:10" },
+ { nm: "顧客担当者A", em: "customer-admin1@example.com", rl: "顧客管理者", co: "ドン・キホーテ", fac: "ー（会社全体）", ll: "2026-03-25 14:00" },
+ { nm: "担当者A", em: "store01@example.com", rl: "施設運用者", co: "ドン・キホーテ", fac: "MEGAドンキ渋谷本店", ll: "2026-03-27 06:30" },
+ { nm: "担当者B", em: "store02@example.com", rl: "施設運用者", co: "ドン・キホーテ", fac: "ドンキ新宿歌舞伎町店", ll: "2026-03-27 06:45" },
+ ].map(function (u, i) {
+ var rlCol = u.rl.indexOf("システム管理") >= 0 ? c.pr : u.rl.indexOf("運用担当") >= 0 ? c.ac : u.rl.indexOf("顧客") >= 0 ? c.wn : c.txD;
+ return (
+
+ | {u.nm} |
+ {u.em} |
+ |
+ {u.co} |
+ = 0 ? c.txM : c.tx }}>{t(u.fac)} |
+ {u.ll} |
+
+
+
+
+
+ |
+
+ );
+ })}
+
+
+
+
+
+ )}
+
+ {/* 権限管理 */}
+ {sysTab === "roles" && (
+
+
+
+
{t("ロール定義（4層）")}
+
{t("各ロールのスコープと紐づき")}
+
+
+
+ | {t("ロール")} |
+ {t("実装")} |
+ {t("紐づき")} |
+ {t("データスコープ")} |
+ {t("説明")} |
+
+
+ {[
+ { rl: "DFAシステム管理者", ph: "P1", bind: "ー", sc: "全顧客・全施設", desc: "全権限。権限管理の編集はこのロールのみ" },
+ { rl: "DFA運用担当", ph: "P1", bind: "ー", sc: "全顧客・全施設", desc: "全メニュー閲覧＋施設ロボットマスタ編集。権限管理は閲覧のみ" },
+ { rl: "顧客管理者", ph: "P2", bind: "会社", sc: "自社施設のみ", desc: "自社の閲覧全般。施設ロボットマスタの編集不可" },
+ { rl: "施設運用者・清掃業者", ph: "P2", bind: "施設", sc: "自施設のみ", desc: "設定メニュー以外の自施設データを閲覧" },
+ ].map(function (r, i) {
+ var bindCol = r.bind === "会社" ? c.wn : r.bind === "施設" ? c.ac : c.txM;
+ return (
+
+ | {t(r.rl)} |
+ |
+ {r.bind !== "ー" ? : ー} |
+ {t(r.sc)} |
+ {t(r.desc)} |
+
+ );
+ })}
+
+
+
+
+
+
{t("メニュー×ロール アクセスマトリクス")}
+
{t("施設運用者のスコープは自施設のみに限定")}
+
+
+
+
+ | {t("メニュー")} |
+ {t("DFA管理者")} |
+ {t("DFA運用")} |
+ {t("顧客管理者")} |
+ {t("施設運用者")} |
+
+
+ {[
+ { menu: "ダッシュボード", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "清掃詳細ログ", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "アラート", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "レポート", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "D-Secログ", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "D-Secアラート", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "施設ロボットマスタ", v: ["閲覧/編集/登録", "閲覧/編集/登録", "閲覧", "×"] },
+ { menu: "スケジュール", v: ["閲覧", "閲覧", "閲覧", "閲覧"] },
+ { menu: "システム設定", v: ["", "", "", ""], sec: true },
+ { menu: "表示設定", v: ["閲覧/編集", "閲覧/編集", "閲覧/編集", "閲覧/編集"], sub: true },
+ { menu: "運用設定", v: ["閲覧/編集", "閲覧", "×", "×"], sub: true },
+ { menu: "通知設定", v: ["閲覧/編集/登録", "閲覧", "閲覧", "×"], sub: true },
+ { menu: "ユーザー管理", v: ["閲覧/編集/登録", "閲覧", "×", "×"], sub: true },
+ { menu: "権限管理", v: ["閲覧/編集/登録", "閲覧", "×", "×"], sub: true },
+ { menu: "顧客管理", v: ["閲覧/編集/登録", "閲覧", "×", "×"], sub: true },
+ { menu: "グループ管理", v: ["閲覧/編集/登録", "閲覧", "×", "×"], sub: true },
+ { menu: "運用設定", v: ["閲覧/編集", "閲覧", "×", "×"], sub: true },
+ { menu: "監査ログ", v: ["閲覧", "閲覧", "×", "×"], sub: true },
+ ].map(function (r, i) {
+ function acStyle(v) {
+ if (!v) return { padding: "8px 12px", textAlign: "center" };
+ var col = c.txM;
+ if (v.indexOf("登録") >= 0) col = c.pr;
+ else if (v.indexOf("編集") >= 0) col = c.ok;
+ else if (v === "閲覧") col = c.txD;
+ else if (v === "×") col = c.ng;
+ return { padding: "8px 12px", textAlign: "center", fontSize: 11, color: col, fontWeight: v.indexOf("登録") >= 0 ? 600 : 400 };
+ }
+ if (r.sec) {
+ return (
+
+ | {t(r.menu)} |
+
+ );
+ }
+ return (
+
+ | {r.sub ? "└ " : ""}{t(r.menu)} |
+ {t(r.v[0])} |
+ {t(r.v[1])} |
+ {t(r.v[2])} |
+ {t(r.v[3])} |
+
+ );
+ })}
+
+
+
+
+ {t("閲覧/編集/登録")} = {t("フル権限")} / {t("閲覧/編集")} = {t("新規登録不可")} / {t("閲覧")} = {t("表示のみ")} / × = アクセス不可
+
+
+
+ )}
+
+ {/* 顧客管理 */}
+ {sysTab === "customer" && (
+
+
+
+
+
{t("顧客管理")}
+
{t("会社単位の契約・モジュール管理")}
+
+
+
+
+
+
+ | {t("グループ")} |
+ {t("会社名")} |
+ {t("連絡先")} |
+ {t("契約プラン")} |
+ {t("契約モジュール")} |
+ {t("監視施設")} |
+ {t("D-Sec施設")} |
+ {t("全施設")} |
+ {t("ロボット")} |
+ {t("状態")} |
+ {t("操作")} |
+
+
+ {[
+ { grp: "PPIH", nm: "株式会社ドン・キホーテ", ct: "customer-admin1@example.com", plan: "Insight Assist", mon: true, dsec: true, monF: 9, dsecF: 5, fac: 9, rob: 11, st: "有効" },
+ { grp: "PPIH", nm: "株式会社ユニー", ct: "uny-admin@example.com", plan: "Monitor Assist", mon: true, dsec: false, monF: 2, dsecF: 0, fac: 2, rob: 2, st: "有効" },
+ { grp: "ー", nm: "株式会社サンプル商事C", ct: "sample-c@example.com", plan: "Monitor Assist", mon: true, dsec: false, monF: 3, dsecF: 0, fac: 3, rob: 3, st: "有効" },
+ { grp: "ー", nm: "株式会社サンプル商事D", ct: "sample-d@example.com", plan: "D-Security", mon: false, dsec: true, monF: 0, dsecF: 2, fac: 2, rob: 0, st: "有効" },
+ ].map(function (cu, i) {
+ return (
+
+ | {cu.grp} |
+ {cu.nm} |
+ {cu.ct} |
+ |
+
+
+ {cu.mon ? t("○ 監視") : t("ー 監視")}
+ {cu.dsec ? t("○ D-Sec") : t("ー D-Sec")}
+
+ |
+ 0 ? c.ok : c.txM }}>{cu.monF > 0 ? cu.monF + " / " + cu.fac : "ー"} |
+ 0 ? c.ac : c.txM }}>{cu.dsecF > 0 ? cu.dsecF + " / " + cu.fac : "ー"} |
+ {cu.fac} |
+ {cu.rob} |
+ |
+
+
+
+
+
+ |
+
+ );
+ })}
+
+
+
+
+
+ )}
+
+ {/* グループ管理 */}
+ {sysTab === "group" && (
+
+
+
+
+
{t("グループ管理")}
+
{t("グループ会社の親子関係を管理。顧客管理者をグループに紐づけると傘下の全会社を横断閲覧可能")}
+
+
+
+
+
+
+ | {t("グループ名")} |
+ {t("連絡先")} |
+ {t("傘下会社")} |
+ {t("会社数")} |
+ {t("総施設数")} |
+ {t("総ロボット数")} |
+ {t("状態")} |
+ {t("操作")} |
+
+
+ {[
+ { nm: "PPIH", ct: "ppih-admin@example.com", tel: "03-0000-1111", companies: ["株式会社ドン・キホーテ", "株式会社ユニー"], cnt: 2, fac: 11, rob: 13, st: "有効" },
+ ].map(function (g, i) {
+ return (
+
+ | {g.nm} |
+ {g.ct} |
+
+ {g.companies.map(function (co, j) {
+ return {co};
+ })}
+ |
+ {g.cnt} |
+ {g.fac} |
+ {g.rob} |
+ |
+
+
+
+
+
+ |
+
+ );
+ })}
+
+
+
+
+
+ )}
+
+ {/* 運用設定 */}
+ {sysTab === "ops" && (
+
+
+
+
{t("運用設定")}
+
{t("清掃監視の運用パラメータ。変更はDFAシステム管理者のみ")}
+
+
+ {/* 事前チェック設定 */}
+
+
{t("事前チェック設定")}
+
{t("清掃開始予定時刻の何分前にロボット状態をチェックするか")}
+
+
+
+ {/* 判定閾値設定 */}
+
+
{t("完了率の判定閾値")}
+
{t("清掃詳細ログの◎○△×判定に使用する閾値")}
+
+ {[
+ { label: "◎", desc: "以上", def: 90, color: c.ok },
+ { label: "○", desc: "以上", def: 70, color: c.ok },
+ { label: "△", desc: "以上", def: 10, color: c.wn },
+ { label: "×", desc: "未満", def: 10, color: c.ng },
+ ].map(function (g, i) {
+ return (
+
+ {g.label}
+ {i < 3 && }
+ {i < 3 && %{t(g.desc)}}
+ {i === 3 && {t("上記未満")}}
+
+ );
+ })}
+
+
+
+ {/* エスカレーション閾値 */}
+
+
{t("アドバイス エスカレーション閾値")}
+
{t("同一施設で問題が連続した場合のレベル引き上げ基準（スケジュール存在日の連続日数）")}
+
+
+
+
+ )}
+
+ {/* 監査ログ */}
+ {sysTab === "auditlog" && (
+
+
+
+
{t("操作ログ（監査ログ）")}
+
{t("全ての手動操作を記録。誰が・いつ・何をしたかを追跡")}
+
+
+
+ | {t("日時")} |
+ {t("操作者")} |
+ {t("アクション")} |
+ {t("対象")} |
+
+
+ {[
+ { t: "2026-03-27 09:15", u: "田中 太郎", a: "清掃開始（手動）", tg: "MEGAドンキ渋谷本店 / 1F売場" },
+ { t: "2026-03-26 22:30", u: "田中 太郎", a: "スケジュール変更", tg: "ドンキ八王子駅前店 — 無効化" },
+ { t: "2026-03-26 15:00", u: "佐藤 花子", a: "ロボット同期", tg: "8111R5628060011 v3.2に更新" },
+ { t: "2026-03-25 11:00", u: "田中 太郎", a: "顧客モジュール変更", tg: "ドン・キホーテ — D-Security有効化" },
+ { t: "2026-03-25 10:30", u: "田中 太郎", a: "施設追加", tg: "MEGAドンキ大森山王店" },
+ ].map(function (l, i) {
+ return (
+
+ | {l.t} |
+ {l.u} |
+ = 0 ? c.wn : c.pr} /> |
+ {t(l.tg)} |
+
+ );
+ })}
+
+
+
+
+ )}
+
+
+ )}
+
+
+ )}
+
+ {/* Inspection Detail Modal */}
+ {inspDetail && (
+