-
Notifications
You must be signed in to change notification settings - Fork 0
/
movie.html
129 lines (125 loc) · 5.32 KB
/
movie.html
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
<!DOCTYPE html>
<html lang="en" ng-app="movie">
<head>
<meta charset="utf-8">
<title>电影院后台管理系统</title>
<link rel="icon" type="image/x-icon" href="img/index_favicon.ico">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/movie.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.css">
<script src="js/jquery/jquery-3.3.1.js"></script>
<script src="js/bootstrap/popper.js"></script>
<script src="js/bootstrap/bootstrap.js"></script>
<script src="js/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="js/angular/angular.js"></script>
<!-- <script src="js/route.js"></script> -->
<script src="js/movie.js"></script>
</head>
<body ng-controller="movieController">
<!-- 页面顶部导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light bg-dark fixed-top">
<!-- 旧bootstrap导航栏
<a class="navbar-brand text-white font-weight-bold" href="#">后台管理系统</a>
<a class="nav-link text-white font-weight-bold" href="#">订单管理</a>
<a class="nav-link text-white font-weight-bold" href="#">场次管理</a>
<a class="nav-link text-white font-weight-bold" href="#">影厅管理</a>
<a class="nav-link text-white font-weight-bold" href="#">电影管理</a>
<a class="nav-link text-white font-weight-bold ml-auto" href="#">用户</a>
<button class="btn btn-danger font-weight-bold">退出</button> -->
<!-- 新angularJS导航栏 -->
<!-- 管理系统主页 -->
<a class="navbar-brand text-white font-weight-bold" href="{{navbar_brand.url}}">{{navbar_brand.name}}</a>
<!-- 各个管理页面 -->
<div ng-repeat="link in navbar_links">
<a class="nav-link text-white font-weight-bold" href="{{link.url}}">{{link.name}}</a>
</div>
<!-- 管理员头像 -->
<a class="nav-link text-white font-weight-bold ml-auto" href="{{navbar_user.url}}">{{navbar_user.name}}</a>
<!-- 退出按钮 -->
<button class="btn btn-danger font-weight-bold" ng-click="exit()">退出</button>
</nav>
<!-- 标题以及搜索框 -->
<div class="divStyle">
<h2 class="h2Style">电影列表</h2>
<button class="btn btn-primary buttonStyle" ng-click="add();init()">新增电影</button>
<input class="inputStyle" type="text" ng-model="search" placeholder="Search">
<!-- 模态框 -->
<div class="modal fade" id="myModal" ng-model="obj">
<div class="modal-dialog">
<div class="modal-content">
<!-- 模态框头部 -->
<div class="modal-header">
<!-- 模态框标题 -->
<h4 class="modal-title">新增电影</h4>
<!-- 右上角关闭按钮 -->
<button type="button" class="close" ng-click="close()">×</button>
</div>
<!-- 模态框主体 -->
<div class="modal-body">
<div class="form-group">
<label class="form-inline">电影名称:
<input class="form-control" type="text" value="{{obj.movieName}}" ng-model="obj.movieName">
</label>
</div>
<div class="form-group input-append date">
<label class="form-inline">上映时间:
<input class="form-control form_datetime" type="datetime" value="{{obj.movieTime}}" ng-model="obj.movieTime">
</label>
</div>
<div class="form-group">
<label class="form-inline">电影时长:
<input class="form-control" type="number" value="{{obj.movieDuration}}" ng-model="obj.movieDuration">
</label>
</div>
<div class="form-group dropdown">
<label class="form-inline">电影状态:
<label class="labelStyle" ng-if="obj.movieStatus==1">即将上映</label>
<label class="labelStyle" ng-if="obj.movieStatus==2">上映中</label>
<label class="labelStyle" ng-if="obj.movieStatus==3">已下架</label>
<button class="btn btn-primary dropdown-toggle ml-auto" data-toggle="dropdown">点击选择上映状态</button>
<div class="dropdown-menu">
<a class="dropdown-item" ng-click="changeStatus(1)">即将上映</a>
<a class="dropdown-item" ng-click="changeStatus(2)">上映</a>
<a class="dropdown-item" ng-click="changeStatus(3)">下架</a>
</div>
</label>
</div>
</div>
<!-- 模态框底部 -->
<div class="modal-footer">
<button class="btn btn-primary" ng-click="save()">保存</button>
</div>
</div>
</div>
</div>
</div>
<!-- 表格 -->
<div class="tableStyle">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th ng-repeat="item in table_columns">{{item}}</th>
</tr>
</thead>
<tbody>
<!-- 表格数据 -->
<tr ng-repeat="data in table_rows | filter:search">
<td>{{data.movieNo}}</td>
<td>{{data.movieName}}</td>
<td>{{data.movieTime | date:'yyyy-MM-dd HH:mm'}}</td>
<td>{{data.movieDuration}}分钟</td>
<td ng-if="data.movieStatus == 1">即将上映</td>
<td ng-if="data.movieStatus == 2">上映中</td>
<td ng-if="data.movieStatus == 3">已下架</td>
<td>
<button class="btn btn-primary" ng-click="onready($index)">即将上映</button>
<button class="btn btn-primary" ng-click="release($index)">上映</button>
<button class="btn btn-primary" ng-click="offshell($index)">下架</button>
<button class="btn btn-primary" ng-click="edit(data, $index)">编辑</button>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>