Administrator
5 years ago
32 changed files with 2800 additions and 2584 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,238 +1,264 @@
|
||||
<template> |
||||
<view class="flash-sale" ref="container"> |
||||
<view class="header" v-if="headerImg"> |
||||
<image :src="headerImg" /> |
||||
</view> |
||||
<scroll-view scroll-y="false" scroll-x="true"> |
||||
<view class="timeScroll"> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view :class="{'timeItem':true,'active':active==index}" @click="changeTime(index)"> |
||||
<view class="time">{{ item.time }}</view> |
||||
<view class="state">{{ item.state }}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
<view class="" v-for="(item, index) in timeList" :key="index"> |
||||
<view v-if="active == index"> |
||||
<view class="countDown font-color-red acea-row row-center-wrapper"> |
||||
<view v-if="item.status === 0" class="activity">活动已结束</view> |
||||
<count-down :is-day="false" :tip-text="'距结束仅剩 '" :day-text="''" :hour-text="' : '" :minute-text="' : '" |
||||
:second-text="''" :datatime="datatime" v-if="item.status === 1"></count-down> |
||||
<view v-if="item.status === 2" class="activity">活动即将开始</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="item acea-row row-between-wrapper" v-for="(itemSeckill, indexSeckill) in seckillList" :key="indexSeckill"> |
||||
<view class="pictrue"> |
||||
<image :src="itemSeckill.image" /> |
||||
</view> |
||||
<view class="text acea-row row-column-around"> |
||||
<view class="line1" v-text="itemSeckill.title"></view> |
||||
<view class="money"> |
||||
限时价 |
||||
<text class="num font-color-red" v-text="'￥' + itemSeckill.price"></text> |
||||
</view> |
||||
<view class="progress cart-color"> |
||||
<view class="bg-red" :style="{ width: loading ? itemSeckill.percent + '%' : '' }"></view> |
||||
<view class="piece font-color-red" v-text="'仅剩' + itemSeckill.stock + '件'"></view> |
||||
</view> |
||||
</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 1 && itemSeckill.stock > 0" @click="goDetail(itemSeckill.id)">马上抢</view> |
||||
<view class="grab" v-if="item.status === 1 && itemSeckill.stock <= 0">已售磬</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 2">即将开始</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 0">已结束</view> |
||||
</view> |
||||
</view> |
||||
<view class="noCommodity" style="background-color: #fff;" v-if="seckillList.length === 0 && page > 1"> |
||||
<view class="noPictrue"> |
||||
<image src="@/static/images/noGood.png" class="image" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- |
||||
<view class="flash-sale" ref="container"> |
||||
<view class="header" v-if="headerImg"> |
||||
<image :src="headerImg" /> |
||||
</view> |
||||
<scroll-view scroll-y="false" scroll-x="true"> |
||||
<view class="timeScroll"> |
||||
<view class v-for="(item, index) in timeList" :key="index"> |
||||
<view :class="{'timeItem':true,'active':active==index}" @click="setTime(index)"> |
||||
<view class="time">{{ item.time }}</view> |
||||
<view class="state">{{ item.state }}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
<view class v-for="(item, index) in timeList" :key="index"> |
||||
<view v-if="active == index"> |
||||
<view class="countDown font-color-red acea-row row-center-wrapper"> |
||||
<view v-if="item.status === 0" class="activity">活动已结束</view> |
||||
<count-down |
||||
:isDay="false" |
||||
:tipText="'距结束仅剩 '" |
||||
:dayText="false" |
||||
:hourText="' : '" |
||||
:minuteText="' : '" |
||||
:secondText="false" |
||||
:datatime="datatime" |
||||
v-if="item.status === 1" |
||||
></count-down> |
||||
<view v-if="item.status === 2" class="activity">活动即将开始</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view |
||||
class="item acea-row row-between-wrapper" |
||||
v-for="(itemSeckill, indexSeckill) in seckillList" |
||||
:key="indexSeckill" |
||||
> |
||||
<view class="pictrue"> |
||||
<image :src="itemSeckill.image" /> |
||||
</view> |
||||
<view class="text acea-row row-column-around"> |
||||
<view class="line1" v-text="itemSeckill.title"></view> |
||||
<view class="money"> |
||||
限时价 |
||||
<text class="num font-color-red" v-text="'￥' + itemSeckill.price"></text> |
||||
</view> |
||||
<view class="progress cart-color"> |
||||
<view class="bg-red" :style="{ width: loading ? itemSeckill.percent + '%' : '' }"></view> |
||||
<view class="piece font-color-red" v-text="'仅剩' + itemSeckill.stock + '件'"></view> |
||||
</view> |
||||
</view> |
||||
<view |
||||
class="grab bg-color-red" |
||||
v-if="item.status === 1 && itemSeckill.stock > 0" |
||||
@click="goDetail(itemSeckill.id)" |
||||
>马上抢</view> |
||||
<view class="grab" v-if="item.status === 1 && itemSeckill.stock <= 0">已售磬</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 2">即将开始</view> |
||||
<view class="grab bg-color-red" v-if="item.status === 0">已结束</view> |
||||
</view> |
||||
</view> |
||||
<view |
||||
class="noCommodity" |
||||
style="background-color: #fff;" |
||||
v-if="seckillList.length === 0 && page > 1" |
||||
> |
||||
<view class="noPictrue"> |
||||
<image src="@/static/images/noGood.png" class="image" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- |
||||
<vant-tabs :active="active" @change="setTime" :sticky="sticky" animated line-height="2" :ellipsis="false"> |
||||
<vant-tab :ellipsis="false" :title="[title[index]]"> |
||||
|
||||
</vant-tab> |
||||
</vant-tabs> --> |
||||
</view> |
||||
</vant-tabs>--> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import { |
||||
getSeckillConfig, |
||||
getSeckillList |
||||
} from '@/api/activity'; |
||||
import CountDown from '@/components/CountDown'; |
||||
// import { Tab, Tabs } from "vant-weapp"; |
||||
import Loading from '@/components/Loading'; |
||||
import { getSeckillConfig, getSeckillList } from "@/api/activity"; |
||||
import CountDown from "@/components/CountDown"; |
||||
// import { Tab, Tabs } from "vant-weapp"; |
||||
import Loading from "@/components/Loading"; |
||||
|
||||
export default { |
||||
name: 'GoodsSeckill', |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
headerImg: '', |
||||
timeList: [], |
||||
sticky: false, |
||||
loading: false, |
||||
datatime: 0, |
||||
active: 0, |
||||
seckillList: [], |
||||
status: false, //砍价列表是否获取完成 false 未完成 true 完成 |
||||
loadingList: false, //当前接口是否请求完成 false 完成 true 未完成 |
||||
page: 1, //页码 |
||||
limit: 5, //数量 |
||||
title: [], |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.mountedStart(); |
||||
}, |
||||
onReachBottom() { |
||||
!this.loadingList && this.getSeckillList(); |
||||
}, |
||||
methods: { |
||||
changeTime: function(index) { |
||||
this.active = index |
||||
}, |
||||
mountedStart: function() { |
||||
var that = this; |
||||
uni.showLoading(); |
||||
getSeckillConfig().then(res => { |
||||
that.$set(that, 'headerImg', res.data.lovely); |
||||
that.$set(that, 'timeList', res.data.seckillTime); |
||||
that.$set(that, 'active', res.data.seckillTimeIndex); |
||||
export default { |
||||
name: "GoodsSeckill", |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
headerImg: "", |
||||
timeList: [], |
||||
sticky: false, |
||||
loading: false, |
||||
datatime: 0, |
||||
active: 0, |
||||
seckillList: [], |
||||
status: false, //砍价列表是否获取完成 false 未完成 true 完成 |
||||
loadingList: false, //当前接口是否请求完成 false 完成 true 未完成 |
||||
page: 1, //页码 |
||||
limit: 5, //数量 |
||||
title: [] |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.mountedStart(); |
||||
}, |
||||
onReachBottom() { |
||||
!this.loadingList && this.getSeckillList(); |
||||
}, |
||||
methods: { |
||||
changeTime: function(index) { |
||||
console.log(index); |
||||
this.active = index; |
||||
this.getSeckillList(); |
||||
}, |
||||
mountedStart: function() { |
||||
var that = this; |
||||
uni.showLoading(); |
||||
getSeckillConfig().then(res => { |
||||
that.$set(that, "headerImg", res.data.lovely); |
||||
that.$set(that, "timeList", res.data.seckillTime); |
||||
that.$set(that, "active", res.data.seckillTimeIndex); |
||||
|
||||
let title = []; |
||||
title = res.data.seckillTime.map((item, index) => { |
||||
return { |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'timeItem' |
||||
}, |
||||
children: [{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'time' |
||||
}, |
||||
children: [{ |
||||
type: 'text', |
||||
text: item.time |
||||
}] |
||||
}, |
||||
{ |
||||
name: 'div', |
||||
attrs: { |
||||
class: 'state' |
||||
}, |
||||
children: [{ |
||||
type: 'text', |
||||
text: item.state |
||||
}] |
||||
} |
||||
] |
||||
}; |
||||
}); |
||||
that.$set(that, 'title', title); |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
that.$nextTick(function() { |
||||
that.sticky = true; |
||||
uni.hideLoading(); |
||||
}); |
||||
}); |
||||
}, |
||||
setTime: function(event) { |
||||
var that = this; |
||||
that.active = event.mp.detail.index; |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
}, |
||||
getSeckillList: function() { |
||||
var that = this; |
||||
if (that.loadingList) return; |
||||
if (that.status) return; |
||||
var time = that.timeList[that.active].id; |
||||
getSeckillList(time, { |
||||
page: that.page, |
||||
limit: that.limit |
||||
}).then(res => { |
||||
that.status = res.data.length < that.limit; |
||||
that.seckillList.push.apply(that.seckillList, res.data); |
||||
that.page++; |
||||
uni.hideLoading(); |
||||
}); |
||||
}, |
||||
goDetail: function(id) { |
||||
var that = this; |
||||
var time = that.timeList[that.active].stop; |
||||
this.$yrouter.push({ |
||||
path: '/pages/activity/SeckillDetails/index', |
||||
query: { |
||||
id, |
||||
time |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
let title = []; |
||||
title = res.data.seckillTime.map((item, index) => { |
||||
return { |
||||
name: "div", |
||||
attrs: { |
||||
class: "timeItem" |
||||
}, |
||||
children: [ |
||||
{ |
||||
name: "div", |
||||
attrs: { |
||||
class: "time" |
||||
}, |
||||
children: [ |
||||
{ |
||||
type: "text", |
||||
text: item.time |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
name: "div", |
||||
attrs: { |
||||
class: "state" |
||||
}, |
||||
children: [ |
||||
{ |
||||
type: "text", |
||||
text: item.state |
||||
} |
||||
] |
||||
} |
||||
] |
||||
}; |
||||
}); |
||||
that.$set(that, "title", title); |
||||
that.datatime = that.timeList[that.active].stop; |
||||
that.getSeckillList(); |
||||
that.$nextTick(function() { |
||||
that.sticky = true; |
||||
uni.hideLoading(); |
||||
}); |
||||
}); |
||||
}, |
||||
setTime: function(index) { |
||||
var that = this; |
||||
that.page = 1; |
||||
that.loadingList = false; |
||||
that.status = false; |
||||
that.active = index; |
||||
that.datatime = that.timeList[that.active].stop; |
||||
this.seckillList=[] |
||||
that.getSeckillList(); |
||||
}, |
||||
getSeckillList: function() { |
||||
var that = this; |
||||
if (that.loadingList) return; |
||||
if (that.status) return; |
||||
var time = that.timeList[that.active].id; |
||||
getSeckillList(time, { |
||||
page: that.page, |
||||
limit: that.limit |
||||
}).then(res => { |
||||
that.status = res.data.length < that.limit; |
||||
that.seckillList.push.apply(that.seckillList, res.data); |
||||
that.page++; |
||||
uni.hideLoading(); |
||||
}); |
||||
}, |
||||
goDetail: function(id) { |
||||
var that = this; |
||||
var time = that.timeList[that.active].stop; |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/SeckillDetails/index", |
||||
query: { |
||||
id, |
||||
time |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
<style scoped lang="less"> |
||||
.timeScroll { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
} |
||||
.timeScroll { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
} |
||||
|
||||
.timeItem { |
||||
font-size: 0.22 * 100rpx; |
||||
color: #282828; |
||||
width: 150rpx; |
||||
text-align: center; |
||||
padding: 0.11 * 100rpx 0; |
||||
background-color: none; |
||||
.timeItem { |
||||
font-size: 0.22 * 100rpx; |
||||
color: #282828; |
||||
width: 150rpx; |
||||
text-align: center; |
||||
padding: 0.11 * 100rpx 0; |
||||
background-color: none; |
||||
|
||||
&.active { |
||||
&.active { |
||||
.time { |
||||
color: #00c17b; |
||||
} |
||||
|
||||
.time { |
||||
color: #00c17b |
||||
} |
||||
.state { |
||||
background-color: #00c17b; |
||||
color: #fff; |
||||
opacity: 1; |
||||
border-radius: 30rpx; |
||||
padding: 0 0.2 * 100rpx; |
||||
font-weight: 800; |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.state { |
||||
background-color: #00c17b; |
||||
color: #fff; |
||||
opacity: 1; |
||||
border-radius: 30rpx; |
||||
padding: 0 .2*100rpx; |
||||
font-weight: 800; |
||||
height: .3*100rpx; |
||||
line-height: .3*100rpx; |
||||
} |
||||
.timeItem .time { |
||||
font-size: 0.32 * 100rpx; |
||||
font-weight: bold; |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
|
||||
} |
||||
} |
||||
.timeItem .state { |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
|
||||
.timeItem .time { |
||||
font-size: 0.32 * 100rpx; |
||||
font-weight: bold; |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
.activity { |
||||
color: #333; |
||||
} |
||||
|
||||
.timeItem .state { |
||||
height: 0.37 * 100rpx; |
||||
line-height: 0.37 * 100rpx; |
||||
} |
||||
|
||||
.activity { |
||||
color: #333; |
||||
} |
||||
|
||||
.flash-sale .list .item .grab { |
||||
background-color: #999; |
||||
} |
||||
.flash-sale .list .item .grab { |
||||
background-color: #999; |
||||
} |
||||
</style> |
||||
|
||||
@ -1,220 +1,246 @@
|
||||
<template> |
||||
<view class="group-con"> |
||||
<view class="header acea-row row-between-wrapper"> |
||||
<view class="pictrue"> |
||||
<image :src="storeCombination.image" /> |
||||
</view> |
||||
<view class="text"> |
||||
<view class="line1" v-text="storeCombination.title"></view> |
||||
<view class="money"> |
||||
<text>￥</text> |
||||
<text class="num" v-text="storeCombination.price"></text> |
||||
<text class="team cart-color" v-text="storeCombination.people + '人拼'"></text> |
||||
</view> |
||||
</view> |
||||
<view v-if="pinkBool === -1" class="iconfont icon-pintuanshibai"></view> |
||||
<view v-else-if="pinkBool === 1" class="iconfont icon-pintuanchenggong font-color-red"></view> |
||||
</view> |
||||
<view class="wrapper"> |
||||
<view class="title acea-row row-center-wrapper"> |
||||
<view class="line"></view> |
||||
<view class="name acea-row row-center-wrapper"> |
||||
<text>剩余</text> |
||||
<count-down :is-day="false" :tip-text="''" :day-text="''" :hour-text="' : '" :minute-text="' : '" :second-text="''" |
||||
:datatime="pinkT.stopTime"></count-down> |
||||
<text>结束</text> |
||||
</view> |
||||
<view class="line"></view> |
||||
</view> |
||||
<text class="tips font-color-red" v-if="pinkBool === 1">恭喜您拼团成功</text> |
||||
<text class="tips" v-else-if="pinkBool === -1">还差{{ count }}人，拼团失败</text> |
||||
<text class="tips font-color-red" v-else-if="pinkBool === 0">拼团中，还差{{ count }}人拼团成功</text> |
||||
<view class="list acea-row row-middle" :class="[pinkBool === 1 || pinkBool === -1 ? 'result' : '',iShidden ? 'on' : '']"> |
||||
<view class="pictrue"> |
||||
<image :src="pinkT.avatar" /> |
||||
</view> |
||||
<view class="acea-row row-middle" v-if="pinkAll.length > 0"> |
||||
<view class="pictrue" v-for="(item, pinkAllIndex) in pinkAll" :key="pinkAllIndex"> |
||||
<image :src="item.avatar" /> |
||||
</view> |
||||
</view> |
||||
<view class="pictrue" v-for="countIndex in count" :key="countIndex"> |
||||
<image class="img-none" src="@/static/images/vacancy.png" /> |
||||
</view> |
||||
</view> |
||||
<view v-if="(pinkBool === 1 || pinkBool === -1) && count > 9" class="lookAll acea-row row-center-wrapper" @click="lookAll"> |
||||
{{ iShidden ? "收起" : "查看全部" }} |
||||
<text class="iconfont" :class="iShidden ? 'icon-xiangshang' : 'icon-xiangxia'"></text> |
||||
</view> |
||||
<view class="teamBnt bg-color-red" v-if="userBool === 1 && isOk == 0 && pinkBool === 0" @click="goPoster">邀请好友参团</view> |
||||
<view class="teamBnt bg-color-red" v-else-if="userBool === 0 && pinkBool === 0 && count > 0" @click="pay">我要参团</view> |
||||
<view class="teamBnt bg-color-red" v-if="pinkBool === 1 || pinkBool === -1" @click="goDetail(storeCombination.id)">再次开团</view> |
||||
<view class="cancel" @click="getCombinationRemove" v-if="pinkBool === 0 && userBool === 1"> |
||||
<text class="iconfont icon-guanbi3"></text> |
||||
<text>取消开团</text> |
||||
</view> |
||||
<view class="lookOrder" v-if="pinkBool === 1" @click="goOrder"> |
||||
<text>查看订单信息</text> |
||||
<text class="iconfont icon-xiangyou"></text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="group-con"> |
||||
<view class="header acea-row row-between-wrapper"> |
||||
<view class="pictrue"> |
||||
<image :src="storeCombination.image" /> |
||||
</view> |
||||
<view class="text"> |
||||
<view class="line1" v-text="storeCombination.title"></view> |
||||
<view class="money"> |
||||
<text>￥</text> |
||||
<text class="num" v-text="storeCombination.price"></text> |
||||
<text class="team cart-color" v-text="storeCombination.people + '人拼'"></text> |
||||
</view> |
||||
</view> |
||||
<view v-if="pinkBool === -1" class="iconfont icon-pintuanshibai"></view> |
||||
<view v-else-if="pinkBool === 1" class="iconfont icon-pintuanchenggong font-color-red"></view> |
||||
</view> |
||||
<view class="wrapper"> |
||||
<view class="title acea-row row-center-wrapper"> |
||||
<view class="line"></view> |
||||
<view class="name acea-row row-center-wrapper"> |
||||
<text>剩余</text> |
||||
<count-down |
||||
:isDay="false" |
||||
:tipText="false" |
||||
:dayText="false" |
||||
:hourText="' : '" |
||||
:minuteText="' : '" |
||||
:secondText="false" |
||||
:datatime="pinkT.stopTime" |
||||
></count-down> |
||||
<text>结束</text> |
||||
</view> |
||||
<view class="line"></view> |
||||
</view> |
||||
<view class="tips-warp"> |
||||
<text class="tips font-color-red" v-if="pinkBool === 1">恭喜您拼团成功</text> |
||||
<text class="tips" v-else-if="pinkBool === -1">还差{{ count }}人，拼团失败</text> |
||||
<text class="tips font-color-red" v-else-if="pinkBool === 0">拼团中，还差{{ count }}人拼团成功</text> |
||||
</view> |
||||
<view |
||||
class="list acea-row row-middle" |
||||
:class="[pinkBool === 1 || pinkBool === -1 ? 'result' : '',iShidden ? 'on' : '']" |
||||
> |
||||
<view class="pictrue"> |
||||
<image :src="pinkT.avatar" /> |
||||
</view> |
||||
<view class="acea-row row-middle" v-if="pinkAll.length > 0"> |
||||
<view class="pictrue" v-for="(item, pinkAllIndex) in pinkAll" :key="pinkAllIndex"> |
||||
<image :src="item.avatar" /> |
||||
</view> |
||||
</view> |
||||
<view class="pictrue" v-for="countIndex in count" :key="countIndex"> |
||||
<image class="img-none" src="@/static/images/vacancy.png" /> |
||||
</view> |
||||
</view> |
||||
<view |
||||
v-if="(pinkBool === 1 || pinkBool === -1) && count > 9" |
||||
class="lookAll acea-row row-center-wrapper" |
||||
@click="lookAll" |
||||
> |
||||
{{ iShidden ? "收起" : "查看全部" }} |
||||
<text class="iconfont" :class="iShidden ? 'icon-xiangshang' : 'icon-xiangxia'"></text> |
||||
</view> |
||||
<view |
||||
class="teamBnt bg-color-red" |
||||
v-if="userBool === 1 && isOk == 0 && pinkBool === 0" |
||||
@click="goPoster" |
||||
>邀请好友参团</view> |
||||
<view |
||||
class="teamBnt bg-color-red" |
||||
v-else-if="userBool === 0 && pinkBool === 0 && count > 0" |
||||
@click="pay" |
||||
>我要参团</view> |
||||
<view |
||||
class="teamBnt bg-color-red" |
||||
v-if="pinkBool === 1 || pinkBool === -1" |
||||
@click="goDetail(storeCombination.id)" |
||||
>再次开团</view> |
||||
<view class="cancel" @click="getCombinationRemove" v-if="pinkBool === 0 && userBool === 1"> |
||||
<text class="iconfont icon-guanbi3"></text> |
||||
<text>取消开团</text> |
||||
</view> |
||||
<view class="lookOrder" v-if="pinkBool === 1" @click="goOrder"> |
||||
<text>查看订单信息</text> |
||||
<text class="iconfont icon-xiangyou"></text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import CountDown from "@/components/CountDown"; |
||||
import { |
||||
getCombinationPink, |
||||
getCombinationRemove |
||||
} from "@/api/activity"; |
||||
import { |
||||
postCartAdd |
||||
} from "@/api/store"; |
||||
import { |
||||
isWeixin, |
||||
parseQuery, |
||||
handleQrCode |
||||
} from "@/utils/index"; |
||||
import CountDown from "@/components/CountDown"; |
||||
import { getCombinationPink, getCombinationRemove } from "@/api/activity"; |
||||
import { postCartAdd } from "@/api/store"; |
||||
import { isWeixin, parseQuery, handleQrCode } from "@/utils/index"; |
||||
|
||||
const NAME = "GroupRule"; |
||||
export default { |
||||
name: NAME, |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
currentPinkOrder: "", //当前拼团订单 |
||||
isOk: 0, //判断拼团是否完成 |
||||
pinkBool: 0, //判断拼团是否成功|0=失败,1=成功 |
||||
userBool: 0, //判断当前用户是否在团内|0=未在,1=在 |
||||
pinkAll: [], //团员 |
||||
pinkT: [], //团长信息 |
||||
storeCombination: [], //拼团产品 |
||||
pinkId: 0, |
||||
count: 0, //拼团剩余人数 |
||||
iShidden: false |
||||
}; |
||||
}, |
||||
watch: { |
||||
$yroute(n) { |
||||
var that = this; |
||||
if (n.name === NAME) { |
||||
that.pinkId = that.$yroute.query.id; |
||||
that.getCombinationPink(); |
||||
} |
||||
} |
||||
}, |
||||
mounted: function() { |
||||
var that = this; |
||||
let url = handleQrCode(); |
||||
if (url) { |
||||
that.pinkId = url.pinkId; |
||||
} else { |
||||
that.pinkId = that.$yroute.query.id; |
||||
} |
||||
that.getCombinationPink(); |
||||
}, |
||||
methods: { |
||||
pay: function() { |
||||
var that = this; |
||||
var data = {}; |
||||
data.productId = that.storeCombination.productId; |
||||
data.cartNum = that.pinkT.totalNum; |
||||
data.uniqueId = ""; |
||||
data.combinationId = that.storeCombination.id; |
||||
data.new = 1; |
||||
postCartAdd(data) |
||||
.then(res => { |
||||
that.$yrouter.push({ |
||||
path: "/pages/order/OrderSubmission/index", |
||||
query: { |
||||
id: res.data.cartId, |
||||
pinkid: that.pinkId |
||||
} |
||||
}); |
||||
}) |
||||
.catch(err => { |
||||
uni.showToast({ |
||||
title: err.msg || err.response.data.msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
}, |
||||
goPoster: function() { |
||||
var that = this; |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/Poster/index", |
||||
query: { |
||||
id: that.pinkId, |
||||
type: 1 |
||||
} |
||||
}); |
||||
}, |
||||
goOrder: function() { |
||||
var that = this; |
||||
this.$yrouter.push({ |
||||
path: "/pages/order/OrderDetails/index", |
||||
query: { |
||||
id: that.currentPinkOrder |
||||
} |
||||
}); |
||||
}, |
||||
//拼团列表 |
||||
goList: function() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/GoodsGroup/index" |
||||
}); |
||||
}, |
||||
//拼团详情 |
||||
goDetail: function(id) { |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/GroupDetails/index", |
||||
query: { |
||||
id |
||||
} |
||||
}); |
||||
}, |
||||
//拼团信息 |
||||
getCombinationPink: function() { |
||||
var that = this; |
||||
getCombinationPink(that.pinkId).then(res => { |
||||
that.$set(that, "storeCombination", res.data.storeCombination); |
||||
that.$set(that, "pinkT", res.data.pinkT); |
||||
that.$set(that, "pinkAll", res.data.pinkAll); |
||||
that.$set(that, "count", res.data.count); |
||||
that.$set(that, "userBool", res.data.userBool); |
||||
that.$set(that, "pinkBool", res.data.pinkBool); |
||||
that.$set(that, "isOk", res.data.isOk); |
||||
that.$set(that, "currentPinkOrder", res.data.currentPinkOrder); |
||||
}); |
||||
}, |
||||
//拼团取消 |
||||
getCombinationRemove: function() { |
||||
var that = this; |
||||
getCombinationRemove({ |
||||
id: that.pinkId, |
||||
cid: that.storeCombination.id |
||||
}) |
||||
.then(res => { |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}) |
||||
.catch(res => { |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
}, |
||||
lookAll: function() { |
||||
this.iShidden = !this.iShidden; |
||||
} |
||||
} |
||||
}; |
||||
const NAME = "GroupRule"; |
||||
export default { |
||||
name: NAME, |
||||
components: { |
||||
CountDown |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
currentPinkOrder: "", //当前拼团订单 |
||||
isOk: 0, //判断拼团是否完成 |
||||
pinkBool: 0, //判断拼团是否成功|0=失败,1=成功 |
||||
userBool: 0, //判断当前用户是否在团内|0=未在,1=在 |
||||
pinkAll: [], //团员 |
||||
pinkT: [], //团长信息 |
||||
storeCombination: [], //拼团产品 |
||||
pinkId: 0, |
||||
count: 0, //拼团剩余人数 |
||||
iShidden: false |
||||
}; |
||||
}, |
||||
watch: { |
||||
$yroute(n) { |
||||
var that = this; |
||||
if (n.name === NAME) { |
||||
that.pinkId = that.$yroute.query.id; |
||||
that.getCombinationPink(); |
||||
} |
||||
} |
||||
}, |
||||
mounted: function() { |
||||
var that = this; |
||||
let url = handleQrCode(); |
||||
if (url) { |
||||
that.pinkId = url.pinkId; |
||||
} else { |
||||
that.pinkId = that.$yroute.query.id; |
||||
} |
||||
that.getCombinationPink(); |
||||
}, |
||||
methods: { |
||||
pay: function() { |
||||
var that = this; |
||||
var data = {}; |
||||
data.productId = that.storeCombination.productId; |
||||
data.cartNum = that.pinkT.totalNum; |
||||
data.uniqueId = ""; |
||||
data.combinationId = that.storeCombination.id; |
||||
data.new = 1; |
||||
postCartAdd(data) |
||||
.then(res => { |
||||
that.$yrouter.push({ |
||||
path: "/pages/order/OrderSubmission/index", |
||||
query: { |
||||
id: res.data.cartId, |
||||
pinkid: that.pinkId |
||||
} |
||||
}); |
||||
}) |
||||
.catch(err => { |
||||
uni.showToast({ |
||||
title: err.msg || err.response.data.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
}, |
||||
goPoster: function() { |
||||
var that = this; |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/Poster/index", |
||||
query: { |
||||
id: that.pinkId, |
||||
type: 1 |
||||
} |
||||
}); |
||||
}, |
||||
goOrder: function() { |
||||
var that = this; |
||||
this.$yrouter.push({ |
||||
path: "/pages/order/OrderDetails/index", |
||||
query: { |
||||
id: that.currentPinkOrder |
||||
} |
||||
}); |
||||
}, |
||||
//拼团列表 |
||||
goList: function() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/GoodsGroup/index" |
||||
}); |
||||
}, |
||||
//拼团详情 |
||||
goDetail: function(id) { |
||||
this.$yrouter.push({ |
||||
path: "/pages/activity/GroupDetails/index", |
||||
query: { |
||||
id |
||||
} |
||||
}); |
||||
}, |
||||
//拼团信息 |
||||
getCombinationPink: function() { |
||||
var that = this; |
||||
getCombinationPink(that.pinkId).then(res => { |
||||
that.$set(that, "storeCombination", res.data.storeCombination); |
||||
that.$set(that, "pinkT", res.data.pinkT); |
||||
that.$set(that, "pinkAll", res.data.pinkAll); |
||||
that.$set(that, "count", res.data.count); |
||||
that.$set(that, "userBool", res.data.userBool); |
||||
that.$set(that, "pinkBool", res.data.pinkBool); |
||||
that.$set(that, "isOk", res.data.isOk); |
||||
that.$set(that, "currentPinkOrder", res.data.currentPinkOrder); |
||||
}); |
||||
}, |
||||
//拼团取消 |
||||
getCombinationRemove: function() { |
||||
var that = this; |
||||
getCombinationRemove({ |
||||
id: that.pinkId, |
||||
cid: that.storeCombination.id |
||||
}) |
||||
.then(res => { |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}) |
||||
.catch(res => { |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
}, |
||||
lookAll: function() { |
||||
this.iShidden = !this.iShidden; |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.tips-warp{ |
||||
text-align: center; |
||||
margin-top: 20rpx; |
||||
} |
||||
</style> |
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,364 +1,384 @@
|
||||
<template> |
||||
<view class="user"> |
||||
<view v-if="userInfo.uid"> |
||||
<view class="header bg-color-red acea-row row-between-wrapper"> |
||||
<view class="picTxt acea-row row-between-wrapper"> |
||||
<view class="pictrue"> |
||||
<image :src="userInfo.avatar" /> |
||||
</view> |
||||
<view class="text"> |
||||
<view class="acea-row row-middle"> |
||||
<view class="name line1">{{ userInfo.nickname }}</view> |
||||
<view class="member acea-row row-middle" v-if="userInfo.vip"> |
||||
<image :src="userInfo.vipIcon" /> |
||||
<text>{{ userInfo.vipName }}</text> |
||||
</view> |
||||
</view> |
||||
<view @click="goPersonalData()" class="id" v-if="userInfo.phone"> |
||||
<text>ID：{{ userInfo.uid || 0}}</text> |
||||
<text class="iconfont icon-bianji1"></text> |
||||
</view> |
||||
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="binding" v-else> |
||||
<text>绑定手机号</text> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
<text class="iconfont icon-shezhi" @click="goPersonalData()"></text> |
||||
</view> |
||||
<view class="wrapper"> |
||||
<view class="nav acea-row row-middle"> |
||||
<view @click="goUserAccount()" class="item"> |
||||
<text>我的余额</text> |
||||
<text class="num">{{ userInfo.nowMoney || 0 }}</text> |
||||
</view> |
||||
<view @click="goUserPromotion()" class="item" v-if="userInfo.isPromoter === 1 || userInfo.statu === 2"> |
||||
<text>当前佣金</text> |
||||
<text class="num">{{ userInfo.brokeragePrice || 0 }}</text> |
||||
</view> |
||||
<view @click="goIntegral()" class="item" v-else> |
||||
<text>当前积分</text> |
||||
<text class="num">{{ userInfo.integral || 0 }}</text> |
||||
</view> |
||||
<view @click="goUserCoupon()" class="item"> |
||||
<text>优惠券</text> |
||||
<text class="num">{{ userInfo.couponCount || 0 }}</text> |
||||
</view> |
||||
</view> |
||||
<view class="myOrder"> |
||||
<view class="title acea-row row-between-wrapper"> |
||||
<text>我的订单</text> |
||||
<text @click="goMyOrder()" class="allOrder"> |
||||
<text>全部订单</text> |
||||
<text class="iconfont icon-jiantou"></text> |
||||
</text> |
||||
</view> |
||||
<view class="orderState acea-row row-middle"> |
||||
<view @click="goMyOrder(0)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dfk.png" /> |
||||
<text class="order-status-num" v-if="userInfo.orderStatusNum.unpaidCount > 0">{{ userInfo.orderStatusNum.unpaidCount }}</text> |
||||
</view> |
||||
<view>待付款</view> |
||||
</view> |
||||
<view @click="goMyOrder(1)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dfh.png" /> |
||||
<text class="order-status-num" v-if="userInfo.orderStatusNum.unshippedCount > 0">{{ userInfo.orderStatusNum.unshippedCount }}</text> |
||||
</view> |
||||
<view>待发货</view> |
||||
</view> |
||||
<view @click="goMyOrder(2)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dsh.png" /> |
||||
<text class="order-status-num" v-if="userInfo.orderStatusNum.receivedCount > 0">{{ userInfo.orderStatusNum.receivedCount }}</text> |
||||
</view> |
||||
<text>待收货</text> |
||||
</view> |
||||
<view @click="goMyOrder(3)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dpj.png" /> |
||||
<text class="order-status-num" v-if="userInfo.orderStatusNum.evaluatedCount > 0">{{ userInfo.orderStatusNum.evaluatedCount }}</text> |
||||
</view> |
||||
<text>待评价</text> |
||||
</view> |
||||
<view @click="goReturnList()" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/sh.png" /> |
||||
<text class="order-status-num" v-if="userInfo.orderStatusNum.refundCount > 0">{{ userInfo.orderStatusNum.refundCount }}</text> |
||||
</view> |
||||
<text>售后/退款</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="myService"> |
||||
<view class="title acea-row row-middle"> |
||||
<text>我的服务</text> |
||||
</view> |
||||
<view class="serviceList acea-row row-middle"> |
||||
<template v-for="(item, MyMenusIndex) in MyMenus"> |
||||
<view class="item" :key="MyMenusIndex" @click="goPages(MyMenusIndex)" v-if="item.url"> |
||||
<view class="pictrue"> |
||||
<image :src="item.pic" /> |
||||
</view> |
||||
<view>{{ item.name }}</view> |
||||
</view> |
||||
</template> |
||||
</view> |
||||
</view> |
||||
<!--<view --> |
||||
<!--class="item"--> |
||||
<!--@click="changeswitch(true)"--> |
||||
<!--v-if="userInfo.phone && isWeixin"--> |
||||
<!-->--> |
||||
<!--<view class="pictrue"><image src="@/static/images/switch.png" /></view>--> |
||||
<!--<view>账号切换</!--<view>--> |
||||
<!--</!--<view>--> |
||||
<!-- </view> |
||||
<view class="user"> |
||||
<view v-if="$store.getters.token||userInfo.uid"> |
||||
<view class="header bg-color-red acea-row row-between-wrapper"> |
||||
<view class="picTxt acea-row row-between-wrapper"> |
||||
<view class="pictrue"> |
||||
<image :src="userInfo.avatar" /> |
||||
</view> |
||||
<view class="text"> |
||||
<view class="acea-row row-middle"> |
||||
<view class="name line1">{{ userInfo.nickname }}</view> |
||||
<view class="member acea-row row-middle" v-if="userInfo.vip"> |
||||
<image :src="userInfo.vipIcon" /> |
||||
<text>{{ userInfo.vipName }}</text> |
||||
</view> |
||||
</view> |
||||
<view @click="goPersonalData()" class="id" v-if="userInfo.phone"> |
||||
<text>ID：{{ userInfo.uid || 0}}</text> |
||||
<text class="iconfont icon-bianji1"></text> |
||||
</view> |
||||
<button |
||||
open-type="getPhoneNumber" |
||||
@getphonenumber="getPhoneNumber" |
||||
class="binding" |
||||
v-else |
||||
> |
||||
<text>绑定手机号</text> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
<text class="iconfont icon-shezhi" @click="goPersonalData()"></text> |
||||
</view> |
||||
<view class="wrapper"> |
||||
<view class="nav acea-row row-middle"> |
||||
<view @click="goUserAccount()" class="item"> |
||||
<text>我的余额</text> |
||||
<text class="num">{{ userInfo.nowMoney || 0 }}</text> |
||||
</view> |
||||
<view |
||||
@click="goUserPromotion()" |
||||
class="item" |
||||
v-if="userInfo.isPromoter === 1 || userInfo.statu === 2" |
||||
> |
||||
<text>当前佣金</text> |
||||
<text class="num">{{ userInfo.brokeragePrice || 0 }}</text> |
||||
</view> |
||||
<view @click="goIntegral()" class="item" v-else> |
||||
<text>当前积分</text> |
||||
<text class="num">{{ userInfo.integral || 0 }}</text> |
||||
</view> |
||||
<view @click="goUserCoupon()" class="item"> |
||||
<text>优惠券</text> |
||||
<text class="num">{{ userInfo.couponCount || 0 }}</text> |
||||
</view> |
||||
</view> |
||||
<view class="myOrder"> |
||||
<view class="title acea-row row-between-wrapper"> |
||||
<text>我的订单</text> |
||||
<text @click="goMyOrder()" class="allOrder"> |
||||
<text>全部订单</text> |
||||
<text class="iconfont icon-jiantou"></text> |
||||
</text> |
||||
</view> |
||||
<view class="orderState acea-row row-middle"> |
||||
<view @click="goMyOrder(0)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dfk.png" /> |
||||
<text |
||||
class="order-status-num" |
||||
v-if="userInfo.orderStatusNum.unpaidCount > 0" |
||||
>{{ userInfo.orderStatusNum.unpaidCount }}</text> |
||||
</view> |
||||
<view>待付款</view> |
||||
</view> |
||||
<view @click="goMyOrder(1)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dfh.png" /> |
||||
<text |
||||
class="order-status-num" |
||||
v-if="userInfo.orderStatusNum.unshippedCount > 0" |
||||
>{{ userInfo.orderStatusNum.unshippedCount }}</text> |
||||
</view> |
||||
<view>待发货</view> |
||||
</view> |
||||
<view @click="goMyOrder(2)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dsh.png" /> |
||||
<text |
||||
class="order-status-num" |
||||
v-if="userInfo.orderStatusNum.receivedCount > 0" |
||||
>{{ userInfo.orderStatusNum.receivedCount }}</text> |
||||
</view> |
||||
<text>待收货</text> |
||||
</view> |
||||
<view @click="goMyOrder(3)" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/dpj.png" /> |
||||
<text |
||||
class="order-status-num" |
||||
v-if="userInfo.orderStatusNum.evaluatedCount > 0" |
||||
>{{ userInfo.orderStatusNum.evaluatedCount }}</text> |
||||
</view> |
||||
<text>待评价</text> |
||||
</view> |
||||
<view @click="goReturnList()" class="item"> |
||||
<view class="pictrue"> |
||||
<image src="@/static/images/sh.png" /> |
||||
<text |
||||
class="order-status-num" |
||||
v-if="userInfo.orderStatusNum.refundCount > 0" |
||||
>{{ userInfo.orderStatusNum.refundCount }}</text> |
||||
</view> |
||||
<text>售后/退款</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="myService"> |
||||
<view class="title acea-row row-middle"> |
||||
<text>我的服务</text> |
||||
</view> |
||||
<view class="serviceList acea-row row-middle"> |
||||
<template v-for="(item, MyMenusIndex) in MyMenus"> |
||||
<view |
||||
class="item" |
||||
:key="MyMenusIndex" |
||||
@click="goPages(MyMenusIndex)" |
||||
v-if="item.url&&item.id!='230'" |
||||
> |
||||
<view class="pictrue"> |
||||
<image :src="item.pic" /> |
||||
</view> |
||||
<view>{{ item.name }}</view> |
||||
</view> |
||||
</template> |
||||
</view> |
||||
</view> |
||||
<!--<view --> |
||||
<!--class="item"--> |
||||
<!--@click="changeswitch(true)"--> |
||||
<!--v-if="userInfo.phone && isWeixin"--> |
||||
<!-->--> |
||||
<!--<view class="pictrue"><image src="@/static/images/switch.png" /></view>--> |
||||
<!--<view>账号切换</!--<view>--> |
||||
<!--</!--<view>--> |
||||
<!-- </view> |
||||
</view>--> |
||||
</view> |
||||
<view class="by"> |
||||
<text class="by-text">By@意象</text> |
||||
</view> |
||||
<view class="by"> |
||||
<view> |
||||
<text class="by-text">Copyright © 2020</text> |
||||
</view> |
||||
<view> |
||||
<text class="by-text">漯河市大有前途网络科技有限公司</text> |
||||
</view> |
||||
</view> |
||||
<view class="footer-line-height"></view> |
||||
<!-- <SwitchWindow |
||||
</view> |
||||
<view class="by"> |
||||
<text class="by-text">By@意象</text> |
||||
</view> |
||||
<view class="by"> |
||||
<view> |
||||
<text class="by-text">Copyright © 2020</text> |
||||
</view> |
||||
<view> |
||||
<text class="by-text">漯河市大有前途网络科技有限公司</text> |
||||
</view> |
||||
</view> |
||||
<view class="footer-line-height"></view> |
||||
<!-- <SwitchWindow |
||||
v-on:changeswitch="changeswitch" |
||||
:switchActive="switchActive" |
||||
:login_type="userInfo.login_type" |
||||
></SwitchWindow> --> |
||||
</view> |
||||
<Authorization v-if="!$store.getters.token" /> |
||||
</view> |
||||
></SwitchWindow>--> |
||||
</view> |
||||
<Authorization v-if="!$store.getters.token" /> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import { |
||||
getUser, |
||||
getMenuUser, |
||||
bindingPhone |
||||
} from "@/api/user"; |
||||
import { |
||||
isWeixin, |
||||
VUE_APP_RESOURCES_URL |
||||
} from "@/utils"; |
||||
import SwitchWindow from "@/components/SwitchWindow"; |
||||
import Authorization from "@/pages/authorization/index"; |
||||
import { |
||||
mapGetters |
||||
} from "vuex"; |
||||
import { getUser, getMenuUser, bindingPhone } from "@/api/user"; |
||||
import { isWeixin, VUE_APP_RESOURCES_URL } from "@/utils"; |
||||
import SwitchWindow from "@/components/SwitchWindow"; |
||||
import Authorization from "@/pages/authorization/index"; |
||||
import { mapGetters } from "vuex"; |
||||
|
||||
const NAME = "User"; |
||||
const NAME = "User"; |
||||
|
||||
export default { |
||||
name: NAME, |
||||
components: { |
||||
SwitchWindow, |
||||
Authorization |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
MyMenus: [], |
||||
switchActive: false, |
||||
isWeixin: false |
||||
}; |
||||
}, |
||||
computed: mapGetters(["userInfo"]), |
||||
methods: { |
||||
goReturnList() { |
||||
this.$yrouter.push("/pages/order/ReturnList/index"); |
||||
}, |
||||
goMyOrder(type) { |
||||
this.$yrouter.push({ |
||||
path: "/pages/order/MyOrder/index", |
||||
query: { |
||||
type |
||||
} |
||||
}); |
||||
}, |
||||
goUserCoupon() { |
||||
this.$yrouter.push("/pages/user/coupon/UserCoupon/index"); |
||||
}, |
||||
goIntegral() { |
||||
this.$yrouter.push("/pages/user/signIn/Integral/index"); |
||||
}, |
||||
goUserPromotion() { |
||||
this.$yrouter.push("/pages/user/promotion/UserPromotion/index"); |
||||
}, |
||||
goUserAccount() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/user/UserAccount/index" |
||||
}); |
||||
}, |
||||
goPersonalData() { |
||||
this.$yrouter.push("/pages/user/PersonalData/index"); |
||||
}, |
||||
getPhoneNumber: function(e) { |
||||
console.log(e.mp.detail); |
||||
// 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定 |
||||
if (e.mp.detail.errMsg == "getPhoneNumber:ok") { |
||||
uni.showLoading({ |
||||
title: "绑定中" |
||||
}); |
||||
// 获取当前环境的服务商 |
||||
uni.getProvider({ |
||||
service: "oauth", |
||||
success: function(res) { |
||||
console.log(res.provider); |
||||
// 此处可以排除h5 |
||||
if (res.provider) { |
||||
uni.login({ |
||||
success: loginRes => { |
||||
bindingPhone({ |
||||
code: loginRes.code, |
||||
encryptedData: e.mp.detail.encryptedData, |
||||
iv: e.mp.detail.iv |
||||
}) |
||||
.then(res => { |
||||
this.User(); |
||||
uni.hideLoading(); |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "success", |
||||
duration: 2000 |
||||
}); |
||||
}) |
||||
.catch(error => { |
||||
uni.showToast({ |
||||
title: error.msg || error.response.data.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
} else { |
||||
uni.showToast({ |
||||
title: "已拒绝授权", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
} |
||||
}, |
||||
changeswitch: function(data) { |
||||
this.switchActive = data; |
||||
}, |
||||
User: function() { |
||||
let that = this; |
||||
// getUser().then(res => { |
||||
// that.user = res.data; |
||||
// that.orderStatusNum = res.data.orderStatusNum; |
||||
// }); |
||||
}, |
||||
MenuUser: function() { |
||||
let that = this; |
||||
getMenuUser().then(res => { |
||||
that.MyMenus = res.data.routine_my_menus; |
||||
}); |
||||
}, |
||||
goPages: function(index) { |
||||
let url = this.MyMenus[index].uniapp_url; |
||||
if ( |
||||
url === "/pages/user/promotion/UserPromotion/index" && |
||||
this.userInfo.statu === 1 |
||||
) { |
||||
if (!this.userInfo.isPromoter) { |
||||
uni.showToast({ |
||||
title: "您还没有推广权限！！", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
} |
||||
export default { |
||||
name: NAME, |
||||
components: { |
||||
SwitchWindow, |
||||
Authorization |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
MyMenus: [], |
||||
switchActive: false, |
||||
isWeixin: false |
||||
}; |
||||
}, |
||||
computed: mapGetters(["userInfo"]), |
||||
methods: { |
||||
goReturnList() { |
||||
this.$yrouter.push("/pages/order/ReturnList/index"); |
||||
}, |
||||
goMyOrder(type) { |
||||
this.$yrouter.push({ |
||||
path: "/pages/order/MyOrder/index", |
||||
query: { |
||||
type |
||||
} |
||||
}); |
||||
}, |
||||
goUserCoupon() { |
||||
this.$yrouter.push("/pages/user/coupon/UserCoupon/index"); |
||||
}, |
||||
goIntegral() { |
||||
this.$yrouter.push("/pages/user/signIn/Integral/index"); |
||||
}, |
||||
goUserPromotion() { |
||||
this.$yrouter.push("/pages/user/promotion/UserPromotion/index"); |
||||
}, |
||||
goUserAccount() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/user/UserAccount/index" |
||||
}); |
||||
}, |
||||
goPersonalData() { |
||||
this.$yrouter.push("/pages/user/PersonalData/index"); |
||||
}, |
||||
getPhoneNumber: function(e) { |
||||
console.log(e.mp.detail); |
||||
// 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定 |
||||
if (e.mp.detail.errMsg == "getPhoneNumber:ok") { |
||||
uni.showLoading({ |
||||
title: "绑定中" |
||||
}); |
||||
// 获取当前环境的服务商 |
||||
uni.getProvider({ |
||||
service: "oauth", |
||||
success: function(res) { |
||||
console.log(res.provider); |
||||
// 此处可以排除h5 |
||||
if (res.provider) { |
||||
uni.login({ |
||||
success: loginRes => { |
||||
bindingPhone({ |
||||
code: loginRes.code, |
||||
encryptedData: e.mp.detail.encryptedData, |
||||
iv: e.mp.detail.iv |
||||
}) |
||||
.then(res => { |
||||
this.User(); |
||||
uni.hideLoading(); |
||||
uni.showToast({ |
||||
title: res.msg, |
||||
icon: "success", |
||||
duration: 2000 |
||||
}); |
||||
}) |
||||
.catch(error => { |
||||
uni.showToast({ |
||||
title: error.msg || error.response.data.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
} else { |
||||
uni.showToast({ |
||||
title: "已拒绝授权", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
} |
||||
}, |
||||
changeswitch: function(data) { |
||||
this.switchActive = data; |
||||
}, |
||||
User: function() { |
||||
let that = this; |
||||
// getUser().then(res => { |
||||
// that.user = res.data; |
||||
// that.orderStatusNum = res.data.orderStatusNum; |
||||
// }); |
||||
}, |
||||
MenuUser: function() { |
||||
let that = this; |
||||
getMenuUser().then(res => { |
||||
that.MyMenus = res.data.routine_my_menus; |
||||
}); |
||||
}, |
||||
goPages: function(index) { |
||||
let url = this.MyMenus[index].uniapp_url; |
||||
if ( |
||||
url === "/pages/user/promotion/UserPromotion/index" && |
||||
this.userInfo.statu === 1 |
||||
) { |
||||
if (!this.userInfo.isPromoter) { |
||||
uni.showToast({ |
||||
title: "您还没有推广权限！！", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
} |
||||
|
||||
if ( |
||||
url === "/pages/orderAdmin/OrderIndex/index" && |
||||
!this.userInfo.adminid |
||||
) { |
||||
uni.showToast({ |
||||
title: "您还不是管理员！！", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if ( |
||||
url === "/pages/orderAdmin/OrderIndex/index" && |
||||
!this.userInfo.adminid |
||||
) { |
||||
uni.showToast({ |
||||
title: "您还不是管理员！！", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
|
||||
this.$yrouter.push({ |
||||
path: this.MyMenus[index].uniapp_url |
||||
}); |
||||
} |
||||
}, |
||||
watch: { |
||||
userInfo() { |
||||
this.MenuUser(); |
||||
} |
||||
}, |
||||
onShow() { |
||||
console.log(this.$store.getters.token) |
||||
console.log(this.userInfo); |
||||
if (this.$store.getters.token) { |
||||
this.User(); |
||||
this.MenuUser(); |
||||
this.isWeixin = isWeixin(); |
||||
} |
||||
} |
||||
}; |
||||
this.$yrouter.push({ |
||||
path: this.MyMenus[index].uniapp_url |
||||
}); |
||||
} |
||||
}, |
||||
watch: { |
||||
userInfo() { |
||||
this.MenuUser(); |
||||
} |
||||
}, |
||||
onShow() { |
||||
console.log(this.$store.getters.token); |
||||
console.log(this.userInfo); |
||||
if (this.$store.getters.token) { |
||||
this.User(); |
||||
this.MenuUser(); |
||||
this.isWeixin = isWeixin(); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.footer-line-height { |
||||
height: 1*100rpx; |
||||
} |
||||
.footer-line-height { |
||||
height: 1 * 100rpx; |
||||
} |
||||
|
||||
.order-status-num { |
||||
min-width: 0.33*100rpx; |
||||
background-color: #fff; |
||||
color: #00c17b; |
||||
border-radius: 15px; |
||||
position: absolute; |
||||
right: -0.14*100rpx; |
||||
top: -0.15*100rpx; |
||||
font-size: 0.2*100rpx; |
||||
padding: 0 0.08*100rpx; |
||||
border: 1px solid #00c17b; |
||||
} |
||||
.order-status-num { |
||||
min-width: 0.33 * 100rpx; |
||||
background-color: #fff; |
||||
color: #00c17b; |
||||
border-radius: 15px; |
||||
position: absolute; |
||||
right: -0.14 * 100rpx; |
||||
top: -0.15 * 100rpx; |
||||
font-size: 0.2 * 100rpx; |
||||
padding: 0 0.08 * 100rpx; |
||||
border: 1px solid #00c17b; |
||||
} |
||||
|
||||
.pictrue { |
||||
position: relative; |
||||
} |
||||
.pictrue { |
||||
position: relative; |
||||
} |
||||
|
||||
.switch-h5 { |
||||
margin-left: 0.2*100rpx; |
||||
} |
||||
.switch-h5 { |
||||
margin-left: 0.2 * 100rpx; |
||||
} |
||||
|
||||
.binding { |
||||
margin-top: 0.1*100rpx; |
||||
display: inline-block; |
||||
padding: 0.05*100rpx 0.2*100rpx; |
||||
background-color: #ca1f10; |
||||
border-radius: 50px; |
||||
font-size: 0.22*100rpx; |
||||
line-height: 1.5; |
||||
border: 1px solid #e8695e; |
||||
color: #ffffff; |
||||
} |
||||
.binding { |
||||
margin-top: 0.1 * 100rpx; |
||||
display: inline-block; |
||||
padding: 0.05 * 100rpx 0.2 * 100rpx; |
||||
background-color: #ca1f10; |
||||
border-radius: 50px; |
||||
font-size: 0.22 * 100rpx; |
||||
line-height: 1.5; |
||||
border: 1px solid #e8695e; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
.by{ |
||||
text-align:center; |
||||
margin-top: 30rpx |
||||
} |
||||
.by-text{ |
||||
text-align:center; |
||||
font-size: 30rpx; |
||||
} |
||||
.by { |
||||
text-align: center; |
||||
margin-top: 30rpx; |
||||
} |
||||
.by-text { |
||||
text-align: center; |
||||
font-size: 30rpx; |
||||
} |
||||
</style> |
||||
|
||||
@ -1,153 +1,160 @@
|
||||
<template> |
||||
<view class="distribution-posters"> |
||||
<view class="slider-banner banner"> |
||||
<swiper indicatorDots="true"> |
||||
<block v-for="(item, infoIndex) in info" :key="infoIndex"> |
||||
<swiper-item> |
||||
<image class="slide-image" :src="item.wap_poster" mode="widthFix" show-menu-by-longpress /> |
||||
</swiper-item> |
||||
</block> |
||||
</swiper> |
||||
</view> |
||||
<view class="keep bg-color-red" @click="saveImg">保存海报</view> |
||||
</view> |
||||
<view class="distribution-posters"> |
||||
<view class="slider-banner banner"> |
||||
<swiper indicatorDots="true"> |
||||
<block v-for="(item, infoIndex) in info" :key="infoIndex"> |
||||
<swiper-item> |
||||
<image |
||||
class="slide-image" |
||||
:src="item.wap_poster" |
||||
mode="widthFix" |
||||
show-menu-by-longpress |
||||
/> |
||||
</swiper-item> |
||||
</block> |
||||
</swiper> |
||||
</view> |
||||
<view class="keep bg-color-red" @click="saveImg">保存海报</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
||||
import { |
||||
getSpreadImg |
||||
} from "@/api/user"; |
||||
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
||||
import { getSpreadImg } from "@/api/user"; |
||||
|
||||
export default { |
||||
name: "Poster", |
||||
components: { |
||||
// swiper, |
||||
// swiperSlide |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
swiperPosters: { |
||||
speed: 1000, |
||||
effect: "coverflow", |
||||
slidesPerView: "auto", |
||||
centeredSlides: true, |
||||
coverflowEffect: { |
||||
rotate: 0, // 旋转的角度 |
||||
stretch: -20, // 拉伸 图片间左右的间距和密集度 |
||||
depth: 100, // 深度 切换图片间上下的间距和密集度 |
||||
modifier: 3, // 修正值 该值越大前面的效果越明显 |
||||
slideShadows: false // 页面阴影效果 |
||||
}, |
||||
observer: true, |
||||
observeParents: true |
||||
}, |
||||
info: [], |
||||
activeIndex: 0 |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.getIndex(); |
||||
let that = this; |
||||
// this.swiper.on("slideChange", function() { |
||||
// that.activeIndex = that.swiper.activeIndex; |
||||
// }); |
||||
}, |
||||
computed: { |
||||
swiper() { |
||||
// return this.$refs.mySwiper.swiper; |
||||
} |
||||
}, |
||||
methods: { |
||||
getIndex: function() { |
||||
let that = this; |
||||
let form = {} |
||||
if (this.$deviceType == 'app') { |
||||
form.form = 'app' |
||||
} |
||||
getSpreadImg(form).then( |
||||
res => { |
||||
that.info = res.data; |
||||
}, |
||||
err => { |
||||
uni.showToast({ |
||||
title: err.msg || err.response.data.msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}); |
||||
} |
||||
); |
||||
}, |
||||
downloadIamge: function(imgsrc, name) { |
||||
var that = this; |
||||
this.isDown = true; |
||||
var downloadUrl = imgsrc; |
||||
export default { |
||||
name: "Poster", |
||||
components: { |
||||
// swiper, |
||||
// swiperSlide |
||||
}, |
||||
props: {}, |
||||
data: function() { |
||||
return { |
||||
swiperPosters: { |
||||
speed: 1000, |
||||
effect: "coverflow", |
||||
slidesPerView: "auto", |
||||
centeredSlides: true, |
||||
coverflowEffect: { |
||||
rotate: 0, // 旋转的角度 |
||||
stretch: -20, // 拉伸 图片间左右的间距和密集度 |
||||
depth: 100, // 深度 切换图片间上下的间距和密集度 |
||||
modifier: 3, // 修正值 该值越大前面的效果越明显 |
||||
slideShadows: false // 页面阴影效果 |
||||
}, |
||||
observer: true, |
||||
observeParents: true |
||||
}, |
||||
info: [], |
||||
activeIndex: 0 |
||||
}; |
||||
}, |
||||
mounted: function() { |
||||
this.getIndex(); |
||||
let that = this; |
||||
// this.swiper.on("slideChange", function() { |
||||
// that.activeIndex = that.swiper.activeIndex; |
||||
// }); |
||||
}, |
||||
computed: { |
||||
swiper() { |
||||
// return this.$refs.mySwiper.swiper; |
||||
} |
||||
}, |
||||
methods: { |
||||
getIndex: function() { |
||||
let that = this; |
||||
let form = {}; |
||||
if (this.$deviceType == "app") { |
||||
form.form = "app"; |
||||
} |
||||
getSpreadImg(form).then( |
||||
res => { |
||||
that.info = res.data; |
||||
}, |
||||
err => { |
||||
uni.showToast({ |
||||
title: err.msg || err.response.data.msg, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
} |
||||
); |
||||
}, |
||||
downloadIamge: function(imgsrc, name) { |
||||
var that = this; |
||||
this.isDown = true; |
||||
var downloadUrl = imgsrc; |
||||
|
||||
if (!wx.saveImageToPhotosAlbum) { |
||||
uni.showModal({ |
||||
title: "提示", |
||||
content: "当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。" |
||||
}); |
||||
that.openDialogVisible = true; |
||||
if (!wx.saveImageToPhotosAlbum) { |
||||
uni.showModal({ |
||||
title: "提示", |
||||
content: |
||||
"当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。" |
||||
}); |
||||
that.openDialogVisible = true; |
||||
|
||||
return; |
||||
} |
||||
return; |
||||
} |
||||
|
||||
// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope |
||||
wx.getSetting({ |
||||
success(res) { |
||||
if (!res.authSetting["scope.writePhotosAlbum"]) { |
||||
that.openDialogVisible = true; |
||||
// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope |
||||
wx.getSetting({ |
||||
success(res) { |
||||
if (!res.authSetting["scope.writePhotosAlbum"]) { |
||||
that.openDialogVisible = true; |
||||
|
||||
// 接口调用询问 |
||||
wx.authorize({ |
||||
scope: "scope.writePhotosAlbum", |
||||
success() { |
||||
that.downloadImage(downloadUrl); |
||||
}, |
||||
fail() { |
||||
// 用户拒绝了授权 |
||||
// 打开设置页面 |
||||
wx.openSetting({ |
||||
success: function(data) {}, |
||||
fail: function(data) {} |
||||
}); |
||||
} |
||||
}); |
||||
} else { |
||||
that.downloadImage(downloadUrl); |
||||
} |
||||
}, |
||||
fail(res) { |
||||
that.openDialogVisible = true; |
||||
} |
||||
}); |
||||
}, |
||||
saveImg: function() { |
||||
this.downloadIamge( |
||||
this.info[this.activeIndex].wap_poster, |
||||
"poster" + this.activeIndex |
||||
); |
||||
} |
||||
} |
||||
}; |
||||
// 接口调用询问 |
||||
wx.authorize({ |
||||
scope: "scope.writePhotosAlbum", |
||||
success() { |
||||
that.downloadImage(downloadUrl); |
||||
}, |
||||
fail() { |
||||
// 用户拒绝了授权 |
||||
// 打开设置页面 |
||||
wx.openSetting({ |
||||
success: function(data) {}, |
||||
fail: function(data) {} |
||||
}); |
||||
} |
||||
}); |
||||
} else { |
||||
that.downloadImage(downloadUrl); |
||||
} |
||||
}, |
||||
fail(res) { |
||||
that.openDialogVisible = true; |
||||
} |
||||
}); |
||||
}, |
||||
saveImg: function() { |
||||
this.downloadIamge( |
||||
this.info[this.activeIndex].wap_poster, |
||||
"poster" + this.activeIndex |
||||
); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
.distribution-posters { |
||||
height: 100%; |
||||
} |
||||
<style lang="less"> |
||||
page { |
||||
height: 100%; |
||||
} |
||||
.distribution-posters { |
||||
height: 100%; |
||||
} |
||||
|
||||
.banenr { |
||||
height: 100%; |
||||
} |
||||
.banenr { |
||||
height: 100%; |
||||
} |
||||
|
||||
.banner swiper { |
||||
height: 100%; |
||||
} |
||||
.banner swiper { |
||||
height: 100%; |
||||
} |
||||
|
||||
.banner .slide-image { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
.banner .slide-image { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue