pdfPrint.html 6.74 KB
Newer Older
Kang Donghun 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 134 135 136 137 138 139
<!DOCTYPE html>
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title class="lang" lang="pdfPrint"></title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <!-- favicons -->
    <link href="../img/favicon.ico" rel="icon">
    <link href="../img/apple-touch-icon.png" rel="apple-touch-icon">
    <!-- main css -->
    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/app.css">
    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/header.css">
    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/style.css">
    <!-- vender css -->
    <link rel="stylesheet" type="text/css" href="../common/css/appCommon/fontawesome_relative_path.css">

    <script type="text/javascript" src="../common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="../common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="../common/js/web/i18n.js?__UPDATEID__"></script>
    <script src="../common/js/constant.js?__UPDATEID__"></script>
    <script src="../common/js/common.js?__UPDATEID__"></script>
    
    <script type="text/javascript" src="../js/header/header.js?__UPDATEID__"></script>
    <script type="text/javascript" src="../js/pdfPrint/pdfPrint.js?__UPDATEID__"></script>

    <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            PP.init();
        });
    </script>
</head>

<body>
    
    <!-- header -->
    <div id="includedHeader"></div>

    <!-- title -->
    <div id="main-ttl">
        <div class="container-wrap">
            <!-- breadcrumb -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb px-0 mb-0">
                    <li class="breadcrumb-item"><a href="task-list.html" class="text-decoration-none text-underline">作業一覧</a></li>
                    <li class="breadcrumb-item"><a href="report-list.html" class="text-decoration-none text-underline">報告一覧</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><span>pdf出力</span></li>
                </ol>
            </nav>
            <!-- title -->
            <h1 class="fs-14 font-weight-bold pt-sm-4 pt-2 pb-3 mb-0">pdf出力</h1>
        </div>
    </div>

    <!-- ↓↓↓ ここから共通HTML ↓↓↓ -->
    <div class="container-wrap-fluid mb-5" id="pdfPrint">
        <main>
            <div class="bg-lightblue wide-wrap mb-4">
                <div class="container-wrap-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 pdf-output-btn d-inline-flex">
                    <div class="icon"></div>
                    <span class="align-middle">PDFとして出力</span>
                </button>
            </div>
        </main>
    </div>

    <!-- confirm -->
    <div id="includedConfirmModal"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="../common/js/app.js?__UPDATEID__"></script>
</body>

</html>