ProcureDesk - 購買・見積比較＆サプライヤー選定支援システム

## 1. アプリの目的・ターゲットユーザー
購買担当者・総務・経営者が、複数サプライヤーから取得した見積もりを一覧比較し、総合評価スコアで最適な発注先を選定できる業務支援ツール。ExcelやFAXで属人的に管理されがちな見積比較作業を標準化・可視化することで、購買コスト削減と意思決定の根拠を明確にする。
- 主なターゲット：中小製造業・建設業・小売業の購買担当者（1〜10名規模）
- 外部APIキー不要、PHP + MySQL + 素のHTML/CSS/JSで完結

---

## 2. 主要機能

- **案件（購買依頼）管理**：品名・規格・数量・希望納期・用途メモを登録し、案件ごとに見積依頼ステータス（依頼中 / 回答済 / 選定完了）を管理する
- **サプライヤーマスタ**：社名・担当者名・連絡先・カテゴリ（材料 / 加工 / 外注 / 消耗品 など）・過去評価平均を登録・管理する
- **見積比較テーブル**：案件に対して複数サプライヤーの単価・合計金額・納期・有効期限・備考を入力し、金額・納期・品質・取引実績の4軸で重み付きスコアを自動計算して最安値・最高スコアを色分けハイライト表示する
- **選定理由レポート印刷**：選定したサプライヤーと比較テーブル・選定コメントをA4印刷用レイアウトで出力し、稟議資料として活用できる
- **過去案件検索・再利用**：品名や取引先名で過去の見積案件を検索し、単価推移グラフ（折れ線）で価格変動を可視化。同品名の案件をテンプレートとして複製できる
- **ダッシュボード**：月次の案件件数・平均コスト削減率・未選定件数・サプライヤー別発注金額シェアを棒グラフ・ドーナツグラフで表示する

---

## 3. 画面構成

### 共通ヘッダー
- ロゴ「ProcureDesk」＋グローバルナビ（ダッシュボード / 案件一覧 / サプライヤー / 設定）

### ダッシュボード（トップ）
- KPIカード4枚：今月の案件数 / 未選定件数 / 平均コスト削減額 / 登録サプライヤー数
- 月次案件件数の棒グラフ
- サプライヤー別発注金額ドーナツグラフ

### 案件一覧ページ
- 検索バー（品名・ステータス・期間）
- テーブル：案件番号 / 品名 / 数量 / ステータスバッジ / 見積社数 / 希望納期 / 操作ボタン（詳細・複製・削除）
- 「＋新規案件」ボタン → モーダルで品名・数量・希望納期・用途メモを入力して登録

### 案件詳細・見積比較ページ（コア画面）
- 案件ヘッダー（品名・数量・ステータス切替ドロップダウン）
- 見積入力パネル：サプライヤーを選択して単価・数量・納期・有効期限・備考を入力→「追加」ボタンで比較テーブルに追加
- **見積比較テーブル**：列＝各サプライヤー、行＝単価 / 合計金額 / 納期 / 重み付き総合スコア / アクション（選定する / 削除）
- 最安値セルに緑バッジ、最高スコアセルに金バッジを自動付与
- スコア計算式：金額40%＋納期スコア30%＋過去評価20%＋有効期限残日数10%（重みは設定画面で変更可）
- 選定コメント入力欄＋「選定確定」ボタン
- 「レポート印刷」ボタン → 印刷用レイアウトページに遷移

### サプライヤー一覧・詳細ページ
- カード形式でサプライヤーを一覧表示（社名・カテゴリ・過去評価平均の星表示）
- 詳細画面：基本情報編集フォーム＋過去取引案件リスト＋単価推移折れ線グラフ

### 設定ページ
- 評価4軸の重みをスライダーで調整（合計100%になるよう自動補正）
- 会社名・部署名（レポート印刷に反映）
- データCSV一括エクスポート

---

## 4. データ構造（MySQLテーブル概要）

```sql
-- 案件テーブル
procure_cases(
id INT PK AUTO_INCREMENT,
case_no VARCHAR(20), -- 採番（PC-202501-001）
item_name VARCHAR(200),
quantity DECIMAL(10,2),
unit VARCHAR(20),
desired_delivery DATE,
purpose TEXT,
status ENUM('open','quoted','decided','cancelled'),
selected_supplier_id INT,
select_comment TEXT,
created_at DATETIME
)

-- サプライヤーマスタ
suppliers(
id INT PK AUTO_INCREMENT,
company_name VARCHAR(200),
contact_person VARCHAR(100),
email VARCHAR(200),
phone VARCHAR(50),
category VARCHAR(50),
avg_score DECIMAL(3,2), -- 過去評価平均（自動更新）
memo TEXT,
created_at DATETIME
)

-- 見積テーブル
quotes(
id INT PK AUTO_INCREMENT,
case_id INT FK,
supplier_id INT FK,
unit_price DECIMAL(12,2),
total_amount DECIMAL(14,2),
lead_days INT,
valid_until DATE,
note TEXT,
calc_score DECIMAL(5,2), -- 重み付きスコア（自動計算）
is_selected TINYINT(1),
created_at DATETIME
)

-- スコア重み設定
score_weights(
id INT PK,
weight_price INT, -- 40
weight_delivery INT, -- 30
weight_past_eval INT, -- 20
weight_validity INT, -- 10
updated_at DATETIME
)
```

---

## 5. デザインの方向性

- **カラー**：ネイビー（#1E3A5F）をメインアクセントに、ホワイト背景・ライトグレー（#F5F7FA）のカード面を基調とする。選定・最安値バッジは緑系（#2ECC71）、アラート・未選定バッジはオレンジ（#F39C12）で視認性を確保。
- **フォント・余白**：日本語UI向けにNoto Sans JPを使用。カード間のpadding 16px、テーブルセルは12px以上でスキャンしやすく。
- **レスポンシブ**：比較テーブルはスマホでは横スクロール対応（`overflow-x: auto`）。ダッシュボードグラフはCanvas.jsのChart.jsで実装しモバイルでも縮小表示。
- **印刷レポート**：A4横向きに見積比較表・選定コメント・発行日・担当者名を出力。`@media print`で不要なナビやボタンを非表示化。
- **全体トーン**：過度な装飾を排したビジネスライクなUI。製造業の現場担当者がストレスなく入力・閲覧できるシンプル＆実用重視のデザイン。