You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
6.4 KiB
130 lines
6.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>购票</title>
|
|
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
|
|
<script src="/static/js/jquery-3.6.0.js" type="text/javascript" charset="UTF-8"></script>
|
|
<script src="/static/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="UTF-8"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-1">
|
|
<div>
|
|
<font style="text-align: center; display: inline-block;height: 80px;line-height: 80px;width: 150px;font-size: 18px;color: #333">第三组影院</font>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div style="margin-top: 16px;color: #333;">
|
|
<div style="cursor: pointer;height: 100%;padding: 10px 0 10px 45px;border: 1px solid transparent;border-width: 0 1px;z-index: 101">
|
|
<select class="form-control">
|
|
<option>请选择城市</option>
|
|
<option>呼和浩特</option>
|
|
<option>上海</option>
|
|
<option>北京</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div >
|
|
<ul class="list-inline">
|
|
<li>
|
|
<a href="/" style="text-align: center; display: inline-block;height: 80px;line-height: 80px;width: 70px;font-size: 18px;color: #333">首页</a>
|
|
</li>
|
|
<li>
|
|
<a href="/" style="text-align: center; display: inline-block;height: 80px;line-height: 80px;width: 70px;font-size: 18px;color: #333">电影</a>
|
|
</li>
|
|
<li>
|
|
<a href="/mall" style="text-align: center; display: inline-block;height: 80px;line-height: 80px;width: 70px;font-size: 18px;color: #333">商城</a>
|
|
</li>
|
|
<li>
|
|
<a href="" style="text-align: center; display: inline-block;height: 80px;line-height: 80px;width: 70px;font-size: 18px;color: #333" onclick="check_user()">订单</a>
|
|
<script>
|
|
function check_user(){
|
|
$.ajax({
|
|
type:'get',
|
|
url:'/check_user/',
|
|
data:null,
|
|
dataType: 'json',
|
|
success:function (data){
|
|
if (data.msg == 'has_user'){
|
|
window.location.href="/user/center/movieorder";
|
|
}else {
|
|
window.location.href="/user/login/";
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="container-fluid">
|
|
<div style="height: 400px;width: 100%;background-color:hotpink;background-image: url('../static/img/back.jpg')">
|
|
<div style="width: 1200px;margin: 0 auto;height: 376px;position: relative;">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div style="width: 250px;padding: 5px 5px;position: relative;top: 70px;left: 30px;background-color: white">
|
|
<img src="/static/{{ movie.movieimge }}" alt="000" width="240px" height="350px">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div style="width: 300px;position: relative;top: 70px">
|
|
<div class="h1"><font color="white">{{ movie.moviename }}</font> </div>
|
|
<ul class="list-unstyled">
|
|
<li><font color="white">放映日期——{{ movie.moviedate}}</font></li>
|
|
<li><font color="white">放映时长——{{ movie.movietime }}</font></li>
|
|
</ul>
|
|
</div>
|
|
<div style="width: 300px;height: 50px;position: relative;top: 120px">
|
|
<a>
|
|
<button class="btn btn-danger btn-lg" data-toggle="modal" id="Buy" onclick="location='/seats/?id={{ movie.id }}'">
|
|
<span class="glyphicon glyphicon-heart"></span> 购票
|
|
</button>
|
|
</a>
|
|
<div class="modal fade" id="ScModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-body">购买成功</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container" style="margin-top: 80px">
|
|
<div style="width: auto">
|
|
<div style="width: auto;height: 30px;font-size: x-large">{{ movie.moviename }}</div>
|
|
<div style="height: 30px;margin-top: 20px;font-size: larger">
|
|
<span class=" glyphicon glyphicon-leaf"> 剧情简介</span>
|
|
</div>
|
|
<div style="height: 60px;margin-top: 10px">
|
|
<div class="row">
|
|
<div class="col-md-12">此处省略一万字！！！</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$("#Buy").click(function () {
|
|
$("#myModal").modal("show");
|
|
});
|
|
$("#Yes").click(function () {
|
|
$("#myModal").modal("hide");
|
|
});
|
|
$("#Yes").click(function () {
|
|
$("#ScModal").modal("show");
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |