feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
This commit is contained in:
yiqiu
593
clientarea/hgcloud/js/home.js
Normal file
593
clientarea/hgcloud/js/home.js
Normal file
@@ -0,0 +1,593 @@
|
||||
(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,
|
||||
payDialog,
|
||||
},
|
||||
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: {},
|
||||
};
|
||||
},
|
||||
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: {
|
||||
// 授信详情
|
||||
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}`;
|
||||
},
|
||||
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();
|
||||
}
|
||||
|
||||
this.getIndexHost();
|
||||
this.getIndexInfo();
|
||||
|
||||
// promoter_statistic().then((res) => {
|
||||
// console.log(res);
|
||||
// })
|
||||
},
|
||||
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 })
|
||||
.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 - 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) {},
|
||||
// 返回两位小数
|
||||
oninput(value) {
|
||||
let str = value;
|
||||
let len1 = str.substr(0, 1);
|
||||
let len2 = str.substr(1, 1);
|
||||
//如果第一位是0，第二位不是点，就用数字把点替换掉
|
||||
if (str.length > 1 && len1 == 0 && len2 != ".") {
|
||||
str = str.substr(1, 1);
|
||||
}
|
||||
//第一位不能是.
|
||||
if (len1 == ".") {
|
||||
str = "";
|
||||
}
|
||||
if (len1 == "+") {
|
||||
str = "";
|
||||
}
|
||||
if (len1 == "-") {
|
||||
str = "";
|
||||
}
|
||||
//限制只能输入一个小数点
|
||||
if (str.indexOf(".") != -1) {
|
||||
let str_ = str.substr(str.indexOf(".") + 1);
|
||||
if (str_.indexOf(".") != -1) {
|
||||
str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
|
||||
}
|
||||
}
|
||||
//正则替换
|
||||
str = str.replace(/[^\d^\.]+/g, ""); // 保留数字和小数点
|
||||
str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, "$1"); // 小数点后只能输 2 位
|
||||
return str;
|
||||
},
|
||||
// 显示充值 dialog
|
||||
showCz() {
|
||||
// 初始化弹窗数据
|
||||
this.czData = {
|
||||
amount: "",
|
||||
gateway: this.gatewayList[0] ? this.gatewayList[0].name : "",
|
||||
};
|
||||
this.czDataOld = {
|
||||
amount: "",
|
||||
gateway: "",
|
||||
};
|
||||
this.errText = "";
|
||||
this.isShowCz = true;
|
||||
this.payLoading1 = false;
|
||||
this.payHtml = "";
|
||||
},
|
||||
// 充值金额变化时触发
|
||||
czInputChange() {
|
||||
if (this.czData.amount) {
|
||||
let data = this.czData;
|
||||
const params = { amount: Number(data.amount) };
|
||||
recharge(params)
|
||||
.then((res) => {
|
||||
if (res.data.status === 200) {
|
||||
this.isShowCz = false;
|
||||
const orderId = res.data.data.id;
|
||||
this.$refs.payDialog.czPay(orderId);
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message.error(error.data.msg);
|
||||
});
|
||||
} else {
|
||||
this.$message.error(lang.index_text29);
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// // 充值金额变化时触发
|
||||
// czInputChange() {
|
||||
// let data = this.czData
|
||||
// let isPass = true
|
||||
// if (!data.gateway) {
|
||||
// this.errText = "请选择充值方式"
|
||||
// isPass = false
|
||||
// }
|
||||
// if (!data.amount) {
|
||||
// this.errText = "请输入充值金额"
|
||||
// isPass = false
|
||||
// }
|
||||
|
||||
// if (this.czData.amount == this.czDataOld.amount && this.czData.gateway == this.czDataOld.gateway) {
|
||||
// isPass = false
|
||||
// }
|
||||
|
||||
// if (isPass) {
|
||||
// this.errText = ""
|
||||
// // 调用充值接口
|
||||
// const params = {
|
||||
// amount: Number(data.amount),
|
||||
// gateway: data.gateway
|
||||
// }
|
||||
// this.doRecharge(params)
|
||||
// }
|
||||
// },
|
||||
// 充值方式变化时触发
|
||||
czSelectChange() {
|
||||
let data = this.czData;
|
||||
let isPass = true;
|
||||
if (!data.gateway) {
|
||||
this.errText = lang.index_text30;
|
||||
isPass = false;
|
||||
}
|
||||
if (!data.amount) {
|
||||
isPass = false;
|
||||
}
|
||||
if (isPass) {
|
||||
this.errText = "";
|
||||
// 调用充值接口
|
||||
const params = {
|
||||
amount: Number(data.amount),
|
||||
gateway: data.gateway,
|
||||
};
|
||||
this.doRecharge(params);
|
||||
}
|
||||
},
|
||||
// 充值dialog 关闭
|
||||
czClose() {
|
||||
this.isShowCz = false;
|
||||
clearInterval(this.timer);
|
||||
this.time = 300000;
|
||||
},
|
||||
// 充值
|
||||
doRecharge(params) {
|
||||
this.payLoading1 = true;
|
||||
this.isShowimg1 = true;
|
||||
this.czDataOld = { ...this.czData };
|
||||
recharge(params)
|
||||
.then((res) => {
|
||||
if (res.data.status === 200) {
|
||||
const orderId = res.data.data.id;
|
||||
const gateway = params.gateway;
|
||||
// 调用支付接口
|
||||
pay({ id: orderId, gateway })
|
||||
.then((res) => {
|
||||
this.payLoading1 = false;
|
||||
this.isShowimg1 = true;
|
||||
this.errText = "";
|
||||
if (res.data.status === 200) {
|
||||
this.payHtml = res.data.data.html;
|
||||
console.log(this.payHtml);
|
||||
// 轮询支付状态
|
||||
this.pollingStatus(orderId);
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.payLoading1 = false;
|
||||
this.isShowimg1 = false;
|
||||
this.errText = error.data.msg;
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
// 显示错误信息
|
||||
this.errText = error.data.msg;
|
||||
// 关闭loading
|
||||
this.payLoading1 = false;
|
||||
// 第三方支付
|
||||
this.payHtml = "";
|
||||
});
|
||||
},
|
||||
// 轮循支付状态
|
||||
pollingStatus(id) {
|
||||
if (this.timer) {
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
this.timer = setInterval(async () => {
|
||||
const res = await getPayStatus(id);
|
||||
this.time = this.time - 2000;
|
||||
if (res.data.code === "Paid") {
|
||||
this.$message.success(res.data.msg);
|
||||
clearInterval(this.timer);
|
||||
this.time = 300000;
|
||||
this.isShowCz = false;
|
||||
this.isShowZf = false;
|
||||
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;
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.time === 0) {
|
||||
clearInterval(this.timer);
|
||||
// 关闭充值 dialog
|
||||
this.isShowCz = false;
|
||||
this.isShowZf = false;
|
||||
this.$message.error(lang.index_text31);
|
||||
}
|
||||
}, 2000);
|
||||
},
|
||||
// 获取通用配置
|
||||
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);
|
||||
Reference in New Issue
Block a user