監理費管理簿


{success} 監理費管理簿 の基本設計及び、画面設計を明記します。/実施先ごと/都度作成


基本情報

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

画面レイアウト図

設計時:

image


画面項目

{primary} 画面に表示する項目等の情報を記載します。

No. 項目名 タイプ 必須 備考
1 (日付:支出)名称リスト select - 作成したデータをselectで切り替え。onchangeでrefresh|初期値:最新データ
2 新規作成 button - 押下でINPUTを全て空に|保存で新レコード作成
3 編集 button - 押下でINPUTをABLEに|保存で編集完了
4 印刷 button - 保存されているデータをPDF出力|_blank
- 書類項目 - - 項目数が多いため本ページ最下部に設置します。前Phaseの転記です。
5 保存 button - チェックOKならrefresh|NGならrefresh後、error表示
6 削除 button - 本レコード削除|完了後refresh

画面アクション

{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理(フロント)を記載します。

対象No. 項目名 処理内容
- データ未登録時 登録されたデータが何もない場合、切り替え名称の初期値は空で、表示部分は何もなし。新規作成ボタン押下で表示。
2.3 編集・新規作成時 押下したボタン以外のボタンを非活性(新規作成or編集/印刷)。押下したボタンを戻るボタンに/戻るボタンで元に戻す。
2.3.6.7 FlashMessage アクション時、FlashMassage表示

処理

{primary} 本画面に関する処理を記載します。主にシステムの処理(バックエンド)を記載します。

No. 項目名 処理内容
1 (日付:支出)名称リスト 作成済みデータの「 (日付:支出)名称リスト」の形式でリストを取得。
2 初期値取得(新規) 新規作成ボタン押下時、入力できない項目に現在の情報を反映する。
3 初期値取得(既存) 作成済みデータの取得。
4 保存(新規) 新レコード作成。
5 保存(既存) 作成済みデータの編集。尚、当時データのまま表示・保持する必要があるため、保持方法を考慮する必要あり
6 データの保存期間 過去10年
7 PDF出力 現在開いているページの情報を決まったテンプレートでODF出力
8 削除 レコードの論理削除。

アラート

{primary} 本画面にアラートの情報を記載します。

No. 条件 表示テキスト
- なし なし

書類項目

{primary} 割愛した書類項目の情報を記載します。

No. 項目名 タイプ サイズ 備考
1 年月日 入力 - カレンダー表示
2 実習実施者名 セレクト - 実習中の実習実施先名を表示
3 監理費の選択 セレクト - 1.職業紹介費、2.講習費、3.監査指導費、4.その他諸経費
4 監理費の種類 セレクト - 監理費の選択に該当する「種類」を表示
5 その他を選択した場合の費用名 入力 -
6 徴収・支出 ラジオ -
7 金額 入力 -
8 備考(監理費の算出の根拠等) 入力 -
9 戻る 表示 - 書類[監査・管理簿・報告 / 監理費管理簿] に戻る
10 登録 表示 - 登録のモーダル表示
11 年月日 表示 -
12 監理費 表示 -
13 徴収・支出 表示 -
14 金額 表示 -
15 監理費の産出額の根拠等 表示 -
16 編集 ボタン -
17 削除 ボタン - 削除モーダル表示。