~admin/lanbase.git

 
 
window.sgworld = new SmartEarth.SGWorld("cesiumContainer", Cesium, "./SmartEarthSDK/Cesium/Widgets/Images/ImageryProviders/earth.jpg",
  null,
  function () {
    // 加载Arcgis地图
    var dx = {
      url: "http://71.3.110.200:6080/arcgis/rest/services/BaseMap_Remote_WGS1984_Mercator2019/ImageServer",
      enablePickFeatures: false,
    };
    sgworld.Creator.createArcGisImageryLayer("ARCGIS", dx, "0", 1, true, "");
  }
);
var arr = [], obj = {}, zTreeObj,nNodes;
let url = "http://71.3.21.231:6080/arcgis/rest/services/DJBD_DN/YX2019NEW/ImageServer"
$(initTreeDom())
var setting = {
  async: {
    enable: true
  },
  data: {
    view: {
      showLine: false,
 
    },
    simpleData: {
      enable: true, //开启简单数据模式
      // idkey: 'id',
      // pIdkey: "parentLayerId",//节点数据中保存其父节点唯一标识的属性名称
      // rootPid: 't1',
    },
    // key: {
    //     name: 'menuName'
    // }
  },
  view: {
    addHoverDom: addHoverDom,
    removeHoverDom: removeHoverDom,
  },
  edit: {
    enable: true,
    showRemoveBtn: false,
    showRenameBtn: false,
  },
 
  check: {
    enable: true, //开启复选框
    chkStyle: 'checkbox',
    chkboxType: {
      "Y": "ps",
      "N": "ps"
    },
    // nocheckInherit: true
  },
  callback: {
    onCheck: NodeCheckEvent,
    onClick: ClickEvent,
    beforeRightClick: zTreeBeforeRightClick,
    // addDiyDom: addDiyDom
  }
}
 
 
// 查询专题菜单,初始化树结构
function initTreeDom() {
  GetAjax(IPurl + "/spcData/queryMenu", "", function (params) {
 
    if (params.Menu) {
      params.Menu.map(function (item) {
        if (item.pId == 0) {
          item['isParent'] = true;
        }
      })
      nNodes = params.Menu;
      zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, params.Menu) //初始化树
      // zTreeObj.expandAll(true)
    }
  })
}
// var nodes = [
//     {id:1, pId:0, name: "父节点1"},
//     {id:11, pId:1, name: "子节点1"},
//     {id:12, pId:1, name: "子节点2"}
// ];
// zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, nodes) //初始化树
 
// function initTreeDom() {
 
 
// }
 
 
function PostAjax(url, data, callback) {
  $.ajax({
    url: url,
    type: "POST",
    data: data,
    dataType: "JSON",
    contentType: "application/json;charset=UTF-8",
    success: function (data) {
      callback && callback(data)
    },
  })
}
function GetAjax(url, data, callback) {
  $.ajax({
    url: url,
    type: "get",
    data: data,
    dataType: "JSON",
    contentType: "application/json;charset=UTF-8",
    success: function (data) {
      callback && callback(data)
    }, error: function (e) {
      console.log(e);
    }
  })
}
// 树的勾选事件
function NodeCheckEvent(e, treeId, treeNode) {
  console.log(treeNode);
  let obj = {
    url: 'http://71.3.110.202:6080/arcgis/rest/services/HYHD/HAX/MapServer/0'
    // url:treeNode.url
  }
  // 父节点
  if (treeNode.isParent && treeNode.checked) {
    EachChildNode(treeNode, addLayer)
  }
 
  if (treeNode.isParent && treeNode.checked == false) {
    EachChildNode(treeNode, Removelayer)
  }
  // 子节点
  if (treeNode.isParent == false && treeNode.checked) {
    EachChildNode(treeNode, addLayer)
  }
 
  if (treeNode.isParent == false && treeNode.checked == false) {
    EachChildNode(treeNode, Removelayer)
  }
}
 
 
function EachChildNode(node, callback) {
  // console.log(node.name);
  if (node.children) {
    node.children.map(function (item) {
      EachChildNode(item)
    })
  } else {
 
 
    //查询元数据主要是服务地址
    queryMetaDataSome(node.id, node.name, function (params) {
      if(!params)
      {
        layer.msg("元数据为空");
        return;
      }
      var url = JSON.parse(params.metadata)["服务地址"];
      if (url) {
        let obj = {
          // url: 'http://71.3.110.202:6080/arcgis/rest/services/HYHD/HAX/MapServer/0'
          url: url
        }
        callback && callback(obj)
      }
      else {
        layer.msg("数据服务地址为空或格式不对!");
      }
    });
  }
}
 
function ClickEvent(event, treeid, treeNode) {
  if (treeNode.isParent) return;
  if (treeNode.pId == null) {
    $('.tab').hide()
    return
  }
  $('.tab').show()
  //查询元数据
  querymetadata(treeNode.id, treeNode.name)
  $('.tab table').attr('data-treeid', treeNode.id)
}
 
var template = `
<tr><td><input type="text" value="名称"/></td><td contenteditable="true" style="border: solid gray 1px;" ><input type="text" placeholder="请输入元数据值"/></td><td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="地理位置"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td><td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="水深覆盖范围"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td><td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="时间覆盖范围"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td><td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="专题分类"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="时空分辨率"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="摘要说明"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="访问限制"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="使用限制"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="坐标系"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="要素类型"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="要素个数"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="更新频率"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
<tr><td><input type="text" value="服务地址"/></td><td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td> <td class="DelTr"><button>-</button></td></tr>
 
`;
 
// var template = `
// <tr><td>数据名称</td><td contenteditable="true" style="border: solid gray 1px;" ></td><td class="DelTr">删除</td></tr>
// <tr><td>制作人</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>录入时间</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>数据类型</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>数据来源</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>面积</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>长度</td><td contenteditable="true" style="border: solid gray 1px;"></td><td class="DelTr">删除</td></tr>
// <tr><td>数据服务地址</td><td contenteditable="true" style="border: solid gray 1px;"></td> <td class="DelTr">删除</td></tr>
// `
 
/**
 * 获取元数据的某个
 * @param {*} params 
 * @param {*} name 
 */
function queryMetaDataSome(params, name, fun) {
  let tabdata = {
    "menuId": params,
    "metadata": ''
  }
 
  PostAjax(IPurl + '/spcData/queryMetaData', JSON.stringify(tabdata), function (params) {
    if (params.data == null) {
      $('#metadata>tbody').empty()
    }
    fun(params.data)
  })
}
/**
 * 获取元数据填充到列表
 * @param {*} params 
 * @param {*} name 
 */
function querymetadata(params, name) {
  let tabdata = {
    "menuId": params,
    "metadata": ''
  }
  $('#metadata>thead').empty().append(` <tr>
    <th>元数据名称</th>
    <th>元数据值</th>
    <th>操作</th>
         </tr>`)
  PostAjax(IPurl + '/spcData/queryMetaData', JSON.stringify(tabdata), function (params) {
    if (params.data == null) {
      $('#metadata>tbody').empty()
    }
    if (params.code == 0 && params.data && params.data.metadata) {
      $('#metadata>tbody').empty()
      let object = JSON.parse(params.data.metadata);
      for (const key in object) {
        if (object.hasOwnProperty(key)) {
          const element = object[key];
          let temp = ` <tr>
                    <td contenteditable="true"><input type="text" value="${key}" placeholder="请输入元数据名称"/></td>
                    <td contenteditable="true" style="border: solid gray 1px;"><input type="text" value="${element}" placeholder="请输入元数据值"/></td>
                    <td class="DelTr"><button>-</button></td>
                    </tr>`
          $('#metadata>tbody').append(temp)
        }
      }
    } else {
      $('#metadata>tbody').append(template)
      console.warn("请求元数据服务出错!");
    }
  })
 
}
// 添加表格数据
function addtabtr() {
  $('#metadata>tbody').append(`<tr>
    <td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据名称"/></td>
    <td contenteditable="true" style="border: solid gray 1px;"><input type="text" placeholder="请输入元数据值"/></td>
    <td class="DelTr"><button>-</button></td>
        </tr>`);
  $('#metadata>tbody')[0].scrollTop = $('#metadata>tbody')[0].scrollHeight;
}
 
// 左键取消menu显示
document.addEventListener("click", function () {
  $('.rkeymenu').css("display", 'none');
});
 
 
// 获取鼠标当前位置的函数
function getMousePos(event) {
  var event = event || window.event;
  let obj = $('#leftwindow')[0];
  let x = event.clientX - obj.offsetLeft
  let y = event.clientY;
  return {
    'x': x,
    'y': y
  };
}
 
// 禁用鼠标右键事件
// document.oncontextmenu = function (event) {
//     event.returnValue = false;
// }
document.getElementById("treeDemo").oncontextmenu = function (event) {
  posobj1 = getMousePos();
  $('.rkeymenu').css({
    "display": 'block',
    "top": posobj1.y,
    "left": posobj1.x
  });
  $('#pzstyle2,#pzstyle3').hide()
  event.returnValue = false;
 
 
}
var uid, newarr = [], currentNode, posobj1;
//右键点击之前的事件
function zTreeBeforeRightClick(treeId, treeNode) {
  console.log(treeNode);
  var treeobj = $.fn.zTree.getZTreeObj("treeDemo")
  var curnode = treeobj.getNodes()
  if (curnode.length > 0) {
    treeobj.selectNode(treeNode)
  }
  var nodes = treeobj.transformToArray(treeNode)
  newarr = nodes.map(params => {
    return params.id
  })
  if (treeNode == null || treeNode == '') {
    //非节点时
    posobj1 = getMousePos();
    $('.rkeymenu').css({
      "display": 'block',
      "top": posobj1.y,
      "left": posobj1.x
    });
    $('#pzstyle2,#pzstyle3').hide()
    uid = 0
  } else {
    //选中文字时
    posobj1 = getMousePos();
    $('#pzstyle2,#pzstyle3').show()
    $('.rkeymenu').css({
      "display": 'block',
      "top": posobj1.y,
      "left": posobj1.x
    });
    uid = treeNode.id
    currentNode = treeNode
  }
};
 
 
$(document).on('click', '.close>span', function (params) {
  $('.tab').hide()
})
 
 
$(document).on('click', '.rkeymenu>ul>li', function (params) {
  let menuItem = $(this).text()
  switch (menuItem) {
    case '增加节点':
      addmenu();
      break;
    case '删除节点':
      Delmenu();
      break;
    case '修改节点':
      modeifyinputposition();
      break;
  }
})
function addmenu(menuname) {
  $('.renamebox2').show()
}
// 增加节点
function addMenuNode(params) {
  if (uid == "" || uid == null || uid == undefined) {
    uid = 0
  }
  debugger
  PostAjax(IPurl + '/spcData/addMenu', JSON.stringify({
    "metadataId": 0,
    "name": params,
    "pId": uid,
    "tableName": "123",
    "type": 0
  }), function (data) {
    if (data.code == 0) {
      debugger
      // initTreeDom()
    } else {
      console.warn('节点添加服务出错!');
    }
  })
}
 
function Delmenu() {
  PostAjax(IPurl + '/spcData/delMenu', JSON.stringify(newarr), function (data) {
    if (data.code == 0) {
      // initTreeDom()
      var nodes = zTreeObj.getSelectedNodes();
      var silent = false;
      var type = "refresh";
      zTreeObj.reAsyncChildNodes(nodes[0], type, silent);
    } else {
      console.log('删除失败!')
    }
  })
}
function updatemenu(x) {
  debugger
  currentNode.name = x
  PostAjax(IPurl + '/spcData/modifySpcDataMenu', JSON.stringify(currentNode), function (data) {
    if (data.code == 0) {
      
      var nodes = zTreeObj.getSelectedNodes();
      var silent = false;
      var type = "refresh";
      zTreeObj.reAsyncChildNodes(nodes[0], type, silent);
 
      // initTreeDom()
    } else {
      console.warn('更新菜单服务报错!');
    }
  })
}
$(".renamebox input").bind("keypress", function (event) {
  if (event.keyCode == "13") {
    let modname = $(this).val().trim()
    if (modname == '') {
      console.log('名称为空!')
    } else {
      updatemenu(modname)
      $(".renamebox").hide()
      $(".renamebox input").val('')
    }
  }
})
$(document).bind("keyup", function (event) {
  if (event.keyCode == "27") {
    $(".renamebox,.renamebox2").hide()
  }
})
 
 
 
 
 
 
$(".renamebox button").click(function (event) {
  let modname = $('.renamebox input').val().trim()
  if (modname == '') {
    console.log('名称为空!')
  } else {
    updatemenu(modname)
    $(".renamebox").hide()
    $(".renamebox input").val('')
  }
})
$(".renamebox2 input").bind("keypress", function (event) {
  if (event.keyCode == "13") {
    let menuname = $('.renamebox2 input').val().trim()
    if (menuname == '') {
      console.log('名称为空!')
    } else {
      addMenuNode(menuname)
      $(".renamebox2").hide()
      $(".renamebox2 input").val('')
    }
  }
})
$(".renamebox2 button").click(function () {
  let menuname = $('.renamebox2 input').val().trim()
  if (menuname == '') {
    console.log('名称为空!')
  } else {
    addMenuNode(menuname)
    $(".renamebox2").hide()
    $(".renamebox2 input").val('')
  }
})
 
function modeifyinputposition(params) {
  $('.renamebox').show()
}
// 获取元数据表格内容
function submitmetadata(params) {
  arr = [], obj = {}
  var mytable = document.getElementById('metadata')
  for (let i = 1, rows = mytable.rows.length; i < rows; i++) {
    for (let j = 0, cells = mytable.rows[i].cells.length; j < cells; j++) {
      if (j > 1) {
        break
      } else {
        arr.push(mytable.rows[i].cells[j].children[0].value)
        // arr.push(mytable.rows[i].cells[j].innerHTML)
      }
    }
  }
  for (let i = 0; i < arr.length; i = i + 2) {
    obj[arr[i]] = arr[i + 1]
  }
  return JSON.stringify(obj)
}
 
