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.

145 lines
5.4 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>
<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;
}
.inline {
display: inline-block;
vertical-align: top;
}
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(['form', 'transfer', 'layer', 'util','element'], function () {
var form = layui.form
, $ = layui.$
, transfer = layui.transfer
, layer = layui.layer
, util = layui.util
, element = layui.element;
//加载面包屑:https://fly.layui.com/jie/26523/
element.init();
window.getOrgTeacherInfo = function (zhuanye_id,org_id) {
//获取教师数据
var data = [];
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/base/selectPersonsByOrgId?org_id="+org_id,
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 = [];
$.ajax({
type: "GET",
async: false,
dataType: "json",
url: "/baseService/base/selectAlreadyPersonsByOrgId?zhuanye_id="+zhuanye_id+"&org_id="+org_id,
success: function (d) {
for (var i = 0; i < d.data.length; i++) {
_exist_person_id_array.push(d.data[i]["person_id"]);
}
}
});
transfer.render({
elem: '#selectPersonDiv'
, data: data
, id: transferId //定义唯一索引
, title: ['待选择教师(全选)', '已选择教师(全选)']
, showSearch: true
//已有的旧数据
, value: _exist_person_id_array
});
//批量办法绑定事件
util.event('layui_transferactive', {
//获取右侧已选中数据
getData: function (othis) {
var getData = transfer.getData(transferId); //获取右侧数据
var data = {"data": JSON.stringify(getData),
"zhuanye_id": zhuanye_id,
"org_id": org_id
};
$.ajax({
type: "POST",
async: false,
data: data,
dataType: "json",
url: "/baseService/base/saveZhuanyeOrgTeacher",
success: function (d) {
layer.msg("保存成功", {icon: 1, time: 1000, shade: [0.5, '#000', true]}, function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.layui.table.reload('idTest', {
where: {}
});
});
}
});
}
});
}
$(function () {
var zhuanye_id = GetQueryString("zhuanye_id");
var org_id = GetQueryString("org_id");
getOrgTeacherInfo(zhuanye_id,org_id);
});
});
</script>
</body>
</html>