69 lines
2.9 KiB
HTML
69 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<base th:href="${#request.getContextPath() + '/'}">
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
|
|
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
|
|
<style>
|
|
*{padding:0;margin:0;}
|
|
.container{position: absolute;top:1000%;left:50%;transform: translate(-50%,-50%);}
|
|
.title{text-align: center;font-size: 28px;color: #000;margin-bottom: 20px;}
|
|
.search{overflow: hidden;white-space: nowrap;text-align: center;min-width:800px;}
|
|
.search input{width: 700px;height: 40px;padding: 0 10px;box-sizing: border-box;border: 1px solid #DDD;vertical-align: top;outline: none;font-size: 16px;float: left;}
|
|
.search button{border: none;outline: none;cursor: pointer;width: 90px;height: 40px;color: #fff;font-size: 16px;background: #4e6ef2;vertical-align: top;float: left;}
|
|
.tip{text-align: center;font-size: 14px;margin-top: 20px;color: #CCC;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="LAY-app" class="layui-fluid">
|
|
<div class="container">
|
|
<div class="title">标题</div>
|
|
<div class="search">
|
|
<input type="text" id="kw"/>
|
|
<button @click="searchData">搜索</button>
|
|
</div>
|
|
<div class="tip">请输入班级编号/考生身份证号码查询</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="assets/js/vue.min.js"></script>
|
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
|
<script src="assets/js/vendor/safety/jutils.min.js"></script>
|
|
<script src="assets/js/vendor/safety/echarts.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'animate-numbers', 'table'], function() {
|
|
var $ = layui.$;
|
|
var table = layui.table;
|
|
new Vue({
|
|
el: '#LAY-app',
|
|
data: {},
|
|
methods: {
|
|
searchData: function() {
|
|
var keywords = $('#kw').val();
|
|
top.dialog.open({
|
|
url: top.restAjax.path('route/insertscore/search-score.html?keywords={keywords}', [keywords]),
|
|
title: "查看考生信息",
|
|
width: '80%',
|
|
height: '80%',
|
|
onClose: function() {
|
|
|
|
}
|
|
});
|
|
}
|
|
},
|
|
mounted: function() {
|
|
|
|
}
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |