|
|
<!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": "kaohao"},
|
|
|
{"column_name": "姓名", "column_code": "student_name"},
|
|
|
{"column_name": "性别", "column_code": "xb"},
|
|
|
{"column_name": "考生类型", "column_code": "person_type_name"},
|
|
|
{"column_name": "总 分", "column_code": "score"},
|
|
|
{"column_name": "第一志愿", "column_code": "zhuanye_jihua_code_I_name"},
|
|
|
{"column_name": "第二志愿", "column_code": "zhuanye_jihua_code_II_name"},
|
|
|
{"column_name": "第三志愿", "column_code": "zhuanye_jihua_code_III_name"},
|
|
|
{"column_name": "第四志愿", "column_code": "zhuanye_jihua_code_IV_name"},
|
|
|
{"column_name": "第五志愿", "column_code": "zhuanye_jihua_code_V_name"},
|
|
|
{"column_name": "第六志愿", "column_code": "zhuanye_jihua_code_VI_name"},
|
|
|
{"column_name": "服从调剂", "column_code": "fucongtiaoji"},
|
|
|
{"column_name": "专业名称", "column_code": "zhuanye_name"}
|
|
|
]
|
|
|
};
|
|
|
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("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("showColumns","id,"+cols);
|
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
|
parent.layer.close(index);
|
|
|
parent.location.reload();
|
|
|
});
|
|
|
});
|
|
|
})
|
|
|
</script>
|
|
|
</form>
|
|
|
</body>
|
|
|
</html> |
