358 lines
12 KiB
JavaScript
358 lines
12 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");
|
|
}
|
|
};
|
|
// 获取通用配置信息
|
|
const getCommentInfo = () => {
|
|
const handleSuccess = function (res) {
|
|
sessionStorage.commentData = JSON.stringify(res.data);
|
|
setCommData();
|
|
};
|
|
$.ajax({
|
|
url: "/console/v1/theme/config",
|
|
method: "get",
|
|
headers: {
|
|
Authorization: "Bearer" + " " + localStorage.jwt,
|
|
},
|
|
success: handleSuccess,
|
|
});
|
|
};
|
|
// 设置通用信息函数
|
|
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;");
|
|
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").prepend(`
|
|
<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>
|
|
`);
|
|
$("#copyright_info").text(commentObj.copyright_info);
|
|
$("#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;
|
|
});
|
|
};
|
|
$(".line-server-btn").click(function () {
|
|
window.open($(this).data("url"));
|
|
});
|
|
// 跳转函数
|
|
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/default/public/header.html", function () {
|
|
// initHeader();
|
|
// });
|
|
initHeader();
|
|
// 底部渲染
|
|
// $("#footer").load("/web/default/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";
|
|
});
|
|
});
|