画面設計｜監理団体[ 担当事業所 ]

{success} 監理団体[ 担当事業所 ]画面の画面設計を明記します。

基本情報

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

画面レイアウト図

基本設計時　担当事業所一覧、編集画面：

image

コーディング後：

項目名

担当事業所一覧

No. 項目名 タイプ 必須 アクション有無 備考
1 新規作成 button - - -
2 検索（入力式） 入力 - ○ 担当事業所名@LIKE検索
3 担当事業所名 リンク - - -

表示・登録編集

No. 項目名 タイプ 必須 アクション有無 備考
1 編集 button - ○ 登録・編集時のみ表示
2 閉じる button - ○ 登録・編集時のみ表示
3 担当事業所名 入力 ○ ○ -
4 担当事業所名（ふりがな） 入力 ○ - ふりがな自動入力
5 担当事業所名（ローマ字） 入力 ○ - -
6 郵便番号 入力 ○ ○ 数字のみ入力可能。住所自動入力（都道府県/市区町村）
7 事業所所在地 入力 ○ - -
8 事業所所在地（ふりがな） 入力 ○ - -
9 事業所所在地（ローマ字） 入力 ○ - -
10 電話番号 入力 ○ - 数字のみ入力可能
11 登録・更新 button - ○ -
12 削除 button - ○ 新規作成では表示されない
- 登録後、書類ページに戻る - - - 表示項目から削除

アクション

担当事業所一覧

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

表示・登録編集

No. 項目名 処理内容
1 編集 背景が反転してコンテンツが入力モードに切り替わる
2 閉じる 入力から表示モードに切り替わる
3 削除 編集を行っている担当事業所の情報を削除する
本社は削除不可
4 登録・更新 作成・編集している担当事業所情報を更新する

その他補足

その他補足

No. 項目名 処理内容
1 デフォルト表示について 担当事業所にはデフォルトで本社が登録されている