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.
415 lines
15 KiB
415 lines
15 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="region_reloadBtn" class="layui-btn" style="float:right;margin-top:-8px;"><i class="layui-icon"></i>加载所有数据到系统缓存中</button>
|
|
</blockquote>
|
|
<!--
|
|
<div class="layui-bg-gray page_tools">
|
|
<div class="layui-inline" style="width:200px;">
|
|
<input class="layui-input" id="region_baseId" placeholder="区号或者名称（支持模糊）" autocomplete="off"/>
|
|
</div>
|
|
<button id="region_queryBtn" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>查询</button>
|
|
<button id="region_resetBtn" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>重置</button>
|
|
</div>
|
|
-->
|
|
<table id="region_dataTable" lay-filter="region_dataTable_filter" lay-size="sm"></table>
|
|
<div id="region_loading" style="font-size:16px;margin:0 auto;">
|
|
<span style="display:block;width:300px;position:relative;left:40%;text-indent:2px;padding:15px;background:url('${ctx}/style/images/gif/_loading.gif') left center no-repeat;">行政区划数据较多，正在加载，请稍后...</span>
|
|
</div>
|
|
</div>
|
|
<div id="region_detailWin" class="page_win page_win_hide">
|
|
<form id="region_detailForm" lay-filter="region_detailForm_filter" class="layui-form">
|
|
<input type="hidden" id="region_detailForm_id" name="id"/>
|
|
<input type="hidden" name="pid"/>
|
|
<input type="hidden" name="isdel"/>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">所属：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" id="region_detailForm_rgp" name="rgp" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">名称：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" id="region_detailForm_rgName" name="rgName" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">名称组合：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgNamemg" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">简称：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgShort" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">简称组合：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgShortmg" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">区号：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgCitycode" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮编：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgZipcode" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">拼音：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgPinyin" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">拼音排序：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgFirstchar" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">拼音组合：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgJianpin" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">经纬度：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgLngandlat" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">备注：</label>
|
|
<div class="layui-input-inline" style="width:400px;">
|
|
<input type="text" name="rgMark" class="layui-input" readonly="readonly" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="layui-form-item" id="region_detailForm_rg4Div">
|
|
<label class="layui-form-label">下辖街道社区：</label>
|
|
<div class="layui-form-mid">
|
|
<span id="region_detailForm_rg4Info"></span>
|
|
<a id="region_detailForm__rg4Btn" class="layui-btn layui-btn-xs">点击进行维护</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="region_rg4Win" class="page_win page_win_hide">
|
|
<input type="hidden" id="region_rg4_pid"/>
|
|
<div class="layui-bg-gray" id="region_rg4_p" style="padding:10px;border-bottom:1px solid #c2c2c2;"></div>
|
|
<div class="layui-bg-gray page_tools" style="padding:10px;border:0;">
|
|
<div class="layui-inline" id="region_rg4_id_tips">
|
|
<input class="layui-input" id="region_rg4_id" type="number" oninput="if(value.length>9)value=value.slice(0,9)" placeholder="输入区划代码" autocomplete="off" style="width:140px;height:33px;"/>
|
|
</div>
|
|
<div class="layui-inline" id="region_rg4_rgName_tips">
|
|
<input class="layui-input" id="region_rg4_rgName" placeholder="输入区划名称" autocomplete="off" style="width:140px;height:33px;"/>
|
|
</div>
|
|
<button id="region_rg4Win_addBtn" class="layui-btn layui-btn-sm"><i class="layui-icon"></i>添加下辖街道/镇/乡等</button>
|
|
</div>
|
|
<table id="region_rg4_dataTable" lay-filter="region_rg4_dataTable_filter" lay-size="sm"></table>
|
|
</div>
|
|
<script type="text/javascript">
|
|
layuiplus.on(function(){
|
|
layuiplus.init(0);
|
|
//定义窗口变量========================
|
|
var region_detailWin = null;
|
|
var region_rg4Win = null;
|
|
//数据表格=========================================================================================================
|
|
var region_dataTable = table.render({
|
|
elem:"#region_dataTable",
|
|
url:"${ctx}/admin/data/region/list",
|
|
where:{baseId:$("#region_baseId").val(),rgLevel:"0"},
|
|
method:"get",
|
|
cols:[[
|
|
{field:"rgName",title:"行政区划名称",unresize:true,width:300,templet:function(d){
|
|
if(d.rgLevel == "1"){
|
|
return "<span style=\"font-weight:bold;font-size:16px;margin-left:15px;\">"+d.rgName+"</span>";
|
|
}
|
|
if(d.rgLevel == "2"){
|
|
return "<span style=\"font-weight:normal;font-size:16px;margin-left:55px;\">"+d.rgName+"</span>";
|
|
}
|
|
if(d.rgLevel == "3"){
|
|
return "<span style=\"font-weight:normal;margin-left:100px;\">"+d.rgName+"</span>";
|
|
}
|
|
if(d.rgLevel == "0"){
|
|
return "<span style=\"font-weight:bold;font-size:18px;color:red;\">"+d.rgName+"</span>";
|
|
}
|
|
return "";
|
|
}},
|
|
{field:"id",title:"行政区划代码",unresize:true,width:100},
|
|
{field:"rgNamemg",title:"区划联合名称",unresize:true,width:400},
|
|
{title:"操作 ",unresize:true,align:"left",templet:function(d){
|
|
var opt = "<a class=\"layui-btn layui-btn-normal layui-btn-xs\" lay-event=\"opt_detail\">查看详情</a> ";
|
|
return opt;
|
|
}}
|
|
]],
|
|
done:function(){
|
|
$("#region_loading").hide();
|
|
var trs = $("#region_dataTable").next("div").children("div").children("div:last").children("table").children("tbody").children("tr");
|
|
$.each(trs,function(){
|
|
var t = parseInt($(this).find("td[data-field=rgName]").find("div > span").css("margin-left"));
|
|
if(t == 0){
|
|
$(this).css("background","#FACD8A");
|
|
}
|
|
if(t == 15){
|
|
$(this).css("background","#d2d2d2");
|
|
}
|
|
if(t == 55){
|
|
$(this).css("background","#e2e2e2");
|
|
}
|
|
if(t == 100){
|
|
$(this).css("background","#F0F0F0");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
//数据表格每行数据操作监听=============================================================================================
|
|
table.on("tool(region_dataTable_filter)",function(row){//row.data row.event
|
|
if(row.event == "opt_detail"){
|
|
var rgp = "";
|
|
if(row.data.rgLevel == "0"){
|
|
rgp = "/";
|
|
}else if(row.data.rgLevel == "1"){
|
|
rgp = "/";
|
|
}else{
|
|
var t = row.data.rgNamemg;
|
|
rgp = t.substring(0,t.lastIndexOf(",")).replace(","," - ");
|
|
rgp = rgp.replace(","," - ");
|
|
}
|
|
region_detailWin = layer.open({
|
|
id:"region_detailWin_id",
|
|
type:1,
|
|
title:"<i class=\"icon_region\"></i>行政区划详情",
|
|
area:["600px","auto"],
|
|
shade:0.3,
|
|
resize:false,
|
|
content:$("#region_detailWin"),
|
|
success:function(){
|
|
$("#region_detailForm_rg4Div").hide()
|
|
$.ajax({
|
|
type:"post",
|
|
url:"${ctx}/admin/data/region/get",
|
|
data:{id:row.data.id},
|
|
dataType:"json",
|
|
success:function(data){
|
|
if(data.n != null){
|
|
$("#region_detailForm_rg4Div").show()
|
|
$("#region_detailForm_rg4Info").html(data.n == "0"?"暂无下辖信息 ":data.n+"个下辖信息 ");
|
|
form.val("region_detailForm_filter",{
|
|
rgp:rgp,
|
|
id:data.e.id,
|
|
pid:data.e.pid,
|
|
isdel:data.e.isdel,
|
|
rgName:data.e.rgName,
|
|
rgNamemg:data.e.rgNamemg
|
|
//rgShort:data.e.rgShort,
|
|
//rgShortmg:data.e.rgShortmg,
|
|
//rgCitycode:data.e.rgCitycode,
|
|
//rgZipcode:data.e.rgZipcode,
|
|
//rgPinyin:data.e.rgPinyin,
|
|
//rgFirstchar:data.e.rgFirstchar,
|
|
//rgJianpin:data.e.rgJianpin,
|
|
//rgLngandlat:data.e.rgLng+","+data.e.rgLat,
|
|
//rgMark:data.e.rgMark
|
|
});
|
|
}else{
|
|
form.val("region_detailForm_filter",{
|
|
rgp:rgp,
|
|
id:data.id,
|
|
pid:data.pid,
|
|
isdel:data.isdel,
|
|
rgName:data.rgName,
|
|
rgNamemg:data.rgNamemg
|
|
//rgShort:data.rgShort,
|
|
//rgShortmg:data.rgShortmg,
|
|
//rgCitycode:data.rgCitycode,
|
|
//rgZipcode:data.rgZipcode,
|
|
//rgPinyin:data.rgPinyin,
|
|
//rgFirstchar:data.rgFirstchar,
|
|
//rgJianpin:data.rgJianpin,
|
|
//rgLngandlat:data.rgLng+","+data.rgLat,
|
|
//rgMark:data.rgMark
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
end:function(){
|
|
$("#region_detailForm")[0].reset();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
//数据表格上面工具栏========================================================================================================
|
|
/*
|
|
$("#region_queryBtn").click(function(){
|
|
if($("#region_baseId").val() == "") return false;
|
|
region_dataTable.reload({
|
|
where:{
|
|
baseId:$("#region_baseId").val(),
|
|
rgLevel:"1"
|
|
}
|
|
});
|
|
});
|
|
$("#region_resetBtn").click(function(){
|
|
$("#region_loading").show();
|
|
$("#region_baseId").val("");
|
|
region_dataTable.reload({
|
|
where:{
|
|
baseId:$("#region_baseId").val(),
|
|
rgLevel:"1"
|
|
}
|
|
});
|
|
});
|
|
*/
|
|
//进入街道社区按钮===========================================================
|
|
$("#region_detailForm__rg4Btn").click(function(){
|
|
var pid = $("#region_detailForm_id").val();
|
|
$("#region_rg4_pid").val(pid);
|
|
$("#region_rg4_p").html("所属："+$("#region_detailForm_rgp").val()+" - "+$("#region_detailForm_rgName").val());
|
|
region_rg4Win = layer.open({
|
|
id:"region_rg4Win_id",
|
|
type:1,
|
|
title:"<i class=\"icon_region\"></i>下辖信息详情",
|
|
area:["500px","600px"],
|
|
shade:0.3,
|
|
resize:false,
|
|
content:$("#region_rg4Win"),
|
|
success:function(){
|
|
region_rg4_dataTable.reload({
|
|
url:"${ctx}/admin/data/region/list",
|
|
where:{pid:pid,rgLevel:"4"}
|
|
});
|
|
},
|
|
end:function(){
|
|
//console.log(layui.table.cache.region_rg4_dataTable.length);
|
|
//console.log($("#region_rg4Win")+"=============")
|
|
var n = layui.table.cache.region_rg4_dataTable.length;
|
|
$("#region_detailForm_rg4Info").html(n == "0"?"暂无下辖信息 ":n+"个下辖信息 ");
|
|
}
|
|
});
|
|
});
|
|
//加载缓存按钮===============================================================
|
|
$("#region_reloadBtn").click(function(){
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/admin/data/region/reload",
|
|
dataType:"json",
|
|
success:function(data){
|
|
if(data.status == true){
|
|
layer.msg("操作成功",{time:2000});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
//社区街道数据表格================================================================================================
|
|
var region_rg4_dataTable = table.render({
|
|
elem:"#region_rg4_dataTable",
|
|
method:"get",
|
|
cols:[[
|
|
{field:"id",title:"行政代码",unresize:true,width:130},
|
|
{field:"rgName",title:"名称",unresize:true,width:230,edit:"text"},
|
|
{title:"",unresize:true,width:80,align:"left",templet:function(d){
|
|
var opt = "<a class=\"layui-btn layui-btn-danger layui-btn-xs\" lay-event=\"opt_delete\">删除</a> ";
|
|
return opt;
|
|
}}
|
|
]]
|
|
});
|
|
table.on("edit(region_rg4_dataTable_filter)",function(obj){
|
|
var _data = {id:obj.data.id};
|
|
$.ajax({
|
|
type:"post",
|
|
url:"${ctx}/admin/data/region/update",
|
|
data:{id:obj.data.id,rgName:obj.value},
|
|
dataType:"json",
|
|
success:function(data){
|
|
if(data.status = true){
|
|
layer.msg("操作成功",{time:2000});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
table.on("tool(region_rg4_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/region/delete",
|
|
data:{id:row.data.id},
|
|
dataType:"json",
|
|
success:function(data){
|
|
if(data.status == true){
|
|
region_rg4_dataTable.reload({
|
|
url:"${ctx}/admin/data/region/list",
|
|
where:{pid:$("#region_detailForm_id").val(),rgLevel:"4"}
|
|
});
|
|
layer.close(index);
|
|
layer.msg("操作成功",{time:2000});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
//下辖信息详情的添加按钮=======================================================
|
|
$("#region_rg4Win_addBtn").click(function(){
|
|
var id = $("#region_rg4_id");
|
|
if(id.val() == ""){
|
|
id.focus();
|
|
layer.tips("请输入区划代码","#region_rg4_id_tips");
|
|
return false;
|
|
}
|
|
var rgName = $("#region_rg4_rgName");
|
|
if(rgName.val() == ""){
|
|
rgName.focus();
|
|
layer.tips("请输入区划名称","#region_rg4_rgName_tips");
|
|
return false;
|
|
}
|
|
var pid = $("#region_rg4_pid");
|
|
$.ajax({
|
|
type:"post",
|
|
url:"${ctx}/admin/data/region/add",
|
|
data:{id:id.val(),pid:pid.val(),rgName:rgName.val()},
|
|
dataType:"json",
|
|
success:function(data){
|
|
if(data.status == true){
|
|
region_rg4_dataTable.reload({
|
|
url:"${ctx}/admin/data/region/list",
|
|
where:{pid:pid.val(),rgLevel:"4"}
|
|
});
|
|
rgName.val("");
|
|
id.val("");
|
|
layer.msg("操作成功",{time:2000});
|
|
}else{
|
|
id.select();
|
|
layer.tips("区划代码重复，请核实。","#region_rg4_id_tips");
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|