main
kgdxpr 2 years ago
parent 51433d83c4
commit 109eade1b1

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<table id="task-table" lay-filter="task-table"></table>
</div>
</div>
<script type="text/html" id="tableOperate">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="view" title="查看报名情况"><i class="icon pear-icon pear-icon-browse"></i>
</button>
</script>
<script type="text/html" id="taskFill">
{{# if(d.fill_count === 0){ }}
<span>{{ d.fill_count }}</span>
{{# } else { }}
<span style="cursor:pointer;" lay-event="taskFillInfo">{{ d.fill_count }}</span>
{{# } }}
</script>
<script src="../component/layui/layui.js"></script>
<script src="../component/pear/pear.js"></script>
<script>
layui.use(['table', 'form', 'jquery', 'common'], function () {
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let common = layui.common;
let cols = [
[
{ field: '', title: '序号', align: 'center', type: 'numbers', width: "5%" }
, { field: 'xm', title: '姓名', align: 'center', width: "10%" }
, { field: 'xb', title: '性别', align: 'center', width: "10%" }
, { field: 'zkz', title: '准考证号', align: 'center', width: "15%" }
, { field: 'zzfs', title: '中招分数', align: 'center', width: "10%" }
, { field: '', title: '操作', toolbar: '#tableOperate', align: 'center', width: "10%" }
]
]
tableRender()
function tableRender() {
table.render({
elem: '#task-table',
url: '/FengHuang/yp/listView',
height: 'full-70',
page: {
limit: 20
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: cols,
skin: 'line',
defaultToolbar: []
});
}
table.on('tool(task-table)', function (data) {
if (data.event === 'view') {
infoView(data.data.zkz);
}
});
// 查看信息
window.infoView = function (zkz) {
console.log(zkz);
layer.open({
type: 2,
title: '查看信息',
shade: 0.1,
shade: false,
maxmin: false,
move: false,
area: ['900px', '600px'],
content: './infoView.html?zkz=' + zkz
});
}
// 弹出窗口用
window.parentTableRender = function () {
refresh();
}
window.refresh = function (param) {
table.reload('task-table');
}
function getPublishText(data) {
if (data.is_run === 0) {
return "<span style='color:red;'>已停止</span>";
} else {
return "<span style='color:green;'>已启动</span>";
}
}
})
</script>
</body>
</html>

@ -0,0 +1,194 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="./layui/css/layui.css" rel="stylesheet">
</head>
<style>
.td {
/* background-color: #ecf0f1; */
font-weight: 850;
}
</style>
<body>
<div class="layui-card-body">
<table class="layui-table">
<colgroup>
<col width="160">
<col width="150">
<col width="150">
<col width="150">
<col width="150">
<col width="150">
<col width="150">
</colgroup>
<tbody>
<tr>
<td class="td">姓名</td>
<td><span id="xm">11</span></td>
<td class="td">性别</td>
<td><span id="xb">11</span></td>
<td class="td">民族</td>
<td><span id="mz">11</span></td>
<td rowspan="4" ><img src="" ></td>
</tr>
<tr>
<td class="td">毕业学校</td>
<td><span id="byxx">11</span></td>
<td class="td">毕业班级</td>
<td><span id="bybj">11</span></td>
<td class="td">身高</td>
<td><span id="sg">11</span></td>
</tr>
<tr>
<td class="td">准考证号</td>
<td colspan="3"><span id="zkz">11</span></td>
<td class="td">中招分数</td>
<td><span id="zzfs">11</span></td>
</tr>
<tr>
<td class="td">户籍所在地</td>
<td colspan="5"><span id="hjszd">11</span></td>
</tr>
<tr>
<td class="td">家庭现住址</td>
<td colspan="4"><span id="jtzz">11</span></td>
<td class="td">血型</td>
<td><span id="xx">11</span></td>
</tr>
<tr>
<td class="td">父亲姓名</td>
<td><span id="bb_name">11</span></td>
<td class="td">工作单位</td>
<td colspan="2"><span id="bb_bureau">11</span></td>
<td class="td">电话</td>
<td><span id="bb_tel">11</span></td>
</tr>
<tr>
<td class="td">母亲姓名</td>
<td><span id="mm_name">11</span></td>
<td class="td">工作单位</td>
<td colspan="2"><span id="mm_bureau">11</span></td>
<td class="td">电话</td>
<td><span id="mm_tel">11</span></td>
</tr>
<tr>
<td class="td" colspan="2">服装号码如“175”</td>
<td colspan="2"><span id="fzhm">11</span></td>
<td class="td" colspan="2">初三是否班委</td>
<td><span id="bw">11</span></td>
</tr>
<tr>
<td class="td" colspan="2">家庭是否享受低保</td>
<td><span id="db">11</span></td>
<td class="td" colspan="3">是否因身体原因需特殊照顾</td>
<td><span id="zg">11</span></td>
</tr>
<tr>
<td class="td" colspan="2">希望加入(创办)社团(如演讲、播音、主持)</td>
<td><span id="st">11</span></td>
<td class="td" colspan="3">是否希望加入志愿者组织</td>
<td><span id="zyz">11</span></td>
</tr>
<tr>
<td class="td" colspan="2">是否愿意参加暑期夏令营</td>
<td><span id="xly">11</span></td>
<td class="td" colspan="3">是否愿意参加暑期省内外游学交流活动</td>
<td><span id="jlhd">11</span></td>
</tr>
<tr>
<td class="td" colspan="2">有何特长</td>
<td><span id="tc">11</span></td>
<td class="td" colspan="3">家长是否愿意参加家长委员会</td>
<td><span id="jwh">11</span></td>
</tr>
</tbody>
</table>
</div>
<script src="./layui/layui.js"></script>
<script>
layui.use(['form', 'jquery'], function () {
var form = layui.form;
var $ = layui.jquery;
var zkz = GetQueryString("zkz");
//获取学生信息
$.ajax({
type: "GET",
dataType: "json",
url: "/FengHuang/yp/getRecord?zkz=" + zkz,
success: function (res) {
if (res.success) {
$("#xm").html(res.record["xm"]);
$("#zkz").html(res.record["zkz"]);
$("#mz").html(res.record["mz"]);
$("#byxx").html(res.record["byxx"]);
$("#bybj").html(res.record["bybj"]);
$("#sg").html(res.record["sg"]);
$("#zzfs").html(res.record["zzfs"]);
$("#hjszd").html(res.record["hjszd"]);
$("#jtzz").html(res.record["jtzz"]);
$("#bb_name").html(res.record["bb_name"]);
$("#bb_bureau").html(res.record["bb_bureau"]);
$("#bb_tel").html(res.record["bb_tel"]);
$("#mm_name").html(res.record["mm_name"]);
$("#mm_bureau").html(res.record["mm_bureau"]);
$("#mm_tel").html(res.record["mm_tel"]);
$("#fzhm").html(res.record["fzhm"]);
$("#tc").html(res.record["tc"]);
$("#st").html(res.record["st"]);
$("#xx").html(res.record["xx"]);
$("#xb").html(res.record["xb"]);
$("#db").html(res.record["db"]);
$("#bw").html(res.record["bw"]);
$("#zg").html(res.record["zg"]);
$("#zyz").html(res.record["zyz"]);
$("#xly").html(res.record["xly"]);
$("#jlhd").html(res.record["jlhd"]);
$("#jwh").html(res.record["jwh"]);
$('img').attr('src', "/FengHuang" + res.record["pic"]);
// if (res.record["pic"] != "") {
// layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', "/FengHuang" + res.record["pic"]);
// }
// uuid = res.record["uuid"];
form.render();
} else {
layer.msg(res.message, {
icon: 2,
time: 3000
});
}
}
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
</body>
</html>

@ -1,96 +1,21 @@
<!DOCTYPE html> <table>
<html> <tr>
<th>标题1</th>
<head> <th>标题2</th>
<meta charset="utf-8"> <th>标题3</th>
<meta name="viewport" content="width=device-width, initial-scale=1"> </tr>
<title>高一新生信息</title> <tr>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> <td>单元格1</td>
<link href="./layui/css/layui.css" rel="stylesheet"> <td rowspan="2">合并的单元格</td>
</head> <td>单元格3</td>
</tr>
<body> <tr>
<style> <td>单元格4</td>
.demo-login-container { <td>单元格5</td>
width: 320px; </tr>
position: absolute; <tr>
top: 50%; <td>单元格6</td>
left: 50%; <td>单元格7</td>
border-radius: 12px; <td>单元格8</td>
transform: translate(-50%, -50%); </tr>
-webkit-transform: translate(-50%, -50%); </table>
-moz-transform: translate(-50%, -50%);
}
.demo-login-other .layui-icon {
position: relative;
display: inline-block;
margin: 0 2px;
top: 2px;
font-size: 26px;
}
</style>
<form class="layui-form">
<div class="demo-login-container">
<div class="layui-form-item" style="margin-bottom: 50px;">
郑州市第一〇三高级中学
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-vercode"></i>
</div>
<input type="text" name="zkz" lay-verify="required" placeholder="准考证号(非省准考证号)" autocomplete="off"
class="layui-input" lay-affix="clear">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-username"></i>
</div>
<input type="text" name="xm" lay-verify="required" placeholder="姓 名" lay-reqtext="请填姓名" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">进 入</button>
</div>
</div>
</form>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="./layui/layui.js"></script>
<script src="../component/pear/pear.js"></script>
<script>
layui.use(['form', 'button', 'popup'], function () {
var $ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
// 提交事件
form.on('submit(demo-login)', function (data) {
$.ajax({
type: "POST",
url: "/FengHuang/yp/login",
data: data.field,
success: function (res) {
if (res.success) {
window.location = "./info.html";
} else {
layer.msg(res.message, {
icon: 2,
time: 3000
});
}
}
});
return false; // 阻止默认 form 跳转
});
});
</script>
</body>
</html>
Loading…
Cancel
Save