// 处于页面配置时，绑定方法 start
if ($isDecorateMode) {
  document.addEventListener("diy_header/1", (event) => {
    const { field, value } = event.detail;
    console.log(field, value)
    if (field === 'hots') {
      let html = ''
      value.forEach(e => {
        html += `<a class="hover--underline-primary" target="_blank" href="/search_result.html?keyword=${e.name}" title="${e.name}">${e.name}</a>`
      })
      $('.' + field).html(html)
    }
  });
}
// 处于页面配置时，绑定方法 end
$(function () {

  $("#logout").click(function () {
    $request
        .post("/api/user/logout")
        .then((res) => {
          // 跳转页面
          location.href = "/";
        });
  })

  // 防止一开始进入页面在底部不显示
  setHeaderSticky()
  $(window).scroll(setHeaderSticky)

  function setHeaderSticky(){
    let offset = $("html,body").scrollTop()
    if (offset) {
      $('.ys-header').addClass('is-sticky')
    } else {
      $('.ys-header').removeClass('is-sticky')
    }
  }

  // 导航栏悬停
  $('.ys-header__nav .nav-item').hover(function () {
    $(this).find('.ys-header__card').addClass('show')
    if(!$(this).hasClass('ignore'))
    $('.ys-header__cover').removeClass('display-none')
  }, function () {
    $(this).find('.ys-header__card').removeClass('show')
    $('.ys-header__cover').addClass('display-none')
  })
  // 产品中心悬停
  $('.ys-header__nav .product-item').hover(function () {
    $('.ys-header__nav .product-child').addClass('display-none')
    $('.ys-header__nav .product-item').removeClass('active')
    $(this).addClass('active')
    $(this).next().removeClass('display-none')
  })
  // 搜索框悬停事件
  $('.ys-header__search').focus(function () {
    $('.ys-header__nav').addClass('display-none')
    $('.ys-header__right').addClass('open')
  }, function() {
    if (!$('.ys-header__search-card').hasClass('show')) {
      $('.ys-header__nav').removeClass('display-none')
      $('.ys-header__right').removeClass('open')
    }
  })
  // 搜索框聚焦事件
  $('.ys-header__search input').focus(function () {
    openSearchCard()
  })
  $('.ys-header__search-card .icon-close').click(function () {
    closeSearchCard()
  })
  $(document).on('click', function (e) {
    if (!$('.ys-header__search-card')[0].contains(e.target) && !$('.ys-header__search input').is(':focus')) {
      closeSearchCard()
    }
  })
  // 搜索
  $('.ys-header__search input').keyup(function (e) {
    if (e.keyCode === 13) {
      search()
    }
  })
  $('.ys-header__search .search-btn').click(function () {
    search()
  })
  // 清空历史记录
  $('.ys-header__search-card .search-history span').click(function () {
    localStorage.removeItem('searchHistory')
    setHistory()
  })
  // 展开搜索卡片
  function openSearchCard() {
    $('.ys-header__nav').addClass('display-none')
    $('.ys-header__search-card').addClass('show')
    $('.ys-header__cover').removeClass('display-none')
    $('.ys-header__right').addClass('open')
  }
  // 收起搜索卡片
  function closeSearchCard() {
    $('.ys-header__nav').removeClass('display-none')
    $('.ys-header__search-card').removeClass('show')
    $('.ys-header__cover').addClass('display-none')
    $('.ys-header__right').removeClass('open')
  }
  // 搜索事件
  function search() {
    let val = $('.ys-header__search input').val()
    if (!val) return $message.warning('请输入搜索关键词')
    let history = JSON.parse(localStorage.getItem('searchHistory')) || []
    history.unshift(val)
    history = [...new Set(history)]
    localStorage.setItem('searchHistory', JSON.stringify(history.slice(0, 10)))
    window.open('/search_result.html?keyword=' + val)
    closeSearchCard()
    setHistory()
  }
  // 设置搜索历史
  function setHistory() {
    let history = JSON.parse(localStorage.getItem('searchHistory')) || []
    let html = ''
    history.forEach(e => {
      html += `<a class="hover--underline-primary" target="_blank" href="/search_result.html?keyword=${e}" title="${e}">${e}</a>`
    })
    $('.ys-header__search-card .search-history .search-words').html(html)
  }
  setHistory()
})

