业务图层显示隐藏标注

zhaoxing

2022-10-17 a1ecfc071c674b34804a422535bc8fb1ece9e1e4

 widgets/manageLayers_style/view.js

@@ -196,10 +196,11 @@
    if (treeNode.checked) {
      $("#" + treeNode.tId + "_range").show();
      $("#" + treeNode.tId + "_style").show();
      $("#" + treeNode.tId + "_prefix").show();
    } else {
      $("#" + treeNode.tId + "_range").hide();
      $("#" + treeNode.tId + "_style").hide();

      $("#" + treeNode.tId + "_prefix").hide();
    }

    //特殊处理同目录下的单选的互斥的节点，可在config对应图层节点中配置"radio":true即可
@@ -217,7 +218,7 @@
        treeObj.checkNode(nodes[nidx], false, true);

        $("#" + nodes[nidx].tId + "_range").hide();

        $("#" + nodes[nidx].tId + "_prefix").hide();
        var layertmp = layersObj[nodes[nidx].uuid];
        layertmp.show = false;
      }
@@ -250,11 +251,12 @@

  if (layer.hasOpacity) {
    var view = $("#" + tNode.tId);
    var silder = '<input id="' + tNode.tId + '_range" type="range" style="width: 50px;" />';
    var silder = '<input id="' + tNode.tId + '_range" type="range" style="width: 50px;" /> <input type="checkbox" id="' + tNode.tId + '_prefix" />';
    view.append(silder);

    if (!tNode.checked) {
      $("#" + tNode.tId + "_range").hide();
      $("#" + tNode.tId + "_prefix").hide();
    }

    $("#" + tNode.tId + "_range").range({
@@ -274,16 +276,11 @@
  if (layer.options.style_options) {
    var view = $("#" + tNode.tId);
    var radio_html = '<div id="' + tNode.tId + '_style" style="color: white;">';

    let item = layer.options.style_options;

    for (var i = 0, len = item.length; i < len; i++) {

      radio_html += '<span class="button level1 switch center_docu" ></span><label><input type="radio" name="' + tNode.tId + '_style" value="'+item[i]+'" ' + (item[i] ==  layer.options.style_selected ? "checked" : "") + '/><span>' + item[i].toUpperCase() + '</span></label></br>';

    }
    radio_html += '</div>';

    view.append(radio_html);

    if (!tNode.checked) {
@@ -296,14 +293,54 @@
        layer.options.parameters.styles = layer.options.style_prefix+this.value;
        layer.options.style_selected = this.value;
        layer.reload();
        //监测区域
      }else if (layer.options.id ==1001){
        layer.options.style_selected = this.value;
        layer.changeColor();
        //国控点
      }else if (layer.options.id ==1004){
        layer.options.style_selected = this.value;
        //移动监测点
      }
      //TODO
    });

    $('input[type=checkbox][id=' + tNode.tId + '_prefix]').click(function () {
      if ($(this).is(":checked")) {
        $('input[type=radio][name=' + tNode.tId + '_style]').change(function () {
          var layer = layersObj[tNode.uuid];
          if (layer.options.type =='wms'){
            layer.options.parameters.styles = 'visible_'+layer.options.style_prefix+this.value;
            layer.options.style_selected = this.value;
            layer.reload();
            //监测区域
          }else if (layer.options.id ==1001){
            layer.options.style_selected = this.value;
            layer.changeColor();
            //国控点
          }else if (layer.options.id ==1004){
            layer.options.style_selected = this.value;
            //移动监测点
          }
        });
      }else {
        $('input[type=radio][name=' + tNode.tId + '_style]').change(function () {
          var layer = layersObj[tNode.uuid];
          if (layer.options.type =='wms'){
            layer.options.parameters.styles = layer.options.style_prefix+this.value;
            layer.options.style_selected = this.value;
            layer.reload();
            //监测区域
          }else if (layer.options.id ==1001){
            layer.options.style_selected = this.value;
            layer.changeColor();
            //国控点
          }else if (layer.options.id ==1004){
            layer.options.style_selected = this.value;
            //移动监测点
          }
        });
      }
    })
  }

  $("#treeOverlays").each(function(){