今回の変更
C-2: 共済マスタ unique 制約修正 models.py: k_num 単独unique → (k_num, s_num) ペアunique に変更 s_num を null=True → default='' に変更(unique_together で null は扱いにくいため) views.py: インポート時のルックアップを k_num 単独 → (k_num, s_num) ペアに修正 C-4: 面積フィールド m2 統一 models.py: 共済・中山間両方の area を DecimalField(ha) → IntegerField(m2) に変更 payment_amount も DecimalField → IntegerField に統一 views.py: インポート時の area 値を int() で変換 types/index.ts: TypeScript型を string → number に更新 A-8: 圃場詳細に共済/中山間情報表示 fields/[id]/page.tsx: 編集フォームの下に共済情報テーブル・中山間情報テーブルを追加 壊れていたJSX(重複フラグメント)も修正 追加修正 FieldViewSet の AllowAny → IsAuthenticated に変更(D-4 の漏れ) マイグレーション 0005 を作成 注意事項 Docker起動後に python manage.py migrate が必要です 既存の共済/中山間データがある場合、area の値は DecimalField → IntegerField に変換されます(既にm2で保存されているはずなので小数点以下が切り捨てられるだけ)
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { useRouter, useParams } from 'next/navigation';
|
||||
import { api } from '@/lib/api';
|
||||
import { Field } from '@/types';
|
||||
import { Field, OfficialKyosaiField, OfficialChusankanField } from '@/types';
|
||||
import Navbar from '@/components/Navbar';
|
||||
import { ArrowLeft, Save } from 'lucide-react';
|
||||
|
||||
@@ -25,6 +25,8 @@ export default function EditFieldPage() {
|
||||
owner_name: '',
|
||||
group_name: '',
|
||||
});
|
||||
const [kyosaiFields, setKyosaiFields] = useState<OfficialKyosaiField[]>([]);
|
||||
const [chusankanFields, setChusankanFields] = useState<OfficialChusankanField[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
fetchField();
|
||||
@@ -42,6 +44,8 @@ export default function EditFieldPage() {
|
||||
owner_name: field.owner_name || '',
|
||||
group_name: field.group_name || '',
|
||||
});
|
||||
setKyosaiFields(field.kyosai_fields || []);
|
||||
setChusankanFields(field.chusankan_fields || []);
|
||||
} catch (err: unknown) {
|
||||
console.error('Failed to fetch field:', err);
|
||||
const axiosError = err as { response?: { status?: number } };
|
||||
@@ -231,11 +235,6 @@ export default function EditFieldPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-4">
|
||||
placeholder="例:山田太郎"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-4">
|
||||
<button
|
||||
type="submit"
|
||||
@@ -257,6 +256,68 @@ export default function EditFieldPage() {
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* 共済情報 */}
|
||||
<div className="bg-white rounded-lg shadow p-6 mt-6">
|
||||
<h2 className="text-lg font-bold text-gray-900 mb-4">共済情報</h2>
|
||||
{kyosaiFields.length === 0 ? (
|
||||
<p className="text-gray-500 text-sm">紐づけられた共済区画はありません</p>
|
||||
) : (
|
||||
<div className="overflow-x-auto">
|
||||
<table className="min-w-full text-sm">
|
||||
<thead>
|
||||
<tr className="border-b border-gray-200">
|
||||
<th className="text-left py-2 px-3 font-medium text-gray-600">耕地-分筆</th>
|
||||
<th className="text-left py-2 px-3 font-medium text-gray-600">漢字地名</th>
|
||||
<th className="text-left py-2 px-3 font-medium text-gray-600">住所</th>
|
||||
<th className="text-right py-2 px-3 font-medium text-gray-600">面積(m2)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{kyosaiFields.map((k) => (
|
||||
<tr key={k.id} className="border-b border-gray-100">
|
||||
<td className="py-2 px-3">{k.k_num}{k.s_num ? `-${k.s_num}` : ''}</td>
|
||||
<td className="py-2 px-3">{k.kanji_name}</td>
|
||||
<td className="py-2 px-3">{k.address}</td>
|
||||
<td className="py-2 px-3 text-right">{k.area.toLocaleString()}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 中山間情報 */}
|
||||
<div className="bg-white rounded-lg shadow p-6 mt-6">
|
||||
<h2 className="text-lg font-bold text-gray-900 mb-4">中山間情報</h2>
|
||||
{chusankanFields.length === 0 ? (
|
||||
<p className="text-gray-500 text-sm">紐づけられた中山間区画はありません</p>
|
||||
) : (
|
||||
<div className="overflow-x-auto">
|
||||
<table className="min-w-full text-sm">
|
||||
<thead>
|
||||
<tr className="border-b border-gray-200">
|
||||
<th className="text-left py-2 px-3 font-medium text-gray-600">ID</th>
|
||||
<th className="text-left py-2 px-3 font-medium text-gray-600">所在地</th>
|
||||
<th className="text-right py-2 px-3 font-medium text-gray-600">面積(m2)</th>
|
||||
<th className="text-right py-2 px-3 font-medium text-gray-600">支払金額</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{chusankanFields.map((c) => (
|
||||
<tr key={c.id} className="border-b border-gray-100">
|
||||
<td className="py-2 px-3">{c.c_id}</td>
|
||||
<td className="py-2 px-3">{c.oaza} {c.aza} {c.chiban}</td>
|
||||
<td className="py-2 px-3 text-right">{c.area.toLocaleString()}</td>
|
||||
<td className="py-2 px-3 text-right">{c.payment_amount != null ? `¥${c.payment_amount.toLocaleString()}` : '-'}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user