お知らせ一覧＿基本設計
{success} お知らせ一覧画面の
一覧部分の基本的事項を明記します。
概要
KIZUNAに表示するお知らせを登録する機能の一覧画面です。
新規作成・確認・編集を 1 ページで行います。
尚、本ページでは左メニューとなる一覧部分のみ明記します。
ユースケース
管理者がおしらせ登録（公開日～期限日を併せて登録）
KIZUNA 利用者（監理団体のみ）は登録されたお知らせを「公開日～期限日」で取得し該当するお知らせを表示
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/views/notification | vue.js のディレクトリです。 |
| component | notification-list | vue.js の componennt 名です。 |
| route | /notification | route 名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 物理名 | 項目・論理名 | タイプ | 必須 | 備考 |
|---|---|---|---|---|---|
| 0 | - | 新規作成ボタン | button | - | 新規作成フォームをコンテンツ部分に表示 |
| 1 | - | 検索 | search | - | |
| 2-1 | release_date | 公開日 | button | - | 一覧項目 |
| 2-2 | type | 種類 | button | - | 一覧項目 |
| 2-3 | name | お知らせタイトル | button | - | 一覧項目 |
| 2-4 | status | 状態 | button | - | 一覧項目 |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象 No. | 項目名 | 処理内容 |
|---|---|---|
| 0 | 新規作成 | 新規作成ボタンを押下で、空のフォーム表示 |
| 1 | 検索 | onchange で API 実行/一覧に該当する情報を表示（タイトル で LIKE 検索） |
| 2-2.2-4 | 種類に応じて表示変更 | 種類に応じて色等で表示変更 |
| 2 | 一覧項目 | 押下で情報取得 API 実行 → 詳細をコンテンツ部分に表示 / 50 件ごとに取得 / 無限スクロール |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | お知らせ一覧取得 | お知らせ一覧＿API |