3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
820 lines
27 KiB
JavaScript
820 lines
27 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,
|
|
},
|
|
created() {
|
|
window.addEventListener("scroll", this.scrollBottom);
|
|
// 监听 页面点击事件 用于关闭 isShowSuffixBox
|
|
document.addEventListener("click", (e) => {
|
|
console.log(e.target.className);
|
|
const classNameArr = [
|
|
"suffix-list",
|
|
"suffix-box",
|
|
"suffix-item",
|
|
"suffix-item suffix-active",
|
|
"el-icon-arrow-down select-btn",
|
|
];
|
|
if (!classNameArr.includes(e.target.className)) {
|
|
this.isShowSuffixBox = false;
|
|
}
|
|
});
|
|
this.getCommonData();
|
|
this.getCarList();
|
|
|
|
sessionStorage.removeItem("product_information");
|
|
this.fpg_id = this.getQuery("fpg_id") * 1;
|
|
this.spg_id = this.getQuery("spg_id") * 1;
|
|
this.host_id = this.getQuery("host_id") * 1;
|
|
},
|
|
mounted() {
|
|
const addons_js_arr = JSON.parse(
|
|
document.querySelector("#addons_js").getAttribute("addons_js")
|
|
); // 插件列表
|
|
const arr = addons_js_arr.map((item) => {
|
|
return item.name;
|
|
});
|
|
if (arr.includes("EventPromotion")) {
|
|
// 开启活动满减
|
|
this.isShowFull = true;
|
|
}
|
|
this.initData();
|
|
},
|
|
updated() {
|
|
// 关闭loading
|
|
document.getElementById("mainLoading").style.display = "none";
|
|
document.getElementsByClassName("template")[0].style.display = "block";
|
|
},
|
|
destroyed() {
|
|
window.removeEventListener("scroll", this.scrollBottom);
|
|
},
|
|
data() {
|
|
return {
|
|
isShowView: false,
|
|
searchValue: "", // 搜索内容
|
|
searchLoading: false,
|
|
select_first_obj: {
|
|
id: "", // 一级分组ID
|
|
type: "", // 一级分组类型
|
|
}, // 选中的一级分类对象
|
|
select_second_obj: {
|
|
id: "", // 二级分组ID
|
|
type: "", // 二级分组类型
|
|
}, // 选中的一级分类对象
|
|
first_group_list: [], // 一级分类数组
|
|
second_group_list: [], // 二级分类数组
|
|
commonData: {},
|
|
scrollDisabled: false,
|
|
secondLoading: false, // 二级分类加载
|
|
goodSLoading: false,
|
|
goodsParmas: {
|
|
keywords: "", // 关键字,搜索范围:商品ID,商品名,描述
|
|
id: "", // 二级分组ID
|
|
page: 1, // 页数
|
|
limit: 12, // 每页条数
|
|
},
|
|
goodsList: [], // 商品列表数组
|
|
regType: "1",
|
|
domainInput: "",
|
|
selectSuffix: "",
|
|
isAllCheck: false,
|
|
isShowFull: false,
|
|
suffixList: [],
|
|
domainList: [],
|
|
isSearching: false,
|
|
isShowSuffixBox: false,
|
|
carList: [],
|
|
checkList: [],
|
|
product_id: "",
|
|
isCarLoading: false,
|
|
isIndeterminate: false,
|
|
isBatchIndeterminate: false,
|
|
isBatchAllCheck: false,
|
|
batchLoading: false,
|
|
addAllLoading: false,
|
|
textarea2: "",
|
|
batchCheckGroup: [],
|
|
availList: [],
|
|
unavailList: [],
|
|
faillList: [],
|
|
activeNames: [],
|
|
domainConfig: {},
|
|
isShowUpload: false,
|
|
fileName: "",
|
|
fileContent: "",
|
|
originalPrice: 0.0,
|
|
/* 传参搜索 */
|
|
fpg_id: "",
|
|
spg_id: "",
|
|
host_id: "",
|
|
};
|
|
},
|
|
filters: {
|
|
formateTime(time) {
|
|
if (time && time !== 0) {
|
|
return formateDate(time * 1000);
|
|
} else {
|
|
return "--";
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
// 是否选中的分类为域名
|
|
isDomain() {
|
|
return this.select_second_obj.type === "domain";
|
|
},
|
|
// 计算购物车选中的商品的总价
|
|
totalMoneyCalc() {
|
|
let total = 0;
|
|
this.carList.forEach((item) => {
|
|
if (this.checkList.includes(item.positions)) {
|
|
total += this.priceCalc(item) * 1000;
|
|
}
|
|
});
|
|
const firstDiscount = this.carList.filter(
|
|
(item) => this.checkList[0] === item.positions
|
|
);
|
|
let domainDiscount = 0;
|
|
if (firstDiscount.length > 0) {
|
|
domainDiscount = firstDiscount[0]?.priceArr[0]?.discount;
|
|
}
|
|
this.originalPrice = (total / 1000).toFixed(2);
|
|
let temp = (total - domainDiscount * 1000) / 1000;
|
|
if (isNaN(temp)) {
|
|
temp = 0.0;
|
|
}
|
|
return temp;
|
|
},
|
|
// 是否登录
|
|
isLogin() {
|
|
return window.localStorage.jwt ? true : false;
|
|
},
|
|
calcDomainList() {
|
|
// 处理可购买的域名带价格才展示
|
|
return (data) => {
|
|
return data.filter((item) => {
|
|
return (
|
|
item.avail === 0 ||
|
|
(item.avail === 1 && item.priceArr.length > 0)
|
|
);
|
|
});
|
|
};
|
|
},
|
|
showOriginal() {
|
|
const firstDiscount = this.carList.filter(
|
|
(item) => this.checkList[0] === item.positions
|
|
);
|
|
const domainDiscount = firstDiscount[0]?.priceArr[0]?.discount;
|
|
if (this.checkList.length > 0 && domainDiscount > 0) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
calcEvent(eventList) {},
|
|
getQuery(name) {
|
|
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
const r = window.location.search.substr(1).match(reg);
|
|
if (r != null) return decodeURI(r[2]);
|
|
return null;
|
|
},
|
|
goLogin() {
|
|
sessionStorage.redirectUrl = "/cart/goodsList.htm";
|
|
location.href = "/login.htm";
|
|
},
|
|
// 选择文件
|
|
selectFile() {
|
|
document.getElementById("upFile").click();
|
|
// 监听文件上传
|
|
document.getElementById("upFile").addEventListener("change", (e) => {
|
|
// 获取文件
|
|
const file = e.target.files[0];
|
|
// 判断文件类型
|
|
if (file.type !== "text/plain") {
|
|
this.$message.warning(lang.template_text137);
|
|
return;
|
|
}
|
|
// 读取文件名
|
|
this.fileName = file.name;
|
|
// 读取文件
|
|
const reader = new FileReader();
|
|
// 判断txt文件编码格式
|
|
reader.readAsText(file, "utf-8");
|
|
reader.onload = (e) => {
|
|
const txtString = e.target.result;
|
|
// utf-8 的 中文编码 正则表达式
|
|
const patrn = /[\u4E00-\u9FA5]/gi;
|
|
// 检测当前文本是否含有中文（如果没有，则当乱码处理）
|
|
// 两个格式的英文编码一样，所以纯英文文件也当成乱码再处理一次
|
|
if (!patrn.exec(txtString)) {
|
|
let reader_gb2312 = new FileReader();
|
|
// 再拿一次纯文本，这一次拿到的文本一定不会乱码
|
|
reader_gb2312.readAsText(file, "gb2312");
|
|
reader_gb2312.onload = (e2) => {
|
|
this.fileContent = e2.target.result;
|
|
};
|
|
} else {
|
|
this.fileContent = txtString;
|
|
}
|
|
};
|
|
});
|
|
},
|
|
confirmUpload() {
|
|
// 解析输入框中的换行 把换行替换成\n 传字符串
|
|
let params = this.fileContent
|
|
.replace(/[\r\n]/g, ",")
|
|
.split(",")
|
|
.filter((item) => {
|
|
return item !== "";
|
|
});
|
|
const maxLimt = this.domainConfig.number_limit || 500;
|
|
if (params.length > maxLimt) {
|
|
// 截取前500个
|
|
params = params.slice(0, maxLimt);
|
|
}
|
|
this.textarea2 = params.join("\n");
|
|
this.cancelUpload();
|
|
},
|
|
cancelUpload() {
|
|
document.getElementById("upFile").value = "";
|
|
document
|
|
.getElementById("upFile")
|
|
.removeEventListener("change", () => {});
|
|
this.fileName = "";
|
|
this.fileContent = "";
|
|
this.isShowUpload = false;
|
|
},
|
|
// 获取域名设置
|
|
getDomainSet() {
|
|
domainSetting().then((res) => {
|
|
this.domainConfig = res.data.data;
|
|
this.selectSuffix = res.data.data.default_search_domain || "";
|
|
const suffixArr = this.suffixList.reduce((all, cur) => {
|
|
all.push(cur.suffix);
|
|
return all;
|
|
}, []);
|
|
if (
|
|
suffixArr.length > 0 &&
|
|
!suffixArr.includes(this.selectSuffix)
|
|
) {
|
|
this.selectSuffix = this.suffixList[0].suffix;
|
|
}
|
|
});
|
|
},
|
|
// 是否已经加入购物车
|
|
isAddCart(item) {
|
|
const isHave = this.carList.find((cartItem) => {
|
|
return cartItem.config_options.domain === item.name;
|
|
});
|
|
return isHave;
|
|
},
|
|
// 价格计算
|
|
priceCalc(item) {
|
|
if (item.priceArr.length === 0) {
|
|
return 0;
|
|
}
|
|
const price =
|
|
item.priceArr.find((priceItem) => {
|
|
return priceItem.buyyear === item.selectYear;
|
|
}) || [];
|
|
return price.buyprice;
|
|
},
|
|
goBuyDomain() {
|
|
if (this.checkList.length === 0) {
|
|
this.$message.warning(lang.template_text138);
|
|
return;
|
|
}
|
|
if (!this.isLogin) {
|
|
this.$message.warning(lang.template_text139);
|
|
sessionStorage.redirectUrl = "/cart/goodsList.htm";
|
|
this.goLogin();
|
|
return;
|
|
}
|
|
sessionStorage.setItem(
|
|
"buyDomainPosition",
|
|
JSON.stringify(this.checkList)
|
|
);
|
|
if (this.host_id) {
|
|
location.href = `/plugin/${getPluginId(
|
|
"IdcsmartDomain"
|
|
)}/buyDomain.htm?host_id=${this.host_id}`;
|
|
} else {
|
|
location.href = `/plugin/${getPluginId(
|
|
"IdcsmartDomain"
|
|
)}/buyDomain.htm`;
|
|
}
|
|
},
|
|
// 批量查询域名
|
|
batchSearchDomain() {
|
|
if (!this.textarea2) {
|
|
this.$message.warning(lang.template_text140);
|
|
return;
|
|
}
|
|
// 解析输入框中的换行 把换行替换成\n 传字符串
|
|
const params = this.textarea2
|
|
.replace(/[\r\n]/g, ",")
|
|
.split(",")
|
|
.filter((item) => {
|
|
return item !== "";
|
|
})
|
|
.join(",");
|
|
const maxLimt = this.domainConfig.number_limit || 500;
|
|
if (params.split(",").length - 1 >= maxLimt) {
|
|
this.$message.warning(
|
|
`${lang.template_text141}${maxLimt}${lang.template_text142}`
|
|
);
|
|
return;
|
|
}
|
|
this.batchLoading = true;
|
|
domainBatch({ domains: params })
|
|
.then((res) => {
|
|
this.availList = res.data.data.avail.map((item) => {
|
|
item.priceArr = [];
|
|
item.showPrice = 0;
|
|
item.priceLoading = true;
|
|
return item;
|
|
});
|
|
// 查询可注册的域名价格
|
|
this.availList.forEach((item) => {
|
|
domainPrice({ name: item.name, host_id: this.host_id })
|
|
.then((res) => {
|
|
item.priceArr = res.data.data || [];
|
|
item.showPrice = res.data.data[0]?.buyprice || 0;
|
|
})
|
|
.finally(() => {
|
|
item.priceLoading = false;
|
|
});
|
|
});
|
|
this.unavailList = res.data.data.unavail;
|
|
this.faillList = res.data.data.fail;
|
|
})
|
|
.catch((err) => {})
|
|
.finally(() => {
|
|
this.batchLoading = false;
|
|
});
|
|
},
|
|
handleBatchChange(val) {
|
|
let checkedCount = val.length;
|
|
this.isBatchAllCheck = checkedCount === this.availList.length;
|
|
this.isBatchIndeterminate =
|
|
checkedCount > 0 && checkedCount < this.availList.length;
|
|
},
|
|
handleBatchCheckAllChange(val) {
|
|
this.batchCheckGroup = val
|
|
? this.availList.map((item) => {
|
|
return item.name;
|
|
})
|
|
: [];
|
|
this.isBatchIndeterminate = false;
|
|
},
|
|
// 购物车列表
|
|
getCarList() {
|
|
this.isCarLoading = true;
|
|
cartList().then((res) => {
|
|
const arr = res.data.data.list
|
|
.map((item, index) => {
|
|
return {
|
|
...item,
|
|
positions: index,
|
|
selectYear: item.config_options.year,
|
|
priceArr: [],
|
|
showPrice: 0,
|
|
priceLoading: true,
|
|
};
|
|
})
|
|
.filter((item) => {
|
|
return item.customfield.is_domain === 1;
|
|
});
|
|
// 拉取价格
|
|
this.carList = arr;
|
|
this.isCarLoading = false;
|
|
this.carList.forEach((item) => {
|
|
domainPrice({
|
|
name: item.config_options.domain,
|
|
host_id: this.host_id,
|
|
})
|
|
.then((res) => {
|
|
item.priceArr = res.data.data || [];
|
|
item.showPrice = res.data.data[0]?.buyprice || 0;
|
|
})
|
|
.catch((err) => {})
|
|
.finally(() => {
|
|
item.priceLoading = false;
|
|
});
|
|
});
|
|
});
|
|
},
|
|
handleCheckAllChange(val) {
|
|
this.checkList = val
|
|
? this.carList.map((item) => {
|
|
return item.positions;
|
|
})
|
|
: [];
|
|
this.isIndeterminate = false;
|
|
},
|
|
handleCheckedCitiesChange(value) {
|
|
let checkedCount = value.length;
|
|
this.isAllCheck = checkedCount === this.carList.length;
|
|
this.isIndeterminate =
|
|
checkedCount > 0 && checkedCount < this.carList.length;
|
|
},
|
|
// 加入购物车
|
|
addCart(item) {
|
|
if (this.isAddCart(item)) {
|
|
return;
|
|
}
|
|
this.isCarLoading = true;
|
|
const params = {
|
|
product_id: this.product_id,
|
|
config_options: {
|
|
domain: item.name,
|
|
year: 1,
|
|
},
|
|
qty: 1,
|
|
customfield: {
|
|
is_domain: 1, // 是否域名商品
|
|
},
|
|
};
|
|
addToCart(params)
|
|
.then((res) => {
|
|
if (res.data.status === 200) {
|
|
this.getCarList();
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err.data.msg);
|
|
})
|
|
.finally(() => {
|
|
this.isCarLoading = false;
|
|
});
|
|
},
|
|
// 批量加入购物车
|
|
addAllCart() {
|
|
// 判断是否有选中的域名
|
|
if (this.batchCheckGroup.length === 0) {
|
|
this.$message.warning(lang.template_text138);
|
|
return;
|
|
}
|
|
if (this.addAllLoading) {
|
|
return;
|
|
}
|
|
this.addAllLoading = true;
|
|
// 筛选出选中的域名
|
|
const arr = this.availList.filter((item) => {
|
|
return this.batchCheckGroup.includes(item.name);
|
|
});
|
|
// 循环调用加入购物车接口
|
|
const productsArr = [];
|
|
arr.forEach((item) => {
|
|
const params = {
|
|
product_id: this.product_id,
|
|
config_options: {
|
|
domain: item.name,
|
|
year: 1,
|
|
},
|
|
qty: 1,
|
|
customfield: {
|
|
is_domain: 1, // 是否域名商品
|
|
},
|
|
};
|
|
productsArr.push(params);
|
|
});
|
|
addToCart({ products: productsArr })
|
|
.then((res) => {
|
|
if (res.data.status === 200) {
|
|
this.getCarList();
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err.data.msg);
|
|
})
|
|
.finally(() => {
|
|
this.addAllLoading = false;
|
|
});
|
|
},
|
|
|
|
// 修改购物车
|
|
changeCart(val, item) {
|
|
const params = {
|
|
position: item.positions,
|
|
product_id: item.product_id,
|
|
qty: 1,
|
|
config_options: {
|
|
domain: item.config_options.domain,
|
|
year: val,
|
|
},
|
|
customfield: {
|
|
is_domain: 1, // 是否域名商品
|
|
},
|
|
};
|
|
updateCart(params)
|
|
.then((res) => {
|
|
if (res.data.status === 200) {
|
|
// this.getCarList()
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err.data.msg);
|
|
});
|
|
},
|
|
|
|
// 删除购物车
|
|
async deleteCart(item) {
|
|
this.isCarLoading = true;
|
|
const params = {
|
|
position: item.positions,
|
|
};
|
|
const res = await deleteCart(params);
|
|
if (res.data.status === 200) {
|
|
this.isCarLoading = false;
|
|
this.getCarList();
|
|
}
|
|
},
|
|
// 批量删除购物车
|
|
async deleteClearCart() {
|
|
if (this.carList.length === 0) {
|
|
return;
|
|
}
|
|
this.isCarLoading = true;
|
|
const params = {
|
|
positions: this.carList.map((item) => {
|
|
return item.positions;
|
|
}),
|
|
};
|
|
const res = await deleteCartBatch(params);
|
|
if (res.data.status === 200) {
|
|
this.isCarLoading = false;
|
|
this.getCarList();
|
|
}
|
|
},
|
|
// 获取后缀
|
|
async getSuffix() {
|
|
// DA购买域名需要传入产品ID筛选对于的后缀
|
|
try {
|
|
const res = await domainSuffix(this.host_id);
|
|
this.suffixList = res.data.data || [];
|
|
this.getDomainSet();
|
|
} catch (error) {
|
|
this.getDomainSet();
|
|
}
|
|
},
|
|
// 选择后缀
|
|
handelSelectSuffix(item) {
|
|
this.selectSuffix = item;
|
|
},
|
|
// 域名查询
|
|
handelDomainSearch() {
|
|
if (!this.domainInput) {
|
|
this.$message.warning(lang.template_text140);
|
|
return;
|
|
}
|
|
this.isShowSuffixBox = false;
|
|
this.isSearching = true;
|
|
this.domainList = [];
|
|
domainSearch({
|
|
domain: this.domainInput,
|
|
suffix: this.selectSuffix,
|
|
host_id: this.host_id,
|
|
})
|
|
.then((res) => {
|
|
if (res.data.status === 200) {
|
|
this.domainList = res.data.data.map((item) => {
|
|
item.priceArr = [];
|
|
item.showPrice = 0;
|
|
item.priceLoading = true;
|
|
return item;
|
|
});
|
|
this.isSearching = false;
|
|
this.domainList
|
|
.forEach((item, index) => {
|
|
if (item.avail === 1) {
|
|
domainPrice({ name: item.name, host_id: this.host_id })
|
|
.then((res) => {
|
|
item.priceArr = res.data.data || [];
|
|
item.showPrice = res.data.data[0]?.buyprice || 0;
|
|
})
|
|
.finally(() => {
|
|
item.priceLoading = false;
|
|
});
|
|
}
|
|
})
|
|
.filter((item) => item.priceArr.length);
|
|
// 判断当前选中的域名后缀是否支持中文
|
|
const isChinese =
|
|
this.suffixList.find((item) => {
|
|
return item.suffix === this.selectSuffix;
|
|
}).allow_zh === 0;
|
|
// 判断输入的是否是中文
|
|
const chineseReg = /[\u4e00-\u9fa5]/g;
|
|
if (isChinese && chineseReg.test(this.domainInput)) {
|
|
this.domainList.unshift({
|
|
// 添加一条不支持中文的提示
|
|
name: this.domainInput + this.selectSuffix,
|
|
avail: -2,
|
|
description: lang.template_text143,
|
|
});
|
|
}
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.isSearching = false;
|
|
});
|
|
},
|
|
// 获取域名价格
|
|
getDomainPrice() {},
|
|
goWhois(item) {
|
|
window.open(
|
|
`/plugin/${getPluginId("IdcsmartDomain")}/whois.htm?domain=${
|
|
item.name
|
|
}`
|
|
);
|
|
},
|
|
getRule(arr) {
|
|
let isHave = this.showFun(arr, "CartController::index");
|
|
if (isHave) {
|
|
this.isShowView = true;
|
|
}
|
|
if (!this.isShowView) {
|
|
// 没有权限
|
|
location.href = "/noPermissions.htm";
|
|
}
|
|
},
|
|
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;
|
|
}
|
|
},
|
|
// 获取一级分类
|
|
getProductGroup_first() {
|
|
productGroupFirst().then((res) => {
|
|
this.first_group_list = res.data.data.list;
|
|
});
|
|
},
|
|
// 搜索
|
|
searchGoods() {
|
|
this.searchLoading = true;
|
|
this.goodsParmas.keywords = this.searchValue;
|
|
this.goodsParmas.id = "";
|
|
this.goodsParmas.page = 1;
|
|
this.goodsList = [];
|
|
this.getProductGoodList();
|
|
},
|
|
// 获取二级分类
|
|
getProductGroup_second(id) {
|
|
productGroupSecond(id).then((res) => {
|
|
this.secondLoading = false;
|
|
this.second_group_list = res.data.data.list;
|
|
if (res.data.data.list[0]) {
|
|
this.select_second_obj.id = res.data.data.list[0].id;
|
|
this.select_second_obj.type = res.data.data.list[0].type;
|
|
this.goodsParmas.id = this.select_second_obj.id;
|
|
if (this.select_second_obj.type === "domain") {
|
|
this.getSuffix();
|
|
}
|
|
this.getProductGoodList();
|
|
}
|
|
});
|
|
},
|
|
// 获取商品列表
|
|
getProductGoodList() {
|
|
this.goodSLoading = true;
|
|
productGoods(this.goodsParmas).then((res) => {
|
|
if (
|
|
this.select_second_obj.type === "domain" &&
|
|
res.data.data.list[0]
|
|
) {
|
|
this.product_id = res.data.data.list[0].id;
|
|
}
|
|
this.searchLoading = false;
|
|
const list = res.data.data.list.map((item) => {
|
|
item.activeList = [];
|
|
return item;
|
|
});
|
|
if (this.isShowFull) {
|
|
list.forEach((item) => {
|
|
eventPromotion({ id: item.id }).then((res) => {
|
|
item.activeList = res.data.list;
|
|
});
|
|
});
|
|
}
|
|
this.goodsList = this.goodsList.concat(list);
|
|
this.goodSLoading = false;
|
|
if (res.data.data.list.length >= this.goodsParmas.limit) {
|
|
this.scrollDisabled = false;
|
|
} else {
|
|
this.scrollDisabled = true;
|
|
}
|
|
});
|
|
},
|
|
// 初始化
|
|
async initData() {
|
|
// 获取一级分类
|
|
await productGroupFirst().then((res) => {
|
|
this.first_group_list = res.data.data.list;
|
|
});
|
|
if (this.first_group_list[0]) {
|
|
this.select_first_obj.id =
|
|
this.fpg_id || this.first_group_list[0].id;
|
|
this.secondLoading = true;
|
|
// 获取二级分类
|
|
await productGroupSecond(this.select_first_obj.id).then((ress) => {
|
|
this.second_group_list = ress.data.data.list;
|
|
});
|
|
if (this.second_group_list[0]) {
|
|
this.select_second_obj.id =
|
|
this.spg_id || this.second_group_list[0].id;
|
|
this.select_second_obj.type = this.second_group_list[0].type;
|
|
this.goodsParmas.page = 1;
|
|
this.goodsParmas.id = this.second_group_list[0].id;
|
|
this.secondLoading = false;
|
|
if (this.select_second_obj.type === "domain") {
|
|
this.getSuffix();
|
|
}
|
|
this.getProductGoodList();
|
|
} else {
|
|
this.goodSLoading = false;
|
|
this.goodsList = [];
|
|
}
|
|
} else {
|
|
this.goodSLoading = false;
|
|
this.goodsList = [];
|
|
}
|
|
},
|
|
// 点击一级分类
|
|
selectFirstType(val) {
|
|
this.select_first_obj.id = val;
|
|
this.secondLoading = true;
|
|
this.goodsParmas.page = 1;
|
|
this.second_group_list = [];
|
|
this.select_second_obj = {
|
|
id: "",
|
|
type: "",
|
|
};
|
|
this.getProductGroup_second(val);
|
|
this.goodsList = [];
|
|
},
|
|
// 点击二级分类
|
|
selectSecondType(val) {
|
|
this.select_second_obj.id = val;
|
|
this.select_second_obj.type = this.second_group_list.find((item) => {
|
|
return item.id === val;
|
|
}).type;
|
|
this.goodsParmas.id = val;
|
|
this.goodsList = [];
|
|
this.goodsParmas.page = 1;
|
|
if (this.select_second_obj.type === "domain") {
|
|
this.getSuffix();
|
|
}
|
|
this.getProductGoodList();
|
|
},
|
|
// 获取通用配置
|
|
getCommonData() {
|
|
this.commonData =
|
|
JSON.parse(localStorage.getItem("common_set_before")) || {};
|
|
document.title =
|
|
this.commonData.website_name + "-" + lang.common_cloud_text301;
|
|
},
|
|
// 点击购买
|
|
goOrder(item) {
|
|
// 新窗口打开
|
|
window.open(`goods.htm?id=${item.id}`);
|
|
},
|
|
// 滚动计算
|
|
scrollBottom() {
|
|
if (this.select_second_obj.type === "domain") {
|
|
return;
|
|
}
|
|
const scrollTop =
|
|
document.documentElement.scrollTop || document.body.scrollTop;
|
|
const clientHeight = document.documentElement.clientHeight;
|
|
const scrollHeight = document.documentElement.scrollHeight;
|
|
if (scrollTop + clientHeight >= scrollHeight) {
|
|
if (this.scrollDisabled) {
|
|
} else {
|
|
this.goodsParmas.page++;
|
|
this.getProductGoodList();
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}).$mount(template);
|
|
typeof old_onload == "function" && old_onload();
|
|
};
|
|
})(window);
|