// /commonLogin/login
// http://home.xianci.info:19090/
// var BASE = "http://home.xianci.info:19090";
var BASE = "https://ykdz.yundazhou.com:8000/api";
var isDebug = false;
var token = "";
var markers = [];
var info = undefined;
function debugLogin() {
  let params = { type: "1", code };
  // alert(code);
  $.ajax({
    url: BASE + "/commonLogin/login",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    async: false,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    success: function (data) {
      // alert(JSON.stringify(data));
      if (data.c === 200) {
        token = data.d;
        sessionStorage.setItem("token", data.d);
        // $(".dwdh").text(data.d);
        getInfo();
      }
    },
  });
}
function login() {
  let params = { type: "1", code };
  $.ajax({
    url: BASE + "/commonLogin/login",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    async: false,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    success: function (data) {
      // alert(JSON.stringify(data));
      if (data.c === 200) {
        token = data.d;
        sessionStorage.setItem("token", data.d);
        // $(".dwdh").text(data.d);
        getInfo();
      }
    },
  });
}

function getInfo() {
  $.ajax({
    url: BASE + "/staff/info",
    type: "GET",
    // data: JSON.stringify(param),
    // data: JSON.stringify(params),
    async: false,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        // alert(JSON.stringify(data));
        console.log(data.d);
        // info = data.d;
        sessionStorage.setItem("info", JSON.stringify(data.d));
      }
    },
  });
}

function getBanner() {
  let params = { type: "1", isBanner: true };
  $.ajax({
    url: BASE + "/newsAnnouncement/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        console.log(data);
        data.d.records.map((item) => {
          let str = `<div class="swiper-slide" onclick="newsDetail('${item.id}')"><img src="${item.imageUrl}" style="width:100%;height:100%"/></div>`;
          // let date = moment(item.publishDate).format("YYYY-MM-DD HH:mm:ss");
          // console.log(date);
          // let str = `<div class="newsItem">
          //     <div class="newsInfo">
          //       <div class="newsTitle">${item.title}</div>
          //       <div class="newsContent">${item.content}</div>
          //       <div class="newsDetail">
          //         <span class="newsAuthor">${item.staffName}</span
          //         ><span class="newsDate">${date}</span>
          //       </div>
          //     </div>
          //     <img src="${item.imageUrl}" alt="" />
          //   </div>`;
          $(".swiper-wrapper").append(str);
          var mySwiper = new Swiper(".swiper-container", {
            direction: "horizontal",
            loop: true,
            autoplay: 5000,
            // 如果需要分页器
            pagination: ".swiper-pagination",

            // 如果需要前进后退按钮
            // nextButton: ".swiper-button-next",
            // prevButton: ".swiper-button-prev",

            // 如果需要滚动条
            // scrollbar: ".swiper-scrollbar",
          });
        });
      }
    },
  });
}

function ggList() {
  let params = { type: "2" };
  $.ajax({
    url: BASE + "/newsAnnouncement/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        console.log(data);
        // <div class="newsContent">${item.content}</div>
        data.d.records.map((item) => {
          let str = `<div class="newsItem" onclick="newsDetail('${item.id}')">
            <div class="newsInfo">
              <div class="newsTitle">${item.title}</div>
              
              <div class="newsDetail">
                <span class="newsAuthor">${item.staffName}</span
                ><span class="newsDate">${item.publishDate}</span>
              </div>
            </div>
            <img src="${item.imageUrl}" alt="" />
          </div>`;
          $(".newslist").append(str);
        });
      }
    },
  });
}

function newsList() {
  let params = { type: "1", ...zzggListQuery };
  $.ajax({
    url: BASE + "/newsAnnouncement/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        getInfo();
        console.log(data);
        //  <div class="newsContent">${item.content}</div>
        data.d.records.map((item) => {
          zzggTotal = data.d.pages;
          let date = moment(item.publishDate * 1000).format(
            "YYYY-MM-DD HH:mm:ss"
          );
          console.log(date);
          let str = `<div class="newsItem" onclick="newsDetail('${item.id}')">
              <div class="newsInfo">
                <div class="newsTitle">${item.title}</div>
               
                <div class="newsDetail">
                  <span class="newsAuthor">${item.staffName}</span
                  ><span class="newsDate">${date}</span>
                </div>
              </div>
              <img src="${item.imageUrl}" alt="" />
            </div>`;
          $(".zcggList").append(str);
        });
      }
    },
  });
}

function ggList() {
  let params = { type: "2" };
  $.ajax({
    url: BASE + "/newsAnnouncement/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        console.log(data);
        gsggTotal = data.d.pages;
        data.d.records.map((item) => {
          let date = moment(item.publishDate * 1000).format(
            "YYYY-MM-DD HH:mm:ss"
          );
          let str = `<div class="newsItem" onclick="newsDetail('${item.id}')">
              <div class="newsInfo">
                <div class="newsTitle">${item.title}</div>
                
                <div class="newsDetail">
                  <span class="newsAuthor">${item.staffName}</span
                  ><span class="newsDate">${date}</span>
                </div>
              </div>
              <img src="${item.imageUrl}" alt="" />
            </div>`;
          // <div class="newsContent">${item.content}</div>
          $(".gsggList").append(str);
        });
      }
    },
  });
}
function markList() {
  // /civilAirDefenseEngineering/getList
  let params = { current: 1, size: 99999 };

  $.ajax({
    url: BASE + "/civilAirDefenseEngineering/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        var cluster;
        var gridSize = 60;
        var points = [];

        data.d.records.map((item) => {
          let obj = {
            ...item,
            lnglat: [item.lng, item.lat],
          };
          points.push(obj);
          // console.log(points);
        });
        // console.log(points);
        var count = points.length;
        // console.log(count);

        var _renderClusterMarker = function (context) {
          var factor = Math.pow(context.count / count, 1 / 18);
          var div = document.createElement("div");
          var Hue = 180 - factor * 180;
          var bgColor = "hsla(" + Hue + ",100%,40%,0.7)";
          var fontColor = "hsla(" + Hue + ",100%,90%,1)";
          var borderColor = "hsla(" + Hue + ",100%,40%,1)";
          var shadowColor = "hsla(" + Hue + ",100%,90%,1)";
          div.style.backgroundColor = bgColor;
          var size = Math.round(
            30 + Math.pow(context.count / count, 1 / 5) * 20
          );
          div.style.width = div.style.height = size + "px";
          div.style.border = "solid 1px " + borderColor;
          div.style.borderRadius = size / 2 + "px";
          div.style.boxShadow = "0 0 5px " + shadowColor;
          div.innerHTML = context.count;
          div.style.lineHeight = size + "px";
          div.style.color = fontColor;
          div.style.fontSize = "14px";
          div.style.textAlign = "center";
          context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2));
          context.marker.setContent(div);
        };
        var _renderMarker = function (context) {
          console.log(context.data[0].type);
          var offset = new AMap.Pixel(-9, -9);
          //非聚合点样式
          let data = context.data[0];
          let pic = context.data[0].type.includes("疏散点")
            ? "./img/marker_ssd.png"
            : "./img/marker_nld.png";
          let content =
            '<div style=" height: 48px;width:48px"><img src="' +
            pic +
            '" style="width: 100%;height:100%"/></div>';
          console.log(content);
          context.marker.setLabel({
            direction: "bottom",
            offset: new AMap.Pixel(0, 0), //设置文本标注偏移量
          });
          context.marker.on("click", () => {
            $(".current").empty();
            console.log(context.data[0]);
            let dis = AMap.GeometryUtil.distance(local, [
              context.data[0].lng,
              context.data[0].lat,
            ]);
            let str = `<div class="markItem" onclick="toLocation(${
              context.data[0].lng
            },${context.data[0].lat})">
            <div class="markInfo">
              <div class="markTitle">${context.data[0].name}</div>
              <div class="ssInfo">
                <span class="spanTag">${context.data[0].type}</span
                ><span class="ssrsText">可疏散人数：</span><span>${
                  context.data[0].number ? context.data[0].number + "人" : "无"
                }</span>
              </div>
              <div>
                <i class="icon_position"></i
                >${context.data[0].address}
              </div>
            </div>
            <div class="markGuide">
              <div><i class="icon_guide" onclick="goGuide(${
                context.data[0].lng
              },${context.data[0].lat},'${context.data[0].name}')"></i></div>
              <div class="">${Math.round(dis / 1000)}km</div>
            </div>
          </div>`;
            $(".current").append(str);
            // getUrl(context.data[0].cameraIndexCode);
            // window.payload.id = context.data[0].id;
            // // window.content = context.data[0].marking
            // $("#markingName").val(context.data[0].markingName);
            // $("#content").val(context.data[0].marking);
            // $("#date").text(context.data[0].markingDate);
          });
          //此处 需要用  ()=>{} 否则无法触发点击数据
          // context.marker.on("mouseover", () => {
          //   var info = [];
          //   info.push(
          //     "<div class='input-cardcontent-window-card' style='width: 350px;'>"
          //   );
          //   info.push("<div style='padding:0px 0px 0px 0px;'>");
          //   info.push("<div class='row'>");
          //   info.push(
          //     "<div style='width: 30%;float: left'><span style='float: right;border-right: 20px;'>视频点位名称:</span></div><div style='width: 70%;float: left;'><span style='margin-left: 20px;'>" +
          //       data.name +
          //       "</span></div><br/>"
          //   );
          //   info.push(
          //     "<div style='width: 30%;float: left'><span style='float: right;border-right: 20px;'>标注者:</span></div><div style='width: 70%;float: left;'><span style='margin-left: 20px;'>" +
          //       (data.markingName === null ? "" : data.markingName) +
          //       "</span></div><br/>"
          //   );
          //   info.push(
          //     "<div style='width: 30%;float: left'><span style='float: right;border-right: 20px;'>标注内容:</span></div><div style='width: 70%;float: left;'><span style='margin-left: 20px;'>" +
          //       (data.marking === null ? "" : data.marking) +
          //       "</span></div><br/>"
          //   );
          //   info.push(
          //     "<div style='width: 30%;float: left'><span style='float: right;border-right: 20px;'>标注时间:</span></div><div style='width: 70%;float: left;'><span style='margin-left: 20px;'>" +
          //       (data.marking === null ? "" : data.markingDate) +
          //       "</span></div><br/>"
          //   );
          //   info.push("</div></div></div>");

          //   this.infoWindow = new AMap.InfoWindow({
          //     offset: new AMap.Pixel(0, -15), //弹窗与图标的偏移
          //     content: info.join(""), //使用默认信息窗体框样式，显示信息内容
          //   });

          //   // 阻止地图滚轮事件传播到地图
          //   this.infoWindow.on("mousewheel", (event) => {
          //     event.stopPropagation(); // 阻止事件传播到地图
          //   });

          //   // 监听弹窗内部的滚轮事件
          //   this.infoWindow
          //     .getContentDom()
          //     .addEventListener("mousewheel", (event) => {
          //       event.stopPropagation(); // 阻止事件传播到地图
          //       // 处理弹窗内容的滚动
          //       // 你可以根据需要自定义滚动行为，例如使用滚动条等
          //     });

          //   this.infoWindow.open(this.map, context.marker.getPosition());
          // });

          context.marker.setContent(content);
          context.marker.setOffset(offset);
        };
        // console.log(map)
        addCluster(2);

        function addCluster(tag) {
          if (cluster) {
            cluster.setMap(null);
          }
          if (tag == 2) {
            console.log("addCluster", map, _renderClusterMarker);
            //完全自定义
            map.plugin(["AMap.MarkerClusterer"], function () {
              cluster = new AMap.MarkerClusterer(map, points, {
                gridSize: gridSize, // 设置网格像素大小
                renderClusterMarker: _renderClusterMarker, // 自定义聚合点样式
                renderMarker: _renderMarker, // 自定义非聚合点样式
              });
            });
          } else if (tag == 1) {
            //自定义图标
            var sts = [
              {
                url: "//a.amap.com/jsapi_demos/static/images/blue.png",
                size: new AMap.Size(32, 32),
                offset: new AMap.Pixel(-16, -16),
              },
              {
                url: "//a.amap.com/jsapi_demos/static/images/green.png",
                size: new AMap.Size(32, 32),
                offset: new AMap.Pixel(-16, -16),
              },
              {
                url: "//a.amap.com/jsapi_demos/static/images/orange.png",
                size: new AMap.Size(36, 36),
                offset: new AMap.Pixel(-18, -18),
              },
              {
                url: "//a.amap.com/jsapi_demos/static/images/red.png",
                size: new AMap.Size(48, 48),
                offset: new AMap.Pixel(-24, -24),
              },
              {
                url: "//a.amap.com/jsapi_demos/static/images/darkRed.png",
                size: new AMap.Size(48, 48),
                offset: new AMap.Pixel(-24, -24),
              },
            ];
            cluster = new AMap.MarkerCluster(map, points, {
              styles: sts,
              gridSize: gridSize,
            });
          } else {
            console.log("默认");
            //默认样式
            map.plugin(["AMap.MarkerClusterer"], function () {
              cluster = new AMap.MarkerClusterer(map, points, {
                gridSize: gridSize, // 设置网格像素大小
              });
            });
          }
        }

        // let local =
        //   (sessionStorage.getItem("local") &&
        //     sessionStorage.getItem("local").split(",")) ||
        //   // "107.487141,31.219671";
        //   "0,0";
        let local = sessionStorage.getItem("local")
          ? sessionStorage.getItem("local").split(",")
          : "107.487141,31.219671";
        let tmpData = data.d.records.map((item) => ({
          ...item,
          ...{ dis: AMap.GeometryUtil.distance(local, [item.lng, item.lat]) },
        }));
        console.log(tmpData);
        // alert(local);
        tmpData.sort(function (a, b) {
          return a.dis - b.dis;
        });

        tmpData.map((item) => {
          // const marker = new AMap.Marker({
          //   icon:
          //     item.type === "疏散点"
          //       ? "./img/marker_ssd.png"
          //       : "./img/marker_nld.png",
          //   position: new AMap.LngLat(item.lng, item.lat), //经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
          //   anchor: "bottom-center",
          //   title: item.name,
          // });
          // // 设置鼠标划过点标记显示的文字提示
          // marker.setTitle(item.name);

          // map.add(marker);
          // markers.push(marker);

          //   // dom append

          let dis = AMap.GeometryUtil.distance(local, [item.lng, item.lat]);
          let str = `<div class="markItem" onclick="toLocation(${item.lng},${
            item.lat
          })">
          <div class="markInfo">
            <div class="markTitle">${item.name}</div>
            <div class="ssInfo">
              <span class="spanTag">${item.type}</span
              ><span class="ssrsText">可疏散人数：</span><span>${
                item.number ? item.number + "人" : "无"
              }</span>
            </div>
            <div>
              <i class="icon_position"></i
              >${item.address}
            </div>
          </div>
          <div class="markGuide">
            <div><i class="icon_guide" onclick="goGuide(${item.lng},${
            item.lat
          },'${item.name}')"></i></div>
            <div class="">${Math.round(dis / 1000)}km</div>
          </div>
        </div>`;
          $(".markList").append(str);
        });
      }
    },
  });
}
function toLocation(lon, lat) {
  var target = new AMap.LngLat(lon, lat);
  map.setZoom(12);
  //map.setCenter(target);
  setTimeout(() => {
    map.setCenter(target);
  }, 50);
}
function goGuide(lng, lat, name) {
  console.log(lng, lat);
  let dom = document.createElement("a");
  dom.href = `https://uri.amap.com/marker?position=${lng},${lat}&name=${name}`;
  dom.click();
  // <a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>
}
function eventList() {
  let params = {
    current: 1,
    size: 10000,
    self: true,
  };
  $.ajax({
    url: BASE + "/eventRecord/getList",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify(params),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        console.log(data);
        qkczTotal = data.d.pages;
        data.d.records.map((item) => {
          let date = moment(item.createDate * 1000).format(
            "YYYY-MM-DD HH:mm:ss"
          );
          let maps = {
            1: "发现国动设施附近施工",
            2: "发现国动设施处倾倒建渣或垃圾",
            3: "发现在国动设施正被破坏",
            4: "发现在国动设施已被破坏",
          };
          let title = item.type;
          let pic = item.imageUrls.split(",")[0];
          let type2Map = {
            1: "基层矛盾",
            2: "线上预约",
            3: "应急救援",
            4: "巡查上报",
          };
          // <div class="newsContent">${item.content}</div>
          let str = `<div class="newsItem" onclick="handleEventInfo('${
            item.id
          }')">
              <div class="newsInfo">
                <div class="newsTitle">${title}</div>
                
                <div class="newsDetail">
                  <span class="newsAuthor">${type2Map[item.type2]}</span
                  ><span class="newsDate">${date}</span>
                </div>
              </div>
              <img src="${pic}" alt="" />
            </div>`;
          $(".qkczList").append(str);
        });
      }
    },
  });
}
function handleEventInfo(id) {
  window.location.href = "qkczDetail.html?id=" + id;
}
function toggleToolBar() {
  console.log($(".menus_qksb").attr("class"));
  if ($(".menus_qksb").attr("class") === "menus_qksb toggled") {
    // $(".toolBarBox").show();
    $(".menus_qksb").removeClass("toggled");
    $(".toolBarBox").hide();
    $(".toolBar").css("background", "none");
  } else {
    $(".menus_qksb").addClass("toggled");
    $(".toolBarBox").show();
    $(".toolBar").css("background", "#fff");
  }
}
function handleEventUpload(type) {
  console.log(type);
  // window.location.href = "eventUpload.html?type2=" + type;
  switch (type) {
    case 1:
      window.location.href = "jcmd.html";
      break;
    case 2:
      window.location.href = "xsyy.html";
      break;
    case 3:
      window.location.href = "yjjy.html";
      break;
    case 4:
      window.location.href = "xcsb.html";
      break;
    default:
      break;
  }
}
function toast(text, time) {
  let toast = document.getElementById("toast");
  let toast_box = document.getElementsByClassName("toast_box")[0];
  toast.innerHTML = text;
  toast_box.style.animation = "show 1.5s";
  toast_box.style.display = "inline-block";
  setTimeout(function () {
    toast_box.style.animation = "hide 1.5s";
    setTimeout(function () {
      toast_box.style.display = "none";
    }, 1400);
  }, time);
}

