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.
 
 
 
 
 

581 lines
21 KiB

<#include "../../_include/_t.ftl"/>
<!DOCTYPE html>
<html>
<head>
<title></title>
<#include "../../_include/_h.ftl"/>
<#include "../../_include/_l.ftl"/>
<#include "../../_include/admin/_c.ftl"/>
</head>
<body>
<div class="page_div">
<blockquote class="layui-elem-quote">
${title}
<button id="org_reloadBtn" class="layui-btn" style="float:right;margin-top:-8px;"><i class="layui-icon">&#xe614;</i>加载所有数据到系统缓存中</button>
</blockquote>
<div style="float:left;width:500px;margin:0;padding:0;">
<div>
<blockquote class="layui-elem-quote">组织机构列表</blockquote>
<div class="layui-bg-gray page_tools">
<div class="layui-inline layui-form" lay-filter="org_type_filter" style="width:150px;" id="org_type_tips">
<select id="org_type_id" lay-filter="org_type">
<option value="">全部</option>
<option value="12">行业监管部门</option>
<option value="14">维保单位</option>
<option value="15">服务商</option>
<option value="16">集团</option>
</select>
</div>
<div class="layui-inline" id="org_name_tips">
<input class="layui-input" id="org_name_id" placeholder="名称" autocomplete="off" style="width:150px;"/>
</div>
<div class="layui-inline" id="org_deadline_tips">
<input class="layui-input" id="org_deadline_id" readonly="true" placeholder="有效期" autocomplete="off" style="width:150px;"/>
</div>
<button id="org1_addBtn" class="layui-btn"><i class="layui-icon">&#xe61f;</i>快速添加</button><span>[点击单元格修改]</span>
</div>
<table id="org1_dataTable" lay-filter="org1_dataTable_filter" lay-size="sm"></table>
</div>
</div>
<div style="margin-left:500px;">
<div class="page_div">
<blockquote class="layui-elem-quote"><span id="org2_title">组织树详情</span></blockquote>
<div class="layui-bg-gray page_tools">
<div class="layui-inline" style="width:160px;">
<input class="layui-input" id="org2_name" placeholder="1级属性名(支持模糊)" autocomplete="off"/>
</div>
<button id="org2_queryBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe615;</i>查询</button>
<button id="org2_resetBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe666;</i>重置</button>
<button id="org2_optBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe631;</i>收起子属性</button>
<button id="org2_addBtn" class="layui-btn"><i class="layui-icon">&#xe61f;</i>添加一级属性</button>
<button id="org2_clearBtn" class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i>清空当前数据</button><span>[点击单元格修改]</span>
</div>
<div id="org2_addWin" class="page_tools page_win_hide" style="height:320px;padding:30px;">
<form id="org2_addForm" style="float:left;margin-left:-60px;">
<input type="hidden" id="org2_addForm_type" name="orgType"/>
<input type="hidden" id="org2_id" name="pid"/>
<input type="hidden" name="orgLevel" value="1"/>
<input type="hidden" name="isdel" value="0"/>
<div class="layui-form-item">
<label class="layui-form-label">所属机构:</label>
<div class="layui-form-mid"><span id="org2_addForm_name"></span></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属级别:</label>
<div class="layui-form-mid"><span>一级属性</span></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">属性名:</label>
<div class="layui-input-inline" style="width:200px;">
<input type="text" name="orgName" class="layui-input" placeholder="请输入属性名" lay-verify="required" lay-verType="tips" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期:</label>
<div class="layui-input-inline" style="width:200px;">
<input type="text" id="deadline_id" name="deadline" readonly="true" class="layui-input" placeholder="请选择有效期" lay-verType="tips" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序:</label>
<div class="layui-input-inline" style="width:60px;">
<input type="number" name="orgOrder" class="layui-input" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block page_btn">
<button id="org2_addForm_submitBtn" class="layui-btn layui-btn-normal"><i class="icon_submit"></i>提交数据</button>
<button id="org2_addForm_closeBtn" class="layui-btn layui-btn-danger"><i class="icon_cancel"></i>关闭</button>
</div>
</div>
</form>
</div>
<table id="org2_dataTable" lay-filter="org2_dataTable_filter" lay-size="sm"></table>
</div>
</div>
<div style="clear:both;"></div>
</div>
<!--添加页面-->
<div id="org_addWin23" class="page_win page_win_hide">
<form id="org_addForm23" lay-filter="org_addForm23_filter" class="layui-form">
<input type="hidden" name="orgType"/>
<input type="hidden" name="pid"/>
<input type="hidden" name="isDel" value="0"/>
<input type="hidden" name="orgLevel"/>
<div class="layui-form-item">
<label class="layui-form-label">所属机构:</label>
<div class="layui-form-mid"><span id="org_addForm23_name"></span></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属上级:</label>
<div class="layui-form-mid"><span id="org_addForm23_pidt"></span></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所属级别:</label>
<div class="layui-form-mid"><span id="org_addForm23_lvt"></span></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">组织名称:</label>
<div class="layui-input-inline" style="width:200px;">
<input type="text" name="orgName" class="layui-input" placeholder="请输入组织名称" lay-verify="required" lay-verType="tips" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">有效期:</label>
<div class="layui-input-inline" style="width:200px;">
<input type="text" id="deadline_id2" name="deadline" class="layui-input" placeholder="请输入有效期" lay-verType="tips" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序:</label>
<div class="layui-input-inline" style="width:60px;">
<input type="number" name="orgOrder" class="layui-input" autocomplete="off"/>
</div>
</div>
<button lay-submit class="layui-btn layui-btn-normal layui-hide" lay-filter="org_addForm23_filter"><i class="icon_submit"></i>提交数据</button>
</form>
</div>
<script type="text/javascript">
layuiplus.on_w_1(function(){
layuiplus.init(1);
//定义窗口变量============
var org_addWin23 = null;
//数据表格1=========================================================================================================
var org1_dataTable = table.render({
elem:"#org1_dataTable",
url:"${ctx}/admin/data/org/list",
method:"get",
cols:[[
{field:"orgType",title:"类别",unresize:true,width:100, templet: function(d){if(d.orgType == 14){return "维保单位"}else if(d.orgType == 15){return "服务商"}else if(d.orgType == 12){return "行业主管"}else if(d.orgType == 16){return "集团用户"}}},
{field:"orgName",title:"名称",unresize:true,width:130,edit:"text"},
{field:"deadline",title:"有效期",unresize:true,width:130,edit:"text"},
{title:"操作 ",unresize:true,align:"left",templet:function(d){
var opt = "<a class=\"layui-btn layui-btn-danger layui-btn-xs\" lay-event=\"opt_delete\">删除</a>&nbsp;&nbsp;";
opt += "<a class=\"layui-btn layui-btn-normal layui-btn-xs\" lay-event=\"opt_detail\">详情 >>></a>";
return opt;
}}
]]
});
form.on("select(org_type)",function(data){
//即使下拉选的空值也能查询全部才行 没必要加这个非空判断的条件
//if(data.value == "") return false;
org1_dataTable.reload({
where:{
orgType:$("#org_type_id").val(),
orgName:$("#org_name_id").val(),
deadline:$("#org_deadline_id").val()
}
});
});
//数据表格1每行数据操作监听=============================================================================================
table.on("edit(org1_dataTable_filter)",function(obj){
$.ajax({
type:"post",
url:"${ctx}/admin/data/org/update",
data:{
id:obj.data.id,
orgName:obj.data.orgName,
deadline:obj.data.deadline
},
dataType:"json",
success:function(data){
if(data.status = true){
var t = $("#org2_title").text();
if(t.indexOf("-") > -1){
$("#org2_title").html("<span style=\"color:blue;\">"+obj.value+"</span> - 组织树详情");
}
org1_dataTable.reload();
layer.msg("操作成功",{time:2000});
}
}
});
});
table.on("tool(org1_dataTable_filter)",function(row){//row.data row.event
if(row.event == "opt_delete"){
layer.confirm("删除操作将清空所有关联的数据(慎重)。<br/>如果继续请点击“确定”,否则点击“取消”<br/>是否继续?",{title:"提示",icon:3},function(index){
$.ajax({
type:"get",
url:"${ctx}/admin/data/org/delete",
data:{id:row.data.id},
dataType:"json",
success:function(data){
if(data.status == true){
$("#org2_title").html("组织树详情");
$("#org2_id").val("");
$("#org2_addForm_type").val("");
$("#org2_name").val("");
//清空org2_dataTable的数据
var _target = $("#org2_dataTable").next("div").children("div").children("div:last").children("table").children("tbody");//.children("tr");
_target.html("");
org1_dataTable.reload();
layer.close(index);
layer.msg("操作成功",{time:2000});
}
}
});
});
}
if(row.event == "opt_detail"){
$("#org2_title").html("<span style=\"color:blue;\">"+row.data.orgName+"</span> - 组织树详情");
$("#org2_id").val(row.data.id);
$("#org2_addForm_type").val(row.data.orgType);
$("#org2_name").val("");
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
}
});
//数据表格1上面工具栏========================================================================================================
$("#org1_addBtn").click(function(){
if($("#org_type_id").val() == ""){
$("#org_type_id").focus();
layer.tips("请选择组织类别","#org_type_tips");
return false;
}
if($("#org_name_id").val() == ""){
$("#org_name_id").focus();
layer.tips("请输入组织名称","#org_name_tips");
return false;
}
// if($("#org_deadline_id").val() == ""){
// $("#org_deadline_id").focus();
// layer.tips("请选择有效期","#org_deadline_tips");
// return false;
// }
$.ajax({
type:"post",
url:"${ctx}/admin/data/org/add",
data:{
orgLevel:"0",
orgType:$("#org_type_id").val(),
orgName:$("#org_name_id").val(),
deadline:$("#org_deadline_id").val()
},
dataType:"json",
success:function(data){
if(data.status == true){
$("#org_type_id").val("");
layui.form.render('select', 'org_type_filter');
$("#org_name_id").val("");
org1_dataTable.reload();
layer.msg("操作成功",{time:2000});
}else{
$("#org_name_id").select();
layer.tips("组织名称已占用","#org_name_tips");
return false;
}
}
});
});
//数据表格2=========================================================================================================
var org2_dataTable = table.render({
elem:"#org2_dataTable",
method:"get",
cols:[[
{field:"orgLevel",title:"级别",unresize:true,width:104,templet:function(d){
if(d.orgLevel == "1"){
return "<span style=\"font-weight:bold;color:#2F4056;\">1</span>";
}
if(d.orgLevel == "2"){
return "<span style=\"font-weight:normal;color:#01AAED;margin-left:26px;\">2</span>";
}
if(d.orgLevel == "3"){
return "<span style=\"font-weight:normal;color:#FFB800;margin-left:52px;\">3</span>";
}
if(d.orgLevel == "4"){
return "<span style=\"font-weight:normal;color:#32CD32;margin-left:78px;\">4</span>";
}
return "";
}},
{field:"orgName",title:"属性名",unresize:true,width:300,edit:"text"},
{field:"deadline",title:"有效期",unresize:true,width:200,edit:"text"},
{field:"orgOrder",title:"排序",unresize:true,width:60,edit:"number"},
{title:"操作 ",unresize:true,align:"left",templet:function(d){
var opt = "<a class=\"layui-btn layui-btn-danger layui-btn-xs\" lay-event=\"opt_delete\">删除</a>&nbsp;&nbsp;";
if(d.orgLevel != "4") opt += "<a class=\"layui-btn layui-btn-xs\" lay-event=\"opt_add\">添加子属性</a>&nbsp;&nbsp;";
if(d.orgLevel == "1") opt += "<a class=\"layui-btn layui-btn-normal layui-btn-xs\" lay-event=\"opt_showandhide\">[收起/展开]子属性</a>&nbsp;&nbsp;";
return opt;
}}
]],
done:function(){
var trs = $("#org2_dataTable").next("div").children("div").children("div:last").children("table").children("tbody").children("tr");
$.each(trs,function(){
var t = $(this).find("td[data-field=orgLevel]").text();
if(t == "1"){
$(this).css("background","#d2d2d2");
}
if(t == "2"){
$(this).css("background","#e2e2e2");
}
if(t == "3"){
$(this).css("background","#F0F0F0");
}
if(t == "4"){
$(this).css("background","#F5F5F5");
}
});
}
});
table.on("edit(org2_dataTable_filter)",function(obj){
var _data = {id:obj.data.id};
if(obj.field == "orgName"){
_data.orgName = obj.value;
}
if(obj.field == "deadline"){
_data.deadline = obj.value;
}
if(obj.field == "orgOrder"){
_data.orgOrder = obj.value;
}
$.ajax({
type:"post",
url:"${ctx}/admin/data/org/update",
data:_data,
dataType:"json",
success:function(data){
if(data.status = true){
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
layer.msg("操作成功",{time:2000});
}
}
});
});
table.on("tool(org2_dataTable_filter)",function(row){//row.data row.event
if(row.event == "opt_delete"){
layer.confirm("删除操作将清空所有关联的数据(慎重)。<br/>如果继续请点击“确定”,否则点击“取消”<br/>是否继续?",{title:"提示",icon:3},function(index){
$.ajax({
type:"get",
url:"${ctx}/admin/data/org/delete",
data:{id:row.data.id},
dataType:"json",
success:function(data){
if(data.status == true){
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
layer.close(index);
layer.msg("操作成功",{time:2000});
}
}
});
});
}
if(row.event == "opt_add"){
org_addWin23 = layer.open({
id:"org_addWin23_id",
type:1,
title:"<i class=\"icon_add\"></i>添加子属性",
shade:0.3,
area:"400px",
resize:false,
content:$("#org_addWin23"),
btn:["<i class=\"icon_submit\"></i>提交数据"],
yes:function(index, layero){
$("#org_addForm23").find("button[lay-filter=org_addForm23_filter]").click();
},
end:function(){
$("#org_addForm23")[0].reset();
},
success:function(){
form.val("org_addForm23_filter",{
orgType:row.data.orgType,
pid:row.data.id,
orgLevel:(parseInt(row.data.orgLevel)+1)
});
var t = $("#org2_title").text();
$("#org_addForm23_name").html(t.substring(0,t.indexOf(" - ")));
$("#org_addForm23_pidt").html(row.data.orgName);
if(row.data.orgLevel == "1") $("#org_addForm23_lvt").html("二级");
if(row.data.orgLevel == "2") $("#org_addForm23_lvt").html("三级");
if(row.data.orgLevel == "3") $("#org_addForm23_lvt").html("四级");
}
});
}
if(row.event == "opt_showandhide"){
var trs = $(row.tr).nextAll();
var n = 0;
$.each(trs,function(){
var t = $(this).find("td[data-field=orgLevel]").text();
if(t == "1"){
return false;
}else{
if($(this).css("display") == "none"){
$(this).css("display","");
}else{
$(this).css("display","none");
}
n++;
}
});
if(n == 0) layer.msg("当前还没有子属性",{time:2000});
}
});
//数据表格2上面工具栏========================================================================================================
$("#org2_queryBtn").click(function(){
if($("#org2_id").val() == "") return false;
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
});
$("#org2_resetBtn").click(function(){
$("#org2_name").val("");
if($("#org2_id").val() == "") return false;
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
});
$("#org2_addBtn").click(function(){
if($("#org2_id").val() == "") return false;
var t = $("#org2_title").text();
$("#org2_addForm_name").html(t.substring(0,t.indexOf(" - ")));
$("#org2_addWin").slideDown(100);
});
$("#org2_addForm_submitBtn").click(function(){
var orgName = $("#org2_addForm input[name=orgName]");
if(orgName.val() == ""){
layer.tips("必填项不能为空","#org2_addForm input[name=orgName]");
orgName.focus();
return false;
}
$.ajax({
type:"post",
url:"${ctx}/admin/data/org/add",
data:$("#org2_addForm").serialize(),
dataType:"json",
success:function(data){
if(data.status == true){
$("#org2_addForm")[0].reset();
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
layer.msg("操作成功",{time:2000});
}
}
});
return false;
});
$("#org2_addForm_closeBtn").click(function(){
$("#org2_addWin").slideUp(100);
$("#org2_addForm")[0].reset();
return false;
});
$("#org2_optBtn").click(function(){
if($("#org2_id").val() == "") return false;
var n = $(this).html().indexOf("收起");
if(n > -1)
$(this).html("<i class=\"layui-icon\">&#xe631;</i>展开子属性");
else
$(this).html("<i class=\"layui-icon\">&#xe631;</i>收起子属性");
var trs = $("#org2_dataTable").next("div").children("div").children("div:last").children("table").children("tbody").children("tr");
$.each(trs,function(){
var t = $(this).find("td[data-field=orgLevel]").text();
if(t != "1"){
if(n > -1)
$(this).css("display","none");
else
$(this).css("display","");
}
});
});
$("#org2_clearBtn").click(function(){
if($("#org2_id").val() == "") return false;
layer.confirm("清空操作将清空所有关联的数据(慎重)。<br/>如果继续请点击“确定”,否则点击“取消”<br/>是否继续?",{title:"提示",icon:3},function(index){
$.ajax({
type:"get",
url:"${ctx}/admin/data/org/deleteSon",
data:{id:$("#org2_id").val()},
dataType:"json",
success:function(data){
if(data.status == true){
$("#org2_addForm_type").val("");
//清空org2_dataTable的数据
var _target = $("#org2_dataTable").next("div").children("div").children("div:last").children("table").children("tbody");//.children("tr");
_target.html("");
layer.close(index);
layer.msg("操作成功",{time:2000});
}
}
});
});
});
//添加窗口23按钮=====================================================================================
form.on("submit(org_addForm23_filter)",function(formData){
$.ajax({
type:"post",
url:"${ctx}/admin/data/org/add",
data:formData.field,
dataType:"json",
success:function(data){
if(data.status == true){
org2_dataTable.reload({
url:"${ctx}/admin/data/org/list4custom",
where:{
id:$("#org2_id").val(),
orgName:$("#org2_name").val()
}
});
$("#org_addForm23").find("input[name=orgName]").val("");
$("#org_addForm23").find("input[name=deadline]").val("");
$("#org_addForm23").find("input[name=orgOrder]").val("");
layer.msg("操作成功",{time:500});
}
}
});
return false;
});
//加载缓存按钮
$("#org_reloadBtn").click(function(){
$.ajax({
type:"get",
url:"${ctx}/admin/data/org/reload",
dataType:"json",
success:function(data){
if(data.status == true){
layer.msg("操作成功",{time:2000});
}
}
});
});
//日期input
ldate.render({
elem:"#org_deadline_id",
type:"date",
});
ldate.render({
elem:"#deadline_id",
type:"date",
});
ldate.render({
elem:"#deadline_id2",
type:"date",
});
});
</script>
</body>
</html>