|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>人员选择器</title>
|
|
|
<meta http-equiv="Content-Type" content="text/html; 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="../../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../../static/css/weadmin.css">
|
|
|
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
|
|
<script src="../../lib/jquery-1.12.4.min.js"></script>
|
|
|
<script src="../../lib/ztree/jquery.ztree.core-3.5.min.js"></script>
|
|
|
<!-- 让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;
|
|
|
}
|
|
|
|
|
|
ul.log li {
|
|
|
color: #666666;
|
|
|
list-style: none;
|
|
|
padding-left: 10px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="weadmin-body">
|
|
|
<div class="layui-form" align="center">
|
|
|
<div id="selectPersonDiv" class="demo-transfer"></div>
|
|
|
</div>
|
|
|
<div class="layui-form" align="center" style="padding:18px 0">
|
|
|
<button type="button" class="layui-btn" layui_transferactive="getData" >保存</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
<script src="../../lib/template.js"></script>
|
|
|
<script src="../../lib/base64.js"></script>
|
|
|
<!--加载日常开发中常用的函数库-->
|
|
|
<script src="../../lib/layuiExtend.js"></script>
|
|
|
<script>
|
|
|
layui.use(['transfer', 'layer', 'util'], function () {
|
|
|
var $ = layui.$
|
|
|
, transfer = layui.transfer
|
|
|
, layer = layui.layer
|
|
|
, util = layui.util;
|
|
|
//获取教师数据
|
|
|
var data = [];
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
dataType: "json",
|
|
|
url: "/baseService/base/selectPersonsByBureauId",
|
|
|
success: function (d) {
|
|
|
for (var i = 0; i < d.data.length; i++) {
|
|
|
data.push({"value": d.data[i]["person_id"], "title": d.data[i]["person_name"]})
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
//实例化
|
|
|
var transferId = "transferIndex";
|
|
|
// 获取原来的已存在数据
|
|
|
var _exist_person_id_array = storage.getItem(exist_person_id_array);
|
|
|
if (_exist_person_id_array == null) {
|
|
|
_exist_person_id_array = []
|
|
|
}
|
|
|
transfer.render({
|
|
|
elem: '#selectPersonDiv'
|
|
|
, data: data
|
|
|
, id: transferId //定义唯一索引
|
|
|
, title: ['待选择教师(全选)', '已选择教师(全选)']
|
|
|
, showSearch: true
|
|
|
//已有的旧数据
|
|
|
, value: JSON.parse(_exist_person_id_array)
|
|
|
});
|
|
|
|
|
|
//批量办法绑定事件
|
|
|
util.event('layui_transferactive', {
|
|
|
//获取右侧已选中数据
|
|
|
getData: function (othis) {
|
|
|
var getData = transfer.getData(transferId); //获取右侧数据
|
|
|
//序列化保存
|
|
|
storage.setItem(select_person_id_array, JSON.stringify(getData));
|
|
|
//回调调用页面的函数
|
|
|
parent.saveSelectTeachers();
|
|
|
//关闭本页
|
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
|
parent.layer.close(index);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
