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.

352 lines
13 KiB

3 years ago
<!DOCTYPE html>
<html>
<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">
<!-- 让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>
p {
font-size: 16px;
font-weight: 900;
text-align: center;
background-color: #e2e2e2;
color: #666;
height: 29px;
line-height: 29px;
}
</style>
</head>
<body>
<div class="weadmin-body">
<form class="layui-form">
<table border=0 align=left width="100%">
<tr>
<td align=left valign=top style="BORDER-RIGHT: #999999 1px dashed;width:330px;padding:0 10px" id="first_td">
<div class="selectModel" id="treeDiv">
<div style="margin-bottom: 10px">
<p>教师</p>
<div>
<input type="radio" name="tea" lay-filter="tea" value="0" title="不可用" >
<input type="radio" name="tea" lay-filter="tea" value="1" title="全部可用">
<input type="radio" name="tea" lay-filter="tea" value="2" title="按职务选择">
</div>
</div>
<div class='pc_selectModel_tree' style="max-height:220px;height:220px;overflow-y: auto">
<div class='ztree' id='mytree'></div>
</div>
</div>
</td>
<td align=left valign=top style="BORDER-RIGHT: #999999 1px dashed;width:220px;padding:0 10px" >
<div>
<p>学生</p>
<div>
<input type="radio" name="stu" lay-filter="stu" value="0" title="不可用" checked>
<input type="radio" name="stu" lay-filter="stu" value="1" title="全部可用">
</div>
</div>
</td>
<td align=left valign=top style="padding-left: 10px">
<div>
<p>家长</p>
<div>
<input type="radio" name="par" lay-filter="par" value="0" title="不可用" checked>
<input type="radio" name="par" lay-filter="par" value="1" title="全部可用">
</div>
</div>
</td>
</tr>
</table>
<button class="layui-btn" id="save" lay-submit="" lay-filter="save" style="margin-left:48%;margin-top:12px">保存</button>
</form>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/jquery-3.6.0.min.js"></script>
<script src="../../lib/ztree/jquery.ztree.core-3.5.min.js"></script>
<script src="../../lib/ztree/jquery.ztree.excheck-3.5.min.js"></script>
<script src="../../lib/persist-min.js"></script>
<script>
var store = new Persist.Store('store_name');
var setting = {
view : {
dblClickExpand : false,
showLine : true,
selectedMulti : false
},
data : {
simpleData : {
enable: true,
idKey: "id",
pIdKey: "pId",
rootPId: 0
}
},
callback: {
onCheck: function (event, treeId, treeNode) {
addType(event, treeId, treeNode);
}
},
check: {
enable: true,
chkboxType: { "Y" : "", "N" : "ps" }
}
};
window.GetQueryString =function(name,istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if(typeof(istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
$(function () {
loadZtree();
$(".pc_selectModel_tree").css('visibility','hidden');
})
// 编辑页面 勾选树节点
var duty_charge_info=[];
if(GetQueryString('edit')){
var duty_charge=JSON.parse(store.get('duty_charge_info'))?JSON.parse(store.get('duty_charge_info')):[];
for (var i=0;i<duty_charge.length;i++) {
duty_charge_info.push(duty_charge[i].duties_id,duty_charge[i].in_charge_id)
}
}
// 加载树结构
function loadZtree() {
$.ajax({
type : "GET",
async : false,
url : '/FengHuang/base/getOrgTypePrincipalshipTree',
dataType : "json",
success: function (data) {
if(data.code==0){
var zNodes = data.data;
for (var i=0;i<data.data.length;i++){
if(data.data[i].level==4||data.data[i].level==5){
data.data[i].nocheck=false;
}
for(var j=0;j<duty_charge_info.length;j++){
if(zNodes[i].id == duty_charge_info[j]){
zNodes[i].checked = true;
}
}
}
$.fn.zTree.init($("#mytree"), setting,zNodes);
var treeObj = $.fn.zTree.getZTreeObj("mytree");
treeObj.expandAll(true);
}
}
});
}
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['jquery','admin','layer','form'],function () {
var $=layui.jquery,
admin=layui.admin,
layer=layui.layer,
form=layui.form;
// 默认选中教师不可用
$('input:radio[name="tea"][value="0"]').attr('checked',true);
form.render();
// 监听教师单选
form.on('radio(tea)',function (data) {
if(data.value==2){
$(".pc_selectModel_tree").css('visibility','visible');
}else{
$(".pc_selectModel_tree").css('visibility','hidden');
}
})
window.addType=function(event, treeId, treeNode){
var treeObj = $.fn.zTree.getZTreeObj("mytree");
if(treeNode.level!==1){
var node = treeNode.getParentNode();
if(treeNode.checked){
treeObj.checkNode(node, true, false);
}
}else{
if(!treeNode.checked){
for (var i=0;i<treeNode.children.length;i++){
treeObj.checkNode(treeNode.children[i], false, false);
}
}
}
}
form.on('submit(save)',function (data) {
var f=data.field;
console.log(f);
// var list=JSON.parse(store.get('data'))
// console.log(JSON.parse(store.get('org')));
var zTree = $.fn.zTree.getZTreeObj("mytree");
//获取选中的树节点
var nodes=new Array();
if(zTree!=null){
nodes = zTree.getCheckedNodes(true);
if(nodes.length>0){
var modelList = [];
newArr = [];
for (var i = 0; i < nodes.length; i++) {
for (var j = 0; j < nodes.length; j++) {
if (nodes[i].id == nodes[j].pId) {
modelList.push({
duties_id: nodes[i].id,
in_charge_id: nodes[j].id
})
}
}
if (!nodes[i].isParent && nodes[i].level == 3 || nodes[i].isParent && nodes[i].check_Child_State == 0) {
modelList.push({
in_charge_id: -1,
duties_id: nodes[i].id
})
}
}
}
console.log(modelList);
}
var jsonList;
// 按职务
if(f.tea==2){
if(modelList==undefined || modelList=="" || modelList==null){
layer.alert("请选择职务",{icon:0});
return false;
}else{
jsonList={
"teacher_visiable": 2,
"duty_charge":modelList,
"student_visiable":f.stu,
"parent_visiable":f.par
}
}
}else{
jsonList={
"teacher_visiable":f.tea,
"duty_charge":[],
"student_visiable":f.stu,
"parent_visiable":f.par
}
}
console.log(jsonList);
// 区id
var district =store.get('district');
//单位id
var orgArr=[];
if(store.get('org')){
for (var i=0;i<JSON.parse(store.get('org')).length;i++) {
orgArr[i]=JSON.parse(store.get('org'))[i].bureau_id;
}
orgArr=orgArr.join(",");
}
//市id
var city_id=store.get('city');
$.ajax({
type:'POST',
dataType:'json',
url:'/FengHuang/integrated/addOrUpdateIntegratedSystem',
data:{
'pic':store.get('picName'),
'callback_url':store.get('url'),
'jsondata':JSON.stringify(jsonList),
'stages':store.get('stages'),
'appid':store.get('appid')
},
success:function (data) {
if(data.success){
layer.msg('配置成功',{icon:1},function (data) {
// 清空存储中的信息
store.set("url",'');
store.set("appid",'');
store.set("city",'');
store.set("org",'');
store.set("district",'');
store.set("picName",'');
store.set("range",'');
store.set("stages",'');
store.set('visiable_info','');
store.set('identity_info','');
store.set('duty_charge_info','');
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.layui.table.reload('idTest', {
page: {
curr: 1
}
});
})
}else{
layer.alert(data.message,{icon:0});
}
return false;
}
})
return false;
})
if(GetQueryString('edit')){
var identity_info=JSON.parse(store.get('identity_info'));
// 身份
for (var i=0;i<identity_info.length;i++) {
// 教师
if(identity_info[i].identity_id==5){
$('input:radio[name="tea"][value="'+identity_info[i].visiable+'"]').attr('checked',true);
if(identity_info[i].visiable==2){
$(".pc_selectModel_tree").css('visibility','visible');
}else{
$(".pc_selectModel_tree").css('visibility','hidden');
}
}
// 学生
if(identity_info[i].identity_id==6){
$('input:radio[name="stu"][value="'+identity_info[i].visiable+'"]').attr('checked',true);
}
// 家长
if(identity_info[i].identity_id==7){
$('input:radio[name="par"][value="'+identity_info[i].visiable+'"]').attr('checked',true);
}
}
form.render();
}
})
</script>
</body>
</html>