569 lines
19 KiB
JavaScript
569 lines
19 KiB
JavaScript
// 消息弹窗
|
||
function showMessage(type, message, duration) {
|
||
if ($("#alert-container").length <= 0) {
|
||
$("body").append(`
|
||
<div id="alert-container"></div>
|
||
`);
|
||
}
|
||
const alertClass = "alert-" + type;
|
||
const html =
|
||
'<div class="alert ' +
|
||
alertClass +
|
||
' show alert-dismissible" role="alert">' +
|
||
message +
|
||
'<button type="button" class="close" data-dismiss="alert" aria-label="Close">' +
|
||
'<span aria-hidden="true">×</span>' +
|
||
"</button>" +
|
||
"</div>";
|
||
const $alert = $(html).appendTo("#alert-container");
|
||
setTimeout(function () {
|
||
$alert.alert("close");
|
||
}, duration);
|
||
// 清空表单
|
||
}
|
||
|
||
$(function () {
|
||
const headBgcList = [
|
||
"#3699FF",
|
||
"#57C3EA",
|
||
"#5CC2D7",
|
||
"#EF8BA2",
|
||
"#C1DB81",
|
||
"#F1978C",
|
||
"#F08968",
|
||
];
|
||
// 获取账户信息和实名认证信息
|
||
const initData = () => {
|
||
if (localStorage.jwt) {
|
||
$.ajax({
|
||
url: " /console/v1/account",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (res) {
|
||
if (res.status === 200) {
|
||
const obj = res.data.account;
|
||
$(".no-login").attr("style", "display:none");
|
||
$(".login-in").attr("style", "display:flex");
|
||
$("#username").text(res.data.account.username);
|
||
const reg = /^[a-zA-Z]+$/;
|
||
if (reg.test(res.data.account.username.substring(0, 1))) {
|
||
obj.firstName = res.data.account.username
|
||
.substring(0, 1)
|
||
.toUpperCase();
|
||
$("#headImg").text(
|
||
res.data.account.username.substring(0, 1).toUpperCase()
|
||
);
|
||
} else {
|
||
obj.firstName = res.data.account.username.substring(0, 1);
|
||
$("#headImg").text(res.data.account.username.substring(0, 1));
|
||
}
|
||
if (sessionStorage.headBgc) {
|
||
$("#headImg").attr(
|
||
"style",
|
||
`background:${sessionStorage.headBgc}`
|
||
);
|
||
} else {
|
||
const index = Math.round(
|
||
Math.random() * (headBgcList.length - 1)
|
||
);
|
||
$("#headImg").attr("style", `background:${headBgcList[index]}`);
|
||
sessionStorage.headBgc = headBgcList[index];
|
||
}
|
||
sessionStorage.accountInfo = JSON.stringify(obj);
|
||
} else {
|
||
$(".login-in").attr("style", "display:none");
|
||
$(".no-login").attr("style", "display:block");
|
||
}
|
||
},
|
||
});
|
||
$.ajax({
|
||
url: " /console/v1/certification/info",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (res) {
|
||
if (res.status === 200) {
|
||
if (res.data.is_certification) {
|
||
$("#isCertification").attr("style", "display:inline-block");
|
||
$("#noCertification").attr("style", "display:none");
|
||
sessionStorage.is_certification = true;
|
||
} else {
|
||
$("#isCertification").attr("style", "display:none");
|
||
$("#noCertification").attr("style", "display:inline-block");
|
||
sessionStorage.is_certification = false;
|
||
}
|
||
} else {
|
||
$(".login-in").attr("style", "display:none");
|
||
$(".no-login").attr("style", "display:block");
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
$(".login-in").attr("style", "display:none");
|
||
$(".no-login").attr("style", "display:block");
|
||
}
|
||
};
|
||
// 获取通用配置信息（先用系统 /console/v1/common，若有插件则再用插件数据覆盖部分字段）
|
||
const getCommentInfo = () => {
|
||
$.ajax({
|
||
url: "/console/v1/common",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (res) {
|
||
if (!res || res.status !== 200 || !res.data) {
|
||
return;
|
||
}
|
||
var baseData = res.data || {};
|
||
|
||
// 再尝试从主题配置插件读取额外配置，用于覆盖旧数据
|
||
$.ajax({
|
||
url: "/console/v1/theme/config",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (pluginRes) {
|
||
if (pluginRes && pluginRes.status === 200 && pluginRes.data) {
|
||
var cfg = pluginRes.data || {};
|
||
|
||
// SEO：如配置了插件 SEO，则覆盖页面标题与 meta
|
||
if (cfg.seo) {
|
||
if (cfg.seo.title) {
|
||
document.title = cfg.seo.title;
|
||
}
|
||
if (cfg.seo.keywords) {
|
||
var $kw = $('meta[name="keywords"]');
|
||
if ($kw.length) {
|
||
$kw.attr("content", cfg.seo.keywords);
|
||
}
|
||
}
|
||
if (cfg.seo.description) {
|
||
var $desc = $('meta[name="description"]');
|
||
if ($desc.length) {
|
||
$desc.attr("content", cfg.seo.description);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 覆盖基础字段：企业信息 & ICP 等
|
||
baseData.enterprise_name =
|
||
cfg.enterprise_name || baseData.enterprise_name;
|
||
baseData.enterprise_telephone =
|
||
cfg.enterprise_telephone || baseData.enterprise_telephone;
|
||
baseData.enterprise_mailbox =
|
||
cfg.enterprise_mailbox || baseData.enterprise_mailbox;
|
||
baseData.enterprise_qrcode =
|
||
cfg.enterprise_qrcode || baseData.enterprise_qrcode;
|
||
baseData.official_website_logo =
|
||
cfg.official_website_logo || baseData.official_website_logo;
|
||
baseData.online_customer_service_link =
|
||
cfg.online_customer_service_link ||
|
||
baseData.online_customer_service_link;
|
||
baseData.icp_info = cfg.icp_info || baseData.icp_info;
|
||
baseData.icp_info_link =
|
||
cfg.icp_info_link || baseData.icp_info_link;
|
||
baseData.public_security_network_preparation =
|
||
cfg.public_security_network_preparation ||
|
||
baseData.public_security_network_preparation;
|
||
baseData.public_security_network_preparation_link =
|
||
cfg.public_security_network_preparation_link ||
|
||
baseData.public_security_network_preparation_link;
|
||
baseData.telecom_appreciation =
|
||
cfg.telecom_appreciation || baseData.telecom_appreciation;
|
||
baseData.copyright_info =
|
||
cfg.copyright_info || baseData.copyright_info;
|
||
baseData.cloud_product_link =
|
||
cfg.cloud_product_link || baseData.cloud_product_link;
|
||
baseData.dcim_product_link =
|
||
cfg.dcim_product_link || baseData.dcim_product_link;
|
||
baseData.terms_service_url =
|
||
cfg.terms_service_url || baseData.terms_service_url;
|
||
baseData.terms_privacy_url =
|
||
cfg.terms_privacy_url || baseData.terms_privacy_url;
|
||
|
||
// 数组字段：优先使用插件配置
|
||
if (cfg.friendly_link) {
|
||
baseData.friendly_link = cfg.friendly_link;
|
||
}
|
||
if (cfg.honor) {
|
||
baseData.honor = cfg.honor;
|
||
}
|
||
if (cfg.partner) {
|
||
baseData.partner = cfg.partner;
|
||
}
|
||
if (cfg.feedback_type) {
|
||
baseData.feedback_type = cfg.feedback_type;
|
||
}
|
||
if (cfg.header_nav) {
|
||
baseData.header_nav = cfg.header_nav;
|
||
}
|
||
if (cfg.footer_nav) {
|
||
baseData.footer_nav = cfg.footer_nav;
|
||
}
|
||
if (cfg.side_floating_window) {
|
||
baseData.side_floating_window = cfg.side_floating_window;
|
||
}
|
||
}
|
||
|
||
sessionStorage.commentData = JSON.stringify(baseData);
|
||
setCommData();
|
||
},
|
||
error: function () {
|
||
// 插件不可用则直接使用系统默认配置
|
||
sessionStorage.commentData = JSON.stringify(baseData);
|
||
setCommData();
|
||
},
|
||
});
|
||
},
|
||
});
|
||
};
|
||
// 根据插件配置重绘顶部导航（header_nav）
|
||
const renderHeaderNav = (commentObj) => {
|
||
var navData = commentObj && commentObj.header_nav;
|
||
if (!Array.isArray(navData) || navData.length === 0) {
|
||
return;
|
||
}
|
||
|
||
// 更新 Logo 点击链接
|
||
var home = navData[0] || {};
|
||
if (home.file_address) {
|
||
$(".nav-icon a").attr("href", home.file_address);
|
||
}
|
||
|
||
var $menu = $(".nav-menu");
|
||
var $navContSection = $(".nav-cont .section-content");
|
||
if (!$menu.length || !$navContSection.length) {
|
||
return;
|
||
}
|
||
|
||
// 顶部一级导航
|
||
$menu.empty();
|
||
for (var i = 1; i < navData.length; i++) {
|
||
var item = navData[i] || {};
|
||
var name = item.name || "";
|
||
var file = item.file_address || "";
|
||
var blank = Number(item.blank) === 1;
|
||
|
||
if (!name) {
|
||
continue;
|
||
}
|
||
|
||
if (file) {
|
||
var $a = $("<a></a>")
|
||
.attr("href", file)
|
||
.attr("target", blank ? "_blank" : "_self");
|
||
$a.append($("<div></div>").addClass("nav-item").text(name));
|
||
$menu.append($a);
|
||
} else {
|
||
$menu.append($("<div></div>").addClass("nav-item").text(name));
|
||
}
|
||
}
|
||
|
||
// 下拉菜单
|
||
$navContSection.empty();
|
||
for (var j = 1; j < navData.length; j++) {
|
||
var parent = navData[j] || {};
|
||
var children = Array.isArray(parent.children) ? parent.children : [];
|
||
if (!children.length) {
|
||
$navContSection.append(
|
||
$("<div></div>").addClass("nav-cont-menu nav-cont-empty")
|
||
);
|
||
continue;
|
||
}
|
||
|
||
var $menuWrap = $("<div></div>").addClass(
|
||
"nav-cont-menu animated slideInDown"
|
||
);
|
||
var $content = $("<div></div>").addClass("nav-content");
|
||
children.forEach(function (child) {
|
||
if (!child) return;
|
||
var cname = child.name || "";
|
||
var curl = child.file_address || "";
|
||
var cblank = Number(child.blank) === 1;
|
||
var cicon = child.icon || "";
|
||
var cdesc = child.description || "";
|
||
|
||
if (!cname && !curl) return;
|
||
|
||
var $link = $("<a></a>");
|
||
if (curl) {
|
||
$link.attr("href", curl).attr("target", cblank ? "_blank" : "_self");
|
||
} else {
|
||
$link.attr("href", "javascript:;");
|
||
}
|
||
|
||
var $box = $("<div></div>").addClass("nav-item-box");
|
||
if (cicon) {
|
||
$box.append($("<img>").attr("src", cicon).attr("alt", ""));
|
||
}
|
||
var $titleWrap = $("<div></div>").addClass("item-box-title");
|
||
$titleWrap.append($("<div></div>").addClass("title").text(cname));
|
||
$titleWrap.append($("<div></div>").addClass("desc").text(cdesc));
|
||
$box.append($titleWrap);
|
||
|
||
$link.append($box);
|
||
$content.append($link);
|
||
});
|
||
|
||
$menuWrap.append($content);
|
||
$navContSection.append($menuWrap);
|
||
}
|
||
|
||
// 重绑 hover 事件，避免新节点没有事件
|
||
$(".nav-menu .nav-item").off("mouseenter mouseleave");
|
||
$(".nav-cont").off("mouseenter mouseleave");
|
||
initHeader();
|
||
};
|
||
|
||
// 设置通用信息函数
|
||
const setCommData = () => {
|
||
const commentObj = JSON.parse(sessionStorage.commentData);
|
||
$("#enterprise_name").text(commentObj.enterprise_name);
|
||
$(".com-contact-tel").text(commentObj.enterprise_telephone);
|
||
$("#enterprise_telephone").text(
|
||
`联系电话：${commentObj.enterprise_telephone}`
|
||
);
|
||
$("#enterprise_mailbox").text(`联系邮箱：${commentObj.enterprise_mailbox}`);
|
||
$("#enterprise_qrcode").attr("src", commentObj.enterprise_qrcode);
|
||
$("#logo").attr("src", commentObj.official_website_logo);
|
||
if (commentObj.friendly_link.length > 0) {
|
||
$("#index #footerLink").attr("style", "display: block;");
|
||
// 先清空，再填充，避免重复叠加
|
||
$("#footerLink a").remove();
|
||
commentObj.friendly_link.forEach((item) => {
|
||
$("#footerLink").append(
|
||
`<a href=${item.url} target="_blank" rel="nofollow">${item.name}</a>`
|
||
);
|
||
});
|
||
} else {
|
||
$("#footerLink").attr("style", "display: none;");
|
||
}
|
||
|
||
// 统一覆盖底部备案信息和版权
|
||
$("#footerRecord").html(`
|
||
<div class='left-info'>
|
||
<a href='${commentObj.icp_info_link}' target="_blank" rel="nofollow">${commentObj.icp_info}</a>
|
||
<a href='${commentObj.public_security_network_preparation_link}' target="_blank" rel="nofollow">${commentObj.public_security_network_preparation}</a>
|
||
<span>${commentObj.telecom_appreciation}</span>
|
||
</div>
|
||
<span>${commentObj.copyright_info}</span>
|
||
`);
|
||
$("#terms_service_url").click(function () {
|
||
location.href = commentObj.terms_service_url;
|
||
});
|
||
$("#terms_privacy_url").click(function () {
|
||
location.href = commentObj.terms_privacy_url;
|
||
});
|
||
|
||
|
||
$(".buy-cloud").click(function () {
|
||
location.href = commentObj.cloud_product_link;
|
||
});
|
||
$(".buy-dcim-btn").click(function () {
|
||
location.href = commentObj.dcim_product_link;
|
||
});
|
||
|
||
// 顶部导航改用插件 header_nav
|
||
renderHeaderNav(commentObj);
|
||
};
|
||
$(".line-server-btn").click(function () {
|
||
const commentObj = sessionStorage.commentData
|
||
? JSON.parse(sessionStorage.commentData)
|
||
: null;
|
||
if (commentObj && commentObj.online_customer_service_link) {
|
||
window.open(commentObj.online_customer_service_link);
|
||
}
|
||
});
|
||
// 跳转函数
|
||
const goOtherPage = (url) => {
|
||
sessionStorage.redirectUrl = location.href;
|
||
location.href = url;
|
||
};
|
||
function initHeader() {
|
||
let showIndex = 0;
|
||
$(".nav-menu .nav-item").hover(
|
||
function () {
|
||
const index = $(".nav-menu .nav-item").index($(this));
|
||
$(".nav-cont .nav-cont-menu")
|
||
.eq(index)
|
||
.attr("style", "display: block;");
|
||
|
||
// $('.nav-cont').attr('style','display: block;')
|
||
if (
|
||
!$(".nav-cont .nav-cont-menu").eq(index).hasClass("nav-cont-empty")
|
||
) {
|
||
const height = $(".nav-cont .nav-cont-menu").eq(index).height();
|
||
$(".nav-cont").attr("style", `height: ${height}px;`);
|
||
}
|
||
showIndex = index;
|
||
},
|
||
function () {
|
||
const index = $(".nav-menu .nav-item").index($(this));
|
||
$(".nav-cont ").eq(index).attr("style", "display: none;");
|
||
$(".nav-cont .nav-cont-menu").eq(index).attr("style", "display: none;");
|
||
$(".nav-cont").attr("style", "height:0");
|
||
}
|
||
);
|
||
|
||
$(".nav-cont").hover(
|
||
function () {
|
||
//$('.nav-cont ').attr('style','display: block;')
|
||
$(".nav-cont .nav-cont-menu")
|
||
.eq(showIndex)
|
||
.attr("style", "display: block;");
|
||
//if (showIndex != 0) {
|
||
if (!$(this).hasClass("nav-cont-empty")) {
|
||
const height = $(".nav-cont .nav-cont-menu").eq(showIndex).height();
|
||
$(".nav-cont").attr("style", `height: ${height}px;`);
|
||
}
|
||
},
|
||
function () {
|
||
//$('.nav-cont ').attr('style','display: none;')
|
||
$(".nav-cont .nav-cont-menu")
|
||
.eq(showIndex)
|
||
.attr("style", "display: none;");
|
||
$(".nav-cont").attr("style", "height:0");
|
||
}
|
||
);
|
||
if (localStorage.jwt) {
|
||
if (sessionStorage.accountInfo) {
|
||
const obj = JSON.parse(sessionStorage.accountInfo);
|
||
$(".no-login").attr("style", "display:none");
|
||
$(".login-in").attr("style", "display:flex");
|
||
$("#username").text(obj.username);
|
||
$("#headImg").text(obj.firstName);
|
||
$("#headImg").attr("style", `background:${sessionStorage.headBgc}`);
|
||
if (sessionStorage.is_certification == true) {
|
||
$("#isCertification").attr("style", "display:inline-block");
|
||
$("#noCertification").attr("style", "display:none");
|
||
} else {
|
||
$("#isCertification").attr("style", "display:none");
|
||
$("#noCertification").attr("style", "display:inline-block");
|
||
}
|
||
}
|
||
initData();
|
||
} else {
|
||
$(".login-in").attr("style", "display:none");
|
||
$(".no-login").attr("style", "display:block");
|
||
}
|
||
// 退出登录
|
||
$("#logout").click(function () {
|
||
localStorage.removeItem("jwt");
|
||
initData();
|
||
});
|
||
// 点击登录
|
||
$("#loginBtn").click(function () {
|
||
goOtherPage("/login.htm");
|
||
});
|
||
// 点击注册
|
||
$("#registBtn").click(function () {
|
||
goOtherPage("/regist.htm");
|
||
});
|
||
// 点击账户信息
|
||
$("#accountBtn").click(function () {
|
||
location.href = "/account.htm";
|
||
});
|
||
// 未付款订单
|
||
$("#financeBtn").click(function () {
|
||
location.href = "/finance.htm";
|
||
});
|
||
// 我的工单
|
||
$("#ticketBtn").click(function () {
|
||
location.href = "/plugin/27/ticket.htm";
|
||
});
|
||
// 购物车
|
||
$("#shopping-cart").click(function () {
|
||
location.href = "/cart/shoppingCar.htm";
|
||
});
|
||
}
|
||
function initFooter() {
|
||
// 始终从后端获取最新通用配置，避免缓存导致配置不生效
|
||
getCommentInfo();
|
||
}
|
||
// 首页渲染
|
||
// $("#header").load("/web/BlackFruit-web/public/header.html", function () {
|
||
// initHeader();
|
||
// });
|
||
initHeader();
|
||
// 底部渲染
|
||
// $("#footer").load("/web/BlackFruit-web/public/footer.html", function () {
|
||
// initFooter();
|
||
// });
|
||
initFooter();
|
||
|
||
const resize = function () {
|
||
const width = $(window).width();
|
||
const num = width / 1400;
|
||
if (1000 < width && width < 1440) {
|
||
$("section").attr(
|
||
"style",
|
||
"width:1400px;transform: scaleX(" + num + ");transform-origin: 0 0;"
|
||
);
|
||
} else {
|
||
$("section").attr("style", "");
|
||
}
|
||
};
|
||
resize();
|
||
window.addEventListener("resize", resize);
|
||
|
||
$(".input-search-s ").click(function () {
|
||
$(".input-search-select .select-box").toggle();
|
||
});
|
||
|
||
$(".input-search-r").click(function () {
|
||
$(".input-search-select .select-box").toggle();
|
||
});
|
||
|
||
$(".input-search-select").on("click", ".select-box-item", function () {
|
||
$(".input-search-text").text($(this).text());
|
||
$(".input-search-select .select-box").toggle();
|
||
});
|
||
|
||
/* 招聘tab切换 */
|
||
$(".recuit-btn-group a").each(function (ind, el) {
|
||
$(el).click(function () {
|
||
$(this).addClass("active").siblings().removeClass("active");
|
||
$(".recuit-content .recuit-box").eq(ind).show().siblings().hide();
|
||
});
|
||
});
|
||
/* 常见问题toggle */
|
||
$(".agent-question .item").eq(0).addClass("active");
|
||
$(".agent-question .item").eq(0).find(".des").slideDown(300);
|
||
$(".agent-question .item").each(function (ind, el) {
|
||
$(el)
|
||
.find(".open")
|
||
.click(function () {
|
||
$(this).parent(".title").parent(".item").find(".des").slideDown(300);
|
||
$(this)
|
||
.parent(".title")
|
||
.parent(".item")
|
||
.addClass("active")
|
||
.siblings()
|
||
.removeClass("active")
|
||
.find(".des")
|
||
.slideUp(300);
|
||
});
|
||
$(el)
|
||
.find(".down")
|
||
.click(function () {
|
||
$(this)
|
||
.parent(".des")
|
||
.slideUp(300)
|
||
.parent(".item")
|
||
.removeClass("active");
|
||
});
|
||
});
|
||
|
||
$("#documentBtn").click(function () {
|
||
location.href = "./document.html";
|
||
});
|
||
$(".go-ticket-btn").click(function () {
|
||
location.href = "home.htm";
|
||
});
|
||
});
|