823 lines
25 KiB
JavaScript
Executable File
823 lines
25 KiB
JavaScript
Executable File
import {
|
||
aftersale,
|
||
modifyClicks,
|
||
addGoodsbrowse,
|
||
goodsQrcode
|
||
} from "@/api/goods/goods"
|
||
import {
|
||
goodsCategoryInfo
|
||
} from "@/api/goods/goodscategory"
|
||
import {
|
||
goodsSkuDetail,
|
||
goodsSkuInfo,
|
||
evaluateConfig
|
||
} from "@/api/groupbuy"
|
||
import {
|
||
isCollect,
|
||
addCollect,
|
||
deleteCollect
|
||
} from "@/api/goods/goods_collect"
|
||
import {
|
||
goodsEvaluateList,
|
||
goodsEvaluateCount
|
||
} from "@/api/goods/evaluate"
|
||
import {
|
||
mapGetters
|
||
} from "vuex"
|
||
import CountDown from "vue2-countdown"
|
||
import {
|
||
getArea
|
||
} from "@/api/address"
|
||
import {
|
||
shopServiceOpen
|
||
} from "@/api/website.js"
|
||
|
||
export default {
|
||
data: () => {
|
||
return {
|
||
id: 0,
|
||
skuId: 0,
|
||
loading: true,
|
||
|
||
picZoomUrl: "",
|
||
thumbPosition: 0,
|
||
// 是否可以移动
|
||
moveThumbLeft: false,
|
||
moveThumbRight: false,
|
||
|
||
// 商品详情
|
||
goodsSkuDetail: {
|
||
video_url: ""
|
||
},
|
||
|
||
groupbuyText: "距离结束仅剩",
|
||
groupbuyTimeMachine: {
|
||
currentTime: 0,
|
||
startTime: 0,
|
||
endTime: 0
|
||
},
|
||
qrcode: "",
|
||
specDisabled: false,
|
||
specBtnRepeat: false, //防止重复
|
||
btnSwitch: false,
|
||
|
||
// 店铺详情
|
||
shopInfo: {},
|
||
whetherCollection: 0,
|
||
score: 0,
|
||
|
||
//评价
|
||
currentPage: 1,
|
||
pageSize: 25,
|
||
total: 0,
|
||
evaluaType: 0,//评价类型
|
||
evaluteCount: {},//评价数量
|
||
goodsEvaluateList: [],
|
||
evaluate_show: false, //是否显示评论
|
||
service: null,
|
||
|
||
number: 1,
|
||
limitNumber: 0,
|
||
tabName: "detail",
|
||
playerOptions: {
|
||
playbackRates: [0.5, 1.0, 1.5, 2.0, 3.0], // 可选的播放速度
|
||
autoplay: false, // 如果为true,浏览器准备好时开始回放。
|
||
muted: false, // 默认情况下将会消除任何音频。
|
||
loop: false, // 是否视频一结束就重新开始。
|
||
preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
||
language: "zh-CN",
|
||
aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
||
fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
||
sources: [{
|
||
type: "video/mp4", // 类型
|
||
src: "" // url地址
|
||
}],
|
||
poster: "", // 封面地址
|
||
notSupportedMessage: "此视频暂无法播放，请稍后再试", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
|
||
controlBar: {
|
||
timeDivider: true, // 当前时间和持续时间的分隔符
|
||
durationDisplay: true, // 显示持续时间
|
||
remainingTimeDisplay: true, // 是否显示剩余时间功能
|
||
fullscreenToggle: true // 是否显示全屏按钮
|
||
}
|
||
},
|
||
switchMedia: "img",
|
||
|
||
// 是否关注店铺
|
||
hasFollow: false,
|
||
|
||
// 客服配置
|
||
kefuConfig: {
|
||
system: '',
|
||
open_pc: '',
|
||
open_url: ''
|
||
},
|
||
|
||
// 省市区县
|
||
provinceArr: {},
|
||
cityArr: {},
|
||
districtArr: {},
|
||
|
||
// 省市区县 id
|
||
currTabAddres: "province",
|
||
hideRegion: false,
|
||
selectedAddress: {},
|
||
service_list: [], //商品服务
|
||
serverType: 'disable',
|
||
serverThird: '',
|
||
categoryNameArr: []
|
||
}
|
||
},
|
||
components: {
|
||
CountDown
|
||
},
|
||
created() {
|
||
this.id = this.$route.params.id;
|
||
if (this.addonIsExit && this.addonIsExit.groupbuy != 1) {
|
||
this.$message({
|
||
message: '团购插件未安装',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$route.push('/');
|
||
}
|
||
});
|
||
} else {
|
||
this.getGoodsSkuDetail()
|
||
this.shopServiceOpen()
|
||
this.getGoodsEvaluate()
|
||
this.goodsEvaluCount()
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters(["token", "siteInfo", "defaultHeadImage", "defaultShopImage", "addonIsExit", 'locationRegion'])
|
||
},
|
||
watch: {
|
||
$route(curr) {
|
||
this.id = curr.query.id
|
||
if (this.addonIsExit && this.addonIsExit.groupbuy != 1) {
|
||
this.$message({
|
||
message: '团购插件未安装',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$route.push('/');
|
||
}
|
||
});
|
||
} else {
|
||
this.getGoodsSkuDetail()
|
||
this.shopServiceOpen()
|
||
}
|
||
},
|
||
addonIsExit() {
|
||
if (this.addonIsExit.groupbuy != 1) {
|
||
this.$message({
|
||
message: '团购插件未安装',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$route.push('/');
|
||
}
|
||
});
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
shopServiceOpen() {
|
||
// todo 暂停使用
|
||
return;
|
||
shopServiceOpen().then((res) => {
|
||
if (res.code == 0) {
|
||
this.kefuConfig = res.data;
|
||
}
|
||
})
|
||
},
|
||
tabChange(tab, event) {
|
||
},
|
||
bundlingChange(tab, event) {
|
||
},
|
||
getGoodsSkuDetail() {
|
||
goodsSkuDetail({
|
||
groupbuy_id: this.id
|
||
}).then(res => {
|
||
let data = res.data
|
||
if (data.goods_sku_detail != null) {
|
||
this.goodsSkuDetail = data.goods_sku_detail
|
||
let categoryIdArr = data.goods_sku_detail.category_id.split(",")
|
||
categoryIdArr = categoryIdArr.filter((item) => {
|
||
return item && item.trim()
|
||
});
|
||
this.categorySearch(categoryIdArr[categoryIdArr.length - 1]);
|
||
// this.shopInfo = data.shop_info
|
||
this.service_list = data.goods_sku_detail.goods_service
|
||
|
||
this.skuId = this.goodsSkuDetail.sku_id
|
||
this.number = this.goodsSkuDetail.buy_num
|
||
this.limitNumber = this.goodsSkuDetail.buy_num
|
||
//团购倒计时
|
||
if (this.goodsSkuDetail.end_time - res.timestamp > 0) {
|
||
this.groupbuyTimeMachine = {
|
||
currentTime: res.timestamp,
|
||
startTime: res.timestamp,
|
||
endTime: this.goodsSkuDetail.end_time
|
||
}
|
||
} else {
|
||
|
||
this.$message({
|
||
message: '活动已结束',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$router.push("/sku/" + this.goodsSkuDetail.sku_id)
|
||
}
|
||
});
|
||
}
|
||
if (this.goodsSkuDetail.sku_images) this.goodsSkuDetail.sku_images = this.goodsSkuDetail.sku_images.split(",");
|
||
else this.goodsSkuDetail.sku_images = [];
|
||
|
||
// 多规格时合并主图
|
||
if (this.goodsSkuDetail.goods_spec_format && this.goodsSkuDetail.goods_image) {
|
||
this.goodsSkuDetail.goods_image = this.goodsSkuDetail.goods_image.split(",");
|
||
this.goodsSkuDetail.sku_images = this.goodsSkuDetail.sku_images.concat(this.goodsSkuDetail.goods_image);
|
||
}
|
||
|
||
//媒体
|
||
if (this.goodsSkuDetail.video_url) {
|
||
this.switchMedia = "video"
|
||
this.playerOptions.poster = this.$img(this.goodsSkuDetail.sku_images[0])
|
||
this.playerOptions.sources[0].src = this.$img(this.goodsSkuDetail.video_url)
|
||
}
|
||
|
||
this.picZoomUrl = this.goodsSkuDetail.sku_images[0]
|
||
|
||
this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || "件"
|
||
|
||
// 当前商品SKU规格
|
||
if (this.goodsSkuDetail.sku_spec_format) this.goodsSkuDetail.sku_spec_format = JSON.parse(this.goodsSkuDetail.sku_spec_format)
|
||
|
||
// 商品属性
|
||
if (this.goodsSkuDetail.goods_attr_format) {
|
||
let goods_attr_format = JSON.parse(this.goodsSkuDetail.goods_attr_format);
|
||
this.goodsSkuDetail.goods_attr_format = this.$util.unique(goods_attr_format, "attr_id");
|
||
for (var i = 0; i < this.goodsSkuDetail.goods_attr_format.length; i++) {
|
||
for (var j = 0; j < goods_attr_format.length; j++) {
|
||
if (this.goodsSkuDetail.goods_attr_format[i].attr_id == goods_attr_format[j].attr_id && this.goodsSkuDetail.goods_attr_format[i].attr_value_id != goods_attr_format[j].attr_value_id) {
|
||
this.goodsSkuDetail.goods_attr_format[i].attr_value_name += "、" + goods_attr_format[j].attr_value_name;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 商品SKU格式
|
||
if (this.goodsSkuDetail.goods_spec_format) this.goodsSkuDetail.goods_spec_format = JSON.parse(this.goodsSkuDetail.goods_spec_format)
|
||
|
||
window.document.title = `${this.goodsSkuDetail.sku_name} - ${this.siteInfo.site_name}`
|
||
|
||
this.loading = false
|
||
} else {
|
||
this.$router.push("/")
|
||
}
|
||
}).then(res => {
|
||
if (this.token != "") {
|
||
this.getWhetherCollection()
|
||
// this.isFollow()
|
||
}
|
||
// this.getAftersale()
|
||
this.modifyGoodsInfo()
|
||
this.getGoodsQrcode()
|
||
this.getEvaluateConfig()
|
||
this.getAddress('province', null, true);
|
||
if (!this.locationRegion) {
|
||
|
||
this.$store.commit("app/SET_LOCATION_REGION", {
|
||
"level_1": {
|
||
"id": 110000,
|
||
"pid": 0,
|
||
"name": "北京市",
|
||
"shortname": "北京",
|
||
"longitude": "116.40529",
|
||
"latitude": "39.904987",
|
||
"level": 1,
|
||
"sort": 1,
|
||
"status": 1,
|
||
"default_data": 1
|
||
},
|
||
"level_2": {
|
||
"id": 110100,
|
||
"pid": 110000,
|
||
"name": "北京市",
|
||
"shortname": "北京",
|
||
"longitude": "116.40529",
|
||
"latitude": "39.904987",
|
||
"level": 2,
|
||
"sort": 1,
|
||
"status": 1,
|
||
"default_data": 1
|
||
},
|
||
"level_3": {
|
||
"id": 110101,
|
||
"pid": 110100,
|
||
"name": "东城区",
|
||
"shortname": "东城",
|
||
"longitude": "116.418755",
|
||
"latitude": "39.917545",
|
||
"level": 3,
|
||
"sort": 3,
|
||
"status": 1,
|
||
"default_data": 1
|
||
}
|
||
});
|
||
}
|
||
|
||
this.selectedAddress = this.locationRegion;
|
||
this.provinceId = this.selectedAddress.level_1.id
|
||
this.getAddress('city', null, true, () => {
|
||
this.cityId = this.selectedAddress.level_2.id
|
||
if (this.cityId) this.getAddress('district', null, true)
|
||
});
|
||
}).catch(res => {
|
||
this.loading = false
|
||
this.$router.push("/")
|
||
})
|
||
},
|
||
categorySearch(category_id) {
|
||
goodsCategoryInfo({
|
||
category_id: category_id
|
||
}).then(res => {
|
||
if (res.code == 0 && res.data) {
|
||
this.categoryNameArr = [];
|
||
try {
|
||
let categoryArr = res.data.category_full_name.split("$_SPLIT_$");
|
||
categoryArr.forEach((item, index) => {
|
||
let obj = {};
|
||
obj.name = item;
|
||
obj.category_id = res.data["category_id_" + (index + 1)];
|
||
this.categoryNameArr.push(obj);
|
||
})
|
||
} catch (e) {
|
||
this.categoryNameArr = [];
|
||
}
|
||
}
|
||
|
||
})
|
||
},
|
||
getEvaluateConfig() {
|
||
evaluateConfig().then(res => {
|
||
if (res.code == 0) {
|
||
var data = res.data;
|
||
this.evaluateConfig = data;
|
||
if (this.evaluateConfig.evaluate_show == 1) {
|
||
//商品评论
|
||
this.evaluate_show = true
|
||
this.getGoodsEvaluate();
|
||
}
|
||
}
|
||
})
|
||
},
|
||
service_link() {
|
||
if (this.token) {
|
||
this.$refs.servicerMessage.show();
|
||
} else {
|
||
this.$message({
|
||
message: "您还未登录",
|
||
type: "warning"
|
||
})
|
||
}
|
||
},
|
||
changeThumbImg(tag) {
|
||
if (this.goodsSkuDetail.sku_images.length < 4) return
|
||
let page = this.goodsSkuDetail.sku_images.length % 4 // 可见数量4个
|
||
let position = 94
|
||
if (page == 0) page = this.goodsSkuDetail.sku_images.length - 4 // 可见数量4个
|
||
else if (page != 0 && page != 1 && page < 2) return
|
||
|
||
if (tag == "prev") {
|
||
if (this.thumbPosition != 0 && Math.round(this.thumbPosition, 2) != position) {
|
||
this.thumbPosition += position
|
||
// this.moveThumbLeft = true;
|
||
} else {
|
||
// this.moveThumbLeft = false;
|
||
}
|
||
} else if (tag == "next") {
|
||
if (Math.round(this.thumbPosition, 2) != -Math.round(position * page, 2)) {
|
||
this.thumbPosition -= position
|
||
// this.moveThumbRight = true;
|
||
} else {
|
||
// this.moveThumbRight = false;
|
||
}
|
||
}
|
||
},
|
||
//获取用户是否关注
|
||
getWhetherCollection() {
|
||
isCollect({
|
||
goods_id: this.goodsSkuDetail.goods_id
|
||
}).then(res => {
|
||
this.whetherCollection = res.data;
|
||
})
|
||
},
|
||
editCollection() {
|
||
//未关注添加关注
|
||
if (this.whetherCollection == 0) {
|
||
addCollect({
|
||
sku_id: this.skuId,
|
||
goods_id: this.goodsSkuDetail.goods_id
|
||
}).then(res => {
|
||
var data = res.data
|
||
if (data > 0) {
|
||
this.whetherCollection = 1
|
||
this.goodsSkuDetail.collect_num++
|
||
}
|
||
})
|
||
} else {
|
||
//已关注取消关注
|
||
deleteCollect({
|
||
goods_id: this.goodsSkuDetail.goods_id
|
||
}).then(res => {
|
||
var data = res.data
|
||
if (data > 0) {
|
||
this.whetherCollection = 0
|
||
this.goodsSkuDetail.collect_num--
|
||
}
|
||
})
|
||
}
|
||
},
|
||
// 售后保障
|
||
getAftersale() {
|
||
aftersale({}).then(res => {
|
||
if (res.code == 0 && res.data) {
|
||
let data = res.data.content
|
||
if (res.data.content) this.service = res.data.content
|
||
}
|
||
})
|
||
},
|
||
//更新商品信息
|
||
modifyGoodsInfo() {
|
||
//更新商品点击量
|
||
modifyClicks({
|
||
sku_id: this.skuId,
|
||
})
|
||
|
||
//添加足迹
|
||
addGoodsbrowse({
|
||
sku_id: this.skuId,
|
||
goods_id: this.goodsSkuDetail.goods_id
|
||
})
|
||
},
|
||
// 商品二维码
|
||
getGoodsQrcode() {
|
||
goodsQrcode({
|
||
sku_id: this.skuId
|
||
}).then(res => {
|
||
let data = res.data
|
||
if (data.path.h5.img) this.qrcode = this.$img(data.path.h5.img)
|
||
})
|
||
},
|
||
//商品评价数量
|
||
goodsEvaluCount() {
|
||
goodsEvaluateCount({
|
||
goods_id: this.id
|
||
}).then(res => {
|
||
if (res.code == 0 && res.data) {
|
||
this.evaluteCount = res.data
|
||
}
|
||
})
|
||
},
|
||
// 商品评价列表
|
||
getGoodsEvaluate() {
|
||
goodsEvaluateList({
|
||
page: this.currentPage,
|
||
page_size: this.pageSize,
|
||
goods_id: this.id,
|
||
explain_type: this.evaluaType == 0 ? '' : this.evaluaType
|
||
}).then(res => {
|
||
let list = []
|
||
let msg = res.message
|
||
if (res.code == 0 && res.data) {
|
||
list = res.data.list
|
||
this.total = res.data.count
|
||
}
|
||
|
||
for (var i = 0; i < list.length; i++) {
|
||
// 1好评2中评3差评
|
||
if (list[i].explain_type == 1) {
|
||
list[i].star = 5
|
||
} else if (list[i].explain_type == 2) {
|
||
list[i].star = 3
|
||
} else if (list[i].explain_type == 3) {
|
||
list[i].star = 1
|
||
}
|
||
if (list[i].images) {
|
||
list[i].images = list[i].images.split(",")
|
||
list[i].imagesFormat = []
|
||
for (var k = 0; k < list[i].images.length; k++) {
|
||
list[i].imagesFormat.push(this.$img(list[i].images[k]))
|
||
}
|
||
}
|
||
|
||
if (list[i].again_images) {
|
||
list[i].again_images = list[i].again_images.split(",")
|
||
list[i].againImagesFormat = []
|
||
for (var j = 0; j < list[i].again_images.length; j++) {
|
||
list[i].againImagesFormat.push(this.$img(list[i].again_images[j]))
|
||
}
|
||
}
|
||
if (list[i].is_anonymous == 1) list[i].member_name = list[i].member_name.replace(list[i].member_name.substring(1, list[i].member_name.length - 1), "***")
|
||
}
|
||
this.goodsEvaluateList = list
|
||
})
|
||
},
|
||
// 图片加载失败
|
||
imageErrorEvaluate(index) {
|
||
this.goodsEvaluateList[index].member_headimg = this.defaultHeadImage
|
||
},
|
||
handlePageSizeChange(size) {
|
||
this.pageSize = size
|
||
this.getGoodsEvaluate()
|
||
},
|
||
handleCurrentPageChange(page) {
|
||
this.currentPage = page
|
||
this.getGoodsEvaluate()
|
||
},
|
||
changeSpec(skuId, spec_id) {
|
||
if (this.specDisabled) return
|
||
this.specBtnRepeat = false
|
||
this.skuId = skuId
|
||
// 清空选择
|
||
for (var i = 0; i < this.goodsSkuDetail.goods_spec_format.length; i++) {
|
||
var sku = this.goodsSkuDetail.goods_spec_format[i]
|
||
for (var j = 0; j < sku.value.length; j++) {
|
||
// 排除当前点击的规格值
|
||
if (spec_id == this.goodsSkuDetail.goods_spec_format[i].value[j].spec_id) {
|
||
this.goodsSkuDetail.goods_spec_format[i].value[j].selected = false
|
||
}
|
||
}
|
||
}
|
||
|
||
goodsSkuInfo({
|
||
sku_id: this.skuId,
|
||
id: this.goodsSkuDetail.groupbuy_id
|
||
}).then(res => {
|
||
let data = res.data
|
||
if (data != null) {
|
||
data.sku_images = data.sku_images.split(",")
|
||
|
||
this.picZoomUrl = data.sku_images[0]
|
||
|
||
this.playerOptions.poster = this.$img(data.sku_images[0])
|
||
|
||
// 当前商品SKU规格
|
||
if (data.sku_spec_format) data.sku_spec_format = JSON.parse(data.sku_spec_format)
|
||
|
||
// 商品SKU格式
|
||
if (data.goods_spec_format) data.goods_spec_format = JSON.parse(data.goods_spec_format)
|
||
|
||
this.keyInput(true)
|
||
|
||
//拼团倒计时
|
||
if (data.end_time - res.timestamp > 0) {
|
||
this.groupbuyTimeMachine = {
|
||
currentTime: res.timestamp,
|
||
startTime: res.timestamp,
|
||
endTime: data.end_time
|
||
}
|
||
} else {
|
||
this.$message({
|
||
message: '活动已结束',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$router.push("/sku/" + this.goodsSkuDetail.sku_id)
|
||
}
|
||
});
|
||
}
|
||
|
||
this.specBtnRepeat = false
|
||
Object.assign(this.goodsSkuDetail, data)
|
||
} else {
|
||
this.$router.push("/")
|
||
}
|
||
})
|
||
},
|
||
changeNum(tag) {
|
||
if (this.goodsSkuDetail.stock == 0) return
|
||
|
||
var stock = this.goodsSkuDetail.stock
|
||
//最低购买数量
|
||
var min = this.goodsSkuDetail.buy_num
|
||
|
||
if (this.goodsSkuDetail.buy_num > this.goodsSkuDetail.stock) {
|
||
//限购数量大于库存总数取库存
|
||
stock = this.goodsSkuDetail.stock
|
||
} else {
|
||
stock = this.goodsSkuDetail.stock
|
||
}
|
||
|
||
if (tag == "+") {
|
||
// 加
|
||
if (this.number < stock) {
|
||
this.number++
|
||
}
|
||
} else if (tag == "-") {
|
||
// 减
|
||
if (this.number > min) {
|
||
this.number -= 1
|
||
}
|
||
}
|
||
},
|
||
blur() {
|
||
let newNumber = parseInt(this.number)
|
||
this.number = 0
|
||
setTimeout(() => {
|
||
this.number = newNumber
|
||
}, 0)
|
||
},
|
||
//输入数量
|
||
keyInput(flag, callback) {
|
||
setTimeout(() => {
|
||
var stock = this.goodsSkuDetail.stock
|
||
|
||
// 库存为0
|
||
if (stock == 0) {
|
||
this.number = 0
|
||
return
|
||
}
|
||
|
||
// 防止空
|
||
if (flag && this.number.length == 0) this.number = 1
|
||
|
||
// 防止输入0和负数、非法输入
|
||
if (flag && (this.number <= 0 || isNaN(this.number))) this.number = 1
|
||
|
||
if (this.number < this.goodsSkuDetail.buy_num) {
|
||
//最低购买数量
|
||
this.number = this.goodsSkuDetail.buy_num
|
||
}
|
||
|
||
if (flag) this.number = parseInt(this.number)
|
||
if (callback) callback()
|
||
}, 0)
|
||
},
|
||
// 播放回调
|
||
onPlayerPlay(player) {
|
||
},
|
||
// 暂停回调
|
||
onPlayerPause(player) {
|
||
},
|
||
// 视频播完回调
|
||
onPlayerEnded(player) {
|
||
},
|
||
// DOM元素上的readyState更改导致播放停止
|
||
onPlayerWaiting(player) {
|
||
},
|
||
// 已开始播放回调
|
||
onPlayerPlaying(player) {
|
||
},
|
||
// 当播放器在当前播放位置下载数据时触发
|
||
onPlayerLoadeddata(player) {
|
||
},
|
||
// 当前播放位置发生变化时触发。
|
||
onPlayerTimeupdate(player) {
|
||
},
|
||
//媒体的readyState为HAVE_FUTURE_DATA或更高
|
||
onPlayerCanplay(player) {
|
||
},
|
||
//媒体的readyState为HAVE_ENOUGH_DATA或更高。这意味着可以在不缓冲的情况下播放整个媒体文件。
|
||
onPlayerCanplaythrough(player) {
|
||
},
|
||
//播放状态改变回调
|
||
playerStateChanged(playerCurrentState) {
|
||
},
|
||
//将侦听器绑定到组件的就绪状态。与事件监听器的不同之处在于，如果ready事件已经发生，它将立即触发该函数。。
|
||
playerReadied(player) {
|
||
},
|
||
// 立即购买
|
||
buyNow() {
|
||
//纠正数量
|
||
this.keyInput(true, () => {
|
||
if (this.goodsSkuDetail.stock == 0) {
|
||
this.$message({
|
||
message: "商品已售罄",
|
||
type: "warning"
|
||
})
|
||
return
|
||
}
|
||
|
||
if (this.number.length == 0 || this.number == 0) {
|
||
this.$message({
|
||
message: "购买数量不能为0",
|
||
type: "warning"
|
||
})
|
||
return
|
||
}
|
||
|
||
// 团购
|
||
var data = {
|
||
groupbuy_id: this.goodsSkuDetail.groupbuy_id,
|
||
sku_id: this.skuId,
|
||
num: this.number
|
||
}
|
||
|
||
this.$store.dispatch("order/setGroupbuyOrderCreateData", data)
|
||
this.$router.push({
|
||
path: "/promotion/groupbuy/payment"
|
||
})
|
||
})
|
||
},
|
||
countDownS_cb() {
|
||
},
|
||
countDownE_cb() {
|
||
this.groupbuyText = "活动已结束"
|
||
this.$message({
|
||
message: '团购活动已结束',
|
||
type: 'warning',
|
||
duration: 2000,
|
||
onClose: () => {
|
||
this.$router.push("/sku/" + this.goodsSkuDetail.sku_id)
|
||
}
|
||
});
|
||
},
|
||
// 图片加载失败
|
||
imageErrorSpec(index) {
|
||
this.goodsSkuDetail.sku_images[index] = this.defaultGoodsImage
|
||
this.picZoomUrl = this.defaultGoodsImage
|
||
},
|
||
/**
|
||
* 获取地址
|
||
* @param {Object} type
|
||
* @param {Object} item
|
||
* @param {Object} first 是否第一次
|
||
*/
|
||
getAddress(type, item, first, callback) {
|
||
let pid = 0
|
||
switch (type) {
|
||
case 'province':
|
||
//加载省
|
||
pid = 0
|
||
break
|
||
case 'city':
|
||
//加载市
|
||
if (item) {
|
||
this.provinceId = item.id
|
||
}
|
||
pid = this.provinceId
|
||
this.cityArr = {}
|
||
this.districtArr = {}
|
||
break
|
||
case 'district':
|
||
//加载区县
|
||
if (item) this.cityId = item.id
|
||
pid = this.cityId
|
||
this.districtArr = {}
|
||
break
|
||
}
|
||
if (item) {
|
||
if (item.level <= 2) {
|
||
let len = item.level;
|
||
for (let i = len; i <= 3; i++) {
|
||
delete this.selectedAddress['level_' + i];
|
||
}
|
||
}
|
||
this.selectedAddress['level_' + item.level] = item;
|
||
}
|
||
|
||
if (!first) this.$store.commit("app/SET_LOCATION_REGION", this.selectedAddress)
|
||
this.$forceUpdate();
|
||
if (type == 'community') {
|
||
this.hideRegion = true;
|
||
setTimeout(() => {
|
||
this.hideRegion = false;
|
||
}, 10);
|
||
return;
|
||
}
|
||
|
||
getArea({
|
||
pid: pid
|
||
}).then(res => {
|
||
const {
|
||
code,
|
||
data
|
||
} = res;
|
||
if (data) {
|
||
switch (type) {
|
||
case 'province':
|
||
//加载省
|
||
this.provinceArr = data
|
||
break
|
||
case 'city':
|
||
//加载市
|
||
this.cityArr = data
|
||
break
|
||
case 'district':
|
||
//加载区县
|
||
this.districtArr = data
|
||
break
|
||
}
|
||
this.currTabAddres = type
|
||
if (callback) callback();
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
}
|