お知らせ確認・更新＿基本設計
{success} お知らせ一覧部分で押下した際のの
コンテンツ部分の基本的事項を明記します。
概要
KIZUNAに表示するお知らせを登録する機能の詳細確認・変更画面です。
詳細取得 API→ 必要があれば更新 API→ 再度詳細取得 API で最新に更新します。
ユースケース
管理者が公開中のお知らせを編集
KIZUNA 利用者に特に通達せず変更を反映
基本情報
| 名称 | 定義 | 備考 |
|---|---|---|
| ディレクトリ | components/views/notification | vue.js のディレクトリです。 |
| component | notification-detail | vue.js の componennt 名です。 ファイル名は notificationDetail |
| route | /notification | route 名です。 |
画面レイアウト図
設計時：
画面項目
{primary} 画面に表示する項目等の情報を記載します。
| No. | 物理名 | 項目・論理名 | タイプ | 必須 | 備考 |
|---|---|---|---|---|---|
| 0 | - | 編集 | button | - | text/input となっている項目を input にして更新ボタン表示 |
| 1 | status | 状態 | text | - | 公開中等 状況に応じてデザイン変える/公開日期限日で判定するため入力なし |
| 2 | type | 種類 | text/radio | ○ | 緊急等 状況に応じてデザイン変える |
| 3 | name | お知らせタイトル | text/input | ○ | 80 文字まで |
| 4 | release_date | 公開日 | text/input | ○ | YY/mm/dd h:m 過去未来 OK |
| 5 | limit_date | 期限日 | text/input | - | YY/mm/dd h:m 公開日と同じ or 未来のみ (NULLで登録したらずっと表示/非表示にしたいとき過去日付入力) |
| 6 | contents | 内容 | text/textarea | ○ | |
| 7 | - | 更新ボタン | button | - |
画面アクション
{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理（フロント）を記載します。
| 対象 No. | 項目名 | 処理内容 |
|---|---|---|
| 編集 | 1 | 押下でtext/inputを input に変更し、更新ボタンを表示 |
| 更新 | 7 | 押下で更新 → 再度詳細取得 API 実行（flash で状態を表示する（成功等）） |
処理
{primary} 本画面に関する処理を記載します。主にシステムの処理（バックエンド）を記載します。
| No. | 項目名 | 処理内容 |
|---|---|---|
| 1 | お知らせ情報取得 | お知らせ情報取得＿API |
| 2 | お知らせ更新・新規 | お知らせ更新・新規＿API |