対応表モード 実装サマリー
新規ファイル ファイル 内容 LinkModal.tsx 共通コンポーネントとして切り出し（圃場詳細・対応表の両方で使用） 変更ファイル ファイル 変更内容 fields/page.tsx [通常] / [対応表] トグルボタンを追加。対応表モードでは圃場名・面積・共済漢字地名・中山間所在地を横並び表示。各行で直接+追加/x解除が可能 fields/[id]/page.tsx LinkModalのインポートを共通コンポーネントに変更 04_画面設計書.md 画面4に対応表モードのレイアウト・機能要件を追記 06_差異レポート.md E-2の実装状況を更新 対応表モードの機能 一覧表示: 圃場名 / 面積(反) / 共済（耕地-分筆 + 漢字地名） / 中山間（ID + 所在地） 直接編集: 各セルの[+追加]ボタンで検索モーダルを開いて紐づけ追加 紐づけ解除: 各レコードにホバーで表示される[x]ボタン（確認ダイアログ付き） 複数紐づけ: 同一セル内に改行で表示 圃場名クリック: 詳細画面(/fields/[id])に遷移 http://localhost:3000/fields で「対応表」ボタンを押して確認できます。
This commit is contained in:
Akira
@@ -286,30 +286,59 @@
|
||||
## 画面4: 圃場管理一覧
|
||||
|
||||
### 目的
|
||||
圃場マスタの管理（一覧表示、グループ編集、表示順変更、削除）
|
||||
圃場マスタの管理（一覧表示、グループ編集、表示順変更、削除）。
|
||||
**対応表モード**で共済・中山間マスタとの紐づけを一覧確認・直接編集。
|
||||
|
||||
### レイアウト（PC）
|
||||
### レイアウト（PC）— 通常モード
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] [帳票出力] [データ取込] │
|
||||
├──────────────────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 並び順: [表示順 ▼] [+ 新規作成] │
|
||||
│ 並び順: [表示順 ▼] 表示: [通常] [対応表] [+ 新規作成] │
|
||||
│ │
|
||||
│ ───────────────────────────────────────────────────────────── │
|
||||
│ 順序 圃場名 グループ 住所 面積(反) 面積(m2) 所有者 操作│
|
||||
│ 順序 圃場名 グループ 住所 面積 所有者 共済 中山間 操作│
|
||||
│ ───────────────────────────────────────────────────────────── │
|
||||
│ 1 おまけ [口神___▼] 口神ノ川足川... 0.2 200 吉田 ✏️🗑│
|
||||
│ 2 口神１反 [口神___▼] 口神ノ川... 1.2 1200 吉田 ✏️🗑│
|
||||
│ 3 口神北東 [口神___▼] 口神ノ川... 0.4 400 吉田 ✏️🗑│
|
||||
│ 4 口神北中 [南_____▼] 口神ノ川... 0.4 400 吉田 ✏️🗑│
|
||||
│ 1 おまけ [口神__▼] 口神ノ川... 0.2反 吉田 1件 - ✏️🗑│
|
||||
│ 2 口神１反 [口神__▼] 口神ノ川... 1.2反 吉田 1件 1件 ✏️🗑│
|
||||
│ │
|
||||
│ ... (39行) │
|
||||
│ │
|
||||
└──────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
### レイアウト（PC）— 対応表モード
|
||||
|
||||
```
|
||||
┌──────────────────────────────────────────────────────────────────────────┐
|
||||
│ 🌾 KeinaSystem [作付け計画] [圃場管理] [帳票出力] [データ取込] │
|
||||
├──────────────────────────────────────────────────────────────────────────┤
|
||||
│ │
|
||||
│ 並び順: [表示順 ▼] 表示: [通常] [対応表] [+ 新規作成] │
|
||||
│ │
|
||||
│ ───────────────────────────────────────────────────────────────────── │
|
||||
│ 圃場名 面積 共済（漢字地名） 中山間（所在地） │
|
||||
│ ───────────────────────────────────────────────────────────────────── │
|
||||
│ おまけ 0.2反 1-1 四万十町 足川 351 [×] - │
|
||||
│ [+] [+]│
|
||||
│ 口神 １反２畝 1.2反 2-2 四万十町 笹ヶ谷 374-1 [×] ID50 笹ヶ谷374 [×]│
|
||||
│ [+] [+]│
|
||||
│ ソーラーの上 0.8反 21-1 四万十町 大窪 592-1 [×] ID62 大窪592 [×]│
|
||||
│ ID61 大窪592 [×]│
|
||||
│ [+] [+]│
|
||||
│ ───────────────────────────────────────────────────────────────────── │
|
||||
│ ... (39行) │
|
||||
└──────────────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
|
||||
**対応表モードの特徴:**
|
||||
- 各行に圃場名・面積・共済の漢字地名・中山間の所在地を横並び表示
|
||||
- 複数紐づけがある場合は同一セル内で改行表示
|
||||
- 各紐づけレコードの横に [×] ボタンで紐づけ解除
|
||||
- 各セルの末尾に [+] ボタンで紐づけ追加（モーダル表示）
|
||||
- 通常モードの順序・グループ・削除操作は非表示（対応表モードは紐づけ管理に集中）
|
||||
|
||||
### 機能要件
|
||||
- [x] 全圃場を一覧表示（テーブル形式）
|
||||
- [x] 表示列: 順序番号、圃場名、グループ名、住所、面積(反)、面積(m2)、所有者、操作
|
||||
@@ -319,9 +348,15 @@
|
||||
- [x] [新規作成]ボタン → 画面6へ遷移
|
||||
- [x] [✏️ 編集]ボタン → 画面5（圃場詳細）へ遷移
|
||||
- [x] [🗑 削除]ボタン → 確認ダイアログ後に削除
|
||||
- [ ] **紐づけ状況列（E-2）** — **未実装**
|
||||
- [ ] 「共済」列: 紐づけ件数表示（例: 「2件」）。0件の場合は「-」をグレー表示
|
||||
- [ ] 「中山間」列: 紐づけ件数表示。0件の場合は「-」をグレー表示
|
||||
- [x] **紐づけ状況列（E-2）** — 通常モードに「共済」「中山間」件数列を表示
|
||||
- [ ] **対応表モード（E-2）** — **未実装**
|
||||
- [ ] 表示切替トグル: [通常] [対応表] ボタン
|
||||
- [ ] 対応表モードの表示列: 圃場名、面積(反)、共済（漢字地名）、中山間（所在地）
|
||||
- [ ] 共済列: 耕地-分筆 + 漢字地名を表示。複数あれば改行
|
||||
- [ ] 中山間列: ID + 大字+字+地番を表示。複数あれば改行
|
||||
- [ ] 各紐づけレコードに [×] ボタン（確認ダイアログ付き紐づけ解除）
|
||||
- [ ] 各セルに [+] ボタン（追加モーダル表示 → 画面5と同じLinkModal）
|
||||
- [ ] 紐づけなしの場合は「-」をグレー表示
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user