This commit is contained in:
Gao xiaosong
2021-05-18 02:20:57 +08:00
7 changed files with 141 additions and 127 deletions

View File

@ -12,93 +12,109 @@
</view>
</template>
<script>
export default {
name: "CountDown",
props: {
//距离开始提示文字
tipText: {
type: String,
default: "倒计时"
},
dayText: {
type: String,
default: "天"
},
hourText: {
type: String,
default: "时"
},
minuteText: {
type: String,
default: "分"
},
secondText: {
type: String,
default: "秒"
},
datatime: {
type: Number,
default: 0
},
isDay: {
type: Boolean,
default: true
}
export default {
name: 'CountDown',
props: {
//距离开始提示文字
tipText: {
type: String,
default: '倒计时',
},
data: function () {
return {
day: "00",
hour: "00",
minute: "00",
second: "00"
};
dayText: {
type: String,
default: '天',
},
created: function () {
this.show_time();
hourText: {
type: String,
default: '时',
},
mounted: function () {},
methods: {
show_time: function () {
let that = this;
function runTime() {
//时间函数
let intDiff = that.datatime - Date.parse(new Date()) / 1000; //获取数据中的时间戳的时间差;
let day = 0,
hour = 0,
minute = 0,
second = 0;
if (intDiff > 0) {
//转换时间
if (that.isDay === true) {
day = Math.floor(intDiff / (60 * 60 * 24));
} else {
day = 0;
}
hour = Math.floor(intDiff / (60 * 60)) - day * 24;
minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60;
second =
Math.floor(intDiff) -
day * 24 * 60 * 60 -
hour * 60 * 60 -
minute * 60;
if (hour <= 9) hour = "0" + hour;
if (minute <= 9) minute = "0" + minute;
if (second <= 9) second = "0" + second;
that.day = day;
that.hour = hour;
that.minute = minute;
that.second = second;
} else {
that.day = "00";
that.hour = "00";
that.minute = "00";
that.second = "00";
}
}
runTime();
setInterval(runTime, 1000);
}
minuteText: {
type: String,
default: '分',
},
secondText: {
type: String,
default: '秒',
},
datatime: {},
isDay: {
type: Boolean,
default: true,
},
},
data: function () {
return {
time: null,
day: '00',
hour: '00',
minute: '00',
second: '00',
}
};
},
created: function () {
this.show_time()
},
watch: {
datatime(val) {
clearInterval(this.timeInterval)
this.time = val
this.show_time()
},
},
mounted: function () {},
methods: {
show_time: function () {
let that = this
if (parseInt(this.time).length == 13) {
// 毫秒级
console.log('毫秒')
this.time = this.time / 1000
} else if (parseInt(this.time).length == 10) {
console.log('秒')
// 秒级
} else {
// 时间
console.log('时间')
console.log(this.time)
this.time = Date.parse(this.time) / 1000
}
console.log(that.time)
function runTime() {
//时间函数
let intDiff = that.time - Date.parse(new Date()) / 1000 //获取数据中的时间戳的时间差;
let day = 0,
hour = 0,
minute = 0,
second = 0
if (intDiff > 0) {
//转换时间
if (that.isDay === true) {
day = Math.floor(intDiff / (60 * 60 * 24))
} else {
day = 0
}
hour = Math.floor(intDiff / (60 * 60)) - day * 24
minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60
second = Math.floor(intDiff) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60
if (hour <= 9) hour = '0' + hour
if (minute <= 9) minute = '0' + minute
if (second <= 9) second = '0' + second
that.day = day
that.hour = hour
that.minute = minute
that.second = second
} else {
that.day = '00'
that.hour = '00'
that.minute = '00'
that.second = '00'
}
}
runTime()
this.timeInterval = setInterval(runTime, 1000)
},
},
}
</script>

View File

@ -1,7 +1,7 @@
<template>
<view class="lottie-bg">
<view id="lottie">
<image src="@/static/live-logo.gif" rel="preload" mode="widthFix" style="width: 100%;" />
<image src="@/static/live-logo.gif" rel="preload" mode="widthFix" style="width: 100%" />
</view>
</view>
</template>
@ -61,11 +61,11 @@ export default {
console.log('loading home')
this.changeAuthorization(false)
let redirect = cookie.get('redirect').replace(/\ /g, '')
cookie.remove('redirect')
if (redirect && redirect.indexOf('/pages') != -1) {
this.$yrouter.replace({
path: '/pages' + redirect.split('/pages')[1],
})
cookie.remove('redirect')
} else {
this.$yrouter.switchTab({
path: '/pages/home/index',

View File

@ -14,7 +14,7 @@
:hourText="' 时 '"
:minuteText="' 分 '"
:secondText="' 秒'"
:datatime="item.datatime/1000"
:datatime="item.datatime"
></count-down>
<view class="money font-color-red">
已砍至

View File

@ -7,9 +7,9 @@
{{ bargainShare.lookCount }}人查看 丨 {{ bargainShare.shareCount }}人分享 丨 {{ bargainShare.userCount }}人参与
</view> -->
<!-- 帮助砍价、帮砍成功:-->
<view class="pictxt acea-row row-center-wrapper ">
<view class="pictxt acea-row row-center-wrapper">
<div class="bargain-header">
<view class="pictrue"><image :src="bargainUserInfo.avatar"/></view>
<view class="pictrue"><image :src="bargainUserInfo.avatar" /></view>
<view class="text">
{{ bargainUserInfo.nickname }}
<text>邀请您帮忙砍价</text>
@ -18,7 +18,7 @@
</view>
</view>
<view class="wrapper bargain-box time on">
<div class="pictxt ">
<div class="pictxt">
<count-down :isDay="true" :tipText="'倒计时 '" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '" :secondText="' 秒'" :datatime="goodsDetail.stopTime"></count-down>
</div>
</view>
@ -92,14 +92,14 @@
</view>
<view class="bargainGang bargain-box">
<view class="title font-color-red acea-row row-center-wrapper">
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
<view class="titleCon">砍价帮</view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
</view>
<view class="list">
<view class="item acea-row row-between-wrapper" v-for="(item, bargainHelpListIndex) in bargainHelpList" :key="bargainHelpListIndex">
<view class="pictxt acea-row row-between-wrapper">
<view class="pictrue"><image :src="item.avatar"/></view>
<view class="pictrue"><image :src="item.avatar" /></view>
<view class="text">
<view class="name line1" v-text="item.nickname"></view>
<view class="line1" v-text="item.add_time"></view>
@ -116,18 +116,18 @@
</view>
<view class="goodsDetails bargain-box">
<view class="title font-color-red acea-row row-center-wrapper">
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
<view class="titleCon">商品详情</view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
</view>
<view class="conter" v-html="goodsDetail.description"></view>
<view class="lock"></view>
</view>
<view class="goodsDetails bargain-box">
<view class="title font-color-red acea-row row-center-wrapper">
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
<view class="titleCon">活动规则</view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`"/></view>
<view class="pictrue on"><image :src="`${$VUE_APP_RESOURCES_URL}/images/left.png`" /></view>
</view>
<view class="conter" v-html="goodsDetail.rule"></view>
</view>
@ -163,7 +163,7 @@ export default {
CountDown,
},
props: {},
data: function() {
data: function () {
return {
bargainId: 0, //砍价编号
bargainSumCount: 0, //砍价成功人数
@ -190,12 +190,12 @@ export default {
}
},
computed: mapGetters(['userInfo', 'isLogin']),
mounted: function() {
mounted: function () {
this.mountedStart()
},
methods: {
// 开始处理砍价逻辑
mountedStart: function() {
mountedStart: function () {
var that = this
let url = handleQrCode()
// bargainId 砍价商品id
@ -213,8 +213,6 @@ export default {
// url未携带用户uid填上登录用户uid跳转
that.bargainUid = that.userInfo.uid
}
console.log(this)
// 获取商品详情
that.getBargainDetail()
// 砍价数据统计
@ -236,7 +234,7 @@ export default {
this.getBargainHelpCount()
},
// 查看商品
openAlone: function() {
openAlone: function () {
this.$yrouter.push({
path: '/pages/shop/GoodsCon/index',
query: {
@ -245,7 +243,7 @@ export default {
})
},
// 砍价完成,去支付
goPay: function() {
goPay: function () {
var data = {}
var that = this
data.productId = that.goodsDetail.productId
@ -271,7 +269,7 @@ export default {
})
},
// 生成海报
goPoster: function() {
goPoster: function () {
var that = this
that.getBargainShare(that.bargainId)
this.$yrouter.push({
@ -283,7 +281,7 @@ export default {
})
},
// 跳转砍价商品列表
goList: function() {
goList: function () {
this.$yrouter.push({
path: '/pages/activity/GoodsBargain/index',
})
@ -291,7 +289,7 @@ export default {
//砍价分享
//bargainId 0 获取 查看人数 分享人数 参与人数
//bargainId 砍价产品编号 添加分享次数 获取 查看人数 分享人数 参与人数
getBargainShare: function(bargainId) {
getBargainShare: function (bargainId) {
var that = this
getBargainShare({
bargainId: bargainId,
@ -300,7 +298,7 @@ export default {
})
},
// 获取产品详情
getBargainDetail: function() {
getBargainDetail: function () {
var that = this
uni.showLoading({
title: '加载中',
@ -310,9 +308,9 @@ export default {
.then(res => {
uni.hideLoading()
that.goodsDetail = res.data.bargain
console.log(that.goodsDetail)
that.goodsDetail.description = that.goodsDetail.description.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
that.goodsDetail.rule = that.goodsDetail.rule.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
that.goodsDetail.stopTime = that.goodsDetail.stopTime / 1000
that.getBargainHelpCount()
})
.catch(res => {
@ -325,7 +323,7 @@ export default {
})
},
// 开启砍价-发起人与当前用户非同一人
getBargainStart: function() {
getBargainStart: function () {
var that = this
getBargainStart({
bargainId: that.bargainId,
@ -344,7 +342,7 @@ export default {
})
},
// 参与砍价
getBargainHelp: function() {
getBargainHelp: function () {
var that = this
if (this.bargainHelpCount.price === 0 && that.bargainUid !== that.userInfo.uid) {
return uni.showToast({
@ -382,7 +380,7 @@ export default {
})
},
//获取砍掉的金额
getBargainHelpPrice: function() {
getBargainHelpPrice: function () {
var that = this
getBargainHelpPrice({
bargainId: that.bargainId,
@ -409,7 +407,7 @@ export default {
})
},
// 砍价帮助列表
getBargainHelpList: function() {
getBargainHelpList: function () {
var that = this
if (that.helpListStatus === true) return
getBargainHelpList({
@ -440,7 +438,7 @@ export default {
})
},
// 砍价 砍价帮总人数、剩余金额、进度条、已经砍掉的价格
getBargainHelpCount: function() {
getBargainHelpCount: function () {
getBargainHelpCount({
bargainId: this.bargainId,
bargainUserUid: this.bargainUid,
@ -515,7 +513,7 @@ export default {
},
// 获取开启砍价用户信息
// 参与砍价,为同一人发起砍价后
getBargainStartUser: function() {
getBargainStartUser: function () {
var that = this
getBargainStartUser({
bargainId: that.bargainId,
@ -534,11 +532,11 @@ export default {
})
},
// 关闭弹窗
close: function() {
close: function () {
this.active = false
},
// 设置微信分享
onShareAppMessage: function() {
onShareAppMessage: function () {
return {
title: this.storeInfo.title,
imageUrl: this.storeInfo.image,

View File

@ -72,7 +72,7 @@
<text class="font-color-red" v-text="item.count"></text>
<text>人成团</text>
</view>
<count-down :isDay="true" :tipText="'剩余 '" :dayText="' 天 '" :hourText="' : '" :minuteText="' : '" :secondText="' '" :datatime="item.stopTime / 1000"></count-down>
<count-down :isDay="true" :tipText="'剩余 '" :dayText="' 天 '" :hourText="' : '" :minuteText="' : '" :secondText="' '" :datatime="item.stopTime"></count-down>
</view>
<view class="spellBnt" @click="groupRule(item.id)">
去拼单

View File

@ -1,6 +1,6 @@
<template>
<view class="group-con">
<view class="tui-goods-item">
<view class="tui-goods-item" v-if="storeCombination">
<image :src="storeCombination.image" class="tui-goods-img"></image>
<view class="tui-goods-center">
<view class="tui-goods-name">{{ storeCombination.title }}</view>
@ -19,8 +19,9 @@
<view class="tui-group__box tui-mtop__20">
<tui-divider backgroundColor="#fff" width="70%" gradual>
<view class="tui-divider__content">
<text v-if="pinkBool == 0">拼团失败</text>
<text v-if="pinkBool == 0">进行中</text>
<text v-if="pinkBool == 1">拼团成功</text>
<text v-if="pinkBool == -1">拼团失败</text>
</view>
</tui-divider>
<view class="tui-group__title" v-if="pinkBool == 0">
@ -30,7 +31,7 @@
</view>
<view class="tui-group-countdown" v-if="pinkBool == 0">
<view class="tui-countdown-right">剩余</view>
<count-down :isDay="true" :tipText="'倒计时 '" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '" :secondText="' 秒'" :datatime="pinkT.stopTime / 1000"></count-down>
<count-down :isDay="true" :tipText="'倒计时 '" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '" :secondText="' 秒'" :datatime="pinkT.stopTime"></count-down>
<view class="tui-countdown-left">结束</view>
</view>
<view class="tui-user__box">

View File

@ -306,15 +306,13 @@ export default {
useIntegral() {
this.computedPrice()
},
$yroute(n) {
if (n.name === NAME) this.getCartInfo()
},
shipping_type() {
this.computedPrice()
},
},
onShow: function() {
onLoad: function() {
let that = this
console.log('loadddddddd')
this.$store.dispatch('getUser', true)
that.getCartInfo()
console.log(that.$yroute)
@ -402,7 +400,8 @@ export default {
this.storeSelfMention = res.data.storeSelfMention
this.computedPrice()
})
.catch(() => {
.catch((error) => {
console.log(error)
uni.showToast({
title: '加载订单数据失败',
icon: 'none',