ドキュメント更新(6ファイル)
03_データ仕様書.md — 全面書き直し(M:N関係、中山間17列モデル、面積単位、PDF出力仕様) 04_画面設計書.md — 全面書き直し(Navbar追加、圃場管理/新規作成画面追加、インライン編集方式、PDF帳票フォーマット仕様 E-1) 01_プロダクトビジョン.md — CSV→PDF、M:1→M:N 05_実装優先順位.md — CSV→PDF、Django 5.0→5.2、モーダル→インライン、init_crops削除 00_Gemini向け統合指示書.md — CSV→PDF、Django 5.2、M:N関係、中山間17列モデル、init_crops削除、IsAuthenticated CLAUDE.md — 既知の課題一覧、次タスク優先順追加、中山間モデル拡張、差異レポートリンク コード修正(4件) D-1: reports/views.py — plan.crop / plan.variety の null チェック追加 D-2: init_crops.py を削除 D-3: settings.py — LANGUAGE_CODE/TIME_ZONE の二重定義を解消 D-4: settings.py — AllowAny → IsAuthenticated に変更 次のタスクは CLAUDE.md の優先順リストに従うと A-8(圃場詳細に共済/中山間情報表示)です。続けますか?
This commit is contained in:
@@ -1,5 +1,8 @@
|
||||
# 画面設計書
|
||||
|
||||
> **最終更新**: 2026-02-16
|
||||
> **変更履歴**: 実装済み機能との差異を解消(B-1〜B-5, C-6, E-1 反映)
|
||||
|
||||
## 🎨 デザイン原則(再掲)
|
||||
|
||||
1. **シンプル・イズ・ベスト**: 1画面1機能
|
||||
@@ -10,28 +13,57 @@
|
||||
|
||||
---
|
||||
|
||||
## 🧭 共通ナビゲーション(Navbar)
|
||||
|
||||
### PC レイアウト
|
||||
|
||||
上部に水平ナビゲーションバーを常時表示。ブランド名「KeinaSystem」と主要画面へのリンクを配置。
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] [帳票出力] [データ取込] [ログアウト] │
|
||||
└──────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### ナビゲーション項目
|
||||
|
||||
| アイコン | ラベル | パス | 説明 |
|
||||
|---------|--------|------|------|
|
||||
| 🌾 (Wheat) | 作付け計画 | `/allocation` | 作付け計画編集画面(メイン) |
|
||||
| 📍 (MapPin) | 圃場管理 | `/fields` | 圃場一覧・編集 |
|
||||
| 📄 (FileText) | 帳票出力 | `/reports` | 申請書PDFダウンロード |
|
||||
| ⬆️ (Upload) | データ取込 | `/import` | マスタインポート |
|
||||
|
||||
### 仕様
|
||||
- アクティブなページのリンクは緑背景でハイライト
|
||||
- ログアウトボタンは右端に配置
|
||||
- スマホではレスポンシブにタブバーまたはハンバーガーメニューに切り替え
|
||||
|
||||
---
|
||||
|
||||
## 📱 画面一覧
|
||||
|
||||
### Phase 1(MVP)
|
||||
1. **ログイン画面**
|
||||
2. **ダッシュボード**(将来拡張用、Phase 1では簡易版)
|
||||
3. **作付け計画一覧**(メイン画面)
|
||||
4. **作付け計画編集**(モーダル/サイドパネル)
|
||||
5. **圃場詳細**(スマホ参照用)
|
||||
6. **申請書ダウンロード**
|
||||
7. **データ管理**(インポート・エクスポート)
|
||||
1. **ログイン画面** (`/login`)
|
||||
2. **ダッシュボード** (`/`) — 将来拡張用、Phase 1では簡易版
|
||||
3. **作付け計画一覧・編集** (`/allocation`) — メイン画面、インライン編集方式
|
||||
4. **圃場管理一覧** (`/fields`) — 圃場の一覧表示・グループ管理・表示順管理
|
||||
5. **圃場詳細・編集** (`/fields/[id]`) — 個別圃場の情報編集
|
||||
6. **圃場新規作成** (`/fields/new`) — 手動での圃場登録
|
||||
7. **申請書ダウンロード** (`/reports`) — PDFダウンロード
|
||||
8. **データ取込** (`/import`) — インポート
|
||||
|
||||
### Phase 2以降
|
||||
8. 栽培履歴入力
|
||||
9. 作業カレンダー
|
||||
10. 資材計画
|
||||
9. 栽培履歴入力
|
||||
10. 作業カレンダー
|
||||
11. 資材計画
|
||||
|
||||
---
|
||||
|
||||
## 画面1: ログイン画面
|
||||
|
||||
### 目的
|
||||
シンプルな認証(メール+パスワード)
|
||||
シンプルな認証(ユーザー名+パスワード)
|
||||
|
||||
### レイアウト(PC/スマホ共通)
|
||||
|
||||
@@ -42,7 +74,7 @@
|
||||
│ 作付け計画管理システム │
|
||||
│ │
|
||||
│ ┌───────────────────────┐ │
|
||||
│ │ メールアドレス │ │
|
||||
│ │ ユーザー名 │ │
|
||||
│ │ [___________________] │ │
|
||||
│ └───────────────────────┘ │
|
||||
│ │
|
||||
@@ -57,9 +89,9 @@
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] メールアドレスとパスワードで認証
|
||||
- [ ] ログイン成功 → ダッシュボードへ遷移
|
||||
- [ ] ログイン失敗 → エラーメッセージ表示
|
||||
- [x] ユーザー名とパスワードで認証(JWT)
|
||||
- [x] ログイン成功 → 作付け計画画面へ遷移
|
||||
- [x] ログイン失敗 → エラーメッセージ表示
|
||||
- [ ] 「パスワードを忘れた」リンク(Phase 2)
|
||||
|
||||
---
|
||||
@@ -69,11 +101,15 @@
|
||||
### 目的
|
||||
システムの入り口(Phase 1では簡易版、将来拡張)
|
||||
|
||||
### レイアウト(PC)
|
||||
### 現在の実装
|
||||
- `/` アクセス時、トークンの有無で `/allocation`(ログイン済み)か `/login`(未ログイン)にリダイレクト
|
||||
- ダッシュボード画面自体は未実装
|
||||
|
||||
### レイアウト(将来実装予定、PC)
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System 2025年度 ▼ 👤ログアウト │
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] ... │
|
||||
├────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 📊 概要 │
|
||||
@@ -94,54 +130,55 @@
|
||||
└────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件(Phase 1)
|
||||
### 機能要件(将来実装予定)
|
||||
- [ ] 年度選択(ドロップダウン)
|
||||
- [ ] 作付け状況のサマリー表示
|
||||
- [ ] 「作付け計画を編集」→ 画面3へ
|
||||
- [ ] 「申請書ダウンロード」→ 画面6へ
|
||||
- [ ] 「申請書ダウンロード」→ 画面7へ
|
||||
- [ ] 将来の機能追加時にボタンを追加していく想定
|
||||
|
||||
---
|
||||
|
||||
## 画面3: 作付け計画一覧(メイン画面)
|
||||
## 画面3: 作付け計画一覧・編集(メイン画面)
|
||||
|
||||
### 目的
|
||||
全圃場の作付け状況を一覧で確認・編集
|
||||
全圃場の作付け状況を一覧で確認し、**インライン**で直接編集
|
||||
|
||||
### 編集方式
|
||||
**インライン編集**を採用(モーダルではない)。テーブル行内のドロップダウンで作物・品種を選択し、変更は即座にAPIに保存される。
|
||||
|
||||
### レイアウト(PC)
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System > 作付け計画一覧 2025年度 ▼ 👤ログアウト │
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] [帳票出力] [データ取込] │
|
||||
├──────┬───────────────────────────────────────────────────────────┤
|
||||
│ │ │
|
||||
│ 📊 │ 🔍 [検索: 圃場名・住所_____________] 🔽絞込: [全て▼] │
|
||||
│ 📊 │ 年度: [2025 ▼] 並び順: [カスタム順 ▼] │
|
||||
│ 集計 │ │
|
||||
│ │ ☐ 未割当のみ表示 [📋 前年度をコピー] [📊 申請書作成] │
|
||||
│ ────────────────────────────────────────────────────────────────│
|
||||
│ 米 │ No. ☐ 名称 住所 面積 作付 品種 操作 │
|
||||
│15.3反│ ────────────────────────────────────────────────────────│
|
||||
│┣にこ │ 1 ☐ おまけ 口神ノ川... 0.2反 米 にこまる [編集]│
|
||||
││10.2反│ 2 ☐ 口神1反 口神ノ川... 1.2反 米 にこまる [編集]│
|
||||
│┗たち │ 3 ☐ 口神北東 口神ノ川... 0.4反 野菜 トマト [編集]│
|
||||
││5.1反│ 4 ☐ 口神北中 口神ノ川... 0.4反 ❗未設定 [割当]│
|
||||
│ │ 5 ☐ 口神北西 口神ノ川... 0.5反 その他 完全休耕 [編集]│
|
||||
│野菜 │ │
|
||||
│3.2反 │ ... (39行) │
|
||||
│ │ │
|
||||
│その他│ ────────────────────────────────────────────────────────│
|
||||
│1.5反 │ ページ: 1 / 2 表示件数: [25件▼] │
|
||||
│ │ ──────────────────────────────────────────────────────── │
|
||||
│ ──── │ グループ 圃場名 面積 作物 品種 備考 順序│
|
||||
│ 合計 │ ──────────────────────────────────────────────────────── │
|
||||
│20.0反│ [口神_▼] おまけ 0.2反 [米 ▼] [にこまる▼] [___] ↑↓│
|
||||
│ │ [口神_▼] 口神1反 1.2反 [米 ▼] [にこまる▼] [___] ↑↓│
|
||||
│ 米 │ [口神_▼] 口神北東 0.4反 [野菜 ▼] [トマト▼] [___] ↑↓│
|
||||
│15.3反│ [南__▼] 口神北中 0.4反 [-- ▼] [---------] [___] ↑↓│
|
||||
│┣にこ │ [南__▼] 口神北西 0.5反 [その他 ▼] [完全休耕▼] [___] ↑↓│
|
||||
││10.2反│ │
|
||||
│┗たち │ ... (39行) │
|
||||
││5.1反│ │
|
||||
│ │ │
|
||||
│未設定│ │
|
||||
│2.0反❗ │
|
||||
└──────┴───────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**サイドバー(開閉可能):**
|
||||
**サイドバー(集計パネル、開閉可能):**
|
||||
```
|
||||
┌──────────────┐
|
||||
│ [≡] 集計 │← トグルボタンで開閉
|
||||
│ 集計 [×] │← 閉じるボタン
|
||||
├──────────────┤
|
||||
│ 合計 40.0反 │
|
||||
│ 合計 20.0反 │
|
||||
│ │
|
||||
│ 米 │
|
||||
│ 15.3反 │
|
||||
@@ -152,87 +189,55 @@
|
||||
│ │
|
||||
│ 野菜 │
|
||||
│ 3.2反 │
|
||||
│ ├トマト │
|
||||
│ │ 1.8反 │
|
||||
│ └キュウリ │
|
||||
│ 1.4反 │
|
||||
│ │
|
||||
│ トウモロコシ │
|
||||
│ 2.5反 │
|
||||
│ │
|
||||
│ エンドウ │
|
||||
│ 1.8反 │
|
||||
│ │
|
||||
│ その他 │
|
||||
│ 1.5反 │
|
||||
│ ├完全休耕 │
|
||||
│ │ 0.8反 │
|
||||
│ └緑肥 │
|
||||
│ 0.7反 │
|
||||
│ │
|
||||
│ ❗未設定 │
|
||||
│ 2.0反 │
|
||||
└──────────────┘
|
||||
```
|
||||
|
||||
**サイドバー閉じた状態:**
|
||||
```
|
||||
┌───┐
|
||||
│[☰]│← クリックで開く
|
||||
└───┘
|
||||
```
|
||||
|
||||
### レイアウト(スマホ)
|
||||
|
||||
```
|
||||
┌────────────────────────────────┐
|
||||
│ 🌾 作付け計画 2025年度 ▼ ☰ │
|
||||
├────────────────────────────────┤
|
||||
│ 🔍 [検索_______________] [🔽] │
|
||||
│ │
|
||||
│ [📊 集計を表示] [前年度コピー]│← 集計はモーダル
|
||||
├────────────────────────────────┤
|
||||
│ ┌────────────────────────────┐│
|
||||
│ │ おまけ ││
|
||||
│ │ 口神ノ川足川 351 ││
|
||||
│ │ 0.2反 | 米(にこまる) ││
|
||||
│ │ [編集] ││
|
||||
│ └────────────────────────────┘│
|
||||
│ │
|
||||
│ ┌────────────────────────────┐│
|
||||
│ │ 口神 北中 ││
|
||||
│ │ 口神ノ川198... ││
|
||||
│ │ 0.4反 | ❗未設定 ││
|
||||
│ │ [割当] ││
|
||||
│ └────────────────────────────┘│
|
||||
│ │
|
||||
│ ... (39圃場) │
|
||||
└────────────────────────────────┘
|
||||
┌────────────────────────────────────┐
|
||||
│ 🌾 作付け計画 [2025▼] [集計] ☰ │
|
||||
├────────────────────────────────────┤
|
||||
│ 並び順: [カスタム順 ▼] │
|
||||
├────────────────────────────────────┤
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ おまけ 0.2反 ││
|
||||
│ │ グループ: [口神___▼] ││
|
||||
│ │ 作物: [米 ▼] 品種: [にこまる▼]││
|
||||
│ │ 備考: [___________________] ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ │
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ 口神 北中 0.4反 ││
|
||||
│ │ グループ: [南___▼] ││
|
||||
│ │ 作物: [-- ▼] 品種: [------] ││
|
||||
│ │ 備考: [___________________] ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ │
|
||||
│ ... (39圃場) │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**スマホ: 集計モーダル**
|
||||
**スマホ: 集計モーダル**([集計]ボタンで表示)
|
||||
```
|
||||
┌────────────────────────────────┐
|
||||
│ 集計 [×] │
|
||||
├────────────────────────────────┤
|
||||
│ │
|
||||
│ 合計面積: 40.0反 │
|
||||
│ 合計面積: 20.0反 │
|
||||
│ │
|
||||
│ 米: 15.3反 │
|
||||
│ ├ にこまる: 10.2反 │
|
||||
│ └ たちはるか: 5.1反 │
|
||||
│ │
|
||||
│ 野菜: 3.2反 │
|
||||
│ ├ トマト: 1.8反 │
|
||||
│ └ キュウリ: 1.4反 │
|
||||
│ │
|
||||
│ トウモロコシ: 2.5反 │
|
||||
│ │
|
||||
│ エンドウ: 1.8反 │
|
||||
│ │
|
||||
│ その他: 1.5反 │
|
||||
│ ├ 完全休耕: 0.8反 │
|
||||
│ └ 緑肥: 0.7反 │
|
||||
│ │
|
||||
│ ❗未設定: 2.0反 │
|
||||
│ │
|
||||
@@ -241,221 +246,184 @@
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 全圃場を一覧表示(39行)
|
||||
- [ ] 各行に以下を表示:
|
||||
- チェックボックス(一括操作用)
|
||||
- 名称
|
||||
- 住所
|
||||
- [x] 全圃場を一覧表示(39行)
|
||||
- [x] 各行に以下を表示:
|
||||
- グループ名(インライン編集可能、datalist補完付き)
|
||||
- 圃場名
|
||||
- 面積(反)
|
||||
- 作付け作物(未設定の場合は警告色)
|
||||
- 品種
|
||||
- [編集]ボタン
|
||||
- [ ] 検索機能:
|
||||
- 圃場名・住所で部分一致検索
|
||||
- リアルタイム絞り込み
|
||||
- [ ] フィルタ機能:
|
||||
- 作物で絞り込み(米、野菜、休耕など)
|
||||
- 「未割当のみ」トグル
|
||||
- [ ] 一括操作:
|
||||
- 複数行を選択 → 「一括割当」ボタン表示
|
||||
- 同じ作物を一括で割り当て
|
||||
- [ ] [前年度をコピー]ボタン:
|
||||
- 確認ダイアログ表示
|
||||
- 前年度の作付けを全圃場にコピー
|
||||
- [ ] [申請書作成]ボタン:
|
||||
- 画面6へ遷移
|
||||
- [ ] **集計サイドバー(PC)**:
|
||||
- トグルボタンで開閉
|
||||
- 作物(ドロップダウン、インライン選択)
|
||||
- 品種(ドロップダウン、作物選択後に有効化)
|
||||
- 備考(テキスト入力)
|
||||
- 表示順変更ボタン(↑↓、カスタム順モード時のみ)
|
||||
- [x] 年度切り替え(ドロップダウン)
|
||||
- [x] 並び替え機能:
|
||||
- カスタム順(display_order)
|
||||
- グループ順(group_name)
|
||||
- 作付け順(crop別)
|
||||
- [x] **インライン即時保存**: 作物・品種・備考を変更すると即座にAPIに保存(画面遷移なし、スクロール位置維持)
|
||||
- [x] **集計サイドバー(PC)**:
|
||||
- 閉じるボタンで非表示可能
|
||||
- 作物別の合計面積
|
||||
- 品種別の内訳(ツリー表示)
|
||||
- 品種別の内訳(ツリー表示、展開可能)
|
||||
- 未設定の面積を警告表示
|
||||
- [ ] **集計モーダル(スマホ)**:
|
||||
- [📊 集計を表示]ボタンでモーダル表示
|
||||
- PC版と同じ内容を縦スクロール表示
|
||||
- 作付け変更時にリアルタイム更新
|
||||
- [x] **集計モーダル(スマホ)**:
|
||||
- [集計]ボタンでサイドパネル表示
|
||||
- PC版と同じ内容
|
||||
- [ ] 検索機能(圃場名・住所で部分一致検索)— **未実装**
|
||||
- [ ] フィルタ機能(作物で絞り込み、未割当のみトグル)— **未実装**
|
||||
- [ ] チェックボックスによる一括操作 — **未実装**
|
||||
- [ ] [前年度をコピー]ボタン — **Backend APIあり、Frontendボタン未実装**
|
||||
|
||||
### デザインノート
|
||||
- **未割当の強調**: 赤または黄色の背景色
|
||||
- **チェックボックスの位置**: 行の左端(スマホでも押しやすい)
|
||||
- **スマホ版**: カード型レイアウト(1圃場1カード)
|
||||
- **サイドバーの幅**: 200px(固定)
|
||||
- **集計の更新**: 作付け計画を編集するたびにリアルタイム更新
|
||||
- **未割当の強調**: 作物未設定の行は目立つ表示
|
||||
- **即時保存**: ユーザーが選択を変更するたびにバックグラウンドで保存(ローディングスピナーなし)
|
||||
- **スクロール維持**: 保存時に画面がリセットされない
|
||||
- **サイドバーの幅**: 約200px(固定)
|
||||
|
||||
---
|
||||
|
||||
## 画面4: 作付け計画編集(モーダル)
|
||||
## 画面4: 圃場管理一覧
|
||||
|
||||
### 目的
|
||||
個別の圃場に作物を割り当てる
|
||||
圃場マスタの管理(一覧表示、グループ編集、表示順変更、削除)
|
||||
|
||||
### レイアウト(PC - モーダルウィンドウ)
|
||||
### レイアウト(PC)
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] [帳票出力] [データ取込] │
|
||||
├──────────────────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 並び順: [表示順 ▼] [+ 新規作成] │
|
||||
│ │
|
||||
│ ───────────────────────────────────────────────────────────── │
|
||||
│ 順序 圃場名 グループ 住所 面積(反) 面積(m2) 所有者 操作│
|
||||
│ ───────────────────────────────────────────────────────────── │
|
||||
│ 1 おまけ [口神___▼] 口神ノ川足川... 0.2 200 吉田 ✏️🗑│
|
||||
│ 2 口神1反 [口神___▼] 口神ノ川... 1.2 1200 吉田 ✏️🗑│
|
||||
│ 3 口神北東 [口神___▼] 口神ノ川... 0.4 400 吉田 ✏️🗑│
|
||||
│ 4 口神北中 [南_____▼] 口神ノ川... 0.4 400 吉田 ✏️🗑│
|
||||
│ │
|
||||
│ ... (39行) │
|
||||
│ │
|
||||
└──────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [x] 全圃場を一覧表示(テーブル形式)
|
||||
- [x] 表示列: 順序番号、圃場名、グループ名、住所、面積(反)、面積(m2)、所有者、操作
|
||||
- [x] **グループ名のインライン編集**: datalist による候補表示付きテキスト入力
|
||||
- [x] **表示順変更**: ↑↓ ボタンで順序入れ替え(表示順モード時)
|
||||
- [x] 並び順の切り替え(グループ順、表示順、登録順)
|
||||
- [x] [新規作成]ボタン → 画面6へ遷移
|
||||
- [x] [✏️ 編集]ボタン → 画面5(圃場詳細)へ遷移
|
||||
- [x] [🗑 削除]ボタン → 確認ダイアログ後に削除
|
||||
|
||||
---
|
||||
|
||||
## 画面5: 圃場詳細・編集
|
||||
|
||||
### 目的
|
||||
個別の圃場情報を確認・編集。田んぼにいるときにスマホで確認する用途も想定。
|
||||
|
||||
### レイアウト(PC/スマホ共通)
|
||||
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ 作付け計画を編集 [×] │
|
||||
│ ← 一覧に戻る │
|
||||
├────────────────────────────────────┤
|
||||
│ │
|
||||
│ 圃場: 口神 北中 │
|
||||
│ 住所: 口神ノ川198(笹ヶ谷374-1) │
|
||||
│ 面積: 0.4反 (400m2) │
|
||||
│ 圃場名 │
|
||||
│ [口神 北中________________] │
|
||||
│ │
|
||||
│ ───────────────────────────────── │
|
||||
│ 住所 │
|
||||
│ [口神ノ川198(笹ヶ谷374-1)__] │
|
||||
│ │
|
||||
│ 作物 * │
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ [米 ▼] ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ 面積(反) │
|
||||
│ [0.4___] │
|
||||
│ │
|
||||
│ 品種 * │
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ [にこまる ▼] ││
|
||||
│ │ - にこまる ││
|
||||
│ │ - たちはるか ││
|
||||
│ │ - たちはるか(特栽) ││
|
||||
│ └────────────────────────────────┘│
|
||||
│ [+ 新しい品種を追加] │
|
||||
│ 面積(m2) │
|
||||
│ [400___] │
|
||||
│ │
|
||||
│ 備考 │
|
||||
│ ┌────────────────────────────────┐│
|
||||
│ │ [_____________________________]││
|
||||
│ └────────────────────────────────┘│
|
||||
│ 所有者 │
|
||||
│ [吉田___] │
|
||||
│ │
|
||||
│ [キャンセル] [保存] │
|
||||
│ グループ名 │
|
||||
│ [口神___] │
|
||||
│ │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 作物選択のドロップダウン
|
||||
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ • 米 │
|
||||
│ • トウモロコシ │
|
||||
│ • エンドウ │
|
||||
│ • 野菜 │
|
||||
│ • その他 │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 品種選択(すべての作物で統一)
|
||||
|
||||
**作物=「米」の場合:**
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ • にこまる │
|
||||
│ • たちはるか │
|
||||
│ • たちはるか(特栽) │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
|
||||
クリックすると:
|
||||
┌────────────────────────────────────┐
|
||||
│ 新しい品種名を入力: │
|
||||
│ [___________________________] │
|
||||
│ 📋 共済情報(Phase 1 予定) │
|
||||
│ 紐づき共済区画: 2件 │
|
||||
│ • 耕地2-1: 四万十町 笹ヶ谷 374-1 │
|
||||
│ • 耕地2-2: 四万十町 笹ヶ谷 374-2 │
|
||||
│ │
|
||||
│ 📋 中山間情報(Phase 1 予定) │
|
||||
│ 紐づき中山間区画: 1件 │
|
||||
│ • ID50: 口神ノ川 壱町切 1694 │
|
||||
│ │
|
||||
│ [保存] │
|
||||
│ │
|
||||
│ [キャンセル] [追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**作物=「トウモロコシ」の場合:**
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ (まだ品種が登録されていません) │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**作物=「その他」の場合:**
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ • 完全休耕 │
|
||||
│ • 緑肥(ヘアリーベッチ) │
|
||||
│ • 緑肥(レンゲ) │
|
||||
│ • 景観作物(コスモス) │
|
||||
│ • 景観作物(ヒマワリ) │
|
||||
│ ──────────────────────────────── │
|
||||
│ [+ 新しい品種を追加] │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 作物をドロップダウンで選択
|
||||
- [ ] **すべての作物で品種選択UIは統一**
|
||||
- プリセット品種のドロップダウン
|
||||
- [+ 新しい品種を追加]ボタンは常に表示
|
||||
- 作物による操作の違いなし
|
||||
- [ ] 新しい品種の追加:
|
||||
- [+ 新しい品種を追加]をクリック
|
||||
- インライン入力フィールド表示
|
||||
- 入力後、その場でプリセットに追加
|
||||
- データベースに永続化(次回から選択可能)
|
||||
- [ ] 備考欄(任意)
|
||||
- [ ] [保存]ボタン → 作付け計画を保存して一覧に戻る
|
||||
- [ ] [キャンセル]ボタン → 変更を破棄して一覧に戻る
|
||||
- [ ] **集計のリアルタイム更新**:
|
||||
- 保存すると、サイドバーの集計が即座に更新される
|
||||
|
||||
### 一括割当の場合
|
||||
- モーダルのタイトルを「一括割当」に変更
|
||||
- 「圃場: 5件選択中」と表示
|
||||
- 保存時、選択中の全圃場に同じ作付けを適用
|
||||
|
||||
### デザインノート
|
||||
- **UIの統一性**: どの作物を選んでも操作フローが同じ
|
||||
- **品種の追加**: その場で追加できる(別画面に遷移しない)
|
||||
- **プリセットの管理**: 一度追加した品種は、全ユーザーで共有(マスタ化)
|
||||
|
||||
---
|
||||
|
||||
## 画面5: 圃場詳細(スマホ参照用)
|
||||
|
||||
### 目的
|
||||
田んぼにいるときに、その圃場の情報を確認
|
||||
|
||||
### レイアウト(スマホ)
|
||||
|
||||
```
|
||||
┌────────────────────────────────┐
|
||||
│ ← 一覧に戻る 2025年度 │
|
||||
├────────────────────────────────┤
|
||||
│ │
|
||||
│ 口神 北中 │
|
||||
│ │
|
||||
│ 📍 住所 │
|
||||
│ 口神ノ川198(笹ヶ谷374-1) │
|
||||
│ │
|
||||
│ 📏 面積 │
|
||||
│ 0.4反 (400m2) │
|
||||
│ │
|
||||
│ 🌾 今年の作付け │
|
||||
│ 米(にこまる) │
|
||||
│ │
|
||||
│ 📋 共済情報 │
|
||||
│ 耕地番号: 2 / 分筆: 2 │
|
||||
│ │
|
||||
│ 📋 中山間情報 │
|
||||
│ ID: 50 │
|
||||
│ │
|
||||
│ ───────────────────────────── │
|
||||
│ │
|
||||
│ 📅 過去の作付け履歴(Phase 2) │
|
||||
│ • 2024年: 米(にこまる) │
|
||||
│ • 2023年: 米(にこまる) │
|
||||
│ • 2022年: 休耕 │
|
||||
│ │
|
||||
└────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 圃場の基本情報を見やすく表示
|
||||
- [ ] 文字サイズ: 18px以上(スマホで見やすく)
|
||||
- [ ] 余白: 十分に確保(誤タップ防止)
|
||||
- [x] 圃場の基本情報を編集フォームで表示
|
||||
- [x] 編集可能フィールド: 圃場名、住所、面積(反)、面積(m2)、所有者、グループ名
|
||||
- [x] [保存]ボタン → PATCH API で更新
|
||||
- [x] [← 一覧に戻る] → `/fields` へ遷移
|
||||
- [x] エラーメッセージ表示
|
||||
- [ ] **共済/中山間情報の表示** — **未実装(A-8: 最優先で実装予定)**
|
||||
- 紐づいている共済区画の一覧(耕地番号-分筆、漢字地名)
|
||||
- 紐づいている中山間区画の一覧(ID、所在地)
|
||||
- [ ] 将来的に栽培履歴も表示(Phase 2)
|
||||
|
||||
---
|
||||
|
||||
## 画面6: 申請書ダウンロード
|
||||
## 画面6: 圃場新規作成
|
||||
|
||||
### 目的
|
||||
手動で圃場を1件ずつ新規登録(インポート以外の方法)
|
||||
|
||||
### レイアウト
|
||||
|
||||
```
|
||||
┌────────────────────────────────────┐
|
||||
│ ← 一覧に戻る │
|
||||
├────────────────────────────────────┤
|
||||
│ │
|
||||
│ 圃場名 │
|
||||
│ [____________________________] │
|
||||
│ │
|
||||
│ 住所 │
|
||||
│ [____________________________] │
|
||||
│ │
|
||||
│ 面積(反) │
|
||||
│ [________] │
|
||||
│ │
|
||||
│ 面積(m2) │
|
||||
│ [________] │
|
||||
│ │
|
||||
│ 所有者 │
|
||||
│ [____________________________] │
|
||||
│ │
|
||||
│ [作成] │
|
||||
│ │
|
||||
└────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [x] 各フィールドを入力して圃場を新規作成
|
||||
- [x] [作成]ボタン → POST API で作成
|
||||
- [x] 作成成功 → 圃場一覧へ遷移
|
||||
- [x] バリデーションエラー → エラーメッセージ表示
|
||||
|
||||
### 補足
|
||||
- インポート(ODS/Excel)との使い分け: 大量登録はインポート、1件追加は手動作成
|
||||
- グループ名は新規作成時には設定不可(作成後に圃場一覧から設定)
|
||||
|
||||
---
|
||||
|
||||
## 画面7: 申請書ダウンロード
|
||||
|
||||
### 目的
|
||||
水稲共済細目書・中山間交付金のPDFをダウンロード
|
||||
@@ -464,7 +432,7 @@
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System > 申請書ダウンロード 👤ログアウト │
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] ... │
|
||||
├────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 年度: [2025年度 ▼] │
|
||||
@@ -472,7 +440,6 @@
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 📄 水稲共済細目書 ││
|
||||
│ │ ││
|
||||
│ │ 提出時期: 2月・5月(年2回) ││
|
||||
│ │ 区画数: 31区画 ││
|
||||
│ │ ││
|
||||
│ │ ⚠️ 未割当の圃場: 4筆 ││
|
||||
@@ -484,7 +451,6 @@
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 📄 中山間地域等直接支払交付金 ││
|
||||
│ │ ││
|
||||
│ │ 提出時期: 5月(年1回) ││
|
||||
│ │ 区画数: 71区画 ││
|
||||
│ │ ││
|
||||
│ │ ✅ 全て割当済み ││
|
||||
@@ -496,95 +462,128 @@
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 年度を選択
|
||||
- [ ] 各申請書について:
|
||||
- 区画数を表示
|
||||
- 未割当の警告(ある場合)
|
||||
- [プレビュー]ボタン → 新しいタブでPDFプレビュー
|
||||
- [PDFダウンロード]ボタン → ファイルダウンロード
|
||||
- [x] 年度を選択
|
||||
- [x] 各申請書について:
|
||||
- [x] [PDFダウンロード]ボタン → ファイルダウンロード
|
||||
- [ ] 区画数の表示 — **未実装**
|
||||
- [ ] 未割当の警告表示 — **未実装**
|
||||
- [ ] [プレビュー]ボタン → 新しいタブでPDF表示 — **未実装(A-5)**
|
||||
- [ ] ダウンロードされるPDFのファイル名:
|
||||
- 水稲共済: `水稲共済細目書_2025年度.pdf`
|
||||
- 中山間: `中山間交付金_2025年度.pdf`
|
||||
- [ ] PDFはA4サイズ、印刷してそのまま提出可能
|
||||
|
||||
### プレビュー機能
|
||||
---
|
||||
|
||||
[プレビュー]ボタンをクリックすると、新しいタブでPDFを表示:
|
||||
## 画面7-A: PDF帳票フォーマット仕様
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────────────────┐
|
||||
│ ← 戻る 水稲共済細目書_2025年度.pdf [印刷] [⬇] │
|
||||
├────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 水稲共済細目書(2025年度) │
|
||||
│ │
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 耕地 分筆 地名地番 面積 作付 品種 ││
|
||||
│ │ ──────────────────────────────────────────── ││
|
||||
│ │ 1 1 四万十町 ... 2.2 米 にこまる ││
|
||||
│ │ 2 1 四万十町 ... 25.4 米 にこまる ││
|
||||
│ │ 2 2 四万十町 ... 12.0 米,野菜 ... ││
|
||||
│ │ ││
|
||||
│ │ ... (31行) ││
|
||||
│ └────────────────────────────────────────────────┘│
|
||||
│ │
|
||||
│ 1 / 2 │
|
||||
└────────────────────────────────────────────────────┘
|
||||
```
|
||||
### 7-A-1: 水稲共済細目書 PDF
|
||||
|
||||
- [ ] ブラウザの標準PDFビューアで表示
|
||||
- [ ] 印刷ボタンで直接印刷可能
|
||||
- [ ] ダウンロードボタンでローカル保存
|
||||
**基本仕様:**
|
||||
- 用紙: A4 縦
|
||||
- 表形式(1行1区画、全31行)
|
||||
- ヘッダー: 「水稲共済細目書(YYYY年度)」
|
||||
- ページ番号あり
|
||||
- 印刷してそのまま提出可能
|
||||
|
||||
**列定義:**
|
||||
|
||||
| # | 列名 | データ元 | 備考 |
|
||||
|---|------|---------|------|
|
||||
| 1 | 漢字地名 | OfficialKyosaiField.kanji_name | 例: 四万十町 笹ヶ谷 374-1 |
|
||||
| 2 | 耕地-分筆 | k_num + "-" + s_num | 例: 2-1 |
|
||||
| 3 | 本地面積 (m2) | OfficialKyosaiField.area | 内部 m2 で保存 |
|
||||
| 4 | 作付品目 | Plan.crop.name | 作付け計画から取得 |
|
||||
| 5 | 品種 | Plan.variety.name | 〃(nullの場合は空欄) |
|
||||
| 6 | 圃場名称 | Field.name | 吉田農地台帳の名称 |
|
||||
|
||||
**複数圃場紐づき時の扱い:**
|
||||
- 1つの共済区画に複数の実圃場(Field)が紐づく場合 → 作物・品種・圃場名をカンマ区切りで列挙
|
||||
- 例: 「米, 野菜」「にこまる, トマト」「口神北東, 口神北中」
|
||||
|
||||
**未設定時の扱い:**
|
||||
- 作付け未設定の場合 → 作付品目列に「未設定」と表示
|
||||
|
||||
---
|
||||
|
||||
## 画面7: データ管理
|
||||
### 7-A-2: 中山間地域等直接支払交付金 PDF
|
||||
|
||||
**基本仕様:**
|
||||
- 用紙: A4 横(列が多いため)
|
||||
- 表形式(1行1区画、全71行)
|
||||
- ヘッダー: 「中山間地域等直接支払交付金(YYYY年度)」
|
||||
- ページ番号あり
|
||||
- 印刷してそのまま提出可能
|
||||
|
||||
**列定義:**
|
||||
|
||||
| # | 列名 | データ元 | 備考 |
|
||||
|---|------|---------|------|
|
||||
| 1 | 所在地 | 大字+字+地番+枝番 連結 | 例: 口神ノ川 壱町切 1694 |
|
||||
| 2 | 植栽面積 | OfficialChusankanField.planting_area | m2 |
|
||||
| 3 | 作付け品目(元) | OfficialChusankanField.original_crop | ODS「作付け品目」列(役場記入の値) |
|
||||
| 4 | 協定管理者 | OfficialChusankanField.manager | |
|
||||
| 5 | 所有者 | OfficialChusankanField.owner | |
|
||||
| 6 | 作物 | Plan.crop.name | 作付け計画から取得 |
|
||||
| 7 | 品種 | Plan.variety.name | 〃(nullの場合は空欄) |
|
||||
| 8 | 圃場名称 | Field.name | 吉田農地台帳の名称 |
|
||||
|
||||
**複数圃場紐づき時の扱い:**
|
||||
- 共済と同様、カンマ区切りで列挙
|
||||
|
||||
---
|
||||
|
||||
## 画面8: データ取込
|
||||
|
||||
### 目的
|
||||
圃場マスタや申請マスタのインポート・エクスポート
|
||||
圃場マスタや申請マスタのインポート
|
||||
|
||||
### レイアウト(PC)
|
||||
|
||||
```
|
||||
┌────────────────────────────────────────────────────┐
|
||||
│ 🌾 Keina System > データ管理 👤ログアウト │
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] ... │
|
||||
├────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 📥 データインポート │
|
||||
│ │
|
||||
│ タブ: [吉田農地台帳] [共済マスタ] [中山間マスタ] │
|
||||
│ │
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 吉田農地台帳 (実圃場データ) ││
|
||||
│ │ ││
|
||||
│ │ 最終更新: 2025/02/01 ││
|
||||
│ │ 登録圃場数: 39筆 ││
|
||||
│ │ 吉田農地台帳(圃場マスタ) ││
|
||||
│ │ ││
|
||||
│ │ ファイルを選択: [ファイルを選択] 📎 ││
|
||||
│ │ ││
|
||||
│ │ ⚠️ 既存データは上書きされます ││
|
||||
│ │ ││
|
||||
│ │ [プレビュー] [インポート実行] ││
|
||||
│ │ [インポート実行] ││
|
||||
│ └────────────────────────────────────────────────┘│
|
||||
│ │
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 共済マスタ ││
|
||||
│ │ ││
|
||||
│ │ ファイルを選択: [ファイルを選択] 📎 ││
|
||||
│ │ [インポート実行] ││
|
||||
│ └────────────────────────────────────────────────┘│
|
||||
│ │
|
||||
│ ┌────────────────────────────────────────────────┐│
|
||||
│ │ 中山間マスタ ││
|
||||
│ │ ││
|
||||
│ │ ファイルを選択: [ファイルを選択] 📎 ││
|
||||
│ │ [インポート実行] ││
|
||||
│ └────────────────────────────────────────────────┘│
|
||||
│ │
|
||||
│ 📤 データエクスポート │
|
||||
│ │
|
||||
│ • [全圃場データ (CSV)] ※バックアップ用 │
|
||||
│ • [作付け計画 (CSV)] ※バックアップ用 │
|
||||
│ • [バックアップ (全データ ZIP)] │
|
||||
│ │
|
||||
│ 📄 申請書PDF生成 │
|
||||
│ → 「申請書ダウンロード」画面へ │
|
||||
│ │
|
||||
└────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### 機能要件
|
||||
- [ ] 3種類のマスタをタブで切り替え
|
||||
- [ ] ファイルアップロード(ODS/Excel対応)
|
||||
- [ ] プレビュー機能(インポート前に確認)
|
||||
- [ ] インポート実行(確認ダイアログ付き)
|
||||
- [ ] エクスポート機能(CSV/ZIP)
|
||||
- [x] 3種類のマスタを縦並びで表示(タブではなく各セクション形式)
|
||||
- [x] ファイルアップロード(ODS/Excel対応)
|
||||
- [x] インポート実行(結果メッセージ表示)
|
||||
- [ ] プレビュー機能(インポート前に確認)— **未実装**
|
||||
- [ ] エクスポート機能(CSV)— **未実装(A-6)**
|
||||
|
||||
---
|
||||
|
||||
@@ -595,7 +594,7 @@
|
||||
```
|
||||
プライマリカラー(緑系):
|
||||
#2E7D32 濃い緑(ヘッダー、ボタン)
|
||||
#4CAF50 緑(アクセント)
|
||||
#4CAF50 緑(アクセント、アクティブなナビ項目)
|
||||
#81C784 淡い緑(ホバー)
|
||||
|
||||
セカンダリカラー(土系):
|
||||
@@ -620,8 +619,8 @@
|
||||
```
|
||||
フォント:
|
||||
- システムフォント優先
|
||||
- 日本語: "Hiragino Sans", "Yu Gothic", sans-serif
|
||||
- 英数字: "Roboto", "Helvetica", sans-serif
|
||||
- 日本語: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif
|
||||
- 英数字: Inter, "Roboto", "Helvetica", sans-serif
|
||||
|
||||
サイズ:
|
||||
- 見出し(h1): 28px / 太字
|
||||
@@ -663,10 +662,11 @@ PC: 1024px〜
|
||||
- **ホバー**: 10%明るく、カーソルpointer
|
||||
- **押下**: 5%暗く、影を小さく
|
||||
|
||||
### モーダル
|
||||
- **背景**: 半透明黒(opacity: 0.5)
|
||||
- **アニメーション**: フェードイン(0.2秒)
|
||||
- **閉じる**: 背景クリック or [×]ボタン or Escキー
|
||||
### インライン編集(作付け計画)
|
||||
- **ドロップダウン**: 選択変更と同時にバックグラウンド保存
|
||||
- **テキスト入力**: blur(フォーカスアウト)時に保存
|
||||
- **保存中**: ローディングスピナーは表示しない(スクロールリセット防止のため)
|
||||
- **エラー時**: トースト通知でエラー表示
|
||||
|
||||
### トースト通知
|
||||
- **位置**: 画面右上
|
||||
@@ -690,5 +690,5 @@ PC: 1024px〜
|
||||
- **オートコンプリート**: 有効化
|
||||
|
||||
### ナビゲーション
|
||||
- **ハンバーガーメニュー**: 右上に配置
|
||||
- **戻るボタン**: 画面左上に配置
|
||||
- **Navbar**: PC版と同じ項目をレスポンシブに配置
|
||||
- **戻るボタン**: 画面左上に配置(詳細画面など)
|
||||
|
||||
Reference in New Issue
Block a user