272 lines
7.9 KiB
JavaScript
272 lines
7.9 KiB
JavaScript
$(function () {
|
|
// 获取url地址栏参数函数
|
|
function getUrlParams() {
|
|
const url = window.location.href;
|
|
// 判断是否有参数
|
|
if (url.indexOf("?") === -1) {
|
|
return {};
|
|
}
|
|
const params = url.split("?")[1];
|
|
const paramsArr = params.split("&");
|
|
const paramsObj = {};
|
|
paramsArr.forEach((item) => {
|
|
const key = item.split("=")[0];
|
|
const value = item.split("=")[1];
|
|
// 解析中文
|
|
paramsObj[key] = decodeURI(value);
|
|
});
|
|
return paramsObj;
|
|
}
|
|
//设置cookie
|
|
function setCookie(c_name, value, expiredays = 1) {
|
|
const exdate = new Date();
|
|
exdate.setDate(exdate.getDate() + expiredays);
|
|
document.cookie =
|
|
c_name + "=" + value + (";expires=" + exdate.toGMTString());
|
|
}
|
|
// 判断首页是否为推荐页面
|
|
function isRecommend() {
|
|
const urlParams = getUrlParams();
|
|
if (urlParams.recommend_c) {
|
|
setCookie("recommend_c", urlParams.recommend_c);
|
|
}
|
|
}
|
|
isRecommend();
|
|
let bannerSwiper = null;
|
|
const initBannerSwiper = () => {
|
|
if (bannerSwiper) {
|
|
bannerSwiper.destroy(true, true);
|
|
}
|
|
bannerSwiper = new Swiper(".swiper", {
|
|
loop: true,
|
|
autoplay: true,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
});
|
|
};
|
|
|
|
const renderBannerSlides = (list = []) => {
|
|
const wrapper = document.getElementById("bannerWrapper");
|
|
if (!wrapper) {
|
|
return;
|
|
}
|
|
if (!Array.isArray(list) || list.length === 0) {
|
|
initBannerSwiper();
|
|
return;
|
|
}
|
|
wrapper.innerHTML = "";
|
|
list.forEach((item) => {
|
|
const slide = document.createElement("div");
|
|
slide.className = "swiper-slide";
|
|
const title = item.title ? `<h1>${item.title}</h1>` : "";
|
|
const desc = item.description
|
|
? `<p class="banner-desc">${item.description}</p>`
|
|
: "";
|
|
let buttonHtml = "";
|
|
if (item.button_text) {
|
|
const link = item.button_link || "javascript:;";
|
|
const target = item.button_blank ? "_blank" : "_self";
|
|
buttonHtml = `<a class="btn btn2 btn-normal" href="${link}" target="${target}">${item.button_text}</a>`;
|
|
}
|
|
const targetAttr = item.blank ? "_blank" : "_self";
|
|
const imgHtml = `<img class="img-responsive img center-block" src="${
|
|
item.img || ""
|
|
}" alt="${item.alt || item.title || "banner"}">`;
|
|
const mediaBlock = item.url
|
|
? `<a href="${item.url}" target="${targetAttr}">${imgHtml}</a>`
|
|
: imgHtml;
|
|
const contentBlock =
|
|
title || desc || buttonHtml
|
|
? `<div class="section-content">${title}${desc}${buttonHtml}</div>`
|
|
: "";
|
|
slide.innerHTML = `
|
|
${mediaBlock}
|
|
${contentBlock}
|
|
`;
|
|
wrapper.appendChild(slide);
|
|
});
|
|
initBannerSwiper();
|
|
};
|
|
|
|
// 设置首页函数
|
|
function setIndexData() {
|
|
const commentObj = JSON.parse(sessionStorage.commentData);
|
|
renderBannerSlides(commentObj.banner);
|
|
if (commentObj.honor.length > 0) {
|
|
commentObj.honor.forEach((item) => {
|
|
$("#certBox").append(`<div class="cert-item">
|
|
<img src=${item.img} alt="">
|
|
<p class="mt-20">${item.name}</p>
|
|
</div>`);
|
|
});
|
|
}
|
|
if (commentObj.partner.length > 0 && commentObj.partner.length <= 3) {
|
|
commentObj.partner.forEach((item) => {
|
|
$("#practiceBox").append(`<div class="practice-box">
|
|
<img src="${item.img}" alt="">
|
|
<div class="mt-10">${item.description}</div>
|
|
<p class="tr font-grey mt-20 font12">${item.name}</p>
|
|
</div>`);
|
|
});
|
|
} else if (commentObj.partner.length > 3) {
|
|
const arr1 = commentObj.partner.slice(0, 3);
|
|
const arr2 = commentObj.partner.slice(3);
|
|
arr1.forEach((item) => {
|
|
$("#practiceBox").append(`<div class="practice-box">
|
|
<img src="${item.img}" alt="">
|
|
<div class="mt-10">${item.description}</div>
|
|
<p class="tr font-grey mt-20 font12">${item.name}</p>
|
|
</div>`);
|
|
});
|
|
$("#morPracticeBox").attr("style", "display: flex;");
|
|
arr2.forEach((item) => {
|
|
$("#morPracticeBox").append(` <div class="brand-box">
|
|
<img src="${item.img}" alt="">
|
|
</div>`);
|
|
});
|
|
}
|
|
}
|
|
// 获取通用配置信息
|
|
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,
|
|
error: function () {
|
|
// 插件未启用时回落到原有 /console/v1/common
|
|
$.ajax({
|
|
url: "/console/v1/common",
|
|
method: "get",
|
|
headers: {
|
|
Authorization: "Bearer" + " " + localStorage.jwt,
|
|
},
|
|
success: handleSuccess,
|
|
});
|
|
},
|
|
});
|
|
}
|
|
// 获取首页数据
|
|
getCommentInfo();
|
|
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,
|
|
});
|
|
|
|
// 点击显示图片
|
|
$(".cert-item,.practice-box,.brand-box").click(function () {
|
|
// 设置图片
|
|
$("#viewer").attr("src", $(this).find("img").attr("src"));
|
|
viewer.show();
|
|
});
|
|
|
|
initBannerSwiper();
|
|
function formateTimeFun(time) {
|
|
const date = new Date(time * 1000);
|
|
Y = date.getFullYear() + "-";
|
|
M =
|
|
(date.getMonth() + 1 < 10
|
|
? "0" + (date.getMonth() + 1)
|
|
: date.getMonth() + 1) + "-";
|
|
D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
return Y + M + D;
|
|
}
|
|
// 公告列表
|
|
function getAnnounceList() {
|
|
$.ajax({
|
|
url: "/console/v1/announcement",
|
|
method: "get",
|
|
data: {
|
|
page: 1,
|
|
limit: 5,
|
|
},
|
|
success: function (res) {
|
|
const announceList = res.data.list;
|
|
announceList.forEach((item, index) => {
|
|
$("#announceList").append(`
|
|
<div class="news-item">
|
|
<div class="fboxRow Ycenter">
|
|
<div class="number">${index + 1}</div>
|
|
<a href="./announce-details.html?id=${item.id}">
|
|
<div class="title font-ell1">${item.title}</div>
|
|
</a>
|
|
</div>
|
|
<div class="time">${formateTimeFun(item.create_time)}</div>
|
|
</div>
|
|
`);
|
|
});
|
|
},
|
|
});
|
|
}
|
|
getAnnounceList();
|
|
// 新闻列表
|
|
function getNewsList() {
|
|
$.ajax({
|
|
url: "/console/v1/news",
|
|
method: "get",
|
|
data: {
|
|
page: 1,
|
|
limit: 5,
|
|
},
|
|
success: function (res) {
|
|
const announceList = res.data.list;
|
|
announceList.forEach((item, index) => {
|
|
$("#newsList").append(`
|
|
<div class="news-item">
|
|
<div class="fboxRow Ycenter">
|
|
<div class="number">${index + 1}</div>
|
|
<a href="./news-details.html?id=${item.id}">
|
|
<div class="title font-ell1">${item.title}</div>
|
|
</a>
|
|
</div>
|
|
<div class="time">${formateTimeFun(item.create_time)}</div>
|
|
</div>
|
|
`);
|
|
});
|
|
},
|
|
});
|
|
}
|
|
getNewsList();
|
|
|
|
$("#myTabs a").click(function (e) {
|
|
e.preventDefault();
|
|
$(this).tab("show");
|
|
});
|
|
// 跳转函数
|
|
function goOtherPage(url) {
|
|
location.href = url;
|
|
}
|
|
$("#cloud-box").click(function () {
|
|
location.href = "cloud.html";
|
|
});
|
|
$("#domain-box").click(function () {
|
|
location.href = "domain.html";
|
|
});
|
|
$("#recomment-box").click(function () {
|
|
location.href = "/home.htm";
|
|
});
|
|
$("#logon-box").click(function () {
|
|
location.href = "/regist.htm";
|
|
});
|
|
$("#cps-box").click(function () {
|
|
location.href = "partner/cps.html";
|
|
});
|
|
});
|