画面設計|実習実施先[ 事業所 ]画面
{success} 実習実施先[ 事業所 ]画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components/client |
vue.jsのディレクトリです。 |
| component |
location.vue |
vue.jsのcomponennt名です。 |
| route |
client/location |
|
画面レイアウト図
基本設計時 実習実施先[ 事業所 ]一覧、表示・登録編集画面:

コーディング後:
項目名
事業所一覧
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
新規作成 |
button |
- |
- |
- |
| 2 |
検索(入力式) |
入力 |
- |
○ |
実習先名@LIKE検索 |
| 3 |
実習先名 |
リンク |
- |
- |
- |
表示・登録編集
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
実習先名 |
表示 |
- |
- |
- |
| 2 |
編集 |
button |
- |
○ |
登録・編集時のみ表示 |
| 3 |
閉じる |
button |
- |
○ |
登録・編集時のみ表示 |
| 4 |
実習先名 |
入力 |
○ |
○ |
- |
ふりがな自動入力 |
| 5 |
実習先名(ふりがな) |
入力 |
○ |
- |
- |
| 6 |
郵便番号 |
入力 |
○ |
○ |
数字のみ入力可能。住所自動入力(都道府県/市区町村) |
| 7 |
事業所所在地 |
入力 |
○ |
- |
- |
| 8 |
電話番号 |
入力 |
○ |
- |
数字のみ入力可能 |
| 9 |
実習先社員人数(事務部員) |
入力 |
○ |
○ |
数字のみ入力可能。フォーカスアウト後、合計に反映 |
| 10 |
実習先社員人数(現場職員) |
入力 |
○ |
○ |
数字のみ入力可能。フォーカスアウト後、合計に反映 |
| 11 |
実習先社員人数(合計) |
入力 |
○ |
- |
数字のみ入力可能 |
| 12 |
登録・更新 |
button |
- |
○ |
- |
| - |
続けて登録 |
- |
- |
- |
表示項目から削除 |
| - |
登録後、書類ページに戻る |
- |
- |
- |
表示項目から削除 |
アクション
表示・登録編集
| No. |
項目名 |
処理内容 |
| 1 |
編集 |
背景が反転してコンテンツが入力モードに切り替わる |
| 2 |
閉じる |
入力から表示モードに切り替わる |
| 3 |
登録・更新 |
作成・編集している事業所情報を更新する |
その他補足
その他補足
| No. |
項目名 |
処理内容 |
| 1 |
デフォルト表示について |
事業所にはデフォルトで本社が登録されている なお、本社のみ事業所から編集不可(基本情報から編集するようアナウンス文を追加する) |