// 客服
$('.ys-header-shortcut__server span').click(function(){
  window.dispatchEvent(
    new CustomEvent('openService')
  )
})
// 处于页面配置时，绑定方法 start
if ($isDecorateMode) {
  document.addEventListener("diy_banner/1", (event) => {
    const { field, value } = event.detail;
    console.log(field, value)
    let html = ''
    value.forEach(e => {
      html += `
      <div class="banner-slide swiper-slide">
        <img src="${e.src}" alt="${e.title}">
        <div class="banner-desc">
          <h2>${e.title}</h2>
          <p>${e.desc}</p>
          <button><a href="${e.href}" target="_blank" title="${e.title}">查看产品</a></button>
        </div>
      </div>
      `
    })
    $('.' + field).html(html)
  })
}
// 页面埋点
$('.ys-banner .banner-slide').click(function() {
  clickLog({
    page_key: 'index',
    module_key: 'banner/1'
  })
})
// 产品中心
$('.ys-index__product a').click(function() {
  clickLog({
    page_key: 'index',
    module_key: 'index/product'
  })
})
// 处于页面配置时，绑定方法 start
if ($isDecorateMode) {
  document.addEventListener("diy_index/1", (event) => {
    const { field, value } = event.detail;
    console.log(field, value)
    let html = ''
    if (field === 'strength_title') {
      $('.ys-index__strength .ys-index__title').html(value)
    } else if (field === 'strength_subtitle') {
      $('.ys-index__strength .ys-index__subtitle').html(value)
    } else if (field === 'strength_list') {
      value.forEach(e => {
        html += `
        <div class="strength-item swiper-slide">
          <a href="${e.href}" target="_blank" title="${e.title}" class="strength-img img-scale">
            <img src="${e.src}" alt="${e.title}">
          </a>
          <a href="${e.href}" target="_blank" title="${e.title}" class="strength-title">
            <h3>${e.title} <i class="iconfont icon-short-arrow"></i></h3>
          </a>
          <p class="strength-desc">
            ${e.desc}
          </p>
        </div>
        `
      })
      $('.strength-scroll').html(html)
    } 
  })
}
new Swiper(".ys-banner", {
  autoplay: 3000,
  loop: true,
  paginationClickable :true,
  pagination: '.ys-banner__indicator',
  nextButton: '.ys-banner #next',
  prevButton: '.ys-banner #prev',
})
/* new Swiper(".tab-solution-warp", {
  slidesPerView: 4,
  spaceBetween: 20,
  slidesPerGroup: 4,
  pagination: '.swiper-pagination',
  paginationClickable :true,
}) */
new Swiper(".ys-index__content--product .content-box", {
  autoplay: 3000,
  loop: true,
  slidesPerView: 3,
  spaceBetween: 25,
  slidesPerGroup: 1,
  roundLengths : true,
  prevButton: '.content-product-arrow .arrow-left',
  nextButton: '.content-product-arrow .arrow-right',
})

// 页面埋点
//内容中心
$('.ys-index__information a').click(function() {
  clickLog({
    page_key: 'index',
    module_key: 'index/content'
  })
})
//解决方案
$('.ys-index__content--solution a').click(function() {
  clickLog({
    page_key: 'index',
    module_key: 'index/solution'
  })
})
/* 数字滚动 start */
function animateNumber(element, targetNumber, duration) {
  var counterElement = typeof element === "string" ? $(element) : element;
  var currentValue = parseFloat(counterElement.text());
  if (currentValue >= targetNumber) return;

  var step = (targetNumber - currentValue) / (duration / 50);

  var interval = setInterval(function () {
    currentValue += step;
    counterElement.text(Math.round(currentValue));

    if (currentValue >= targetNumber) {
      clearInterval(interval);
      counterElement.text(targetNumber);
    }
  }, 50);
}
function initCounter() {
  $(".ys-index-about .power-item").each(function () {
    let val = +$(this).find(".power-num div:first").data("number");
    animateNumber($(this).find(".power-num div:first"), val, 800);
  });
}

function scrollToPower() {
  if ($(window).scrollTop() >= $("#power").offset().top - 300) {
    initCounter();
    // 初始化之后清除绑定事件
    $(window).off("scroll", scrollToPower);
  }
}
$(window).scroll(scrollToPower);
/* 数字滚动 end */

