|
|
@@ -5,13 +5,13 @@
|
|
|
</view>
|
|
|
<view class="cont">
|
|
|
<view class="name">{{info.activityName}}</view>
|
|
|
- <view class="name2">{{info.startTime}}~{{info.endTime}}</view>
|
|
|
+ <view class="name2">{{info.startTime.slice(0,10)}}~{{info.endTime.slice(0,10)}}</view>
|
|
|
<view class="name3">{{info.activityContent}}</view>
|
|
|
</view>
|
|
|
<view class="shopBox">
|
|
|
<view class="shopBoxTop">
|
|
|
<view class="shopMs">活动门店</view>
|
|
|
- <view class="shopTy">
|
|
|
+ <view class="shopTy" @click="showuse">
|
|
|
<view class="shopTyTxt">{{shopNum}}家门店通用</view>
|
|
|
<img src="../../static/img/jt2.png" alt="" class="shopjt">
|
|
|
</view>
|
|
|
@@ -48,6 +48,46 @@
|
|
|
<view class="bottomLeft" @click="edit1">编辑活动内容</view>
|
|
|
<view class="bottomRight" @click="generate">生成活动</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <!-- 适用门店 -->
|
|
|
+ <view class="baomingBox ckshopBox" v-if="useShopShow" @click="noShowShop2">
|
|
|
+ <view class="baomingCont" @click.stop="">
|
|
|
+ <view class="bmTop">
|
|
|
+ <view class="bmTitle">活动门店</view>
|
|
|
+ <img src="../../static/img/chahao.png" alt="" class="bmChimg" @click="noShowShop2">
|
|
|
+ </view>
|
|
|
+ <view style="padding: 0 24rpx; height: 45vh;overflow-y: scroll;">
|
|
|
+ <view class="ckshopLine" v-for="(item,index) in shopckList" >
|
|
|
+ <view class="shoplineLeft">
|
|
|
+ <image :src="item.photoPath" mode="" class="shopImg" v-if="item.photoPath"></image>
|
|
|
+ <image src="../../static/img/noimg.png" mode="" class="shopImg" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="shopright" style="padding-left: 20rpx;">
|
|
|
+ <view class="shopTop">
|
|
|
+ <view class="shopName">{{item.shopName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="brandsBg" v-if="item.brands">
|
|
|
+ <view class="brands" v-for="(v,index2) in item.brands.split(',')">{{v}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="shopTime"><span v-if="item.startTime">{{item.startTime}}</span> - <span
|
|
|
+ v-if="item.endTime">{{item.endTime}}</span> </view>
|
|
|
+ <view class="shopBottomLeft">
|
|
|
+ <span class="shopaddress"
|
|
|
+ v-if="item.address">{{item.provinceName}}{{item.cityName}}{{item.areaName}}{{item.address}}</span>
|
|
|
+ <span v-if="item.distance&&item.distance!= '0.00'">{{item.distance}}km</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <audio id="video" controls autoplay="autoplay" ref="iosclick" loop="loop" >
|
|
|
+ <source src="http://dmsimg.66km.com/music/sakuratears.mp3" type="audio/mpeg">
|
|
|
+ </audio> -->
|
|
|
+ <img src="../../static/img/mp3.png" class="mp3Img" @click="play()" v-if="!payshow&mp3Url!=''">
|
|
|
+ <img src=".../../static/img/mp31.png" class="mp3Img" @click="play2()" id="bofang" v-if="payshow&mp3Url!=''">
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -59,6 +99,12 @@
|
|
|
type:'',
|
|
|
shopNum:'',
|
|
|
shopInfo:'',
|
|
|
+ useShopShow:false,
|
|
|
+ shopckList:'',
|
|
|
+ ckmusic:'',
|
|
|
+ bgmMusic:'',
|
|
|
+ payshow:false,
|
|
|
+ mp3Url:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
@@ -71,9 +117,49 @@
|
|
|
})
|
|
|
}
|
|
|
this.getShopinfo()
|
|
|
-
|
|
|
+ this.shopckList= uni.getStorageSync("shopckList");
|
|
|
+ this.ckmusic=uni.getStorageSync("ckmusic");
|
|
|
+ if(this.ckmusic){
|
|
|
+ this.mp3Url=this.ckmusic.music;
|
|
|
+ this.bgmMusic = uni.createInnerAudioContext();
|
|
|
+ this.bgmMusic.autoplay = true;//自动播放
|
|
|
+ this.bgmMusic.loop = true;//循环播放
|
|
|
+ this.bgmMusic.src = 'http://dmsimg.66km.com/music/sakuratears.mp3';//背景音乐地址
|
|
|
+ this.bgmMusic.onPlay(function(){
|
|
|
+ console.log('背景音乐播放中');
|
|
|
+
|
|
|
+ });
|
|
|
+ this.bgmMusic.onError((res) => {
|
|
|
+ console.log(res.errMsg);
|
|
|
+ console.log(res.errCode);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ //console.log(this.bgmMusic)
|
|
|
+
|
|
|
+ },
|
|
|
+ onUnload(){
|
|
|
+ this.bgmMusic.stop()
|
|
|
},
|
|
|
methods: {
|
|
|
+ play2(){
|
|
|
+ this.bgmMusic.play();
|
|
|
+ this.payshow=false;
|
|
|
+ },
|
|
|
+ play(){
|
|
|
+ this.payshow=true;
|
|
|
+ this.bgmMusic.stop(()=>{
|
|
|
+
|
|
|
+ console.log('背景音乐停止了');
|
|
|
+
|
|
|
+ });
|
|
|
+ },
|
|
|
+ noShowShop2(){
|
|
|
+ this.useShopShow=false;
|
|
|
+ },
|
|
|
+ showuse(){
|
|
|
+ this.useShopShow=true;
|
|
|
+ },
|
|
|
call() {
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: this.shopInfo.mobilePhone
|
|
|
@@ -121,13 +207,25 @@
|
|
|
icon:'none',
|
|
|
duration: 2000
|
|
|
});
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'activity?type=2'
|
|
|
+ })
|
|
|
}
|
|
|
//this.list=res.data
|
|
|
})
|
|
|
},
|
|
|
getShopinfo(){
|
|
|
this.$http('openH5SetTheGuest/getShopinfo',{},'GET').then(res => {
|
|
|
- this.shopInfo=res.data
|
|
|
+ //this.shopInfo=res.data;
|
|
|
+ var shopinfo=res.data;
|
|
|
+ this.shopckList.forEach(item=>{
|
|
|
+ if(item.id==shopinfo.id){
|
|
|
+ this.shopInfo=shopinfo
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if(this.shopInfo==''){
|
|
|
+ this.shopInfo=this.shopckList[0]
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
generate(){
|
|
|
@@ -156,6 +254,89 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .mp3Img{
|
|
|
+ /* transform: translate(-1584.4%, 121.5%) scale(1); */
|
|
|
+ position: fixed;
|
|
|
+ top: 100rpx;
|
|
|
+ right: 40rpx;
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ }
|
|
|
+ .shopImg {
|
|
|
+ width: 146rpx;
|
|
|
+ height: 146rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ }
|
|
|
+ .ckshopLine{
|
|
|
+ display: flex;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .baomingBox{
|
|
|
+ width: 750rpx;
|
|
|
+ height: 100vh;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+ .bmshopjt{
|
|
|
+ width: 12rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ .bmlineInput{
|
|
|
+ color: #333333;
|
|
|
+ font-size: 28rpx;
|
|
|
+ height: 98rpx;
|
|
|
+ line-height: 98rpx;
|
|
|
+ }
|
|
|
+ .bmshopname{
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 28rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ width: 500rpx;
|
|
|
+ white-space:nowrap;
|
|
|
+ overflow:hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .bmshopLine{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 26rpx 0;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .bmLine{
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .bmTop{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 40rpx 24rpx 10rpx 24rpx;
|
|
|
+ }
|
|
|
+ .bmTitle{
|
|
|
+ font-weight: 500;
|
|
|
+ color: #3C3C3C;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 36rpx;
|
|
|
+ }
|
|
|
+ .bmChimg{
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+ .baomingCont{
|
|
|
+ position: absolute;
|
|
|
+ width: 750rpx;
|
|
|
+ height:850rpx;
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 24rpx 24rpx 0px 0px;
|
|
|
+ }
|
|
|
.shopRightIcon{
|
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
|
|
@@ -299,4 +480,40 @@
|
|
|
color: #FFFFFF;
|
|
|
font-size: 30rpx;
|
|
|
}
|
|
|
+ .brandsBg {
|
|
|
+ display: flex;
|
|
|
+ height: 38rpx;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 5rpx 0rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .brands {
|
|
|
+ border-radius: 4rpx;
|
|
|
+ padding: 0 5rpx;
|
|
|
+ color: #F19D01;
|
|
|
+ height: 28rpx;
|
|
|
+ border: 1px solid #F19D01;
|
|
|
+
|
|
|
+ font-size: 20rpx;
|
|
|
+ line-height: 28rpx;
|
|
|
+ margin: 5rpx 10rpx 5rpx 0rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeBg {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .shopTime {
|
|
|
+ color: #666666;
|
|
|
+ font-size: 22rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .addressBox {
|
|
|
+ color: #666666;
|
|
|
+ font-size: 22rpx;
|
|
|
+ }
|
|
|
</style>
|
guo
