import { get_source_list } from "../../api/gisAPI";

const test = {
  data() {
    return {
      earthsDom: ["earth", "map2d"],
    };
  },
  mounted() {},
  methods: {
    callback(Event) {
      console.log(Event);
      this.earthsDom.forEach((dom) => {
        $("#" + dom).removeClass("selectedEarthCss");
      });
      $("#" + Event.path[4].id).addClass("selectedEarthCss");

      if (Event.path[4].id == "earths") {
        window.Earth1 = window.Earths;
        copy(window.right_entityMap);
      } else {
        window.Earth1 = window.Earth;
        copy(window.left_entityMap);
      }

      function copy(map) {
        if (map == "undefined") {
          map = new Map();
        }
        window._entityMap.clear();
        // empty = null
        window._entityMap = new Map([...map]);
        console.log("copy之后");
        console.log(_entityMap);
        console.log(right_entityMap);
        // console.log(Earth1)
        // console.log(Earth)
        // console.log(Earths)
      }
    },
    tongbu() {
      let _this = this.$refs.tree;

      // this.$refs.tree.
      // $("#earths").click()
      window.Earth1 = window.Earths;
      $("#earths").addClass("selectedEarthCss");
      $("#earth").removeClass("selectedEarthCss");
      get_source_list().then((response) => {
        if ([0, 200].includes(response.code)) {
          let data = JSON.parse(JSON.stringify(response.data.list || []));
          data.sort(_this.keysort("tree_index"));
          //给node设置树形如icon；是否允许添加子节点，以及右键菜单

          if (window.right_entityMap == "undefined")
            window.right_entityMap = new Map();

          console.log("被同步的数据", data);
          console.log("被同步的数据", window.Earth1);
          console.log("window.right_entityMap", window.right_entityMap);
          data.forEach((node) => {
            console.log(
              "node.source_type",
              node.source_type,
              [
                "point",
                "line",
                "panel",
                "circle",
                "attackArrow",
                "pincerArrow",
                "groundImage",
                "layer",
                "ArcgisWXImagery",
              ].includes(node.source_type)
            );

            if (
              !window.right_entityMap.get(node.source_id) &&
              [
                "model",
                "point",
                "line",
                "panel",
                "circle",
                "attackArrow",
                "pincerArrow",
                "groundImage",
                "layer",
                "ArcgisWXImagery",
              ].includes(node.source_type)
            ) {
              if (node.detail) node.detail = JSON.parse(node.detail);

              //设置树上图标，并渲染到地球上
              _this.setOptions(node);
            }
          });
          if (window.right_entityMap == "undefined")
            window.right_entityMap = new Map();
          window.right_entityMap = new Map([...window._entityMap]);
        }
      });
    },
    /*  twoscreen() {

        // window.earth = null
        //

        this.$changeComponentShow(".tongbu", true)

        this.halfEarth = !this.halfEarth

        console.log(this.halfEarth)
        if (this.halfEarth) {
          $("#earth").addClass("halfEarth")
          $("#earths").addClass("halfEarth")
          $("#earths")[0].style.left = "50%"


          let earths = new YJ.YJEarth('earths')
          // YJ.setSecondEarth(earths.earth)
          // earths.earth.czm.viewer.scene.mode = Cesium.SceneMode.SCENE2D
          // earths.earth.czm.viewer.scene.screenSpaceCameraController.enableTranslate = true
          window.Earths = earths
          // console.log("earth", earths)
          // console.log(
          //     earths.earth.sceneTree.$refs
          // )
          YJ.Global.setMode2D(earths.earth)

          $("#earth").addClass("selectedEarthCss")

          this.earthsDom.forEach(dom => {
            $("#" + dom)[0].addEventListener("click", this.callback, {capture: true})
          })

          window.right_entityMap = new Map()
          window.left_entityMap = new Map([...window._entityMap])
        } else {
          this.$changeComponentShow(".tongbu", false)
          this.earthsDom.forEach(dom => {
            $("#" + dom)[0].removeEventListener("click", this.callback, {capture: true})
            $("#" + dom).removeClass("halfEarth")
            $("#" + dom).removeClass("selectedEarthCss")
          })
          window._entityMap = window.left_entityMap
          window.Earth1 = window.Earth
          window.Earths.earth.destroy()
          $("#earths").empty();
          window.Earths = null
        }

      },*/
    tongbu2D() {
      let _this = $root_home_index.$refs.tree;
      get_source_list().then((response) => {
        if ([0, 200].includes(response.code)) {
          let data = JSON.parse(JSON.stringify(response.data.list || []));
          data.sort(_this.keysort("tree_index"));
          //给node设置树形如icon；是否允许添加子节点，以及右键菜单

          if (!window.right_entityMap) window.right_entityMap = new Map();

          console.log("被同步的数据", data);
          console.log("被同步的数据", window.Earth1);
          console.log("window.right_entityMap", window.right_entityMap);
          data.forEach((node) => {
            if (
              !window.right_entityMap.get(node.source_id) &&
              [
                "point",
                "line",
                "panel",
                "circle",
                "attackArrow",
                "pincerArrow",
                "layer",
              ].includes(node.source_type)
            ) {
              if (node.detail) node.detail = JSON.parse(node.detail);

              //设置树上图标，并渲染到地球上
              _this.setOptions2d(node);
            }
          });
          /*if (window.right_entityMap == 'undefined')
            window.right_entityMap = new Map()
          window.right_entityMap = new Map([...window._entityMap])*/
        }
      });
    },
    map2d() {
      console.log('window.splitScreen',window.splitScreen,'window.multiViewportMode',window.multiViewportMode);
      // 判断window.menuList是否存在
      if (window.checkAuthIsValid) {
        if (window.menuList) {
          let tool = window.menuList[5].list;
          tool.forEach((item) => {
            if (item.name == "splitScreen") {
              if (item.status == true) {
                item.status = false;
                this.halfEarth = false;
              }
            }
          });
        }
        this.halfEarth = !this.halfEarth;
        
        if (this.halfEarth) {
          YJ.Global.multiViewportMode.on(window.Earth1);
          window.multiViewportMode = true;
          window.splitScreen = false
        } else {
          YJ.Global.multiViewportMode.off(window.Earth1);
          window.multiViewportMode = false;
        }
      } else {
        this.$message({
          message: "您没有该功能的权限",
          type: "warning",
        });
      }

      // this.$changeComponentShow(".tongbu", true)
      // if (this.halfEarth) {
      //   $("#earth").addClass("halfEarth")
      //   $("#map2d").removeClass("zIndex1")
      //   $(".ol-control")[0].style.bottom = ".5em"
      //   $(".ol-zoom").css("top", '')
      // } else {
      //   this.$changeComponentShow(".tongbu", false)
      //   // $("#" + dom)[0].removeEventListener("click", this.callback, {capture: true})
      //   $("#earth").removeClass("halfEarth")
      //   $("#map2d").addClass("zIndex1")

      // }
      /* this.$changeComponentShow(".tongbu", true)
       this.halfEarth = !this.halfEarth

       console.log(this.halfEarth)
       if (this.halfEarth) {
         $("#earth").addClass("halfEarth")
         $("#map2d").addClass("halfEarth")
         $("#map2d")[0].style.left = "50%"
         // window.map2d = new YJMap.Map("map2d")
         /!* new YJMap.Obj.Tms(map2d, {
            url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer',
          })*!/

         /!* const projection = new ol.proj.Projection({
            code: 'EPSG:4326',
            extent: [-180, -90, 180, 90],
            metersPerUnit: 2 * Math.PI * 6378137 / 360
          })
          let GGLWLayer = new ol.layer.Tile({

            source: new ol.source.XYZ({
              attributions:
                  'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/' +
                  'rest/services/World_Topo_Map/MapServer">ArcGIS</a>',
              url:
                  'https://server.arcgisonline.com/ArcGIS/rest/services/' +
                  'World_Topo_Map/MapServer/tile/{z}/{y}/{x}',
            }),
            /!* source: new ol.source.XYZ({
               url: "http://t4.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}&tk=d0cf74b31931aab68af181d23fa23d8d"
             }),
             visible: false*!/
          })
          window.Map = new ol.Map({
            target: "map2d",
            layers: [
              GGLWLayer
            ],
            view: new ol.View({
              center: [106.814931000, 34.945231000, 16000],
              projection: projection,
              minZoom: 4,
              maxZoom: 21,
              // extent : maxExtent, //限定到地图视图拖动范围
              zoom: 5 // 地图初始化的缩放级别
            })
          })*!/

         $(".ol-control")[0].style.bottom = ".5em"
         $(".ol-zoom").css("top", '')

       } else {
         this.$changeComponentShow(".tongbu", false)
         this.earthsDom.forEach(dom => {
           $("#" + dom)[0].removeEventListener("click", this.callback, {capture: true})
           $("#" + dom).removeClass("halfEarth")
           $("#" + dom).removeClass("selectedEarthCss")
         })
         // window._entityMap = window.left_entityMap
         // window.Earth1 = window.Earth
         // window.Earths.earth.destroy()
         // window.map2d.map.setTarget(null);
         // window.map2d.map.dispose();
         // $("#map2d").empty();
         // window.Earths = null
         // window._rightMap.clear()
       }*/
    },
    testglb() {
      // let rocketPrimitive: Cesium.Model
      let position = Cesium.Cartesian3.fromDegrees(
        106.31598580143364,
        29.62610729142745,
        264.2444551526038
      );
      const hpRoll = new Cesium.HeadingPitchRoll();
      const fixedFrameTransform = Cesium.Transforms.localFrameToFixedFrameGenerator(
        "north",
        "west"
      );
      const rocketPrimitive = window.Earth1.earth._viewer.scene.primitives.add(
        Cesium.Model.fromGltf({
          url: "https://assets.agi.com/models/launchvehicle.glb",
          modelMatrix: Cesium.Transforms.headingPitchRollToFixedFrame(
            position,
            hpRoll,
            Cesium.Ellipsoid.WGS84,
            fixedFrameTransform
          ),
          minimumPixelSize: 128,
        })
      );

      /*rocketPrimitive.setArticulationStage( //对应属性改变参数值
          'SRBFlames Size',
          1
      );
      rocketPrimitive.applyArticulations(); //使得修改的属性生效*/
      window.rocketPrimitive = rocketPrimitive;
    },
  },
};
export default test;