$(function () {
|
$("#jqGrid").jqGrid({
|
url: restServerBaseURL + 'org/region/list',
|
datatype: "json",
|
colModel: [
|
{ label: '区划名称', name: 'regionname', index: 'REGIONNAME', width: 50,align:'center' },
|
{ label: '编码', name: 'regionid', index: 'REGIONID', width: 50, key: true ,align:'center'},
|
{ label: '行政区划代码', name: 'regioncode', index: 'REGIONCODE', width: 50,align:'center' },
|
{ label: '审批级别', name: 'approvelevel', index: 'APPROVELEVEL', width: 50,align:'center',
|
formatter: function(value, grid, rows, state) {
|
var spjb = rows.approvelevel;
|
if(spjb == "A") {
|
return "国家级";
|
} else if(spjb == "B") {
|
return "省级";
|
} else if(spjb == "C"){
|
return "市级";
|
}else if(spjb == "D"){
|
return "区县级";
|
}else{
|
return "";
|
}
|
}
|
},
|
{ label: '操作', width: 50,align:'center',sortable:false,formatter:function(value,grid,rows,state){
|
var regionid=rows.regionid;
|
var pid = rows.parentid;
|
var html="";
|
if(hasPermission('org:region:edit')){
|
html += '<input type="button" style="padding:3px 6px;margin-right: 5px;" class="btn btn-warning" onclick="vm.update(\'' + regionid +'\')" value="编辑">';
|
html += '<input type="button" style="padding:3px 6px;margin-right: 5px;" class="btn btn-success" onclick="vm.addchild(\'' + regionid +'\')" value="新增">';
|
html += '<input type="button" id="del" class="btn btn-danger" value="删除" style="padding:3px 6px;" onclick="vm.del(\'' + regionid + '\')">';
|
}
|
return html;
|
}
|
}
|
],
|
viewrecords: true,
|
height: "auto",
|
rowNum: 10,
|
//rowList : [10,30,50],
|
rownumbers: true,
|
rownumWidth: 50,
|
autowidth:true,
|
|
pager: "#jqGridPager",
|
jsonReader : {
|
root: "page.list",
|
page: "page.currPage",
|
total: "page.totalPage",
|
records: "page.totalCount"
|
},
|
prmNames : {
|
page:"page",
|
rows:"limit",
|
order: "order"
|
},
|
gridComplete:function(){
|
//隐藏grid底部滚动条
|
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
|
// $("#jqGrid").jqGrid('setGridWidth', $("#rapp").width()-0.1);
|
},
|
onSortCol:function(index,colindex,sortorder){
|
jQuery("#jqGrid").jqGrid('setGridParam',{
|
page:$(".ui-pg-input").val()
|
});
|
}
|
});
|
$("#jqGrid").jqGrid('setLabel','rn','序号',{'text-align':'center'},'');
|
initTree();
|
|
//初始化高度
|
$(".left_div").css('min-height',($(window).height() *0.99)+'px');
|
//当文档窗口发生改变时 触发
|
$(window).resize(function () {
|
$(".left_div").css('min-height',($(window).height() *0.99)+'px');
|
});
|
});
|
|
var ztree;
|
var setting = {
|
data: {
|
simpleData: {
|
enable: true,
|
idKey: "regionid",
|
pIdKey: "parentid",
|
rootPId: "000000",
|
},
|
key: {
|
url:"nourl",
|
name:"regionname"
|
},
|
},
|
callback: {
|
onClick:zTreeOnClick
|
}
|
};
|
|
var vm = new Vue({
|
el:'#rapp',
|
data:{
|
showList: true,
|
title: null,
|
region: {}
|
},
|
methods: {
|
query: function () {
|
var spjb = "";
|
$("input[name = 'approvelevel']:checked").each(function(){
|
spjb += $(this).val()+",";
|
});
|
vm.region.regionname = $("#regionname").val();
|
vm.region.approvelevel = spjb.substring(0,spjb.length-1);
|
vm.reload();
|
},
|
add: function(){
|
window.open(baseURL + "admin/modules/org/region_edit.html?Id=&parentid=", "_blank");
|
},
|
addchild:function(regionid){
|
window.open(baseURL + "admin/modules/org/region_edit.html?Id=&parentid="+regionid, "_blank");
|
},
|
update: function (regionid) {
|
window.open(baseURL + "admin/modules/org/region_edit.html?Id="+regionid+"&parentid=", "_blank");
|
},
|
del: function (regionid) {
|
confirm('确定要删除选中的记录?', function(){
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + "org/region/delete",
|
contentType: "application/json",
|
data: "[\""+regionid+"\"]",
|
success: function(r){
|
if(r.code == 0){
|
alert('操作成功', function(){
|
vm.refresh();
|
});
|
}else{
|
alert(r.msg);
|
}
|
}
|
});
|
});
|
},
|
reload: function () {
|
vm.showList = true;
|
var page = $("#jqGrid").jqGrid('getGridParam','page');
|
//点击查询时,当前页数设置为第一页。
|
$("#jqGrid").jqGrid('setGridParam',{
|
url: restServerBaseURL + 'org/region/list',
|
postData:{'regionname':vm.region.regionname,'approvelevel':vm.region.approvelevel},page:1
|
}).trigger("reloadGrid");
|
},
|
refresh: function () {
|
vm.showList = true;
|
window.location.reload();
|
}
|
}
|
});
|
|
//初始化树
|
function initTree(){
|
//加载菜单树
|
$.get(restServerBaseURL + "org/region/queryUnitTreeList", function(r){
|
ztree = $.fn.zTree.init($("#menuTree"), setting, r.regionList);
|
var node = ztree.getNodeByParam("regionid", "000000");
|
ztree.selectNode(node);
|
});
|
}
|
|
var selecttreeid="000000"; //用于排序时要列的parentid值
|
|
//树点击事件
|
function zTreeOnClick(event,treeId,treeNode){
|
|
if (treeNode.parentid == -1) {//全国
|
vm.reload();
|
selecttreeid="000000";
|
}else{
|
selecttreeid=treeNode.regionid;
|
showTreeChildList(treeNode.regionid);
|
}
|
}
|
|
|
//根据树节点加载右侧列表
|
function showTreeChildList(id){
|
var page = $("#jqGrid").jqGrid('getGridParam','page');
|
$("#jqGrid").jqGrid('setGridParam',{
|
url:restServerBaseURL+"org/region/queryTreeChildList",
|
postData:{regionid:id},
|
page:1
|
}).trigger("reloadGrid");
|
}
|
|
//排序列表
|
function ShowOrderList()
|
{
|
$.ajax({
|
type: "GET",
|
url: restServerBaseURL + "org/region/queryListByParentid?parentid="+selecttreeid,
|
contentType: "application/json",
|
success: function(msg) {
|
jQuery("#orgregion_order").empty();
|
var orgregionList = msg.OrgRegionList;
|
jQuery.each(orgregionList, function(i, item) {
|
jQuery("#orgregion_order").append("<option rorder="+item.rorder+" value=" + item.regionid + ">" + item.regionname + "</option>");
|
});
|
$("#orgregion_order").attr("size", 15);
|
}
|
});
|
}
|
|
function UpdateOrder(type){
|
// var valueids="";
|
// var sorts = "";
|
if ($("#orgregion_order option:selected").length == 0) {
|
alert("请选择节点!");
|
return false;
|
}
|
if ($("#orgregion_order option:selected").length >1) {
|
alert("请选择一个节点!");
|
return false;
|
}
|
// valueids = $("#orgregion_order option:selected").attr("value") +",";
|
if (type == 'up') {//升序
|
if ($("#orgregion_order option:selected").prev().length == 0) {
|
alert("已经是最上了!");
|
return false;
|
}else{
|
// valueids += $("#orgregion_order option:selected").prev().attr("value");
|
// sorts = $("#orgregion_order option:selected").prev().attr("rorder")+",";
|
$('#orgregion_order option:selected').insertBefore($('#orgregion_order option:selected').prev());
|
}
|
}else if(type == 'down'){//降序
|
if ($("#orgregion_order option:selected").next().length == 0) {
|
alert("已经是最下了!");
|
return false;
|
}else{
|
// valueids += $("#orgregion_order option:selected").next().attr("value");
|
// sorts = $("#orgregion_order option:selected").next().attr("rorder")+",";
|
$('#orgregion_order option:selected').insertAfter($('#orgregion_order option:selected').next());
|
}
|
}
|
else if(type == 'allup') {
|
if ($("#orgregion_order option:selected").prev().length == 0) {
|
alert("已经是最上了!");
|
return false;
|
}else{
|
$('#orgregion_order option:selected').insertBefore($('#orgregion_order option').first());
|
}
|
}
|
else if(type == 'alldown') {
|
if ($("#orgregion_order option:selected").next().length == 0) {
|
alert("已经是最下了!");
|
return false;
|
}else {
|
$('#orgregion_order option:selected').insertAfter($('#orgregion_order option').last());
|
}
|
}
|
// sorts+=$("#orgregion_order option:selected").attr("rorder");
|
|
}
|
|
function submitOrder() {
|
var valueids="";
|
$("#orgregion_order option").each(function () {
|
if(valueids != "") valueids+=",";
|
valueids += $(this).attr("value");
|
});
|
$.ajax({
|
type: "POST",
|
url: restServerBaseURL + "org/region/updateRorder",
|
contentType: "application/json",
|
data: JSON.stringify({valueids:valueids}),
|
success: function (r) {
|
if(r.code === 0) {
|
alert('保存成功!');
|
ShowOrderList();
|
vm.reload();
|
}
|
else {
|
alert(r.msg);
|
}
|
// if (r.code === 0) {
|
// //ShowOrderList();
|
// var thisOption = $("#orgregion_order option:selected");
|
// var upOption = $("#orgregion_order option:selected").prev();
|
// var nextOption = $("#orgregion_order option:selected").next();
|
// $("#orgregion_order option").each(function(){
|
// if ($(this).attr("value") == $(thisOption).attr("value")) {
|
// $(this).remove();
|
// }
|
// if(type == 'up'){
|
// if($(this).attr("value") == $(upOption).attr("value")){
|
// $(this).before("<option selected='selected' rorder='"+
|
// $(this).attr("rorder")+"' value='"+
|
// $(thisOption).attr("value")+"'>"+
|
// $(thisOption).text()+"</option>");
|
// $(this).attr("rorder",$(thisOption).attr("rorder"));
|
// }
|
// }else{
|
// if($(this).attr("value") == $(nextOption).attr("value")){
|
// $(this).after("<option selected='selected' rorder='"+
|
// $(this).attr("rorder")+"' value='"+
|
// $(thisOption).attr("value")+"'>"+
|
// $(thisOption).text()+"</option>");
|
// $(this).attr("rorder",$(thisOption).attr("rorder"));
|
// }
|
// }
|
// })
|
// } else {
|
// alert(r.msg);
|
// }
|
}
|
});
|
}
|