// 提交元数据
function submitfunc() {
  let treeid = $('.tab table').attr('data-treeid')
  console.log(submitmetadata());
  let tabdata = {
    "menuId": treeid,
    "metadata": submitmetadata()
  }
  PostAjax(IPurl + '/spcData/addMetaData', JSON.stringify(tabdata), function (data) {
    if (data.code == 0) {
      // initTreeDom()
      //$('.tab').hide();
      layer.msg('添加成功')
    } else {
      console.log('提交失败!')
    }
  })
}
// 删除表格tr(当前点击行)
$(document).on('click', '.DelTr button', function () {
  $(this).parent().parent().remove()
})
//关闭统计图表
$(document).on('click', '.switchBtn', function () {
  $('.echartsbox').hide()
})
// 专题数据统计
PostAjax(IPurl + '/spcData/statistics', '', function (data) {
  if (data.code == 500) {
    console.log(data.msg);
    return
  }
  let tem = `<p>专题数据共收录${data.data['总数据']}条数据，其中内部数据${data.data['内部']}条，外部数据${data.data['外部']}条，点状数据${data.data['点状']}条，线状数据${data.data['线状']}条，面状数据${data.data['面状']}条。总面积为${data.data['面积']}平方千米，总长度为${data.data['长度']}千米.</p>`
  $('.ztsjInfo').append(tem)
})
 
 
//服务加载
function LoadLayer(params) {
 
}
//    //添加地形
//  var option = {
//     requestVertexNormals: true,
//     url: "http://36.7.136.132:11080/china/"
// };
// sgworld.Creator.createTerrain("默认地形", option, "0", true, "");
 
//图层创建
var Existimglayer = [],
  ExistimglayerId = []
var viewer = window.sgworld.Viewer
function addLayer(option) {
 
  var urlStr = option.url;
  var layerId = "";
  // requestLegend(urlStr, option.div);
  var lastStr = urlStr.substring(urlStr.lastIndexOf("/"));
  if (lastStr == "WMSServer" || lastStr == "WFSServer" || lastStr == "MapServer") {
    urlStr = urlStr;
  } else {
    layerId = lastStr.substring(1);
    urlStr = urlStr.substring(0, urlStr.lastIndexOf('/'));
  }
 
  if (option.id != undefined) {
    layerId = option.id
  }
 
  if (typeof layerId != 'object') {
    layerId = [layerId]
  }
 
 
  var layer = new Cesium.ArcGisMapServerImageryProvider({
    url: urlStr,
    layers: layerId,
    // enablePickFeatures: false
  });
  var imaglayer = new Cesium.ImageryLayer(layer, {})
  Existimglayer.push(imaglayer)
  viewer.imageryLayers.add(imaglayer);
};
 
//图层删除
function Removelayer(option) {
  if (option.id == undefined) {
    Existimglayer.forEach(function (params) {
      if (option.url.includes(params.imageryProvider.url)) {
        viewer.imageryLayers.remove(params);
      }
    })
  } else {
    Existimglayer.forEach(function (params) {
      if (params.imageryProvider.layers == option.id) {
        viewer.imageryLayers.remove(params);
      }
    })
  }
}
 
// 添加自定义控件事件
 
function addHoverDom(treeId, treeNode) {
  if (treeNode.pId == null && treeNode.isParent == true) {
    return;
  }
  // var aObj = $("#" + treeNode.tId);
  var aObj = $("#" + treeNode.tId + "_a");
  // if ($("#diyBtn_" + treeNode.id).length > 0) return;
  if ($("#diyBtn_space_" + treeNode.id).length > 0) return;
  var editStr = `<img class='diyBtn1' src="./js/ztreev3/css/zTreeStyle/img/diy/search.png" id="diyBtn_space_${treeNode.id}" title="表格查询" onclick="DivEventClick()"> `
  // var editStr = "<span class='diyBtn1' id='diyBtn_space_" + treeNode.id + "' ></span>"
  // + "<button type='button'  id='diyBtn_" + treeNode.id
  // + "' title='" + treeNode.name + "' onclick='DivEventClick();'></button>";
  aObj.append(editStr);
  // var btn = $("#diyBtn_"+treeNode.id);
  // if (btn) btn.bind("click", function(){console.log("diy Button for " + treeNode.name);});
};
// 移除自定义控件事件
function removeHoverDom(treeId, treeNode) {
  $("#diyBtn_space_" + treeNode.id).unbind().remove();
};
 
 
function DivEventClick(params) {
  event.stopPropagation()
  // (title, width, height, src) 
  diaLog.diaLogWincenter('表格', 800, 600, '../html/table.html')
}