|
|
|
|
@ -14,7 +14,7 @@ |
|
|
|
|
</view> |
|
|
|
|
<!-- 搜索框 --> |
|
|
|
|
<view class="input-box"> |
|
|
|
|
<input placeholder="搜索卡券" placeholder-style="color:#c0c0c0;" @tap="toSearch()" /> |
|
|
|
|
<input placeholder="搜索门店" placeholder-style="color:#c0c0c0;" @tap="toSearch()" /> |
|
|
|
|
<view class="icon search"></view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 右侧图标按钮 --> |
|
|
|
|
@ -54,12 +54,14 @@ |
|
|
|
|
<view class="text">{{ row.name }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<image v-if='productList.length == 0' mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" @click="jumpTyou" :src="imagewxUrl+imgadres4"></image> |
|
|
|
|
<image mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" |
|
|
|
|
@click="jumpTyou" :src="imagewxUrl+imgadres4"></image> |
|
|
|
|
<!-- 赠券 --> |
|
|
|
|
<view style="width: 91%;margin-left: 5%;" v-if='productList.length != 0' @click="goGoodsList(1)"> |
|
|
|
|
<view style="width: 91%;margin-left: 5%;" v-if='productList.length != 0' @click="goGoodsList(1)"> |
|
|
|
|
<image class="mart30 width100" mode="widthFix" :src="imagewxUrl+imgadres"></image> |
|
|
|
|
</view> |
|
|
|
|
<swiper class="orange-content" style="border: 2px solid #ff5836;" v-if='productList.length != 0' :display-multiple-items="productListleg"> |
|
|
|
|
<swiper class="orange-content" style="border: 2px solid #ff5836;" v-if='productList.length != 0' |
|
|
|
|
:display-multiple-items="productListleg"> |
|
|
|
|
<swiper-item class="swiper-hed" v-for="pro in productList" :key="pro.id" @click="toGoods(pro.id)"> |
|
|
|
|
<view class="swiper-item" :data-id="pro.id"> |
|
|
|
|
<image class="img" :src="imageUrl+pro.couponImg" mode="aspectFit"> |
|
|
|
|
@ -69,14 +71,16 @@ |
|
|
|
|
</view> |
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
|
|
|
|
|
<image v-if='goldproductList.length == 0' mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" @click="jumphuafei" :src="imagewxUrl+imgadres5"></image> |
|
|
|
|
|
|
|
|
|
<image mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" |
|
|
|
|
@click="jumphuafei" :src="imagewxUrl+imgadres5"></image> |
|
|
|
|
<!-- 金币 --> |
|
|
|
|
<view style="width: 90%;margin-left: 5%;" v-if='goldproductList.length != 0' @click="goGoodsList(2)"> |
|
|
|
|
<image class="mart30 width100" mode="widthFix" :src="imagewxUrl+imgadres1"></image> |
|
|
|
|
</view> |
|
|
|
|
<!-- v-if="goldproductList&&goldproductList.length>0" --> |
|
|
|
|
<swiper class="orange-content" :display-multiple-items="goldproductListleg" v-if='goldproductList.length != 0' next-margin="50rpx"> |
|
|
|
|
<swiper class="orange-content" :display-multiple-items="goldproductListleg" v-if='goldproductList.length != 0' |
|
|
|
|
next-margin="50rpx"> |
|
|
|
|
<swiper-item class="swiper-hed" v-for="(item,index) in goldproductList" :key="index" |
|
|
|
|
@click="toGoods(item.id)"> |
|
|
|
|
<view class="swiper-item" :data-id="item.id"> |
|
|
|
|
@ -180,13 +184,12 @@ |
|
|
|
|
<view class='bottom flex'> |
|
|
|
|
<view class='item' @click='close'>随便逛逛</view> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<button class='item grant' open-type="getPhoneNumber" |
|
|
|
|
@getphonenumber="getPhoneNumber">去授权</button> |
|
|
|
|
<button class='item grant' open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">去授权</button> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class='mask' v-if='isShowAuth' @click='close'></view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="height60"></view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
@ -228,9 +231,9 @@ |
|
|
|
|
imgadres1: 'jbhed.png', |
|
|
|
|
imgadres2: 'jt.png', |
|
|
|
|
imgadres3: '', |
|
|
|
|
imgadres4:'homet.png', |
|
|
|
|
imgadres5:'homeh.png', |
|
|
|
|
webUrl:'', |
|
|
|
|
imgadres4: 'homet.png', |
|
|
|
|
imgadres5: 'homeh.png', |
|
|
|
|
webUrl: '', |
|
|
|
|
// 轮播图片 |
|
|
|
|
swiperList: [{ |
|
|
|
|
id: 1, |
|
|
|
|
@ -297,6 +300,8 @@ |
|
|
|
|
this.city = app.globalData.cityName; |
|
|
|
|
this.getCouponListArea(); |
|
|
|
|
this.getCouponListgold(); |
|
|
|
|
this.getCmsContent(); |
|
|
|
|
this.getCmsAactibity(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
|
@ -363,8 +368,8 @@ |
|
|
|
|
categoryCode: 'CMS_WX_APPLETS_HOME_ACTIVITY' |
|
|
|
|
} |
|
|
|
|
getCmsContent(params).then(res => { |
|
|
|
|
if (res.return_code == '000000' && res.return_data !='') { |
|
|
|
|
//弹窗首页广告 |
|
|
|
|
if (res.return_code == '000000' && res.return_data != '') { |
|
|
|
|
//弹窗首页广告 |
|
|
|
|
this.showPopup(); |
|
|
|
|
this.imgadres3 = res.return_data[0].imgData; |
|
|
|
|
this.webUrl = res.return_data[0].ext1; |
|
|
|
|
@ -376,7 +381,7 @@ |
|
|
|
|
this.$refs.popup.show(); |
|
|
|
|
}, |
|
|
|
|
close() { |
|
|
|
|
this.isShowAuth = false; |
|
|
|
|
this.isShowAuth = false; |
|
|
|
|
}, |
|
|
|
|
//关闭弹窗 |
|
|
|
|
closePopup() { |
|
|
|
|
@ -412,9 +417,9 @@ |
|
|
|
|
/** |
|
|
|
|
* 跳转外链 |
|
|
|
|
*/ |
|
|
|
|
jumpWeb(){ |
|
|
|
|
jumpWeb() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '../order/webUrl/webUrl?url='+ this.webUrl |
|
|
|
|
url: '../order/webUrl/webUrl?url=' + this.webUrl |
|
|
|
|
}) |
|
|
|
|
this.closePopup(); |
|
|
|
|
}, |
|
|
|
|
@ -438,17 +443,17 @@ |
|
|
|
|
',' + res.longitude + '&key=7UMBZ-HFEHX-HSD4Q-Z3QY6-OQKN7-2QBDB', |
|
|
|
|
data: {}, |
|
|
|
|
success: function(res) { |
|
|
|
|
that.city = res.data.result.address_component.city.replace(/市/g, |
|
|
|
|
''); |
|
|
|
|
app.globalData.cityName = res.data.result.address_component.city |
|
|
|
|
.replace(/市/g, ''); |
|
|
|
|
// that.city = res.data.result.address_component.city.replace(/市/g, |
|
|
|
|
// ''); |
|
|
|
|
that.city = res.data.result.address_component.province; |
|
|
|
|
app.globalData.cityName = res.data.result.address_component.province; |
|
|
|
|
app.globalData.cityId = res.data.result.ad_info.adcode; |
|
|
|
|
// app.globalData.cityId = '500100'; |
|
|
|
|
that.getCouponListArea(); |
|
|
|
|
that.getCouponListgold(); |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
that.getCmsContent(); |
|
|
|
|
that.getCmsAactibity() |
|
|
|
|
that.getCmsAactibity(); |
|
|
|
|
}, |
|
|
|
|
fail() { |
|
|
|
|
uni.hideLoading() |
|
|
|
|
@ -697,7 +702,7 @@ |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//跳转团油 |
|
|
|
|
jumpTyou(){ |
|
|
|
|
jumpTyou() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/goods/refuel/refuel' |
|
|
|
|
}) |
|
|
|
|
@ -712,8 +717,8 @@ |
|
|
|
|
if (!app.globalData.userInfo) { |
|
|
|
|
this.getuserinfos(); |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
if(!app.globalData.userInfo.phone){ |
|
|
|
|
} |
|
|
|
|
if (!app.globalData.userInfo.phone) { |
|
|
|
|
this.isShowAuth = true; |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
@ -722,33 +727,33 @@ |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
} else if (item.name == '电影票') { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (!app.globalData.userInfo) { |
|
|
|
|
this.getuserinfos(); |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
if(!app.globalData.userInfo.phone){ |
|
|
|
|
} |
|
|
|
|
if (!app.globalData.userInfo.phone) { |
|
|
|
|
this.isShowAuth = true; |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/tabBar/order/order?id=2' |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else if (item.name == '话费充值') { |
|
|
|
|
if (!app.globalData.userInfo) { |
|
|
|
|
this.getuserinfos(); |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
if(!app.globalData.userInfo.phone){ |
|
|
|
|
} |
|
|
|
|
if (!app.globalData.userInfo.phone) { |
|
|
|
|
this.isShowAuth = true; |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/tabBar/order/order?id=3' |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: '暂未开通', |
|
|
|
|
@ -758,19 +763,19 @@ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//单独跳转话费充值 |
|
|
|
|
jumphuafei(){ |
|
|
|
|
jumphuafei() { |
|
|
|
|
if (!app.globalData.userInfo) { |
|
|
|
|
this.getuserinfos(); |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
if(!app.globalData.userInfo.phone){ |
|
|
|
|
} |
|
|
|
|
if (!app.globalData.userInfo.phone) { |
|
|
|
|
this.isShowAuth = true; |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/tabBar/order/order?id=3' |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
@ -1275,12 +1280,12 @@ |
|
|
|
|
color: #777; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//弹窗 |
|
|
|
|
button::after { |
|
|
|
|
border: none |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup { |
|
|
|
|
width: 600rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
@ -1291,7 +1296,7 @@ |
|
|
|
|
transform: translateY(-50%); |
|
|
|
|
z-index: 320; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup { |
|
|
|
|
.logo-auth { |
|
|
|
|
z-index: -1; |
|
|
|
|
@ -1308,20 +1313,20 @@ |
|
|
|
|
border-radius: 50%; |
|
|
|
|
background: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
height: 80rpx; |
|
|
|
|
margin-top: -54rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup .title { |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #000; |
|
|
|
|
text-align: center; |
|
|
|
|
margin-top: 30rpx |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup .tip { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #555; |
|
|
|
|
@ -1329,7 +1334,7 @@ |
|
|
|
|
margin-top: 50rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup .bottom .item { |
|
|
|
|
width: 50%; |
|
|
|
|
height: 90rpx; |
|
|
|
|
@ -1340,15 +1345,15 @@ |
|
|
|
|
color: #666; |
|
|
|
|
margin-top: 54rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup .bottom .item.on { |
|
|
|
|
width: 100% |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.flex { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Popup .bottom .item.grant { |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #fff; |
|
|
|
|
@ -1357,7 +1362,7 @@ |
|
|
|
|
border-radius: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.mask { |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
|
