268 lines
12 KiB
Plaintext
268 lines
12 KiB
Plaintext
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||
<title>猫眼|订单管理-${title!""}</title>
|
||
<#include "../common/header.ftl"/>
|
||
<style>
|
||
td{
|
||
vertical-align:middle;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="lyear-layout-web">
|
||
<div class="lyear-layout-container">
|
||
<!--左侧导航-->
|
||
<aside class="lyear-layout-sidebar">
|
||
|
||
<!-- logo -->
|
||
<div id="logo" class="sidebar-header">
|
||
<a href="index.html"><img src="/admin/images/logo.png" title="猫眼" alt="猫眼" /></a>
|
||
</div>
|
||
<div class="lyear-layout-sidebar-scroll">
|
||
<#include "../common/left-menu.ftl"/>
|
||
</div>
|
||
|
||
</aside>
|
||
<!--End 左侧导航-->
|
||
|
||
<#include "../common/header-menu.ftl"/>
|
||
|
||
<!--页面主要内容-->
|
||
<main class="lyear-layout-content">
|
||
|
||
<div class="container-fluid">
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="card">
|
||
<div class="card-toolbar clearfix">
|
||
<form class="pull-right search-bar" method="get" action="list" role="form">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<button class="btn btn-default dropdown-toggle" id="search-btn" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
|
||
订单编号 <span class="caret"></span>
|
||
</button>
|
||
<ul class="dropdown-menu">
|
||
<li> <a tabindex="-1" href="javascript:void(0)" data-field="title">订单编号</a> </li>
|
||
</ul>
|
||
</div>
|
||
<input type="text" class="form-control" value="${sn!""}" name="sn" placeholder="请输入订单编号">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-primary" type="submit">搜索</button>
|
||
</span>
|
||
</div>
|
||
</form>
|
||
<#include "../common/third-menu.ftl"/>
|
||
</div>
|
||
<div class="card-body">
|
||
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered">
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
<label class="lyear-checkbox checkbox-primary">
|
||
<input type="checkbox" id="check-all"><span></span>
|
||
</label>
|
||
</th>
|
||
<th>订单编号</th>
|
||
<th>所属用户</th>
|
||
<th>订单状态</th>
|
||
<th>影票数量</th>
|
||
<th>支付金额</th>
|
||
<th>下单时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<#if pageBean.content?size gt 0>
|
||
<#list pageBean.content as order>
|
||
<tr>
|
||
<td style="vertical-align:middle;">
|
||
<label class="lyear-checkbox checkbox-primary">
|
||
<input type="checkbox" name="ids[]" value="${order.id}" data-movie-name="${order.cinemaHallSession.movie.name}" data-movie-pic="${order.cinemaHallSession.movie.mainPic}" data-cinema-name="${order.cinemaHallSession.cinema.name}" data-cinema-hall-session="${order.cinemaHallSession.startTime}" data-cinema-hall-name="${order.cinemaHallSession.cinemaHall.name}" data-order-item-num="${order.num}" data-cinema-hall-type="${order.cinemaHallSession.cinemaSessionType.getName()}" data-movie-language="${order.cinemaHallSession.movie.language.getName()}" data-cinema-hall-session-old-price="${order.cinemaHallSession.oldPrice}" data-cinema-hall-session-new-price="${order.cinemaHallSession.newPrice}" data-money="${order.newMoney}" data-mobile="${order.account.mobile}"><span></span>
|
||
</label>
|
||
</td>
|
||
<td style="vertical-align:middle;">
|
||
${order.sn}
|
||
</td>
|
||
<td style="vertical-align:middle;">${order.account.mobile}</td>
|
||
<td style="vertical-align:middle;">
|
||
<#if order.status == 0>
|
||
<font class="text-danger">待支付</font>
|
||
<#elseif order.status == 1>
|
||
<font class="text-success">已支付</font>
|
||
<#else>
|
||
<font class="text-secondary">已取消</font>
|
||
</#if>
|
||
</td>
|
||
<td style="vertical-align:middle;">${order.num}</td>
|
||
<td style="vertical-align:middle;">
|
||
<font class="text-success">${order.newMoney}</font>
|
||
</td>
|
||
<td style="vertical-align:middle;" style="vertical-align:middle;"><font class="text-success">${order.createTime}</font></td>
|
||
</tr>
|
||
</#list>
|
||
<#else>
|
||
<tr align="center"><td colspan="7">这里空空如也！</td></tr>
|
||
</#if>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<#if pageBean.total gt 0>
|
||
<ul class="pagination ">
|
||
<#if pageBean.currentPage == 1>
|
||
<li class="disabled"><span>«</span></li>
|
||
<#else>
|
||
<li><a href="list?sn=${sn!""}¤tPage=1">«</a></li>
|
||
</#if>
|
||
<#list pageBean.currentShowPage as showPage>
|
||
<#if pageBean.currentPage == showPage>
|
||
<li class="active"><span>${showPage}</span></li>
|
||
<#else>
|
||
<li><a href="list?sn=${sn!""}¤tPage=${showPage}">${showPage}</a></li>
|
||
</#if>
|
||
</#list>
|
||
<#if pageBean.currentPage == pageBean.totalPage>
|
||
<li class="disabled"><span>»</span></li>
|
||
<#else>
|
||
<li><a href="list?sn=${sn!""}¤tPage=${pageBean.totalPage}">»</a></li>
|
||
</#if>
|
||
<li><span>共${pageBean.totalPage}页,${pageBean.total}条数据</span></li>
|
||
</ul>
|
||
</#if>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</main>
|
||
<!--End 页面主要内容-->
|
||
</div>
|
||
</div>
|
||
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="show-detail-modal">
|
||
<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">×</span></button>
|
||
<h4 class="modal-title" id="gridSystemModalLabel">查看订单详情</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-12" style="">
|
||
<p id="movie-title">电影标题</p>
|
||
<table class="table table-bordered">
|
||
<thead>
|
||
<tr>
|
||
<th rowspan="7"><img id="movie-img" src="/photo/view?filename=20201004/1601795846759.jpg" width="156" height="270"></th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="cinema-name">
|
||
影院：松江万达影城
|
||
</th>
|
||
<th style="border-bottom:0px;" id="cinema-hall-session">
|
||
场次：2020-11-18 11:30
|
||
</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="cinema-hall-name">
|
||
影厅：1号巨幕影厅
|
||
</th>
|
||
<th style="border-bottom:0px;" id="order-num">
|
||
数量：2
|
||
</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="cinema-hall-type">
|
||
版本：2D
|
||
</th>
|
||
<th style="border-bottom:0px;" id="movie-language">
|
||
语言：英语
|
||
</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="movie-old-price">
|
||
票价：80 元
|
||
</th>
|
||
<th style="border-bottom:0px;" id="order-old-money">
|
||
总价：160 元
|
||
</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="order-discount">
|
||
优惠：70 元
|
||
</th>
|
||
<th style="border-bottom:0px;" id="order-new-money">
|
||
实付：90.00 元
|
||
</th>
|
||
</tr>
|
||
<tr>
|
||
<th style="border-bottom:0px;" id="order-item-seat">
|
||
座位：2排3座 2排4座
|
||
</th>
|
||
<th style="border-bottom:0px;" id="order-mobile">
|
||
手机号：13918661215
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<#include "../common/footer.ftl"/>
|
||
<script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>
|
||
<script type="text/javascript" src="/admin/js/main.min.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){
|
||
|
||
});
|
||
|
||
//打开查看详情页面
|
||
function view(url){
|
||
var checked = $("input[type='checkbox']:checked");
|
||
if(checked.length != 1){
|
||
showWarningMsg('请选择一条数据进行查看！');
|
||
return;
|
||
}
|
||
ajaxRequest('view_detail','post',{orderId:checked.val()},function(rst){
|
||
var oldPrice = parseFloat(checked.attr('data-cinema-hall-session-old-price'));
|
||
var payMoney = parseFloat(checked.attr('data-money'));
|
||
var num = parseInt(checked.attr('data-order-item-num'));
|
||
var orderItems = rst.data;
|
||
var seat = '';
|
||
for(var i=0;i<orderItems.length;i++){
|
||
seat += orderItems[i].cinemaHallSeat.y + '排' + orderItems[i].cinemaHallSeat.x + '座 ';
|
||
}
|
||
$("#movie-title").text(checked.attr('data-movie-name'));
|
||
$("#movie-img").attr('src','/photo/view?filename='+checked.attr('data-movie-pic'));
|
||
$("#cinema-name").text('影院：'+checked.attr('data-cinema-name'));
|
||
$("#cinema-hall-session").text('场次：'+checked.attr('data-cinema-hall-session'));
|
||
$("#cinema-hall-name").text('影厅：'+checked.attr('data-cinema-hall-name'));
|
||
$("#order-num").text('数量：'+num);
|
||
$("#cinema-hall-type").text('版本：'+checked.attr('data-cinema-hall-type'));
|
||
$("#movie-language").text('语言：'+checked.attr('data-movie-language'));
|
||
$("#movie-old-price").text('票价：'+oldPrice);
|
||
$("#order-old-money").text('总价：'+(oldPrice * num));
|
||
$("#order-discount").text('优惠：'+(oldPrice * num - payMoney));
|
||
$("#order-new-money").text('实付：'+(payMoney));
|
||
$("#order-item-seat").text('座位：'+(seat));
|
||
$("#order-mobile").text('手机号：'+checked.attr('data-mobile'));
|
||
$("#show-detail-modal").modal('show');
|
||
});
|
||
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |