import {
  getPublickey,
  getSecurityLogin,
  getListCanview,
  getmapConfig,
  getQueryEentity,
  getSettingPublickey
} from "../../../api/modelBase.js";
import JSEncrypt from "jsencrypt";
import store from "../../../store/index.js";
import { getToken, setToken } from "../../../utils/auth.js";
import mapConfig from "./mapConfig.js";
import axios from "axios";
import mapServer from "./mapServer.js";

const modelLayer = {
  modelBase: null,
  dbid: null,
  geom: null,
  layers: null,
  publickey: null,
  layerList: [],
  init() {
    this.modelBase = config.modelBase;
    this.getSettingPublicKey();
    const token = getToken();
    if (token) {
      this.getModelLayerList();
    } else {
      getPublickey().then((response) => {
        const password = this.modelBase.password;
        const userId = this.modelBase.userId;
        this.publickey = response.data;
        const encrypt = new JSEncrypt();
        encrypt.setPublicKey(this.publickey);
        let encrypted = encrypt.encrypt(password.substring(0, 50)) + "";
        let submit = {
          userid: userId,
          password: encrypted
        };
        this.setLoginsubmit(submit);
      });
    }
  },
  getSettingPublicKey() {
    getSettingPublickey().then((response) => {
      this.publickey = response.data;
    });
  },
  // 获取Token
  setLoginsubmit(res) {
    getSecurityLogin(res).then((response) => {
      const val = response.data.token;
      setToken(val);
      this.getModelLayerList();
    });
  },
  // 获取列表
  getModelLayerList() {
    const token = getToken();
    getListCanview({ token: token }).then((response) => {
      const data = response.data;
      const obj = data.filter((item) => {
        if (item.name == this.modelBase.modelLayer) {
          return item;
        }
      });
      console.log("dbid", response);

      if (obj.length > 0) {
        this.dbid = obj[0].dbid;
        this.getmapConfig();
      }
    });
  },
  getmapConfig() {
    getmapConfig({
      dbid: this.dbid,
      token: getToken()
    }).then((response) => {
      if (response.code != 200) return;
      const layers = response.data.layers;
      this.layers = layers;
      console.log(layers);

      for (var i in layers) {
        if (layers[i].name == config.modelLayer) {
          var url = null;

          for (var key in layers[i].lod_url["3d"]) {
            url = layers[i].lod_url["3d"][key];
          }

          mapServer.addServer({
            sourceType: "Tileset",
            url: url,
            id: layers[i].id
          });
        } else {
          if (layers[i].lod_url) {
            if (layers[i].lod_url["3d"]) {
              if (layers[i].name != "底图" && layers[i].name != "FW12") {
                for (var key in layers[i].lod_url["3d"]) {
                  var mdurl = layers[i].lod_url["3d"][key];
                  if (mdurl) {
                    const tileset = new Cesium.Cesium3DTileset({
                      url: mdurl
                    });
                    tileset.show = false;
                    earthCtrl.primitives.add(tileset);
                    this.layerList.push(tileset);
                  }
                }
              }
            }
          }
        }
      }
    });
  },
  getQueryGroupBy(layer, filed, ction) {
    const layerId = this.layers.filter((item) => {
      if (item.name == layer) {
        return item;
      }
    });
    if (layerId.length <= 0) {
      return;
    }

    const url =
      config.modelBase.url +
      config.modelBase.geo +
      "/entitydbdata/query/entity";
    const obj = [
      {
        type: "count",
        field: filed,
        outfield: "count_" + filed
      }
    ];
    axios
      .post(
        url,
        {
          layerid: layerId[0].id,
          dbid: this.dbid,
          token: getToken(),
          statistics: JSON.stringify(obj),
          containCount: true,
          groupby: filed
        },
        {
          headers: {
            Authorization: getToken(),
            "Content-Type": "application/x-www-form-urlencoded"
          }
        }
      )
      .then((response) => {
        ction(response);
      })
      .catch((error) => {
        error;
      });
  },

  setLayerQuery() {
    const token = getToken();
    this.geom = mapConfig.setPointToCrical(120.27, 14.79, null);

    // const obj = {
    //   type: "FeatureCollection",
    //   totalFeatures: 1086,
    //   features: [this.geom]
    // };
    // earthCtrl.factory.createFeatureLayer({
    //   sourceType: "geojson",
    //   url: obj,
    //   style: {
    //     layerType: "polygon",
    //     material: new SmartEarth.Cesium.ColorMaterialProperty(
    //       new SmartEarth.Cesium.Color.fromCssColorString("#00f")
    //     ),
    //     outlineColor: new SmartEarth.Cesium.Color.fromCssColorString("#fff"),
    //     outline: true
    //   }
    // });
    this.configTooles = {
      url:
        config.modelBase.url +
        config.modelBase.geo +
        "/entitydbdata/query/entity",
      layerid: "432a7d4f-b136-4649-91a3-52709db9c3ef",
      dbid: "a02c1f922bd64a0ea5979dbebc60d337",
      geometry: this.geom.geometry,
      start: 1,
      token: token,
      outfields: "*",
      containCount: true,
      contentType: "application/x-www-form-urlencoded"
    };
    this.getLayerModelCount(this.configTooles);
  },
  getLayerModelCount(res) {
    axios
      .post(
        res.url,
        {
          dbid: res.dbid,
          geometry: res.geometry,
          layerid: res.layerid,
          returnCountOnly: res.containCount,
          token: res.token
        },
        {
          headers: {
            Authorization: res.token,
            "Content-Type": res.contentType
          }
        }
      )
      .then((response) => {
        if (response.status === 200) {
          this.getLayerModelList(res, response.data.data);
        } else {
          this.getLayerModelList(res, 200);
        }
      });
  },
  getLayerModelList(res, count) {
    const that = this;
    axios
      .post(
        res.url,
        {
          dbid: res.dbid,
          geometry: res.geometry,
          layerid: res.layerid,
          containCount: res.containCount,
          token: res.token,
          count: count,
          start: 1,
          outfields: res.outfields
        },
        {
          headers: {
            Authorization: res.token,
            "Content-Type": res.contentType
          }
        }
      )
      .then((response) => {
        that.setLayerFilter(response.data.data.items);
      });
  },
  setLayerFilter(rs) {
    const obj = mapServer.listData.filter((item) => {
      if (item.type == "Tileset") {
        return item;
      }
    });
    if (!obj) return;
    const tileset = obj[0].layer;
    const a = [];
    // rs.filter((item) => {
    //   if (item.targettype == "军事目标") {
    //     // a.push(["${id} === '" + item.sid + "'",  "color('#FF0000', 0.5)"]);
    //   }
    // });
    //
    a.push([
      // "${id} == '1_b092c0c26de646b984801e29fba37f82'",
      "${id} == 1_b092c0c26de646b984801e29fba37f82",
      'color("purple", 0.5)'
    ]);
    a.push(["true", "color('#E8F1F2', 0.5)"]);
    tileset.style = new Cesium.Cesium3DTileStyle({
      // color: "vec4(1.0,1.0,1.0, 1.0)", // 红色
      color: {
        conditions: [
          [
            // "${id} == '1_b092c0c26de646b984801e29fba37f82'",
            '${targettype} == "军事目标"',
            'color("purple", 0.5)'
          ]
        ]
      }
    });
    //   window.Cesium.when(tileset.readyPromise, function(tileset) {
    //     var tilesetId = tileset.id;
    // });
    //   tileset.readyPromise.then( (item)=> {
    //     tileset.tileVisible.addEventListener( (tile)=> {
    //     })
    //   })
  }
};
export default modelLayer;