form_output.html 5.19 KB
Newer Older
Jung Kwangkyu committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
<!DOCTYPE html>
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title>帳票出力|A Book Check</title>
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="A Book Check">

    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>

<body>
    <header>

        <nav class="navbar navbar-dark bg-primary">

            <a href="index.html" class="navbar-brand category-btn lht-0">
                <i class="fas fa-chevron-left fs-12 p-1"></i>
                <span class="d-none d-md-inline fs-10">
                    戻る
                </span>
            </a>

            <div class="d-block text-white">
                <div class="page_title">
                        帳票出力
                </div>
            </div>

            <div></div>

        </nav>

    </header>

    <div class="container-fluid mb-5">

        <main>

            <div class="bg-lightblue wide-wrap mb-4">
                <div class="container-fluid py-3">
                    <h1 class="fs-14 font-weight-bold">検温表Ⅱ</h1>
                    <div class="font-weight-bold">ver.2 2021/02/12</div>

                    <section class="bg-white p-3 mt-4">
                        <div class="block-title mb-3 pb-2">
                            <h2 class="fs-12 text-center">①日報発行・確認</h2>
                        </div>

                        <div class="form-group">
                            <label for="monthly">月度</label>
                            <select class="form-control" id="monthly">
                                <option>月度を選択</option>
                                <option></option>
                            </select>
                        </div>
                    </section>

                    <section class="bg-white p-3 mt-4">
                        <div class="block-title mb-3 pb-2">
                            <h2 class="fs-12 text-center">②検温入力</h2>
                        </div>

                        <label for="input_date">入力日</label>
                        <div class="d-flex">
                            <div class="form-group">
                                <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
                                    <input type="text" name="start" class="form-control datetimepicker-input" data-target="#datetimepicker1" placeholder="選択">
                                    <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
                                        <div class="input-group-text"><i class="far fa-calendar"></i></div>
                                    </div>
                                </div>
                            </div>

                            <div class="p-2">

                            </div>

                            <div class="form-group">
                                <div class="input-group date" id="datetimepicker2" data-target-input="nearest">
                                    <input type="text" name="end" class="form-control datetimepicker-input" data-target="#datetimepicker2" placeholder="選択">
                                    <div class="input-group-append" data-target="#datetimepicker2" data-toggle="datetimepicker">
                                        <div class="input-group-text"><i class="far fa-calendar"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="department">部署</label>
                            <select class="form-control" id="department">
                                <option>部署を選択</option>
                                <option></option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="name">名前</label>

                            <div class="input-group">
                                <input type="text" class="form-control" id="name" placeholder="名前を入力">
                                <div class="input-group-append">
                                    <span class="input-group-text">を含む</span>
                                </div>
                            </div>

                        </div>

                    </section>

                </div>
            </div>

            <div class="text-center">
                <button type="submit" class="btn btn-outline-primary">
                    <i class="fas fa-print fs-12 mr-2"></i>
                    PDFとして出力
                </button>
            </div>

        </main>

    </div>


    <script type="text/javascript" src="js/app.js" defer></script>
</body>

</html>