画面設計｜技能実習生[ 書類確認 ]
{success} 技能実習生[ 書類確認 ]画面の画面設計を明記します。
基本情報
| 名称 |
定義 |
備考 |
| ディレクトリ |
components/trainee |
vue.jsのディレクトリです。 |
| component |
storage.vue |
vue.jsのcomponennt名です。 |
| route |
trainee/storage |
|
画面レイアウト図
基本設計時 技能実習生[ 書類確認 ] 表示・編集画面：
コーディング後：
項目名
履歴書用・書類ファイルアップロード
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
ファイル名 |
入力 |
- |
- |
- |
| 2 |
ファイルを選択 |
ファイル |
○ |
- |
ドラッグ＆ドロップも可能 |
| 3 |
登録・更新 |
button |
- |
○ |
- |
一覧
| No. |
項目名 |
タイプ |
必須 |
アクション有無 |
備考 |
| 1 |
ファイル名 |
表示 |
- |
- |
- |
| 2 |
登録日時 |
表示 |
- |
- |
- |
| 3 |
出力 |
button |
- |
- |
アップロードされたファイルを別タブで表示 |
| 4 |
削除 |
button |
- |
- |
クリックしたファイルを削除する |
アクション
履歴書用・書類ファイルアップロード
| No. |
項目名 |
処理内容 |
| 1 |
登録・更新 |
pdfファイルがアップロードされたらボタンが活性化する |
その他補足
その他補足
| No. |
項目名 |
処理内容 |
| 1 |
ファイルアップロード |
添付ファイルはpdfのみ |
| 2 |
ファイル名 |
任意項目
ファイル名を入力せずに登録した場合は、アップロードされたpdfファイルの名前をそのまま利用する |