3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
371 lines
12 KiB
JavaScript
371 lines
12 KiB
JavaScript
(function (window, undefined) {
|
|
var old_onload = window.onload;
|
|
window.onload = function () {
|
|
const template = document.getElementsByClassName("template")[0];
|
|
Vue.prototype.lang = window.lang;
|
|
const host = location.host;
|
|
const fir = location.pathname.split("/")[1];
|
|
const str = `${host}/${fir}/`;
|
|
new Vue({
|
|
components: {
|
|
asideMenu,
|
|
topMenu,
|
|
payDialog,
|
|
cashCoupon,
|
|
eventCode,
|
|
},
|
|
created() {
|
|
localStorage.frontMenusActiveId = "";
|
|
const temp = this.getQuery(location.search);
|
|
if (temp.cart) {
|
|
// 购物车过来
|
|
this.selectGoodsList = JSON.parse(sessionStorage.shoppingCartList);
|
|
this.isFormShoppingCart = true;
|
|
} else {
|
|
const obj = sessionStorage.product_information
|
|
? JSON.parse(sessionStorage.product_information)
|
|
: sessionStorage.settleItem
|
|
? JSON.parse(sessionStorage.settleItem)
|
|
: {};
|
|
sessionStorage.settleItem = sessionStorage.product_information;
|
|
sessionStorage.removeItem("product_information");
|
|
this.isFormShoppingCart = false;
|
|
this.productObj = {
|
|
product_id: temp.id ? temp.id : obj.id ? obj.id : "",
|
|
config_options: obj.config_options,
|
|
qty: Number(obj.qty),
|
|
customfield: obj.customfield,
|
|
self_defined_field: obj.self_defined_field,
|
|
};
|
|
productDetail(this.productObj.product_id).then((res) => {
|
|
this.productObj.name = res.data.data.product.name;
|
|
});
|
|
}
|
|
this.getCommonData();
|
|
// this.getPayLisy();
|
|
},
|
|
mounted() {
|
|
this.addons_js_arr = JSON.parse(
|
|
document.querySelector("#addons_js").getAttribute("addons_js")
|
|
); // 插件列表
|
|
const arr = this.addons_js_arr.map((item) => {
|
|
return item.name;
|
|
});
|
|
if (arr.includes("PromoCode")) {
|
|
// 开启了优惠码插件
|
|
this.isShowPromo = true;
|
|
}
|
|
if (arr.includes("IdcsmartClientLevel")) {
|
|
// 开启了等级优惠
|
|
this.isShowLevel = true;
|
|
}
|
|
if (arr.includes("IdcsmartVoucher")) {
|
|
// 开启了代金券
|
|
this.isShowCash = true;
|
|
}
|
|
if (arr.includes("EventPromotion")) {
|
|
// 开启活动满减
|
|
this.isShowFull = true;
|
|
}
|
|
this.getCartList();
|
|
},
|
|
updated() {
|
|
// 关闭loading
|
|
document.getElementById("mainLoading").style.display = "none";
|
|
document.getElementsByClassName("template")[0].style.display = "block";
|
|
},
|
|
data() {
|
|
return {
|
|
initArr: [],
|
|
commonData: {}, // 公告接口数据
|
|
addons_js_arr: [],
|
|
showPayBtn: false,
|
|
// 代金券对象
|
|
cashObj: {},
|
|
totalPriceLoading: false,
|
|
cashPrice: 0,
|
|
|
|
goodIdList: [],
|
|
isUseDiscountCode: false,
|
|
productObj: {
|
|
customfield: {},
|
|
}, // 单独结算的商品对象
|
|
shoppingList: [], // 所有购物车列表
|
|
listLoading: false,
|
|
isShowCash: false,
|
|
selectGoodsList: [],
|
|
isFormShoppingCart: true, // 是否从购物车页面结算
|
|
showGoodsList: [], // 展示的列表
|
|
payTypeList: [], // 支付渠道数组
|
|
payType: "", // 选择的支付渠道
|
|
checked: false, // 勾选隐私协议
|
|
isShowPromo: false, // 是否开启优惠码
|
|
isShowLevel: false, // 是否开启等级优惠
|
|
isShowFull: false,
|
|
subBtnLoading: false, // 提交按钮loading
|
|
};
|
|
},
|
|
|
|
filters: {
|
|
formateTime(time) {
|
|
if (time && time !== 0) {
|
|
return formateDate(time * 1000);
|
|
} else {
|
|
return "--";
|
|
}
|
|
},
|
|
filterMoney(money) {
|
|
if (isNaN(money) || money * 1 < 0) {
|
|
return "0.00";
|
|
} else {
|
|
return formatNuberFiexd(money);
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
finallyPrice() {
|
|
return this.totalPrice - this.cashPrice > 0
|
|
? formatNuberFiexd(this.totalPrice - this.cashPrice)
|
|
: 0;
|
|
},
|
|
totalLevelDiscount() {
|
|
return formatNuberFiexd(
|
|
this.showGoodsList.reduce((pre, cur) => {
|
|
return pre + cur.level_discount * 1;
|
|
}, 0)
|
|
);
|
|
},
|
|
totalPrice() {
|
|
return formatNuberFiexd(
|
|
this.showGoodsList.reduce((pre, cur) => {
|
|
return pre + cur.calcItemPrice * 1;
|
|
}, 0)
|
|
);
|
|
},
|
|
orginPrice() {
|
|
return formatNuberFiexd(
|
|
this.showGoodsList.reduce((pre, cur) => {
|
|
return pre + cur.price * 1;
|
|
}, 0)
|
|
);
|
|
},
|
|
totalCodelDiscount() {
|
|
return formatNuberFiexd(
|
|
this.showGoodsList.reduce((pre, cur) => {
|
|
return pre + cur.code_discount * 1;
|
|
}, 0)
|
|
);
|
|
},
|
|
totalFullDiscount() {
|
|
return formatNuberFiexd(
|
|
this.showGoodsList.reduce((pre, cur) => {
|
|
return pre + cur.eventDiscount * 1;
|
|
}, 0)
|
|
);
|
|
},
|
|
},
|
|
methods: {
|
|
getRule(arr) {
|
|
let isHave = this.showFun(arr, "PayController::pay");
|
|
if (isHave) {
|
|
this.showPayBtn = true;
|
|
}
|
|
},
|
|
showFun(arr, str) {
|
|
if (typeof arr == "string") {
|
|
return true;
|
|
} else {
|
|
let isShow = "";
|
|
isShow = arr.find((item) => {
|
|
let isHave = item.includes(str);
|
|
if (isHave) {
|
|
return isHave;
|
|
}
|
|
});
|
|
return isShow;
|
|
}
|
|
},
|
|
// 获取购物车列表
|
|
async getCartList() {
|
|
this.listLoading = true;
|
|
this.initArr = [];
|
|
if (this.isFormShoppingCart) {
|
|
// 从购物车结算
|
|
await cartList().then((res) => {
|
|
this.shoppingList = res.data.data.list;
|
|
this.selectGoodsList.forEach((item) => {
|
|
const obj = this.shoppingList[item];
|
|
this.initArr.push(obj);
|
|
});
|
|
});
|
|
} else {
|
|
// 从商品详情结算
|
|
this.initArr.push(this.productObj);
|
|
}
|
|
|
|
this.initArr.forEach((item) => {
|
|
item.isLoading = true;
|
|
item.priceLoading = false;
|
|
item.price = 0; // 商品单价
|
|
item.code_discount = 0; // 商品优惠码抵扣金额
|
|
item.isUseDiscountCode = false;
|
|
item.level_discount = 0; // 商品等级优惠折扣金额
|
|
item.eventDiscount = 0;
|
|
item.calcItemPrice = 0;
|
|
this.goodIdList.push(item.product_id);
|
|
this.getConfigOption(item);
|
|
});
|
|
this.showGoodsList = [...this.initArr];
|
|
this.listLoading = false;
|
|
},
|
|
// 获取商品配置项价格
|
|
getConfigOption(item) {
|
|
const params = {
|
|
config_options: {
|
|
...item.config_options,
|
|
promo_code: item.customfield.promo_code,
|
|
event_promotion: item.customfield.event_promotion,
|
|
},
|
|
qty: item.qty,
|
|
};
|
|
item.priceLoading = true;
|
|
configOption(item.product_id, params)
|
|
.then(async (res) => {
|
|
item.info = res.data.data;
|
|
const son_previews = [];
|
|
if (res.data.data.other && res.data.data.other.son_previews) {
|
|
res.data.data.other.son_previews.forEach((i) => {
|
|
i.forEach((items) => {
|
|
son_previews.push(items);
|
|
});
|
|
});
|
|
}
|
|
item.preview = res.data.data.preview.concat(son_previews);
|
|
item.price = res.data.data.price * 1;
|
|
item.calcItemPrice = res.data.data.price_total * 1;
|
|
item.level_discount =
|
|
res.data.data.price_client_level_discount * 1 || 0;
|
|
item.code_discount =
|
|
res.data.data.price_promo_code_discount * 1 || 0;
|
|
item.eventDiscount =
|
|
res.data.data.price_event_promotion_discount * 1 || 0;
|
|
})
|
|
.catch((err) => {
|
|
item.preview = [];
|
|
})
|
|
.finally(() => {
|
|
item.priceLoading = false;
|
|
item.isLoading = false;
|
|
this.showGoodsList = [...this.initArr];
|
|
this.$forceUpdate();
|
|
});
|
|
},
|
|
|
|
goPay() {
|
|
if (!this.checked) {
|
|
this.$message.warning(lang.shoppingCar_tip_text6);
|
|
return;
|
|
}
|
|
this.subBtnLoading = true;
|
|
if (this.isFormShoppingCart) {
|
|
cart_settle({
|
|
positions: this.selectGoodsList,
|
|
customfield: { voucher_get_id: this.cashObj.id },
|
|
})
|
|
.then((res) => {
|
|
this.$refs.payDialog.showPayDialog(
|
|
res.data.data.order_id,
|
|
res.data.data.amount,
|
|
this.payType
|
|
);
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err.data.msg);
|
|
})
|
|
.finally(() => {
|
|
this.subBtnLoading = false;
|
|
});
|
|
} else {
|
|
product_settle({
|
|
product_id: this.productObj.product_id,
|
|
config_options: this.productObj.config_options,
|
|
customfield: this.productObj.customfield,
|
|
self_defined_field: this.productObj.self_defined_field,
|
|
qty: this.productObj.qty,
|
|
})
|
|
.then((res) => {
|
|
this.$refs.payDialog.showPayDialog(
|
|
res.data.data.order_id,
|
|
0,
|
|
this.payType
|
|
);
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err.data.msg);
|
|
})
|
|
.finally(() => {
|
|
this.subBtnLoading = false;
|
|
});
|
|
}
|
|
},
|
|
useCash(val) {
|
|
this.cashObj = val;
|
|
this.cashPrice = Number(val.price);
|
|
this.productObj.customfield.voucher_get_id = val.id;
|
|
},
|
|
// 支付成功回调
|
|
paySuccess(e) {
|
|
location.href = "./finance.htm";
|
|
},
|
|
// 取消支付回调
|
|
payCancel(e) {
|
|
location.href = "./finance.htm";
|
|
},
|
|
// 移除代金券
|
|
reRemoveCashCode() {
|
|
this.$refs.cashRef.closePopver();
|
|
this.cashObj = {};
|
|
this.cashPrice = 0;
|
|
this.productObj.customfield.voucher_get_id = "";
|
|
},
|
|
getPayLisy() {
|
|
payLisy().then((res) => {
|
|
this.payTypeList = res.data.data.list;
|
|
this.payType = res.data.data.list[0].name;
|
|
});
|
|
},
|
|
// 解析url
|
|
getQuery(url) {
|
|
const str = url.substr(url.indexOf("?") + 1);
|
|
const arr = str.split("&");
|
|
const res = {};
|
|
for (let i = 0; i < arr.length; i++) {
|
|
const item = arr[i].split("=");
|
|
res[item[0]] = item[1];
|
|
}
|
|
return res;
|
|
},
|
|
goTermsServiceUrl() {
|
|
window.open(this.commonData.terms_service_url);
|
|
},
|
|
goTermsPrivacUrl() {
|
|
window.open(this.commonData.terms_privacy_url);
|
|
},
|
|
goHelpUrl(url) {
|
|
window.open(this.commonData[url]);
|
|
},
|
|
|
|
// 获取通用配置
|
|
getCommonData() {
|
|
this.commonData = JSON.parse(
|
|
localStorage.getItem("common_set_before")
|
|
);
|
|
document.title =
|
|
this.commonData.website_name + "-" + lang.shoppingCar_tip_text7;
|
|
},
|
|
},
|
|
}).$mount(template);
|
|
typeof old_onload == "function" && old_onload();
|
|
};
|
|
})(window);
|