画面設計|監理団体[ 基本情報 ]


{success} 監理団体[ 基本情報 ]画面の画面設計を明記します。


基本情報

名称 定義 備考
ディレクトリ components/organization vue.jsのディレクトリです。
component basicInfo.vue vue.jsのcomponennt名です。
route organization/basic_info

画面レイアウト図

基本設計時 一覧、編集画面:

image

コーディング後:


項目名

基本情報

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - 登録・編集時のみ表示
2 閉じる button - 登録・編集時のみ表示
3 監理団体名 入力 -
4 監理団体名(ふりがな) 入力 - ふりがな自動入力
5 監理団体名(ローマ字) 入力 - -
6 代表者役職 セレクト - -
7 代表者氏名 入力 - ふりがな自動入力
8 代表者氏名(ふりがな) 入力 - -
9 代表者氏名(ローマ字) 入力 - -
10 法人番号 入力 - 数字のみ入力可能
11 雇用保険適用事業所番号 入力 - 数字のみ入力可能
12 郵便番号 入力 数字のみ入力可能。住所自動入力(都道府県/市区町村)
13 所在地 入力 - -
14 所在地(ふりがな) 入力 - -
15 所在地(ローマ字) 入力 - -
16 電話番号 入力 - 数字のみ入力可能
17 許可番号 入力 - 数字のみ入力可能
18 許可の別 ラジオ - - -
19 登録・更新 button - -
- 登録後、書類ページに戻る - - - 表示項目から削除

監理費請求口座情報

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - 登録・編集時のみ表示
2 閉じる button - 登録・編集時のみ表示
3 金融機関名 入力 - -
4 支店名 入力 - -
5 預金種類 ラジオ - -
6 口座番号 入力 - 数字のみ入力可能
7 口座名義人 入力 - -
8 登録・更新 button - -

アクション

表示・登録編集

No. 項目名 処理内容
1 編集 背景が反転してコンテンツが入力モードに切り替わる
2 閉じる 入力から表示モードに切り替わる
3 登録・更新 作成・編集しているユーザー情報を更新する

その他補足

警告文

No. 項目名 処理内容
1 未編集 「基本情報」「監理費請求口座情報」の項目に未編集箇所があった場合、「必須項目を登録してください」の警告文を表示。すべて登録されたら非表示。
- - -