Vue Router で使用するコンポーネントのパスや初期表示ページ、画面名等を指定する。
この画面で指定している値をコンポーネント上で使用する場合、名称変更時の修正漏れなどを防ぐ為に固定値では使用せず、ここから取得し使用するようにする。
※この表は技術設計書のリンクを表示しているため、修正があった場合は技術設計書を修正すること。
| meta: { title:’画面名’ } ※「画面名」を以下で指定 | name | component | path | 備考 |
|---|---|---|---|---|
| 入居者一覧 | residents | residentsList | /residents | 初期ページ(redirect) |
| 入居者一覧を表示 | ||||
| 入居者情報削除 | residentsDelete | delResidentsData | /residents/:residentId/delete | 入居者IDに紐づく入居者情報(1件)と処方薬情報(複数件)を削除 |
| 処方薬情報一覧 | residentsPrescriptiondrugs | prescriptionDrugsList | /residents/:residentId/drugs | 入居者IDに紐づくく処方薬情報(複数件)を表示 |
| 処方医院一覧 | clinics | clinicList | /clinics | 入力補助マスタのメンテ画面(処方医院) |
| 追加・変更・削除はモーダル内で行う | ||||
| 薬名称一覧 | drugs | drugList | /drugs | 入力補助マスタのメンテ画面(薬名称) |
| 追加・変更・削除はモーダル内で行う | ||||
| 印刷レイアウト | residentsPrint | printPage | /residents/print | 処方薬情報一覧で選択された処方薬情報を確認票印刷データに展開、印刷時にA4用紙に収まるよう表示する。 |
初期表示ページには入居者一覧画面を使用する。 path: '/' redirect: '/residents'
| import | from |
|---|---|
| createRouter | vue-router |
| createWebHistory | vue-router |
| residents | ../pages/residentsList.vue |
| residentsDelete | ../pages/delResidentsData.vue |
| residentsPrescriptiondrugs | ../pages/prescriptionDrugsList.vue |
| clinics | ../pages/clinicList.vue |
| drugs | ../pages/drugList.vue |
| residentsPrint | ../pages/printPage.vue |