5e150bcc82
All checks were successful
continuous-integration/drone/push Build is passing
- 解压 default_iSM72.tar.gz 到 hgcloud_home 目录 - drone新增步骤: 同步 hgcloud_home 到 /public/home/template/pc/
444 lines
14 KiB
JavaScript
444 lines
14 KiB
JavaScript
(function (window, undefined) {
|
||
var old_onload = window.onload;
|
||
window.onload = function () {
|
||
const template = document.getElementsByClassName("template")[0];
|
||
Vue.prototype.lang = window.lang;
|
||
|
||
new Vue({
|
||
components: {
|
||
asideMenu,
|
||
topMenu,
|
||
rechargeDialog,
|
||
payDialog,
|
||
creditNotice,
|
||
},
|
||
created() {
|
||
localStorage.frontMenusActiveId = "";
|
||
this.getCommonData();
|
||
this.getGateway();
|
||
},
|
||
mounted() {
|
||
const addons = document.querySelector("#addons_js");
|
||
this.addons_js_arr = JSON.parse(addons.getAttribute("addons_js"));
|
||
this.initData();
|
||
},
|
||
updated() {},
|
||
destroyed() {},
|
||
data() {
|
||
return {
|
||
addons_js_arr: [], // 插件数组
|
||
commonData: {
|
||
currency_prefix: "￥",
|
||
},
|
||
idcsmart_client_level: {
|
||
name: "",
|
||
id: "",
|
||
background_color: "",
|
||
},
|
||
showRight: false,
|
||
account: {}, // 个人信息
|
||
certificationObj: {}, // 认证信息
|
||
percentage: 0,
|
||
productListLoading: true,
|
||
nameLoading: false,
|
||
infoSecLoading: false,
|
||
productList: [], // 产品列表
|
||
ticketList: [], // 工单列表
|
||
homeNewList: [], // 新闻列表
|
||
// 支付方式
|
||
gatewayList: [],
|
||
headBgcList: [
|
||
"#3699FF",
|
||
"#57C3EA",
|
||
"#5CC2D7",
|
||
"#EF8BA2",
|
||
"#C1DB81",
|
||
"#F1978C",
|
||
"#F08968",
|
||
],
|
||
// 轮询相关
|
||
timer: null,
|
||
time: 300000,
|
||
// 后台返回的支付html
|
||
payHtml: "",
|
||
// 错误提示信息
|
||
errText: "",
|
||
// 是否显示充值弹窗
|
||
isShowCz: false,
|
||
payLoading1: false,
|
||
isShowimg1: true,
|
||
// 充值弹窗表单数据
|
||
czData: {
|
||
amount: "",
|
||
gateway: "",
|
||
},
|
||
czDataOld: {
|
||
amount: "",
|
||
gateway: "",
|
||
},
|
||
isOpen: true,
|
||
promoterData: {},
|
||
openVisible: false,
|
||
voucherList: [], // 可领代金券列表
|
||
hasWxPlugin: false,
|
||
wxQrcode: "",
|
||
conectInfo: {
|
||
is_subscribe: 0,
|
||
accept_push: 0,
|
||
},
|
||
codeLoading: false,
|
||
isShowCredit: false,
|
||
creditData: {},
|
||
coinData: {},
|
||
coinRecharge: [],
|
||
};
|
||
},
|
||
filters: {
|
||
formateTime(time) {
|
||
if (time && time !== 0) {
|
||
return formateDate(time * 1000);
|
||
} else {
|
||
return "--";
|
||
}
|
||
},
|
||
formareDay(time) {
|
||
if (time && time !== 0) {
|
||
const dataTime = formateDate(time * 1000);
|
||
return (
|
||
dataTime.split(" ")[0].split("-")[1] +
|
||
"-" +
|
||
dataTime.split(" ")[0].split("-")[2]
|
||
);
|
||
} else {
|
||
return "--";
|
||
}
|
||
},
|
||
},
|
||
methods: {
|
||
goOrderList(val) {
|
||
location.href = "/finance.htm?order_status=" + val;
|
||
},
|
||
goProductList(val) {
|
||
if (val) {
|
||
location.href = "/productList.htm?tab=" + val;
|
||
return;
|
||
}
|
||
location.href = "/productList.htm";
|
||
},
|
||
// 授信详情
|
||
getCreditDetail() {
|
||
creditDetail().then((res) => {
|
||
if (res.data.status === 200) {
|
||
this.isShowCredit = true;
|
||
this.creditData = res.data.data.credit_limit;
|
||
}
|
||
});
|
||
},
|
||
goCredit() {
|
||
location.href = "/finance.htm?tab=6";
|
||
},
|
||
async getWxConectInfo() {
|
||
try {
|
||
const res = await getWxInfo();
|
||
this.conectInfo = res.data.data;
|
||
} catch (error) {
|
||
this.$message.error(error.data.msg);
|
||
}
|
||
},
|
||
async getWxcode() {
|
||
try {
|
||
this.codeLoading = true;
|
||
const res = await getWxQrcode();
|
||
this.wxQrcode = res.data.data.img_url;
|
||
this.codeLoading = false;
|
||
} catch (error) {
|
||
this.codeLoading = false;
|
||
this.$message.error(error.data.msg);
|
||
}
|
||
},
|
||
/* 可领代金券 */
|
||
async getVoucherAvailable() {
|
||
try {
|
||
const res = await voucherAvailable({page: 1, limit: 999});
|
||
this.voucherList = res.data.data.list.filter(
|
||
(item) => !item.is_get
|
||
);
|
||
} catch (error) {
|
||
this.$message.error(error.data.msg);
|
||
}
|
||
},
|
||
/* 可领代金券 end */
|
||
toReferral() {
|
||
location.href = `/plugin/${getPluginId(
|
||
"IdcsmartRecommend"
|
||
)}/recommend.htm`;
|
||
},
|
||
handelAttestation() {
|
||
location.href = `/plugin/${getPluginId(
|
||
"IdcsmartCertification"
|
||
)}/authentication_select.htm`;
|
||
},
|
||
goWorkPage() {
|
||
location.href = `/plugin/${getPluginId("IdcsmartTicket")}/ticket.htm`;
|
||
},
|
||
goNoticePage() {
|
||
location.href = `/plugin/${getPluginId("IdcsmartNews")}/source.htm`;
|
||
},
|
||
goNoticeDetail(id) {
|
||
location.href = `/plugin/${getPluginId(
|
||
"IdcsmartNews"
|
||
)}/news_detail.htm?id=${id}`;
|
||
},
|
||
goGoodsList() {
|
||
location.href = `/cart/goodsList.htm`;
|
||
},
|
||
goProductPage(id) {
|
||
location.href = `/productdetail.htm?id=${id}`;
|
||
},
|
||
goTickDetail(orderid) {
|
||
location.href = `/plugin/${getPluginId(
|
||
"IdcsmartTicket"
|
||
)}/ticketDetails.htm?id=${orderid}`;
|
||
},
|
||
getCoinRecharge() {
|
||
apiCoinRecharge().then((res) => {
|
||
this.coinRecharge = res.data.data.coins;
|
||
});
|
||
},
|
||
initData() {
|
||
const arr = this.addons_js_arr.map((item) => {
|
||
return item.name;
|
||
});
|
||
if (arr.includes("IdcsmartVoucher")) {
|
||
this.getVoucherAvailable();
|
||
}
|
||
if (arr.includes("IdcsmartCertification")) {
|
||
certificationInfo().then((res) => {
|
||
this.certificationObj = res.data.data;
|
||
});
|
||
}
|
||
if (arr.includes("IdcsmartTicket")) {
|
||
ticket_list({page: 1, limit: 3}).then((res) => {
|
||
this.ticketList = res.data.data.list;
|
||
});
|
||
}
|
||
if (arr.includes("IdcsmartNews")) {
|
||
newsList({page: 1, limit: 3}).then((res) => {
|
||
this.homeNewList = res.data.data.list.slice(0, 3);
|
||
});
|
||
}
|
||
if (arr.includes("IdcsmartRecommend")) {
|
||
this.showRight = true;
|
||
this.getPromoterInfo();
|
||
}
|
||
|
||
if (arr.includes("MpWeixinNotice")) {
|
||
this.hasWxPlugin = true;
|
||
this.getWxConectInfo();
|
||
}
|
||
|
||
if (arr.includes("CreditLimit")) {
|
||
// 开启了信用额
|
||
this.getCreditDetail();
|
||
}
|
||
|
||
if (arr.includes("Coin")) {
|
||
this.getCoinDetail();
|
||
this.getCoinRecharge();
|
||
}
|
||
|
||
this.getIndexHost();
|
||
this.getIndexInfo();
|
||
|
||
// promoter_statistic().then((res) => {
|
||
// console.log(res);
|
||
// })
|
||
},
|
||
getCoinDetail() {
|
||
apiCoinDetail().then((res) => {
|
||
this.coinData = res.data.data;
|
||
});
|
||
},
|
||
getIndexInfo() {
|
||
this.nameLoading = true;
|
||
indexData()
|
||
.then((res) => {
|
||
this.account = res.data.data.account;
|
||
this.idcsmart_client_level =
|
||
res.data.data.account.customfield?.idcsmart_client_level || {};
|
||
localStorage.lang = res.data.data.account.language || "zh-cn";
|
||
const reg = /^[a-zA-Z]+$/;
|
||
if (reg.test(res.data.data.account.username.substring(0, 1))) {
|
||
this.account.firstName = res.data.data.account.username
|
||
.substring(0, 1)
|
||
.toUpperCase();
|
||
} else {
|
||
this.account.firstName =
|
||
res.data.data.account.username.substring(0, 1);
|
||
}
|
||
this.percentage =
|
||
(Number(this.account.this_month_consume) /
|
||
Number(this.account.consume)) *
|
||
100 || 0;
|
||
if (sessionStorage.headBgc) {
|
||
this.$refs.headBoxRef.style.background = sessionStorage.headBgc;
|
||
} else {
|
||
const index = Math.round(
|
||
Math.random() * (this.headBgcList.length - 1)
|
||
);
|
||
this.$refs.headBoxRef.style.background =
|
||
this.headBgcList[index];
|
||
sessionStorage.headBgc = this.headBgcList[index];
|
||
}
|
||
this.nameLoading = false;
|
||
})
|
||
.catch((error) => {
|
||
// jwt过期跳转订购产品页面
|
||
// if (error.data.status == 401) {
|
||
// location.href = "login.htm"
|
||
// }
|
||
});
|
||
},
|
||
getIndexHost() {
|
||
indexHost({page: 1, limit: 10})
|
||
.then((res) => {
|
||
this.productListLoading = false;
|
||
this.productList = res.data.data.list;
|
||
const data = new Date().getTime() * 0.001;
|
||
this.productList.forEach((item) => {
|
||
if (
|
||
item.due_time !== 0 &&
|
||
(item.due_time - data) / (60 * 60 * 24) <= 10
|
||
) {
|
||
item.isOverdue = true;
|
||
} else {
|
||
item.isOverdue = false;
|
||
}
|
||
});
|
||
})
|
||
.catch(() => {
|
||
this.productListLoading = false;
|
||
});
|
||
},
|
||
// 获取支付方式列表
|
||
getGateway() {
|
||
gatewayList().then((res) => {
|
||
if (res.data.status === 200) {
|
||
this.gatewayList = res.data.data.list;
|
||
}
|
||
});
|
||
},
|
||
goUser() {
|
||
location.href = `account.htm`;
|
||
},
|
||
// 支付成功回调
|
||
paySuccess(e) {
|
||
indexData().then((res) => {
|
||
this.account = res.data.data.account;
|
||
this.account.firstName = res.data.data.account.username.substring(
|
||
0,
|
||
1
|
||
);
|
||
this.percentage =
|
||
(Number(this.account.this_month_consume) /
|
||
Number(this.account.consume)) *
|
||
100 || 0;
|
||
});
|
||
},
|
||
// 取消支付回调
|
||
payCancel(e) {},
|
||
|
||
// 显示充值 dialog
|
||
showCz() {
|
||
this.$refs.rechargeDialog.open();
|
||
},
|
||
|
||
rechargeSuccess() {
|
||
this.paySuccess();
|
||
},
|
||
setAccoutCredit() {
|
||
this.$refs.creditNotice.open();
|
||
},
|
||
|
||
// 获取通用配置
|
||
async getCommonData() {
|
||
this.commonData = JSON.parse(
|
||
localStorage.getItem("common_set_before")
|
||
) || {
|
||
currency_prefix: "￥",
|
||
};
|
||
const res = await getCommon();
|
||
this.commonData = res.data.data;
|
||
localStorage.setItem(
|
||
"common_set_before",
|
||
JSON.stringify(res.data.data)
|
||
);
|
||
document.title =
|
||
this.commonData.website_name + "-" + lang.index_text33;
|
||
},
|
||
// 获取推广者基础信息
|
||
getPromoterInfo() {
|
||
promoterInfo()
|
||
.then((res) => {
|
||
if (res.data.status == 200) {
|
||
this.promoterData = res.data.data.promoter;
|
||
if (res.data.data.promoter.permission === 0) {
|
||
this.showRight = false;
|
||
}
|
||
if (
|
||
JSON.stringify(this.promoterData) == "{}" ||
|
||
!res.data.data.promoter.url
|
||
) {
|
||
this.isOpen = false;
|
||
} else {
|
||
this.isOpen = true;
|
||
}
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
this.isOpen = false;
|
||
this.showRight = false;
|
||
});
|
||
},
|
||
// 开启推介计划
|
||
openReferral() {
|
||
openRecommend()
|
||
.then((res) => {
|
||
if (res.data.status == 200) {
|
||
this.$message.success(res.data.msg);
|
||
this.getPromoterInfo();
|
||
this.openVisible = false;
|
||
}
|
||
})
|
||
.catch((error) => {
|
||
this.$message.error(error.data.msg);
|
||
});
|
||
},
|
||
// 复制
|
||
copyUrl(text) {
|
||
if (navigator.clipboard && window.isSecureContext) {
|
||
// navigator clipboard 向剪贴板写文本
|
||
this.$message.success(lang.index_text32);
|
||
return navigator.clipboard.writeText(text);
|
||
} else {
|
||
// 创建text area
|
||
const textArea = document.createElement("textarea");
|
||
textArea.value = text;
|
||
// 使text area不在viewport，同时设置不可见
|
||
document.body.appendChild(textArea);
|
||
// textArea.focus()
|
||
textArea.select();
|
||
this.$message.success(lang.index_text32);
|
||
return new Promise((res, rej) => {
|
||
// 执行复制命令并移除文本框
|
||
document.execCommand("copy") ? res() : rej();
|
||
textArea.remove();
|
||
});
|
||
}
|
||
},
|
||
},
|
||
}).$mount(template);
|
||
typeof old_onload == "function" && old_onload();
|
||
};
|
||
})(window);
|