PurchaseFlow - 購買依頼・発注承認ワークフローシステム

## 1. アプリの目的・ターゲットユーザー
中小製造業・小売業・サービス業の購買担当者・管理職向けに、消耗品・原材料・備品などの購買依頼から発注承認・納期管理・支払い予定までをブラウザで一元管理するワークフローアプリ。紙やメールで行われている「稟議フロー」をデジタル化し、承認漏れ・重複発注・予算超過を防ぐ。

## 2. 主要機能
- **購買依頼登録**: 品目名、数量、希望納期、用途・理由、見積金額、発注先候補を入力してワンクリック申請。添付ファイル名と金額メモも記録可能
- **承認ステータス管理**: 申請中→一次承認→最終承認→発注済→納品確認→支払い待ち→完了 の7段階ステータスをカンバン形式で可視化。却下・差し戻しコメントも記録
- **予算枠管理**: 部門・カテゴリ別に月次予算上限を設定し、承認待ち含む使用額と残額をリアルタイム表示。超過時は申請画面で警告
- **仕入先マスタ**: 仕入先名、担当者、電話、支払い条件、評価メモを管理。依頼登録時にプルダウン選択で入力を高速化
- **発注一覧・納期アラート**: 発注済み案件の納期をカレンダー表示し、当日・翌日・3日後に色分けアラートで遅延リスクを早期把握
- **月次レポート**: 部門別・カテゴリ別の発注件数・金額・平均承認リードタイム・仕入先別集計をテーブルとバーチャートで確認。CSV出力対応

## 3. 画面構成
- **ダッシュボード**: 未承認件数バッジ、今月予算使用率（プログレスバー）、直近の納期アラートリスト、ステータス別件数ドーナツグラフをカード配置
- **購買依頼一覧**: 全申請のテーブル（ID / 品目 / 申請者 / 金額 / 仕入先 / ステータス / 納期）。ステータス・部門・日付フィルター + キーワード検索。行クリックで詳細モーダル
- **購買依頼詳細モーダル**: 全入力内容の表示、ステータス変更ボタン（承認 / 差し戻し / 却下）、コメント入力欄、ステータス変更履歴タイムライン
- **新規依頼フォーム**: 品目名・カテゴリ（セレクト）・数量・単位・単価・合計金額（自動計算）・仕入先（マスタから選択）・希望納期・用途テキストエリア・申請者名
- **予算管理画面**: 部門×カテゴリのマトリクスで月次予算を設定・編集。実績額・承認待ち額・残額を色付き棒で表示
- **仕入先マスタ画面**: 仕入先一覧テーブル＋追加・編集フォーム（モーダル）、仕入先別の過去発注履歴サマリ
- **月次レポート画面**: 年月セレクト→自動集計。部門別・カテゴリ別テーブル、月次推移折れ線グラフ（Chart.js）、CSVダウンロードボタン
- **設定画面**: 部門マスタ・カテゴリマスタ・承認者名リストのCRUD管理

## 4. データ構造（MySQLテーブル概要）
- **departments**: id, name, budget_monthly（部門マスタ）
- **categories**: id, name（消耗品/原材料/備品/外注費/その他）
- **suppliers**: id, name, contact_name, phone, payment_terms, memo, created_at
- **purchase_requests**: id, request_no（自動採番）, title, category_id, department_id, supplier_id, quantity, unit, unit_price, total_amount, purpose, requester_name, desired_date, status（enum: draft/pending/approved1/approved2/ordered/delivered/paid/done/rejected/returned）, created_at, updated_at
- **status_logs**: id, request_id, from_status, to_status, operator_name, comment, changed_at（ステータス変更履歴）
- **budget_settings**: id, department_id, category_id, year_month, budget_amount（月次予算設定）

## 5. デザインの方向性
- カラー: ネイビー（#1e3a5f）をヘッダー・サイドバーに使い、ホワイト背景で清潔感のある業務系UI
- ステータスバッジは信号機色（申請中:グレー / 一次承認:オレンジ / 最終承認:ブルー / 発注済:パープル / 納品確認:ティール / 完了:グリーン / 却下:レッド）
- サイドバーナビゲーション（PC）、ハンバーガーメニュー（スマホ）でレスポンシブ対応
- カード・テーブル・モーダルは角丸・シャドウで統一。Chart.js でグラフを描画
- 印刷時は購買依頼の詳細をA4縦レイアウトで出力できるprint用CSSを追加