[add]

家族情報を編集後、檀家詳細に遷移する際に家族タブが表示する処理を追加

src/app/pages/danka-detail/danka-detail.html

@@ -225,6 +225,7 @@
                     <div>年齢</div>
                     <div>生年月日</div>
                     <div>備考</div>
+                    <div>操作</div>
                   </div>
 
                   @for (family of families; track family.id) {
@@ -242,7 +243,7 @@
                       </div>
 
                       <div>
-                        {{ getAge(family.birthDate)}}
+                        {{ getAge(family.birthDate) }}
                       </div>
 
                       <div>
@@ -252,6 +253,14 @@
                       <div>
                         {{ family.note || '' }}
                       </div>
+                      <div class="family-table-action">
+                        <a
+                          class="family-edit-link"
+                          [routerLink]="['/danka', danka.id, 'family', family.id, 'edit']"
+                        >
+                          編集
+                        </a>
+                      </div>
                     </div>
                   }
                 </div>

src/app/pages/danka-detail/danka-detail.scss

@@ -443,11 +443,37 @@
 .family-table-header,
 .family-table-row {
   display: grid;
-  grid-template-columns: 1.2fr 1.2fr 0.8fr 0.6fr 1fr 1.4fr;
+  grid-template-columns: 1.1fr 1.1fr 0.8fr 0.6fr 1fr 1.2fr 80px;
   gap: 10px;
   align-items: center;
 }
 
+.family-table-action {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.family-edit-link {
+  width: 64px;
+  height: 34px;
+  border: 2px solid #8a6543;
+  border-radius: 6px;
+  background: #ffffff;
+  color: #8a6543;
+  font-size: 14px;
+  font-weight: 800;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+
+.family-edit-link:hover {
+  background: #f6efe6;
+}
+
 .family-table-header {
   padding: 12px 14px;
   background: #efe4d6;
@@ -534,7 +560,7 @@
 
   .family-table-header,
   .family-table-row {
-    min-width: 760px;
+    min-width: 880px;
   }
 
   .family-support-area {

src/app/pages/danka-detail/danka-detail.ts

@@ -24,15 +24,24 @@ export class DankaDetail {
     private familyService: FamilyService,
     private route: ActivatedRoute,
   ) {
+    //遷移先からタブ情報を取得
+    const tab = this.route.snapshot.queryParams['tab'];
+    if (tab === 'family') {
+      this.selectedTab = 'family';
+    } else if (tab === 'kakocho') {
+      this.selectedTab = 'kakocho';
+    } else if (tab === 'familyTree') {
+      this.selectedTab = 'familyTree';
+    }
     //遷移先のIDから該当の世帯と家族基本を取得
     const id = this.route.snapshot.params['id'];
     if (id) {
       this.danka = this.dankaService.getDankaById(id);
       this.families = this.familyService.getFamiliesByDankaId(id);
-
     }
     console.log(this.danka);
     console.log(this.families);
+    console.log(tab);
   }
 
   getAge(birthDate: string) {

src/app/pages/family-edit/family-edit.ts

@@ -89,12 +89,11 @@ export class FamilyEdit {
       note: formValue.note?.trim() ?? '',
     };
     this.familyService.saveFamily(updatedFamily);
-    this.router.navigate(['/danka-detail', dankaId]);
-  }
+    this.router.navigate(['/danka-detail', dankaId], { queryParams: { tab: 'family' } });  }
 
   cancelFamilyEdit(): void {
     const dankaId = this.dankaId;
-    this.router.navigate(['/danka-detail', dankaId]);
+    this.router.navigate(['/danka-detail', dankaId], { queryParams: { tab: 'family' } });
   }
 
   deleteFamily() {
@@ -103,7 +102,7 @@ export class FamilyEdit {
       return;
     }
     this.familyService.deleteFamily(this.familyId);
-    this.router.navigate(['/danka-detail', dankaId]);
+    this.router.navigate(['/danka-detail', dankaId], { queryParams: { tab: 'family' } });
   }
 
   setAsHouseholder() {}