画面設計|アラート設定画面


{success} アラート設定画面の画面設計を明記します。


基本情報

名称 定義 備考
ディレクトリ components vue.jsのディレクトリです。
component documentAlert.vue vue.jsのcomponennt名です。
route document_alert

画面レイアウト図

基本設計時 アラート設定画面:

image

コーディング後:


項目名

表示・設定

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - -
2 閉じる button - 編集時のみ表示
3 カテゴリー 表示 - - -
4 有効 チェック - - -
5 表示されるアラート文 表示 - - -
6 単位 入力 - - -
7 備考 表示 - - -
8 設定した内容で保存 button - -

アクション

表示・設定

No. 項目名 処理内容
1 編集 背景が反転してコンテンツが入力モードに切り替わる
2 閉じる 入力から表示モードに切り替わる
3 設定した内容で保存 アラート設定を更新する

その他補足

警告文

No. 項目名 処理内容
- - -