初始上传
This commit is contained in:
823
addon/pc/source/os/assets/js/promotion/detail_seckill.js
Executable file
823
addon/pc/source/os/assets/js/promotion/detail_seckill.js
Executable file
@@ -0,0 +1,823 @@
|
||||
import {
|
||||
aftersale,
|
||||
modifyClicks,
|
||||
addGoodsbrowse,
|
||||
goodsQrcode
|
||||
} from "@/api/goods/goods"
|
||||
import {
|
||||
goodsCategoryInfo
|
||||
} from "@/api/goods/goodscategory"
|
||||
import {
|
||||
seckillGoodsInfo,
|
||||
goodsSkuDetail,
|
||||
evaluateConfig
|
||||
} from "@/api/seckill"
|
||||
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: ""
|
||||
},
|
||||
|
||||
seckillText: "距离结束仅剩",
|
||||
seckillTimeMachine: {
|
||||
currentTime: 0,
|
||||
startTime: 0,
|
||||
endTime: 0
|
||||
},
|
||||
qrcode: "",
|
||||
specBtnRepeat: false, //防止重复
|
||||
|
||||
// 店铺详情
|
||||
shopInfo: {},
|
||||
whetherCollection: 0,
|
||||
score: 0,
|
||||
|
||||
//评价
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
evaluaType: 0,//评价类型
|
||||
evaluteCount: {},//评价数量
|
||||
goodsEvaluateList: [],
|
||||
evaluate_show: false, //是否显示评论
|
||||
service: null,
|
||||
|
||||
number: 1,
|
||||
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.seckill != 1) {
|
||||
this.$message({
|
||||
message: '秒杀插件未安装',
|
||||
type: 'warning',
|
||||
duration: 2000,
|
||||
onClose: () => {
|
||||
this.$route.push('/');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.getGoodsSkuDetail()
|
||||
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.seckill == 1) {
|
||||
this.getGoodsSkuDetail()
|
||||
this.shopServiceOpen()
|
||||
} else {
|
||||
this.$message({
|
||||
message: '秒杀插件未安装',
|
||||
type: 'warning',
|
||||
duration: 2000,
|
||||
onClose: () => {
|
||||
this.$route.push('/');
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
addonIsExit() {
|
||||
if (this.addonIsExit.seckill != 1) {
|
||||
this.$message({
|
||||
message: '秒杀插件未安装',
|
||||
type: 'warning',
|
||||
duration: 2000,
|
||||
onClose: () => {
|
||||
this.$route.push('/');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.shopServiceOpen()
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
shopServiceOpen() {
|
||||
// todo 暂停使用
|
||||
return;
|
||||
shopServiceOpen().then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.kefuConfig = res.data;
|
||||
}
|
||||
})
|
||||
},
|
||||
tabChange(tab, event) {
|
||||
},
|
||||
bundlingChange(tab, event) {
|
||||
},
|
||||
getGoodsSkuDetail() {
|
||||
goodsSkuDetail({
|
||||
seckill_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
|
||||
// let num = (Number(this.shopInfo.shop_desccredit) + Number(this.shopInfo.shop_servicecredit) + Number(this.shopInfo
|
||||
// .shop_deliverycredit)) / 3
|
||||
// this.score = Number(num.toFixed(1));
|
||||
this.service_list = data.goods_sku_detail.goods_service
|
||||
|
||||
this.skuId = this.goodsSkuDetail.sku_id
|
||||
|
||||
//秒杀倒计时
|
||||
let time = new Date(res.timestamp * 1000)
|
||||
let currentTime = time.getHours() * 60 * 60 + time.getMinutes() * 60 + time.getSeconds()
|
||||
if (this.goodsSkuDetail.seckill_start_time <= currentTime && currentTime < this.goodsSkuDetail.seckill_end_time) {
|
||||
let endTime = parseInt(time.getTime() / 1000) + (this.goodsSkuDetail.seckill_end_time - currentTime)
|
||||
this.seckillTimeMachine = {
|
||||
currentTime: res.timestamp,
|
||||
startTime: res.timestamp,
|
||||
endTime: endTime
|
||||
}
|
||||
} else if (this.goodsSkuDetail.seckill_start_time > currentTime && currentTime < this.goodsSkuDetail.seckill_end_time) {
|
||||
this.$message({
|
||||
message: '限时秒杀活动还未开始',
|
||||
type: 'warning',
|
||||
duration: 2000,
|
||||
onClose: () => {
|
||||
this.$router.push("/sku/" + this.goodsSkuDetail.sku_id)
|
||||
}
|
||||
});
|
||||
} else if (currentTime < this.goodsSkuDetail.seckill_start_time && currentTime > this.goodsSkuDetail.seckill_end_time) {
|
||||
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.master_img = this.goodsSkuDetail.goods_image
|
||||
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.getEvaluateConfig()
|
||||
this.getGoodsQrcode()
|
||||
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
|
||||
},
|
||||
master_img: []
|
||||
});
|
||||
}
|
||||
|
||||
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,
|
||||
site_id: this.goodsSkuDetail.site_id
|
||||
})
|
||||
|
||||
//添加足迹
|
||||
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 = []
|
||||
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, disabled) {
|
||||
if (disabled) 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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
seckillGoodsInfo({
|
||||
sku_id: this.skuId,
|
||||
seckill_id: this.goodsSkuDetail.seckill_id
|
||||
}).then(res => {
|
||||
let data = res.data.goods_sku_detail
|
||||
|
||||
if (data != null) {
|
||||
data.sku_images = data.sku_images.split(",")
|
||||
this.picZoomUrl = data.sku_images[0]
|
||||
this.playerOptions.poster = this.$img(data.sku_image)
|
||||
|
||||
if (data.sku_images == "") {
|
||||
data.sku_images = this.master_img;
|
||||
this.picZoomUrl = data.sku_images[0]
|
||||
this.playerOptions.poster = this.$img(data.sku_image)
|
||||
} else {
|
||||
data.sku_images = data.sku_images.concat(this.master_img);
|
||||
}
|
||||
|
||||
// 当前商品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)
|
||||
|
||||
if (data.goods_attr_format) data.goods_attr_format = JSON.parse(data.goods_attr_format)
|
||||
this.keyInput(true)
|
||||
|
||||
// 限时折扣
|
||||
if (data.promotion_type == 1) {
|
||||
this.discountTimeMachine = {
|
||||
currentTime: res.timestamp,
|
||||
startTime: res.timestamp,
|
||||
endTime: data.end_time
|
||||
}
|
||||
}
|
||||
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 = 1
|
||||
|
||||
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 (this.goodsSkuDetail.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 > stock) {
|
||||
this.number = stock
|
||||
}
|
||||
|
||||
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 = {
|
||||
seckill_id: this.goodsSkuDetail.seckill_id,
|
||||
num: this.number,
|
||||
sku_id: this.skuId
|
||||
};
|
||||
|
||||
this.$store.dispatch("order/setSeckillOrderCreateData", data)
|
||||
this.$router.push({
|
||||
path: "/promotion/seckill/payment"
|
||||
})
|
||||
})
|
||||
},
|
||||
countDownS_cb() {
|
||||
},
|
||||
countDownE_cb() {
|
||||
this.seckillText = "活动已结束"
|
||||
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();
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user