Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dbj branch #11

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
122 changes: 122 additions & 0 deletions 15-1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>查询学生出校返校时间</title>

<link rel="stylesheet" href="pages/lib/bootstrap.css">
<script src="pages/lib/vue.js"></script>
<script src="pages/lib/jquery.js"></script>
<script src="pages/lib/bootstrap.js"></script>

<!--CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
bootstrap.js依赖于jquery.js,因此先引入
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-->
<style>
body {
padding-top: 0px;
}

.starter {
padding: 40px 15px;
text-align: center;
}


</style>
</head>
<body>

<!--页面顶部的导航栏-->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">查询学生出校返校时间</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<iframe name=submitwin style='display:none'></iframe>
<form class="navbar-form navbar-left" id="query_time" name="query_time" method="post" target=submitwin>
<span>学生ID:</span>
<div class="form-group">
<input id="student_ID" type="text" class="form-control" placeholder="输入查询学生ID">
</div>
<button type="submit" class="btn btn-default">查询</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="15-1.html">清空</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">其他 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<!--页面底部的导航栏-->
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">
学生健康信息数据库/疫情打卡系统
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<!--<li class="active"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>-->
<li><a href="#">Copyright@2020</a></li>
</ul>
</div>
</div>
</nav>

<!--Vue.js接管的部分-->
<div class="container" id="app">
<table class="table table-hover ">
<caption>学生出校返校时间</caption>
<thead>
<tr>
<th>学生ID</th>
<th>第i次</th>
<th>出校时间</th>
<th>返校时间</th>
</tr>
</thead>
<tbody>
<tr>
<td id="student_id"></td>
<td id="no"></td>
<td id="out_time"></td>
<td id="in_time"></td>
</tr>

</tbody>
</table>
</div>


</body>
</html>
134 changes: 134 additions & 0 deletions 15-2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>查询特定时间段校门流量</title>

<link rel="stylesheet" href="pages/lib/bootstrap.css">
<script src="pages/lib/vue.js"></script>
<script src="pages/lib/jquery.js"></script>
<script src="pages/lib/bootstrap.js"></script>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!--CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
bootstrap.js依赖于jquery.js,因此先引入
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-->
<style>
body {
padding-top: 0px;
}

.starter {
padding: 40px 15px;
text-align: center;
}


</style>
</head>
<body>

<!--页面顶部的导航栏-->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">查询特定时间段校门流量</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<iframe name=submitwin style='display:none'></iframe>
<form class="navbar-form navbar-left" id="query_time" name="query_time" target=submitwin method="post">
<div class="form-group">
<label>起始日期</label>
<input id="start_time" type="date" class="form-control"/>
</div>
<div class="form-group">
<label>截止日期</label>
<input id="stop_time" type="date" class="form-control"/>
</div>
<button type="submit" class="btn btn-default" onclick="showFunction()">查询</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="15-2.html">清空</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">其他 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<!--页面底部的导航栏-->
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">
学生健康信息数据库/疫情打卡系统
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<!--<li class="active"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>-->
<li><a href="#">Copyright@2020</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<table class="table table-hover ">
<caption>该时间段校门人流量</caption>
<thead>
<tr>
<th>起始日期</th>
<th>截止日期</th>
<th>进门人数</th>
<th>出门人数</th>
<th>总人数</th>
</tr>
</thead>
<tbody id="time">
<tr>
<td id="time1"></td>
<td id="time2"></td>
<td id="in_num"></td>
<td id="out_num"></td>
<td id="sum"></td>
</tr>
</tbody>
</table>
</div>
<script>
function showFunction(){
var x=document.getElementById("start_time").value;
var y=document.getElementById("stop_time").value;
int a=document.getElementById("in_num").value;
int b=document.getElementById("out_num").value;
document.getElementById("time1").innerHTML=x;
document.getElementById("time2").innerHTML=y;
document.getElementById("sum").innerHTML=a+b;
}
</script>
</body>
</html>
137 changes: 137 additions & 0 deletions 19.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>分配返校批次</title>

<link rel="stylesheet" href="pages/lib/bootstrap.css">
<script src="pages/lib/vue.js"></script>
<script src="pages/lib/jquery.js"></script>
<script src="pages/lib/bootstrap.js"></script>
<script src="pages/lib/axios.js"></script>

<!--CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
bootstrap.js依赖于jquery.js,因此先引入
<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-->
<style>
body {
padding-top: 0px;
}

.starter {
padding: 40px 15px;
text-align: center;
}


</style>
</head>
<body>

<!--页面顶部的导航栏-->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">该批次返校学生</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<iframe name=submitwin style='display:none'></iframe>
<form class="navbar-form navbar-left" id="query_time" name="query_time" target=submitwin method="post">
<label>返校日期</label>
<input id="return_time" type="date" class="form-control" @keyup.enter="submit" v-model="date"/>
<button type="submit" class="btn btn-default" @click="submit">查询</button>
<span>限2020/9/8至2020/9/13</span>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="19.html">清空</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">其他 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<!--页面底部的导航栏-->
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">
学生健康信息数据库/疫情打卡系统
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<!--<li class="active"><a href="#">首页</a></li>
<li><a href="#">登录</a></li>-->
<li><a href="#">Copyright@2020</a></li>
</ul>
</div>
</div>
</nav>
<div class="container" id="app">
<span style="font-size:10px">*返校条件:该学生处于安全的省市;该学生当前健康状态健康;该学生一周内没有发生跨省活动记录</span>
<table class="table table-hover ">
<caption>该日期返校学生</caption>
<thead>
<tr>
<th>student_ID</th>
<th>student_name</th>
<th>batch_num</th>
<th>date</th>
</tr>
</thead>
<tbody>
<tr v-for="(x,index) in tablecontent">
<th scope="row">{{index}}</th>
<td v-for="y in x">{{y}}</td>
</tr>
</tbody>
</table>
</div>
<!--Vue.js代码-->
<script>
var abc = new Vue({
el: "#app",
data: {
tablename: "",
tablecontent: []
},
methods: {
submit: function () {
var url = "http://49.234.96.221:82/api/19";
let that = this;
axios.get(url).then(function (response) {
that.tablecontent = response.data.tableinformation;
}, function (err) {
console.log(err);
})
}
}
})
</script>
</body>
</html>
Loading