//调用
function correct() {
  toast("is ok!", 5000);
}

function warning() {
  toast("没有更多了", 3000);
}

function error() {
  toast("没有权限", 3000);
}

function newsDetail(id) {
  location.href = "newsDetail.html?id=" + id;
}
function getNewsInfo(id) {
  $.ajax({
    url: BASE + "/newsAnnouncement/getInfo",
    type: "POST",
    // data: JSON.stringify(param),
    data: JSON.stringify({ id }),
    // async: true,
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        // console.log(data);
        // data.d.records.map((item) => {
        let str = data.d.content;
        $(".title").text(data.d.title);
        $(".author").text(data.d.staffName);
        $(".date").text(
          moment(data.d.publishDate * 1000).format("YYYY-MM-DD HH:mm:ss")
        );
        $(".content").append(str);
        // });
      } else {
        alert(data.m);
      }
    },
  });
}

function init() {
  // 监听滚动事件
  window.onscroll = function () {
    // 获取滚动容器的高度
    var scrollHeight =
      document.documentElement.scrollHeight || document.body.scrollHeight;
    // 获取容器可视区域的高度
    var clientHeight =
      document.documentElement.clientHeight || document.body.clientHeight;
    // 获取当前滚动的位置
    var scrollTop =
      document.documentElement.scrollTop || document.body.scrollTop;

    console.log();
    // 判断是否到达底部
    if (scrollHeight - (scrollTop + clientHeight) < 1) {
      // 到达底部，执行相应操作
      let pageMap = ["index.html", "gsgg.html", "qkcz.html"];
      let currentPage = location.href.split("/").pop();
      if (pageMap.includes(currentPage)) {
        switch (currentPage) {
          case "index.html":
            if (zzggTotal > zzggListQuery.current) {
              zzggListQuery.current = zzggListQuery.current + 1;
              newsList();
            } else {
              // alert("没有更多");
              warning();
            }

            break;
          case "qkcz.html":
            if (qkczTotal > qkczListQuery.current) {
              qkczListQuery.current = qkczListQuery.current + 1;
              newsList();
            } else {
              // alert("没有更多");
              warning();
            }
            break;
          // case "jjyb.html":
          //   if (jjybTotal > jjybListQuery.current) {
          //     jjybListQuery.current = jjybListQuery.current + 1;
          //     markList();
          //   } else {
          //     // alert("没有更多");
          //     warning();
          //   }
          //   break;
          case "gsgg.html":
            if (gsggTotal > gsggListQuery.current) {
              gsggListQuery.current = gsggListQuery.current + 1;
              ggList();
            } else {
              // alert("没有更多");
              warning();
            }
            break;

          default:
            break;
        }
      }
      // console.log("已经到达底部");
      // if (zzggTotal > zzggListQuery.current) {
      //   zzggListQuery.current = zzggListQuery.current + 1;
      //   newsList();
      // } else {
      //   alert("没有更多");
      // }
    }
  };
}

