今天的后台

于 2018-06-25 08:41:23 发布
阅读量151 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42270942/article/details/80796786
版权
<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/base.css" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<script type="text/javascript" src="js/wow.min.js"></script>
<link rel="stylesheet" href="css/animate.css" />
<style>
.nav_hei{
width: 100%;
height: 80px;
}

.pull-right {
line-height: 50px;
}
.form-control{
display: inline-block;
}
td{
border: 1px solid #DDDDDD;
}
.nav li a{
color: black;
}
</style>
</head>


<body>
<nav class="nav navbar-nav bg-danger nav_hei">
<div style="margin: 13px 10px 0 40px;font-size: 18px;">
<a><img src="img/y.jpg" height="50px" width="50px" style="border-radius: 50%;" /><b>  管理员：终极大帅比</b></a>
<button class="btn btn-default"><span class="glyphicon glyphicon-apple"></span>   退出登录   </button>
<span class="clock"></span>
<div class="pull-right dropdown" style="margin-right: 30px;">
<a href="#"  data-toggle="dropdown">
<i class="glyphicon glyphicon-user"></i> 管理员
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">修改密码</a>
</li>
<li>
<a href="#">退出登录</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="col-md-2"  >
<div style="height: 900px;background: #ddd;">
<div class="panel panel-default" style="margin-bottom: 0;">
<div class="panel-heading">
<h4 class="panel-title">
<a href="#"></i>菜单列表</a>
</h4>
</div>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion"><i class="glyphicon glyphicon-user"></i>基本操作</a>
</h4>
</div>
<div class="panel-collapse collapse in" id="collapseOne";>
<nav class="nav">
<li>
<a href="video.html"><i class="glyphicon glyphicon-forward"></i>  电影类别管理</a>
</li>
<li>
<a href="home.html"><i class="glyphicon glyphicon-forward"></i>  电影信息管理</a>
</li>
<li>
<a href="hotel.html"><i class="glyphicon glyphicon-forward"></i>  放映大厅管理</a>
</li>
<li>
<a href="staff.html"><i class="glyphicon glyphicon-forward"></i>  员工信息管理</a>
</li>
<li>
<a href="dream.html"><i class="glyphicon glyphicon-forward"></i>  放映信息管理</a>
</li>
<li>
<a href="piao.html"><i class="glyphicon glyphicon-forward"></i>  售票信息管理</a>
</li>
<li>
<a href="show.html"><i class="glyphicon glyphicon-forward"></i>  收益管理</a>
</li>
<li>
<a href="income.html"><i class="glyphicon glyphicon-forward"></i>  总收入明细</a>
</li>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10 panel panel-default" style="margin-left: -15px;padding-top: 8px;">
<p><i class="glyphicon glyphicon-home"><b>    首页     </b></i>   / <b>    网站信息     </b></i>    /<b class="text-danger">   当前语言:<em class="text-muted">   中文</em></b></p>
</div>
<div class="col-md-10"style="margin-left: -15px;">
<div class="panel panel-default" style="border: 1px solid #DDDDDD;">
<div class="panel-heading panel-default clearfix">
<div class="panel-title "><i class="glyphicon glyphicon-menu-hamburger"></i><b>电影信息管理</b>
<div class="pull-right">
<button class="btn btn-success  "data-toggle = "modal" data-target = "#add_modal">
<i class="glyphicon glyphicon-plus"></i>增加
</button>
<button class="btn btn-primary  all_del" data-toggle="modal" data-target = "#del_modal">
<i class="glyphicon glyphicon-remove" ></i>全部删除
</button>
</div>
</div>
</div>

<div class="panel-body">
<table class="table text-center table-hover">
<tr>
<td> </td>
<td>编号</td>
<td>电影名称</td>
<td>出版地区</td>
<td>电影类型</td>
<td>电影描述</td>
<td>操作</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>1</td>
<td>速度与激情1</td>
<td>美国</td>
<td>动作片</td>
<td>跑快快</td>
<td>
   <button class="btn btn-danger change btn-xs" data-toggle = "modal" data-target = "#change_modal"><i class="glyphicon glyphicon-edit"></i>修改</button>
   <button class="btn btn-primary remove_this btn-xs"><i class="glyphicon glyphicon-remove"></i>删除</button>
   <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i>查看</button>
</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>2</td>
<td>速度与激情2</td>
<td>美国</td>
<td>动作片</td>
<td>跑快快</td>
<td>
   <button class="btn btn-danger change btn-xs" data-toggle = "modal" data-target = "#change_modal"><i class="glyphicon glyphicon-edit"></i>修改</button>
   <button class="btn btn-primary remove_this btn-xs"><i class="glyphicon glyphicon-remove"></i>删除</button>
   <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i>查看</button>
</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>3</td>
<td>速度与激情3</td>
<td>美国</td>
<td>动作片</td>
<td>跑快快</td>
<td>
<button class="btn btn-danger change btn-xs" data-toggle = "modal" data-target = "#change_modal"><i class="glyphicon glyphicon-edit"></i>修改</button>
   <button class="btn btn-primary remove_this btn-xs"><i class="glyphicon glyphicon-remove"></i>删除</button>
   <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i>查看</button>
</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>4</td>
<td>速度与激情4</td>
<td>美国</td>
<td>动作片</td>
<td>跑快快</td>
<td>

   <button class="btn btn-danger change btn-xs" data-toggle = "modal" data-target = "#change_modal"><i class="glyphicon glyphicon-edit"></i>修改</button>
   <button class="btn btn-primary remove_this btn-xs"><i class="glyphicon glyphicon-remove"></i>删除</button>
   <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i>查看</button>
