画面設計｜監理費請求一覧、表示・登録編集画面画面

• 画面設計｜ログイン画面
  • 基本情報
  • 画面レイアウト図
  • 項目名
  • アクション
  • その他補足

{success} 監理費請求一覧画面の画面設計を明記します。

基本情報

画面レイアウト図

基本設計時　監理費請求一覧、表示・登録編集画面：

コーディング後：

項目名

一覧

No.	項目名	タイプ	必須	アクション有無	備考
1	新規作成	button	-	-	-
2	検索（入力式）	入力	-	○	月のカレンダー表示
3	検索（入力式）	入力	-	○	実習実施先名@LIKE検索
4	実習実施先名	表示	-	-	-

請求書作成

No.	項目名	タイプ	必須	アクション有無	備考
1	実習実施先名	表示	-	-	登録・編集時のみ表示。また、月名を表示
2	出力	アイコン	-	○	登録・編集時のみ表示
3	請求書を送信する	button	-	○	登録・編集時のみ表示
4	請求書送信済	button	-	○	登録・編集時のみ表示
5	編集	button	-	○	登録・編集時のみ表示
6	閉じる	button	-	○	登録・編集時のみ表示
7	実習実施先名	セレクト	○	-	-
8	請求書作成月	入力	○	-	-
9	請求書を送信するメールアドレス	入力	-	-	-
10	請求書発行日	入力	○	-	-
11	支払期限	入力	○	-	-
12	件名	入力	-	-	-
13	配属数	表示	-	-	今現在、実習実施先に所属している技能実習生の数を表示
14	品目追加	button	-	○	品目を1行追加
15	配属数	表示	-	-	実習実施先に所属している技能実習生の数
16	品目	入力	○	-	-
17	単価	入力	○	-	数値のみ入力可能
18	数量	入力	○	-	数値のみ入力可能
19	単位	入力	○	-	-
20	価格	表示	-	○	単価×数量の合計値
21	削除	button	-	○	品目を1行削除する
22	請求金額合計（小計）	表示	-	-	価格の合計値
23	請求金額合計（合計）	表示	-	-	価格の税込合計値
24	備考	入力	-	-	-
25	削除	button	-	○	-
26	登録・更新	button	-	○	-

アクション

一覧

No.	項目名	処理内容
1	一覧に表示されている実習実施先	現在、選択されている月に請求書が作成されている実習実施先を表示

請求書作成

No.	項目名	処理内容
1	出力	作成された請求書を別タブで表示
2	請求書を送信する	まだボタンをクリックしていない状態。 クリックしたら「請求書を送信するメールアドレス」に登録されているメアドに請求書を送信
3	請求書送信済	請求書を送信するボタンをクリックした状態
4	削除	現在表示している実習実施先の請求書を削除する
5	登録・更新	作成している請求書を登録する

その他補足

その他補足

No.	項目名	処理内容
1	請求書を送信する	実習実施先にまだ送信していない状態
2	請求書送信済	実習実施先に請求書を送信した状態。再送信可能