代码提交

surprise

2024-01-08 7e6b37afd1295c71bca1de595426330aff88420d

 src/components/left/leftmenu.vue

@@ -1,15 +1,7 @@
<template>
  <div
    @click="showLeftMenu"
    :class="{ leftmenu: !isShowLeftPanel, leftmenu_active: isShowLeftPanel }"
    class="leftmenustyle"
  >
    <span
      class="closeLeftMenu"
      v-if="isShowLeftPanel"
      @click.stop="hideLeftMenu"
      >×</span
    >
  <div @click="showLeftMenu" :class="{ leftmenu: !isShowLeftPanel, leftmenu_active: isShowLeftPanel }"
    class="leftmenustyle">
    <span class="closeLeftMenu" v-if="isShowLeftPanel" @click.stop="hideLeftMenu">×</span>
    <img class="openLeftMenu" v-else src="@/assets/img/left/souselist4.png" />

    <div class="layerTreeContainer" v-show="isShowLeftPanel">
@@ -28,17 +20,8 @@
        <el-button size="small" @click="setTreeDataChange(2)">图层2</el-button>
      </div> -->
      <div class="layerTree">
        <el-tree
          :data="treeData"
          node-key="id"
          ref="tree"
          :default-checked-keys="arr"
          style="min-width: 160px"
          show-checkbox
          :render-content="renderContent"
          :default-expanded-keys="defaultExpanded"
          @check="check"
        ></el-tree>
        <el-tree :data="treeData" node-key="id" ref="tree" :default-checked-keys="arr" style="min-width: 160px"
          show-checkbox :render-content="renderContent" :default-expanded-keys="defaultExpanded" @check="check"></el-tree>
      </div>
    </div>
  </div>
@@ -57,6 +40,8 @@
import { getmenu } from "../../api/api";
import keys from "@/assets/poiKeys1";
import store from "@/utils/store";
import mapInfo from "../../assets/js/Layer/mapInfo";
import mapGeo from "../../assets/js/Layer/mapGeo";

let colorTool;
let projectTreeData = [];
@@ -840,6 +825,7 @@
      // 打勾选中
      let isCheck = data.checkedKeys.indexOf(treeNode.id) > -1;
      this.setVisiable(treeNode, isCheck);
      this.setGeoJSOnCheck(treeNode,isCheck);
      //选中之后传给vuex
      let selectedLayers = this.$refs.tree.getCheckedNodes();
      let filterSelectLayers = selectedLayers;
@@ -866,6 +852,11 @@
      // if (this.updateFlag) {
      return params;
      // }
    },
    setGeoJSOnCheck(treeNode, checked){
      if(!checked){
        mapGeo.delGeoSource(treeNode);
      }
    },
    setVisiable(treeNode, checked) {
      if (treeNode.sourceType == "BJ2000") {
@@ -1195,8 +1186,7 @@
              treeNode.name,
              {
                id: treeNode.id,
                url: `${treeNode.urls}/${treeNode.tile || "{z}/{x}/{y}"}.${
                  treeNode.img || "png"
                url: `${treeNode.urls}/${treeNode.tile || "{z}/{x}/{y}"}.${treeNode.img || "png"
                }`,
                enablePickFeatures: false,
                level: treeNode.Level,
@@ -1718,6 +1708,10 @@
            );
          }
          break;
        case 'GEOJSON':
          mapGeo.init(treeNode);
      
          break;
        case "wmse":
          // layer = sgworld.Creator.CreateWMSImageFeatureLayer(
          //   treeNode.name,
@@ -1736,6 +1730,12 @@
          //   true,
          //   function () {}
          // );
          var that = this;
          var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("", null, function (html) {
            // that.getFeatureInfo(html)
            mapInfo.Init(html)
          });

          layer = sgworld.Creator.createImageryProvider(
            treeNode.name,
            "wms",
@@ -1743,16 +1743,19 @@
              id: treeNode.id,
              url: treeNode.urls,
              level: treeNode.Level,
              zIndex: 999,
              minimumLevel: treeNode.minimumLevel,
              maximumLevel: treeNode.maximumLevel,
              enablePickFeatures: false,

              layers: treeNode.layer || "",
              alpha: treeNode.alpha,
              parameters: {
                format: "image/png",
                transparent: true,

              },
              enablePickFeatures: true,
              getFeatureInfoParameters: { info_format: 'text/html' },
              getFeatureInfoFormats: [getFeatureInfoFormat],
            },
            "0",
            undefined,
@@ -3041,6 +3044,7 @@
  background-image: url("~@/assets/img/new/treeClose-y.png");

}

.leftmenu {
  background-image: url("~@/assets/img/new/treeClose.png");
  background-size: 100% 100%;