</td>
</tr>
</table>
</div>
<div class="panel-footer clearfix">
<div class="pull-left">
<ul class="pagination">
<li>
<a>&laquo;</a>
</li>
<li class="active">
<a>1</a>
</li>
<li>
<a>2</a>
</li>
<li>
<a>3</a>
</li>
<li>
<a>4</a>
</li>
<li>
<a>5</a>
</li>
<li>
<a>&raquo;</a>
</li>
</ul>
</div>
<div class="panel-default pull-right">
<form class="form-group">
<input type="text" class="form-control" style="width: 200px;"/ >
<button class="btn btn-success">搜索</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="del_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
请确认
</div>
<div class="modal-body">
确定删除吗？

</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss = "modal">取消</button>
<button class="btn btn-primary confire" data-dismiss = "modal">确定</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="change_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="text-primary">
修改信息
</h4>
</div>

<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<div class="col-md-2">
<label class="control-label">编号</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入编号" />
</div>
<div class="clearfix">

</div>

</div>

<div class="form-group">
<div class="col-md-2">
<label class="control-label">电影名称</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入电影名称" />
</div>
<div class="clearfix">

</div>

</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">出版地区</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入出版地区" />
</div>
<div class="clearfix">

</div>

</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">电影类型</label>
</div>
<div class="col-md-10">
<select class="form-control">
<option value="动作片">动作片</option>
<option value="探险片">探险片</option>
<option value="恐怖片">恐怖片</option>
<option value="科幻片">科幻片</option>
<option value="爱情片">爱情片</option>
</select>
</div>
<div class="clearfix">

</div>

</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">编号</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入编号" />
</div>
<div class="clearfix">

</div>

</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary change_ok" data-dismiss = "modal">确定</button>
<button class="btn btn-danger" data-dismiss = "modal">取消</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="add_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<strong>请输入</strong>
<button class="close" data-dismiss = "modal">&times;</button>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<div class="col-md-2">
<label class="control-label">编号</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入编号" />
</div>
<div class="clearfix">
</div>
</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">电影名称</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入电影名称" />
</div>
<div class="clearfix">

</div>
</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">出版地区</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入出版地区" />
</div>
<div class="clearfix">

</div>
</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">电影类型</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入电影类型" />
</div>
<div class="clearfix">

</div>
</div>
<div class="form-group">
<div class="col-md-2">
<label class="control-label">电影描述</label>
</div>
<div class="col-md-10">
<input class="form-control" placeholder="请输入电影描述" />
</div>
<div class="clearfix">

</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss = "modal">取消</button>
<button class="btn btn-primary add_btn" data-dismiss = "modal">确定</button>
</div>
</div>
</div>
</div>
<script>
function showTime() {
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth() + 1 
var data = date.getDate() 
var hours = date.getHours()
var min = date.getMinutes()
var seconds = date.getSeconds()
var day = date.getDay()
var arrTime = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
var time =    year + "-" + fn(month) + "-" + data + " " + hours + ":" + fn(min) + ":" + fn(seconds) + " " + arrTime[day]
$(".clock").text(time)
}
showTime()


setInterval(function() {
showTime()
}, 1000)


function fn(str) {
if(str > 9) {
return str = str
} else {
return str = "0" + str
}
}
$(document).on("click","input[type=checkbox]",function(){
if($(this).prop("checked")){
$(this).parents("tr").addClass("success")


}else{
$(this).parents("tr").removeClass("success")
}
})
$(".all_del").click(function(){
if($("table tr").hasClass("success")){
$("#my").modal()
}else{
$("#my").modal("hide")
}
})
$(".confire").click(function(){
$("table tr").each(function(){
if($(this).hasClass("success")){
$(this).remove()
}
})
})
$(".remove_this").click(function(){
$(this).parents("tr").remove()
})

var userList = []
var _this = null
$(document).on("click",".change",function(){
_this = $(this).parents("tr")
userList = []
$(this).parent().siblings("td:not(:first):not(:eq(3))").each(function(){
userList.push($.trim($(this).text()))
})
var oTr = $.trim($(this).parent().siblings().eq(4).text())
$("#change_modal").find("select").find("option[value="+oTr+"]").prop("selected",true)

$("#change_modal").find("input").each(function(i){
$(this).val(userList[i])
})
})
var changeList = []
$(".change_ok").click(function(){
changeList = []
$(this).parents(".modal-content").find("input").each(function(){
changeList.push($(this).val())
})
var oVal = $("#change_modal").find("select").val()
_this.find("td:eq(4)").text(oVal)
_this.find("td:not(:first):not(:eq(3))").each(function(i){
$(this).text(changeList[i])
})
})




var addList = []
$(document).on("click",".add_btn",function(){
addList = []
$("#add_modal").find("input").each(function(){
addList.push($(this).val())
})
console.log(addList)
var str = '<tr><td><input type="checkbox"></td><td>'+addList[0]+'</td><td>'+addList[1]+'</td><td>'+addList[2]+'</td><td>'+addList[3]+'</td><td>'+addList[4]+'</td><td>  <button class="btn btn-danger change btn-xs" data-toggle = "modal" data-target = "#change_modal"><i class="glyphicon glyphicon-edit"></i>修改</button>     <button class="btn btn-primary remove_this btn-xs"><i class="glyphicon glyphicon-remove"></i>删除</button>     <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i>查看</button></td></tr>'
$("table").append(str)

})
</script>
</body>


</html>
Masa迟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值