function getEventInfo(id) {
  // let data = {
  //   d: {
  //     content: "xxxxxx",
  //     imageUrls:
  //       "http://ykdz.yundazhou.com:8000/file/2e87ca9f-b710-469f-949a-0691adc22ba3.png,http://ykdz.yundazhou.com:8000/file/5be01df6-a34a-4f1f-b377-193c76032963.圆角矩形13拷贝2@3x.png",
  //     staffName: "张三",
  //     type: "1",
  //     uploadTime: "1727163829",
  //     dealTime: "1727163829",
  //     dealStatus: "1",
  //   },
  // };
  // $(".content").text(data.d.content);
  // $("#staffName").text(data.d.staffName);
  // let imgs = data.d.imageUrls.split(",");
  // imgs.map((item) => {
  //   let str = `<img class="previewImgItem" src="${item}" onclick="handlePreview('${item}')"/>`;
  //   $(".imgList").append(str);
  // });
  // $("#uploadTime").text(
  //   moment(data.d.uploadTime * 1000).format("YYYY-MM-DD HH:mm")
  // );
  // $("#dealTime").text(
  //   moment(data.d.dealTime * 1000).format("YYYY-MM-DD HH:mm")
  // );
  // // 1 发现国动设施附近施工，2 发现国动设施处倾倒建渣或垃圾，3 发现在国动设施正被破坏，4 发现在国动设施已被破坏
  // let typeMap = {
  //   1: "发现国动设施附近施工",
  //   2: "发现国动设施处倾倒建渣或垃圾",
  //   3: "发现在国动设施正被破坏",
  //   4: "发现在国动设施已被破坏",
  // };
  // let type = typeMap[data.d.type];
  // $("#type").text(type);
  // // 1 处理中，2 已处理
  // $("#status").text(data.d.dealStatus === "1" ? "处理中" : "已处理");

  $.ajax({
    url: BASE + "/eventRecord/getInfo",
    type: "POST",
    data: JSON.stringify({ id }),
    dataType: "json",
    contentType: "application/json; charset=UTF-8",
    headers: { Authorization: sessionStorage.token },
    success: function (data) {
      if (data.c === 200) {
        $(".content").text(data.d.content);
        
        let imgs = data.d.imageUrls.split(",");
        imgs.map((item) => {
          let str = `<img class="previewImgItem" src="${item}" onclick="handlePreview('${item}')"/>`;
          $(".imgList").append(str);
        });
        // $("#uploadTime").text(
        //   moment(data.d.uploadTime * 1000).format("YYYY-MM-DD HH:mm")
        // );
        // if (data.d.dealTime) {
        //   $("#dealTime").text(
        //     moment(data.d.dealTime * 1000).format("YYYY-MM-DD HH:mm")
        //   );
        // }
        $("#dept").text(data.d.dept);

        // 1 发现国动设施附近施工，2 发现国动设施处倾倒建渣或垃圾，3 发现在国动设施正被破坏，4 发现在国动设施已被破坏
        // let typeMap = {
        //   1: "发现国动设施附近施工",
        //   2: "发现国动设施处倾倒建渣或垃圾",
        //   3: "发现在国动设施正被破坏",
        //   4: "发现在国动设施已被破坏",
        // };
        let type2Map = {
          1: "基层矛盾",
          2: "线上预约",
          3: "应急救援",
          4: "巡查上报",
        };
        // let type = typeMap[data.d.type];
        $("#type").text(data.d.type);
        $("#type2").text(type2Map[data.d.type2]);
        // 1 处理中，2 已处理
        $("#status").text(data.d.dealStatus === "1" ? "处理中" : "已处理");
        // $(".newsAuthor").text(type2Map[data.d.type2]);
        // console.log(data);
        // data.d.records.map((item) => {
        // let str = data.d.content;
        // $(".title").text(data.d.title);
        // $(".author").text(data.d.staffName);
        // $(".date").text(moment(data.d.publishDate * 1000).format(
        //   "YYYY-MM-DD HH:mm:ss"
        // ))
        // $(".content").append(str);
        // });
        switch (data.d.type2) {
          case "1":
            $(".jcmd").css("display", "flex");
            $(".jcmd #staffName").text(data.d.staffName);
            $(".jcmd #staffPhone").text(data.d.staffPhone);
            break;
          case "2":
            $(".xsyy").css("display", "flex");
            $(".xsyy #staffName").text(data.d.staffName);
            $(".xsyy #staffPhone").text(data.d.staffPhone);
            break;
          case "3":
            $(".yjjy").css("display", "flex");
            $(".yjjy #staffName").text(data.d.staffName);
            $(".yjjy #staffPhone").text(data.d.staffPhone);
            let date = moment(data.d.uploadTime * 1000).format(
              "YYYY-MM-DD HH:mm:ss"
            );
            $(".yjjy #uploadTime").text(date);
            $(".yjjy #address").text(data.d.address);
            break;
          case "4":
            $(".xcsb").css("display", "flex");
            $(".xcsb #staffName").text(data.d.staffName);
            $(".xcsb #type").text(data.d.type);
            $(".xcsb #uploadTime").text(data.d.uploadTime&&
              moment(data.d.uploadTime * 1000).format("YYYY-MM-DD HH:mm")
            );
            $(".xcsb #dealTime").text(
              data.d.dealTime &&
                moment(data.d.dealTime * 1000).format("YYYY-MM-DD HH:mm")
            );
            break;
          default:
            break;
        }
        // let formMap = {
        //   1: ` <div class="infoItem">
        //   <div>上报人</div>
        //   <div id="staffName"></div>
        // </div>
        // <div class="infoItem">
        //   <div>上报时间</div>
        //   <div id="uploadTime"></div>
        // </div>
        // <div class="infoItem">
        //   <div>处置时间</div>
        //   <div id="dealTime"></div>
        // </div>
        // <div class="infoItem">
        //   <div>分类</div>
        //   <div id="type2"></div>
        // </div>
        // <div class="infoItem">
        //   <div>事件类型</div>
        //   <div id="type"></div>
        // </div>
        // <div class="infoItem">
        //   <div>部门</div>
        //   <div id="dept"></div>
        // </div>`,
        // 2:``
        // };
      } else {
        alert(data.m);
      }
    },
  });
}
function handlePreview(src) {
  console.log(src);
  // $('.previewLayer').css('background',`url:(${src})`);
  // $('.previewImg').css('background', `url(${src})no-repeat`);
  $(".previewImg").attr("src", src);
  $(".previewLayer").css("display", "flex");
}
function handleClosePreview() {
  $(".previewLayer").css("display", "none");
}
function fullScreen() {
  $(".icon_fullScreen").hide();
  $(".icon_fullScreen_exit").show();
  $("#container").addClass("mapFullScreen");
}
function exitFullScreen() {
  $(".icon_fullScreen_exit").hide();
  $(".icon_fullScreen").show();
  $("#container").removeClass("mapFullScreen");
}
// function scrollPageInit() {
//   const list = document.getElementById("zcggList"),
//     loader = document.getElementById("loader"),
//     nothing = document.getElementById("nothing"),
//     LIST_LIMIT_CNT = 15,
//     LOADING_TIME = 500;
//   let hasMore = true,
//     loadLock = false;

