查询7天排片

src/main/resources/templates/adminScheduleManage.html

@@ -33,12 +33,22 @@
         <div class="content-header">
             <span class="title gray-text">排片管理</span>
         </div>
-        <div style="width:120px;">
-        <span>选择影厅</span>
-        <select class="form-control" style="display: inline-block">
-            <option>1</option>
-            <option>2</option>
-        </select>
+        <div class="card" style="margin:20px 0;padding:20px;">
+            <div style="display: flex;justify-content: space-between">
+                <div>
+                <span>选择影厅  </span>
+                <select id="hall-select" class="form-control" style="display: inline-block;width: 180px;">
+                    <option>1</option>
+                    <option>2</option>
+                </select>
+                </div>
+                <div>
+                <span>选择日期  </span>
+                <input type="date" class="form-control" id="schedule-date-input" style="display: inline-block;width: 180px;">
+                </div>
+
+                <button type="button" class="btn btn-primary" data-backdrop="static" data-toggle="modal" data-target="#scheduleModal">新增排片</button>
+            </div>
         </div>
         <div class="card" style="margin-top: 20px">
             <div class="schedule-date-container">
@@ -62,5 +72,35 @@
         </div>
     </div>
 </div>
+<div class="modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-labelledby="movieModalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="movieModalLabel">新增排片</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" role="form">
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="movie-name-input"><span class="error-text">*</span>电影名称</label>
+                        <div class="col-sm-10">
+                            <input type="text" class="form-control" id="movie-name-input" placeholder="请输入电影名称">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="movie-date-input"><span class="error-text">*</span>上映时间</label>
+                        <div class="col-sm-10">
+                            <input type="date" class="form-control" id="movie-date-input" placeholder="请输入电影上映时间">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-primary" id="schedule-form-btn">确认</button>
+            </div>
+        </div>
+    </div>
+</div>
 </body>
 </html>

target/classes/templates/adminScheduleManage.html

@@ -33,12 +33,22 @@
         <div class="content-header">
             <span class="title gray-text">排片管理</span>
         </div>
-        <div style="width:120px;">
-        <span>选择影厅</span>
-        <select class="form-control" style="display: inline-block">
-            <option>1</option>
-            <option>2</option>
-        </select>
+        <div class="card" style="margin:20px 0;padding:20px;">
+            <div style="display: flex;justify-content: space-between">
+                <div>
+                <span>选择影厅  </span>
+                <select id="hall-select" class="form-control" style="display: inline-block;width: 180px;">
+                    <option>1</option>
+                    <option>2</option>
+                </select>
+                </div>
+                <div>
+                <span>选择日期  </span>
+                <input type="date" class="form-control" id="schedule-date-input" style="display: inline-block;width: 180px;">
+                </div>
+
+                <button type="button" class="btn btn-primary" data-backdrop="static" data-toggle="modal" data-target="#scheduleModal">新增排片</button>
+            </div>
         </div>
         <div class="card" style="margin-top: 20px">
             <div class="schedule-date-container">
@@ -62,5 +72,35 @@
         </div>
     </div>
 </div>
+<div class="modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-labelledby="movieModalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="movieModalLabel">新增排片</h4>
+            </div>
+            <div class="modal-body">
+                <form class="form-horizontal" role="form">
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="movie-name-input"><span class="error-text">*</span>电影名称</label>
+                        <div class="col-sm-10">
+                            <input type="text" class="form-control" id="movie-name-input" placeholder="请输入电影名称">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-2 control-label" for="movie-date-input"><span class="error-text">*</span>上映时间</label>
+                        <div class="col-sm-10">
+                            <input type="date" class="form-control" id="movie-date-input" placeholder="请输入电影上映时间">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-primary" id="schedule-form-btn">确认</button>
+            </div>
+        </div>
+    </div>
+</div>
 </body>
 </html>