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.

458 lines
15 KiB

3 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta 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">
<script src="../../lib/jquery-3.6.0.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: 160px;
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;
}
.layui-table-body {
/*max-height: 400px;*/
overflow-y: auto;
}
ul.ztree {
margin-top: 10px;
border: 1px solid #617775;
background: #f0f6e4;
width: 220px;
height: 360px;
overflow-y: scroll;
overflow-x: auto;
}
ul.log {
border: 1px solid #617775;
background: #f0f6e4;
width: 300px;
height: 170px;
overflow: hidden;
}
ul.log.small {
height: 45px;
}
ul.log li {
color: #666666;
list-style: none;
padding-left: 10px;
}
ul.log li.dark {
background-color: #E3E3E3;
}
.layui-table, .layui-table-view {
margin-top: 5px;
}
#searchTxt {
width: 140px;
border: 1px solid #dedede;
border-radius: 3px;
height: 36px;
margin-left: 20px;
padding-left: 13px;
}
#search {
background-color: #009688;
color: #fff;
border: none;
position: absolute;
right: -68px;
}
#iconDel {
position: absolute;
right: 24px;
top:10px;
display: none;
}
</style>
</head>
<body>
<div class="weadmin-body">
<form class="layui-form" id="applyForm" style="display: none">
<div style="height:43px">
<div class="layui-form-item inline">
<label class="layui-form-label" style="padding-left:0;padding-right:0;text-align:left;width:51px">
地区
</label>
<div class="layui-input-inline">
<input id="area" onclick="showMenu();" type="text" readonly value="" style="width:160px;border-radius:4px"
class="layui-input"/>
</div>
<div id="menuContent" class="menuContent" style="display:none; position: absolute;z-index:999;">
<ul id="treeDemo" class="ztree" style="margin-top:0; width:152px;border-color:#ccc"></ul>
</div>
<span id="orgType">
<label class="layui-form-label" style="padding-left:0;padding-right:0;text-align:left">
单位类型
</label>
<div class="layui-input-inline" id="select_type" style="width: 160px">
<select name="service_type" id="service_type" lay-filter="service_type">
<option value="0">全部</option>
<option value="1">学校</option>
<option value="2">单位</option>
</select>
</div>
</span>
<div class="layui-input-inline" style="position: absolute;right: 78px;">
<input type="text" value="" id="searchTxt" placeholder="请输入单位名称"><i class="layui-icon" id="iconDel">×</i>
<buttin class="layui-btn layui-btn-primary" id="search">搜索</buttin>
</div>
</div>
</div>
<input type="hidden" id="area_id" value="">
<table class="layui-table" lay-filter="idTest" id="idTest"></table>
<script type="text/html" id="barDemo">
{{#if(GetQueryString("stu")){ }}
<a class="layui-btn layui-btn-sm" lay-event="dep">选择调转班级</a>
{{#}else{ }}
<a class="layui-btn layui-btn-sm" lay-event="dep">选择调转部门</a>
{{#} }}
</script>
</form>
</div>
<input type="hidden" id="dep_id">
<input type="hidden" id="class_id">
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/base64.js"></script>
<script>
//下拉树
var setting = {
view: {
dblClickExpand: false
},
data: {
simpleData: {
idKey: "id",
pIdKey: "parent_id",
enable: true
},
key: {
name: "area_name"
}
},
callback: {
onClick: onClick
}
};
function onClick(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = zTree.getSelectedNodes(),
v = "";
nodes.sort(function compare(a, b) {
return a.id - b.id;
});
for (var i = 0, l = nodes.length; i < l; i++) {
v += nodes[i].area_name + ",";
}
if (v.length > 0) v = v.substring(0, v.length - 1);
$("#area").val(v);
$("#area_id").val(treeNode.id);
hideMenu();
reloadTable();
}
function showMenu() {
var cityObj = $("#area");
var cityOffset = $("#area").offset();
$("#menuContent").css({
left: cityOffset.left + "px",
top: cityOffset.top + cityObj.outerHeight() + "px"
}).slideDown("fast");
$("body").bind("mousedown", onBodyDown);
}
function hideMenu() {
$("#menuContent").fadeOut("fast");
$("body").unbind("mousedown", onBodyDown);
}
function onBodyDown(event) {
if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
hideMenu();
}
}
//获取安装地区ID和安装级别
function getInstallInfo() {
var jsonObj;
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/FengHuang/global/getGlobalByCodes",
data: {
"global_codes": "install_area"
},
success: function (result) {
var installArea = result.data[0].global_value;
// var installLevel = result.data[1].global_value;
var jsonStr = '{"installArea":"' + installArea + '"}';
jsonObj = JSON.parse(jsonStr);
}
});
return jsonObj;
}
//根据地区ID获取地区名称
function getAreaNameByAreaId() {
var areaName;
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/FengHuang/organization/getAreaInfoById",
data: {
"id": $("#area_id").val()
},
success: function (result) {
areaName = result.area_name;
}
});
return areaName;
}
//绑定下拉树
function bindSelectTree() {
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/FengHuang/dm/getArea",
data: {
"parent_id": $("#area_id").val(),
"need_root": "1"
},
success: function (result) {
$.fn.zTree.init($("#treeDemo"), setting, result.data);
}
});
}
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form', 'jquery', 'laytpl', 'admin', 'layer', 'table', 'element'], function () {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl,
element = layui.element;
checkAllowTransferApply();
// 判断教师 学生是否可以申请异动
function checkAllowTransferApply() {
var url="";
if(GetQueryString("stu")){
url="/FengHuang/studentYd/checkAllowStudentTransferApply?person_id="+GetQueryString("person_id");
}else{
url="/FengHuang/teacherYd/checkAllowTeacherTransferApply?person_id="+GetQueryString("person_id");
}
$.ajax({
type: "GET",
dataType: "json",
url:url,
success: function (data) {
if (data.success) {
$("#applyForm").show();
} else {
layer.alert(data.message, {icon: 0, shade: 0.1},function () {
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
});
}
}
})
}
if ($("#area_id").val()=="") {
var installInfo = getInstallInfo();
$("#area_id").val(installInfo.installArea);
}
if(GetQueryString("class_id")){
$("#class_id").val(GetQueryString("class_id"));
}
//绑定下拉树
bindSelectTree();
//显示地区名称
$("#area").val(getAreaNameByAreaId());
// 如果是学生 不显示选择单位类型 默认地区下全部学校 type_id=1
if(GetQueryString("stu")){
$("#orgType").remove();
// 学生调转申请 可调转学校
table.render({
elem: '#idTest'
, url: '/FengHuang/organization/getBureauListByAreaId'
, where: {
type_id:"1",
area_id: $("#area_id").val(),
keyword:$("#searchTxt").val()
}
, cols: [[
// {type: 'checkbox', fixed: 'left',align:'center'}
{field: '', title: '序号', align: 'center', type: 'numbers', fixed: true}
, {field: 'org_name', title: '学校名称', align: 'center'}
, {field: 'org_code', title: '学校编码', align: 'center'}
, {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center', fixed: 'right'}
]]
, page: true
,limit:10
, height: 'full-110'
,done:function (data) {
}
});
}else{
// 教师调转申请 可调转全部 单位 学校
table.render({
elem: '#idTest'
, url: '/FengHuang/organization/getBureauListByAreaId'
, where: {
type_id:$("#service_type option:selected").val(),
area_id: $("#area_id").val(),
keyword:$("#searchTxt").val()
}
, cols: [[
// {type: 'checkbox', fixed: 'left',align:'center'}
{field: '', title: '序号', align: 'center', type: 'numbers', fixed: true}
, {field: 'org_name', title: '单位名称', align: 'center'}
, {field: 'org_code', title: '单位编码', align: 'center'}
, {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center', fixed: 'right'}
]]
, page: true
,limit:10
, height: 'full-110'
,done:function (data) {
}
});
}
form.on('select(service_type)',function (data) {
$("#service_type").val(data.value);
reloadTable();
})
// 搜索
$("#search").click(function () {
reloadTable();
})
$("#iconDel").click(function () {
if($("#searchTxt").val()!==""){
$("#searchTxt").val("");
$(this).hide();
}
reloadTable();
})
$("#searchTxt").blur(function () {
if($("#searchTxt").val()!==""){
$("#iconDel").show();
}else{
$("#iconDel").hide();
}
})
// 回车搜索
$("#searchTxt").keyup(function (e) {
if(e.keyCode==13){
reloadTable();
}
})
// 表格重载
window.reloadTable = function () {
table.reload('idTest', {
where: {
type_id:$("#service_type option:selected").val()?$("#service_type option:selected").val():"1",
area_id: $("#area_id").val(),
keyword:$("#searchTxt").val()
}
, page: {
curr: 1
}
});
}
// 点击 学生---班级 教师---部门
table.on('tool(idTest)', function (obj) {
var data = obj.data;
if (obj.event == 'dep') {
// $(this).addClass("layui-btn-disabled").parent("div").parent("td").parent("tr").siblings("tr").find("td:last").find("a").removeClass("layui-btn-disabled");
if(GetQueryString("stu")){
// WeAdminShow('请选择调转班级', '../student/transferClass.html?person_id=' + GetQueryString("person_id") + '&org_id=' + data.org_id, 750, 620);
window.location.href='../student/transferClass.html?person_id=' + GetQueryString("person_id") + '&org_id=' + data.org_id+"&class_id="+$("#class_id").val();
}else{
WeAdminShow('请选择调转部门', './transferDep.html?person_id=' + GetQueryString("person_id") + '&org_id=' + data.org_id+"&dep_id="+$("#dep_id").val(), 500, 300);
}
}
});
window.closeDialog=function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.layui.table.reload('idTest', {
page: {
curr: 1
}
});
}
})
</script>
</body>
</html>