You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

211 lines
8.6 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>预毕业生设置显示列</title>
<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="../../static/css/font.css">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<link rel="stylesheet" href="../../lib/ztree/zTreeStyle.css">
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
select {
width: 180px;
height: 38px;
line-height: 38px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 15px;
padding-left: 6px;
color: #666;
}
.inline {
display: inline-block;
vertical-align: top;
}
.disabled {
pointer-events: none;
border: 1px solid #e6e6e6;
background: #FBFBFB;
color: #C9C9C9;
cursor: not-allowed;
opacity: 1;
}
.searchTxt {
width: 194px;
border: 1px solid #dedede;
border-radius: 3px;
height: 37px;
padding-left: 13px;
vertical-align: top;
}
.search {
border: none;
margin-left: 12px;
}
.iconDel {
position: absolute;
right: 92px;
top: 10px;
display: none;
}
.aaa {
background-color: #FBFBFB;
border: 1px solid #e6e6e6;
color: #C9C9C9;
cursor: not-allowed;
opacity: 1;
}
</style>
</head>
<body>
<form class="layui-form">
<div class="layui-form-item" >
<div class="layui-input-block" id="view" style="margin:25px 18px 15px;font-size: 18px">
</div>
<!--使用栅格进行定位-->
<script type="text/html" id="test1">
{{# layui.each(d.data, function(index,item){ }}
<div class="layui-col-xs3">
<input type="checkbox" name="visible_columns" lay-skin="primary" title={{item.column_name}}
value={{item.column_code}} lay-filter="oneChoose" class="checkboxOne">
</div>
{{# }); }}
</script>
</div>
<div class="layui-form-item" align="center">
<buttin class="layui-btn" id="save">保存</buttin>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/template.js"></script>
<script src="../../lib/base64.js"></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
layui.use(['form', 'jquery', 'admin', 'table', 'laytpl'], function () {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
laytpl = layui.laytpl;
var data = {
"data": [
{"column_name": "专业", "column_code": "zymc"},
{"column_name": "教学计划代码", "column_code": "rule_code"},
{"column_name": "班号", "column_code": "bh"},
{"column_name": "班级", "column_code": "class_name"},
{"column_name": "学号", "column_code": "xh"},
{"column_name": "姓名", "column_code": "xm"},
{"column_name": "性别", "column_code": "xb"},
{"column_name": "出生日期", "column_code": "csrq"},
{"column_name": "身份证号", "column_code": "sfzh"},
{"column_name": "寝务审核", "column_code": "qinwu_flag"},
{"column_name": "财务审核", "column_code": "caiwu_flag"},
{"column_name": "图书馆审核", "column_code": "tushuguan_flag"},
{"column_name": "成绩审核", "column_code": "teaCheck_flag"},
{"column_name": "照片上传", "column_code": "imgExist"},
{"column_name": "政治面貌", "column_code": "zzmm"},
{"column_name": "民族", "column_code": "mz"},
{"column_name": "学籍状态", "column_code": "status_name_xueji"},
{"column_name": "异动状态", "column_code": "status_allow_flag"},
{"column_name": "录取批次", "column_code": "batch_id"},
{"column_name": "学生类别", "column_code": "person_type_name"},
{"column_name": "考生号", "column_code": "ksh"},
{"column_name": "准考证号", "column_code": "zkzh"},
{"column_name": "入学总分", "column_code": "score"},
{"column_name": "层次", "column_code": "cc"},
{"column_name": "学习形式", "column_code": "xxxs"},
{"column_name": "学制", "column_code": "xz"},
{"column_name": "分院", "column_code": "fy"},
{"column_name": "系所函", "column_code": "xsh"},
{"column_name": "毕业学校", "column_code": "byxx"},
{"column_name": "通讯地址", "column_code": "txdz"},
{"column_name": "户口性质", "column_code": "hkxz"},
{"column_name": "居住地类型", "column_code": "jzdlx"},
{"column_name": "地区代码", "column_code": "dqdm"},
{"column_name": "邮政编码", "column_code": "yzbm"},
{"column_name": "联系电话", "column_code": "lxdh"},
//{"column_name": "入学年月", "column_code": "rxny"},
//{"column_name": "学生来源", "column_code": "xsly"},
{"column_name": "报到状态", "column_code": "is_check_in"},
{"column_name": "报到时间", "column_code": "check_in_time"}
]
};
var getTpl = document.getElementById('test1').innerHTML;
var view = document.getElementById('view');
laytpl(getTpl).render(data, function (html) {
view.innerHTML = html;
form.render();
});
//绑定数据
var cookieData=getCookie("pregraduation_5graduate_showColumns");
if(cookieData!=null)
{
var colsArray=cookieData.split(",");
$(".checkboxOne").each(function () {
for (var i = 0; i < colsArray.length; i++) {
if ($(this).val() === colsArray[i]) {
$(this).prop("checked", true);
break;
}
}
});
}
form.render('checkbox');
$(document).on('click', '#save', function (data) {
layer.msg("保存成功", {icon: 1, time: 1000, shade: [0.5, '#000', true]}, function () {
var cols="";
$("input[name='visible_columns']:checked").each(function (index, item) {
if ($("input[name='visible_columns']:checked").length - 1 == index) {
cols += $(this).val();
} else {
cols += $(this).val() + ",";
}
});
//写入 cookie
setCookie("pregraduation_5graduate_showColumns","id,"+cols);
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.location.reload();
});
});
})
</script>
</form>
</body>
</html>