//   const observer = new IntersectionObserver(
//     ([entry]) => {
//       if (entry.isIntersecting) {
//         pullUp();
//       }
//     },
//     {
//       root: null,
//       rootMargin: "0px",
//       threshold: 0,
//     }
//   );

//   observer.observe(loader);

//   function pullUp() {
//     if (!hasMore) {
//       return;
//     }

//     if (loadLock) {
//       return;
//     }

//     loadData();
//   }

//   function loadData() {
//     const len = list.children.length;
//     loadLock = true;
//     setTimeout(() => {
//       if (len >= LIST_LIMIT_CNT) {
//         loader.className = "hidden";
//         nothing.className = "";
//         hasMore = false;
//         return;
//       }

//       for (let i = len; i < len + 5; i++) {
//         const item = document.createElement("div");
//         item.className = "item";
//         item.textContent = i;
//         list.appendChild(item);
//       }
//       loadLock = false;
//     }, LOADING_TIME);
//   }
// }

// 开始监听
// observer.observe(element)

// const loader = document.getElementById('loader')
// const observer = new IntersectionObserver(([entry]) => {
//   if (entry.isIntersecting) {
//     pullUp()
//   }
// }, {
//   root: null,
//   rootMargin: '0px',
//   threshold: 0
// })

// observer.observe(loader)