// 特色产品 - 轮播初始化与埋点
$(function () {
  try {
    if (typeof Swiper !== 'undefined') {
      var count = $('.ys-index__feature .feature-swiper .swiper-wrapper > .swiper-slide').length;
      var calcSpv = function() {
        var w = window.innerWidth || document.documentElement.clientWidth;
        if (w >= 1440) return 4;
        if (w >= 1200) return 3;
        if (w >= 975) return 2;
        return 1;
      };
      var spv = calcSpv();
      var enableLoop = count > spv;
      var autoplayOpt = count > spv ? 8000 : false; // 只有在需要轮播时才自动播放，速度调慢到8秒

      console.log('Feature product swiper init:', { count: count, spv: spv, enableLoop: enableLoop, autoplay: autoplayOpt });

      var fpSwiper = new Swiper('.ys-index__feature .feature-swiper', {
        autoplay: autoplayOpt,
        autoplayDisableOnInteraction: false,
        loop: enableLoop,
        slidesPerView: spv,
        spaceBetween: 24,
        slidesPerGroup: 1,
        roundLengths: true,
        pagination: '.ys-index__feature .dk-pagination',
        paginationClickable: true,
        nextButton: '.ys-index__feature .dk-next-arrow',
        prevButton: '.ys-index__feature .dk-prev-arrow',
        breakpoints: {
          1440: { slidesPerView: 4 },
          1200: { slidesPerView: 3 },
          975: { slidesPerView: 2 },
          0: { slidesPerView: 1 }
        }
      });

      // 调试：检查分页元素
      setTimeout(function() {
        var paginationEl = $('.ys-index__feature .dk-pagination');
        var bullets = paginationEl.find('.swiper-pagination-bullet');
        console.log('Pagination debug:', {
          paginationExists: paginationEl.length > 0,
          bulletsCount: bullets.length,
          paginationHTML: paginationEl.html()
        });
      }, 100);

      // 根据情况显示/隐藏导航元素
      if (count <= 1) {
        // 只有1个或没有项目时，隐藏整个导航
        $('.ys-index__feature .dk-carousel__navigation').hide();
      } else if (count <= spv) {
        // 项目数量不超过可见数量时，隐藏箭头但保留分页圆点
        $('.ys-index__feature .dk-prev-arrow, .ys-index__feature .dk-next-arrow').hide();
        $('.ys-index__feature .dk-pagination').show();
      } else {
        // 需要轮播时，显示所有导航元素
        $('.ys-index__feature .dk-carousel__navigation').show();
        $('.ys-index__feature .dk-prev-arrow, .ys-index__feature .dk-next-arrow, .ys-index__feature .dk-pagination').show();
      }
    } else {
      console.warn('Swiper not found: feature-product module skipped init')
    }
  } catch (e) {
    console.error('feature-product init error:', e)
  }

  // 埋点
  $('.ys-index__feature a').on('click', function () {
    if (typeof clickLog === 'function') {
      clickLog({ page_key: 'index', module_key: 'index/feature-product' })
    }
  })
})



// 处于页面配置时，绑定方法
if ($isDecorateMode) {
  document.addEventListener('diy_footer/1', (event) => {
    const { field, value } = event.detail
    console.log(field, value)
    if (field === 'footer_ad') {
      const nodes = $(
        value
          .map((item) => `<img src="${item.src}" alt="${item.alt}" />`)
          .join('')
      )
      $('.ys-footer__ad').empty()
      $('.ys-footer__ad').append(nodes)
    } else if (field === 'contact_phone') {
      $('.footer_phone').text(value)
    } else if (field === 'work_time') {
      $('.footer_work_time').text(value)
    } else if (field === 'contact_email') {
      $('.footer_email').text(value)
    } else if (field === 'footer_nav') {
      const nodes = $(
        value
          .map(
            (c) => `
           <nav class="content-link">
            <span>${c.category}</span>
            <ul class="children-link-wrap">
              ${c.children
                .map(
                  (s) => `
                      <li>
                        <a href="${s.href}" target="_blank" title="${s.title}">${s.title}</a>
                      </li>
                  `
                )
                .join('')}
            </ul>
          </nav>
      `
          )
          .join('')
      )
      $('.ys-footer__content .center-part').empty()
      $('.ys-footer__content .center-part').append(nodes)
    } else if (field === 'right_part') {
      const nodes = $(
        value
          .map((item) => `<img src="${item.src}" alt="${item.alt}" />`)
          .join('')
      )
      $('.ys-footer__content .right-part').empty()
      $('.ys-footer__content .right-part').append(nodes)
    } else if (field === 'friendly_links') {
      const nodes = $(
        value
          .map(
            (e) => `
            <li>
              <a href="${e.href}" target="_blank" title="${e.title}" ref="${e.nofollow ? 'nofollow' : ''}">${e.title}</a>
            </li>
          `
          )
          .join('')
      )
      $('.ys-footer__friendly ul').empty()
      $('.ys-footer__friendly ul').append(nodes)
    } else if (field === 'copyright') {
      $('.copyright-wrap span').text(value)
    } else if (field === 'beian') {
      $('.copyright-wrap a').text(value)
    } else if (field === 'footer_logo') {
      $('.footer-logo').attr('alt', value.alt)
      $('.footer-logo').attr('src', value.src)

    } else if (field === 'map_links') {
      const nodes = $(
        value
          .map(
            (e) => `
            <a href="${e.href}" target="_blank" title="${e.title}" ref="${e.nofollow ? 'nofollow' : ''}">${e.title}</a>
          `
          )
          .join('')
      )
      $('.ys-footer__end .end-link').empty()
      $('.ys-footer__end .end-link').append(nodes)
    }
  })
}

window.addEventListener('openService', openService) // 监听全局客服点击事件

$('#backTop').click(function () {
  $('html, body').animate({ scrollTop: 0 }, 300)
})
$('.ys-rightNav .online-serve').click(function() {
  openService()
})
// 打开客服弹窗
function openService() {
  if ($('#aff-im-root .embed-icon-pcIcon5').length > 0) {
    $('#aff-im-root .embed-icon-pcIcon5').click()
  } else {
    $('#newBridge .nb-icon-wrap').click()
  }
  customEventLog("open_server"); // 打点
  customEventLog("set", { key:'purchase', value:'service'}, {onlyTrack: ["ClarityTracker"]}); // clarity标签
}
// 监听页面滚动
$(window).scroll(function () {
  $('.ys-rightNav #backTop').css('display', $(document).scrollTop() ? 'block' : 'none')
})