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.

357 lines
16 KiB

9 months 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">
<!-- 让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;
}
.layui-table, .layui-table-view {
margin-top: -10px;
}
</style>
</head>
<body>
<div class="weadmin-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">系统设置</a>
<a>
<cite>单位信息管理</cite></a>
</span>
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.reload();" title="刷新">
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
</div>
<div class="weadmin-body">
<table border=0 align=left width="100%">
<tr>
<td align=left valign=top style="BORDER-RIGHT: #999999 1px dashed;width:200px" id="first_td">
<div class="selectModel">
<div class='pc_selectModel_tree'>
<div class='ztree' id='pc_selectModel_tree'></div>
</div>
</div>
</td>
<td align=left valign=top style="padding-left:10px">
<div class="layui-form-item inline">
<label for="" class="layui-form-label" style="padding-left:0;text-align:left">
<span class="we-red">*</span>&nbsp;单位类型
</label>
<div class="layui-input-inline" id="select_type"></div>
<script type="text/html" id="select_type_script">
<select name="service_type" id="service_type" onchange="reloadtable();">
<% for (var i = 0; i < data.length; i ++) { %>
<option value="<%=data[i].id%>" type="<%=data[i].is_school%>"><%=data[i].name%></option>
<% } %>
</select>
</script>
</div>
<div class="inline" id="school_type" style="margin-right: 10px;"></div>
<script type="text/html" id="school_type_script">
<select name="school_type" id="school">
<%if(data.length==0){%>
<option value="0">暂无</option>
<%}else{%>
<% for (var i = 0; i < data.length; i ++) { %>
<option value="<%=data[i].school_type_id%>"><%=data[i].school_type_name%></option>
<% } %>
<% } %>
</select>
</script>
<div class="layui-form-item inline">
<button class="layui-btn" onclick="addOrg();"><i class="layui-icon"></i>添加</button>
</div>
<div class="layui-form-item">
<table class="layui-table" lay-filter="idTest" id="idTest"></table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="">部门维护</a>
</script>
</div>
<input type="hidden" value="" id="area_id">
<input type="hidden" value="" id="org_type">
</td>
</tr>
</table>
</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/template.js"></script>
<script>
var level_id=2;//点击区划树获取节点level
var par_name="";
// 行政区划树
var setting1 = {
view : {
dblClickExpand : false,
showLine : true,
selectedMulti : false
},
data : {
simpleData : {
enable: true,
idKey: "id",
pIdKey: "parent_id",
rootPId: 0
}
},
callback: {
onClick: zTreeOnClick
}
};
// 点击区划树
function zTreeOnClick(event, treeId, treeNode) {
console.log(treeNode);
$("#area_id").val(treeNode.id);
if(treeNode.level==0){
level_id=2;
}else{
level_id=3;
}
getOrgtype(level_id);
}
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['form','jquery','laytpl','admin', 'layer','table'], function() {
var form = layui.form,
$ = layui.jquery,
admin = layui.admin,
layer = layui.layer,
table=layui.table,
laytpl=layui.laytpl;
// 获取单位类型
window.getOrgtype=function (pId) {
$.ajax({
type : "GET",
async : false,
dataType : "json",
url :"/dsBase/base/getOrgTypePrincipalshipByParentId?parent_id="+pId,
success : function(data) {
data.data.unshift({
name:"全部",
id:-1,
is_school:0
})
var lis=[];
var list={};
for (var i=0;i<data.data.length;i++){
if(data.data[i].is_school==0){
lis.push(data.data[i]);
}
}
list={
data:lis
}
var html = template.render('select_type_script', list);
document.getElementById('select_type').innerHTML = html;
}
})
$("#org_type").val($("#service_type option:selected").val());
table.reload('idTest',{
where:{
org_type_id:$("#service_type option:selected").val(),
parent_id:$("#area_id").val()
}
,page: {
curr: 1
}
});
}
$(function () {
// 获取配置的地区
$.ajax({
type : "GET",
async : false,
url : '/dsBase/global/getGlobalByCodes?global_codes=install_area,install_level',
dataType : "json",
success: function (data) {
if(data.code==0){
$("#area_id").val(data.data[0].global_value);
// 通过id获取地区信息
$.ajax({
type : "GET",
async : false,
url : '/dsBase/organization/getAreaInfoById?id='+data.data[0].global_value,
dataType : "json",
success: function (data) {
par_name=data.area_name;
}
});
if(data.data[1].global_value==4){
$("#first_td").hide();
level_id=3;
}else{
// 根据id获取对应的行政区树
$.ajax({
type : "GET",
async : false,
url : '/dsBase/dm/getArea?parent_id='+data.data[0].global_value,
dataType : "json",
success: function (data) {
if(data.code==0){
for (var i=0;i<data.data.length;i++){
data.data[i].name=data.data[i].area_name;
}
data.data.unshift({
name:par_name,
parent_id:-1,
id:$("#area_id").val(),
open:true
})
var zNodes = data.data;
$.fn.zTree.init($("#pc_selectModel_tree"), setting1,zNodes);
var treeObj = $.fn.zTree.getZTreeObj("pc_selectModel_tree");
treeObj.expandAll(true);
}
}
});
}
getOrgtype(level_id);
}
}
});
table.render({
elem: '#idTest'
,url:'/dsBase/organization/getBureauList'
,where:{
org_type_id:$("#service_type option:selected").val(),
parent_id:$("#area_id").val()
}
,cols: [[
// {type: 'checkbox', fixed: 'left',align:'center'}
{field:'', title:'序号',align:'center',type:'numbers',width:80}
,{field:'org_name', title:'单位名称',align:'center'}
,{field:'org_code', title:'单位编码',align:'center'}
,{field:'org_type_id', title:'单位类型',align:'center'}
,{field:'sort_id', title:'排序号',align:'center'}
,{fixed: 'right', title:'操作', toolbar: '#barDemo',align:'center'}
]]
,page: true
,done:function () {
$("[data-field='org_type_id']").children().each(function(){
if($(this).text()=='4'){
$(this).text("教育局")
}else if($(this).text()=='5'){
$(this).text("电教馆")
}else if($(this).text()=='6'){
$(this).text("教师进修学校")
}else if($(this).text()=='7'){
$(this).text("其它教辅单位")
}else if($(this).text()=='8'){
$(this).text("幼儿园")
}else if($(this).text()=='9'){
$(this).text("中小学")
}else if($(this).text()=='30'){
$(this).text("信息化中心")
}else if($(this).text()=='11'){
$(this).text("教育局")
}else if($(this).text()=='12'){
$(this).text("信息化中心")
}else if($(this).text()=='13'){
$(this).text("教师进修学校")
}else if($(this).text()=='14'){
$(this).text("其它教辅单位")
}
})
}
});
});
// 表格重载
window.reloadtable=function(){
table.reload('idTest',{
where:{
org_type_id:$("#service_type option:selected").val(),
parent_id:$("#area_id").val()
}
,page: {
curr: 1 //重新从第 1 页开始
}
});
}
table.on('tool(idTest)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
layer.confirm('确定删除'+data.org_name+'吗?',{icon:0}, function(index){
del(data.org_id);
});
} else if(obj.event === 'edit'){
WeAdminShow('编辑','./edit.html?org_id='+data.org_id+'&area_id='+$("#area_id").val()+'&level_id='+level_id,550,380);
}else if(obj.event === 'dep'){
WeAdminShow('部门维护','../dep/depList.html?level_id='+level_id+'&area_id='+$("#area_id").val(),550,380);
}
});
window.addOrg=function () {
WeAdminShow('添加','./add.html?level_id='+level_id+'&area_id='+$("#area_id").val(),550,380);
}
// 删除单位
function del(id) {
$.ajax({
type:"POSt",
dataType:"json",
url:"/dsBase/organization/deleteBureauById",
data:{
org_id:id
},
success:function (data) {
if(data.success){
layer.closeAll();
layer.msg(data.message, {icon: 1, time: 2000, shade: 0.1});
reloadtable();
}else{
layer.msg(data.message, {icon:0, time: 2000, shade: 0.1});
}
}
})
}
})
</script>
</body>
</html>