$(function () {
  var viewer = new Viewer(document.getElementById("viewer"), {
    button: true,
    inline: false,
    zoomable: true,
    title: true,
    tooltip: true,
    minZoomRatio: 0.5,
    maxZoomRatio: 100,
    movable: true,
    interval: 2000,
    navbar: true,
    loading: true,
  });

  // 点击显示图片 box-item
  $(".box-item").click(function () {
    // 设置图片
    $("#viewer").attr("src", $(this).find("img").attr("src"));
    viewer.show();
  });

  // 获取通用配置信息
  function getCommentInfo() {
    const handleSuccess = function (res) {
      sessionStorage.commentData = JSON.stringify(res.data);
      setIndexData();
    };
    $.ajax({
      url: "/console/v1/theme/config",
      method: "get",
      headers: {
        Authorization: "Bearer" + " " + localStorage.jwt,
      },
      success: handleSuccess,
    });
  }
  // 获取首页数据
  getCommentInfo();

  // 设置首页函数
  function setIndexData() {
    const commentObj = JSON.parse(sessionStorage.commentData);
    if (commentObj.honor.length > 0) {
      commentObj.honor.forEach((item) => {
        $("#honor-box").append(`
                    <div class="box-item">
                        <img src=${item.img} alt="">
                        <p class="font-16 mt-20">${item.name}</p>
                    </div>
                `);
      });
    }
    commentObj.partner.forEach((item) => {
      $("#partner-box").append(`      
                <div class="box-item">
                    <img src="${item.img}" alt="">
                    <h4 class="mt-30">${item.name}</h4>
                    <p class="mt-20">${item.description}</p>
                </div>
             `);
    });
  }
});