admin/hcb-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改用户绑定

Browse Source
This commit is contained in:
lccsw
2025-11-21 00:37:20 +08:00
parent ed6c1f8cb3
commit f50b56786f
2 changed files with 85 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PopGetAllowance.vue
+3 -1
View File
@@ -196,8 +196,10 @@ const bindPostCoupon = async () => {
couponId: props.coupons.coupon_id,
cityId: props.cityInfo.cityId
})
if (result.code === 200) {
if(result.data && result.data.Authorization){ //重新设置token
localStorage.setItem('token', result.data.Authorization)
}
handleSuccess()
} else {
showToast(result.message || '补贴领取失败')
src/pages/Item.vue
+82 -99
View File
@@ -1,39 +1,42 @@
<template>
<div class="detail-page relative" style="min-height: 100vh;">
<van-loading v-if="loading" class="loading-center" size="24px" vertical>加载中...</van-loading>
<template v-else-if="productDetail">
<div class="detail-banner relative">
<van-swipe :autoplay="3000" lazy-render>
<van-swipe-item v-for="(item,index) in banner_list" :key="index">
<van-image fit="cover" :style="'width:100%;height:'+Number(550/7.5)+'vw;'" :src="item.img" />
<van-image fit="cover" :style="'width:100%;height:'+Number(550/7.5)+'vw;'" :src="item.img"/>
</van-swipe-item>
</van-swipe>
<div class="wp100 absolute pt140 left-0 right-0 bottom-0"
style="background-image: linear-gradient(to top, rgba(255,255,255,1),rgba(255,255,255,0));"
style="background-image: linear-gradient(to top, rgba(255,255,255,1),rgba(255,255,255,0));"
></div>
</div>
<div class="detail-info ml30 mr30 relative" :style="{'margin-top':Number(-60/7.5)+'vw'}">
<div class="ulib-r20 bg-fff inner30 box-shadow-darkGray">
<div class="fn-flex fn-flex-center">
<div class="mr20"><van-image class="imgsize-200X152" radius="10px" :src="productDetail.banner" /></div>
<div class="mr20">
<van-image class="imgsize-200X152" radius="10px" :src="productDetail.banner"/>
</div>
<div class="fn-flex-item fn-flex fn-flex-column justify-between">
<div class="fn-flex fn-flex-center justify-between">
<div class="wp60 font-30 line-clamp-1">{{ productDetail.title }}</div>
<div class="tag fn-flex fn-flex-wrap">
<van-tag
v-for="(tag, index) in productDetail.carProductLabel"
:key="index"
class="ml5"
color="#f0f0f0"
round
text-color="#666666"
<van-tag
v-for="(tag, index) in productDetail.carProductLabel"
:key="index"
class="ml5"
color="#f0f0f0"
round
text-color="#666666"
>
{{ tag }}
</van-tag>
</div>
</div>
<div class="mt15 line-clamp-1 color-666"><p class="font-26">指导价：{{ productDetail.guide_price }}</p></div>
<div class="mt15 line-clamp-1 color-666"><p class="font-26">指导价：{{ productDetail.guide_price }}</p>
</div>
<div class="fn-flex mt20" v-if="productDetail.discounts">
<div class="text-color-theme font-24 fn-flex fn-flex-center">
<div><i class="icon-custom icon-gift mr5"></i></div>
@@ -46,11 +49,11 @@
</div>
<div class="detail-coupon ml30 mr30 pt45" v-if="productDetail.coupons&&productDetail.coupons.show">
<CouponItem
:price-num="productDetail.coupons.price"
:desc-left="productDetail.coupons.getNun>0?'已有' + productDetail.coupons.getNun + '人领取':''"
:title="productDetail.coupons.typeCn"
:desc-right="productDetail.discounts2"
:is-active="true"
:price-num="productDetail.coupons.price"
:desc-left="productDetail.coupons.getNun>0?'已有' + productDetail.coupons.getNun + '人领取':''"
:title="productDetail.coupons.typeCn"
:desc-right="productDetail.discounts2"
:is-active="true"
/>
</div>
<div class="detail-content ml30 mr30 mt40 pb40">
@@ -68,35 +71,41 @@
<van-count-down :time="count_time">
<template #default="timeData">
<span class="count-down-colon">倒计时</span>
<span v-if="timeData.days!=0" class="count-down-block">{{(timeData.days > 9)?'':'0'}}{{ timeData.days }}</span>
<span v-if="timeData.days!=0"
class="count-down-block">{{ (timeData.days > 9) ? '' : '0' }}{{ timeData.days }}</span>
<span v-if="timeData.days!=0" class="count-down-colon">天</span>
<span class="count-down-block">{{(timeData.hours > 9)?'':'0'}}{{ timeData.hours }}</span>
<span class="count-down-block">{{ (timeData.hours > 9) ? '' : '0' }}{{ timeData.hours }}</span>
<span class="count-down-colon">时</span>
<span class="count-down-block">{{(timeData.minutes > 9)?'':'0'}}{{ timeData.minutes }}</span>
<span class="count-down-block">{{ (timeData.minutes > 9) ? '' : '0' }}{{ timeData.minutes }}</span>
<span class="count-down-colon">分</span>
<span class="count-down-block">{{(timeData.seconds > 9)?'':'0'}}{{ timeData.seconds }}</span>
<span class="count-down-block">{{ (timeData.seconds > 9) ? '' : '0' }}{{ timeData.seconds }}</span>
<span class="count-down-colon">秒</span>
</template>
</van-count-down>
</div>
<div v-else class="text-center font-28 text-color-theme">{{btn_info.tip}}</div>
<div v-else class="text-center font-28 text-color-theme">{{ btn_info.tip }}</div>
<div class="pt20 ml30 mr30">
<van-button round type="danger" :disabled="btn_info.status!=1" block class="w100" @click.stop="showEnrollPop">{{btn_info.text}}</van-button>
<van-button round type="danger" :disabled="btn_info.status!=1" block class="w100"
@click.stop="showEnrollPop">{{ btn_info.text }}
</van-button>
</div>
</div>
</div>
<PopGetAllowance @update:showPop="handleShowPop" @showStorePop="handleShowStorePop" @success="handleSuccess" :detail="productDetail" :coupons="productDetail.coupons" :cityInfo="cityInfo" :show-pop="showPop" />
<PopStores @update:showPop="handleShowStorePop" :show-pop="showStorePop" :coupons="productDetail.coupons" :id="productDetail.coupons.coupon_id" />
<SideMenu />
<PopGetAllowance @update:showPop="handleShowPop" @showStorePop="handleShowStorePop" @success="handleSuccess"
:detail="productDetail" :coupons="productDetail.coupons" :cityInfo="cityInfo"
:show-pop="showPop"/>
<PopStores @update:showPop="handleShowStorePop" :show-pop="showStorePop" :coupons="productDetail.coupons"
:id="productDetail.coupons.coupon_id"/>
<SideMenu/>
</template>
<template v-else>
<div class="empty-data text-center pt100">
<van-empty description="暂无产品详情" />
<van-empty description="暂无产品详情"/>
</div>
</template>
</div>
</template>
@@ -111,11 +120,11 @@ import PopGetAllowance from '@/components/PopGetAllowance.vue'
import PopStores from '@/components/PopStores.vue'
import SideMenu from '@/components/SideMenu.vue' // 导入SideMenu组件
import { showDialog, showToast } from 'vant' // 导入Toast组件
import WechatUtils,{ WechatAuth,WechatLocation, WechatShare } from '@/utils/wechat'
import { useUserStore } from '@/stores/user';
import WechatUtils, { WechatAuth, WechatLocation, WechatShare } from '@/utils/wechat'
import { useUserStore } from '@/stores/user'
// 导入 cookie 工具
import { getCookie, setCookie } from '@/utils/cookie'
import { getCurrentInstance } from 'vue'
import { getUserLocation, getCityInfo, cacheLocationInfo } from '@/utils/location'
const { proxy } = getCurrentInstance()
@@ -130,12 +139,14 @@ const loading = ref(true)
// 定义tabs激活状态（初始值根据业务需求设置，示例为'1'）
const content_active = ref('1')
const count_time = ref(0);
const count_time = ref(0)
const content_list = ref([])
const banner_list = ref([])
const btn_info = ref({})
//是否绑定手机号
const bindMobile = ref(false)
// 获取产品详情
@@ -145,6 +156,9 @@ async function getProductDetail() {
const res = await api.wechatAPI.getProductDetail(productId.value)
if (res.code === 200 && res.data) {
productDetail.value = res.data
if (productDetail.value.bindMobile) {
bindMobile.value = true
}
// 更新轮播图数据
banner_list.value = productDetail.value.imgs.map((img, index) => ({
img,
@@ -152,10 +166,10 @@ async function getProductDetail() {
}))
// count_time.value = res.data.timeEnd
count_time.value = Number(30 * 24*60*60*1000)
count_time.value = Number(30 * 24 * 60 * 60 * 1000)
btn_info.value = productDetail.value.coupons.btn_info
// 更新内容标签页数据
content_list.value = [
{
@@ -185,13 +199,13 @@ async function getProductDetail() {
}
}
function handleSuccess(){
function handleSuccess() {
showDialog({
title: '领取成功',
message: '稍后会有电话客服与您联系，\n协助您完成补贴申领。',
confirmButtonColor: '#f84803'
}).then(() => {
});
})
getProductDetail()
}
@@ -199,13 +213,12 @@ function handleSuccess(){
// 页面加载时获取产品详情
onMounted(async () => {
let appid = localStorage.getItem('app_id')
if(appid) {
const wechat = await WechatUtils.init(appid);
if (appid) {
const wechat = await WechatUtils.init(appid)
// 隐藏分享
await WechatShare.hideAllNonBaseMenuItem();
await WechatShare.hideAllNonBaseMenuItem()
}
// 初始化完成后获取位置信息
await getCurrentLocation();
await getCurrentLocation()
getProductDetail()
})
@@ -225,58 +238,19 @@ const cityInfo = ref({
/**
* 获取当前位置并解析城市编码
*/
const getCurrentLocation = async () => {
const getCurrentLocation = async () => {
try {
// 获取当前位置
// const location = localStorage.getItem('userLocation')?JSON.parse(localStorage.getItem('userLocation')):await WechatLocation.getLocation('gcj02');
// 修改为从 cookie 获取位置信息
const location = getCookie('userLocation') || await WechatLocation.getLocation('gcj02');
console.log('当前位置:', location);
const userStore = useUserStore();
// 解析位置获取城市信息
if (location && location.latitude && location.longitude) {
// if(localStorage.getItem('cityInfo')){
// 修改为从 cookie 获取城市信息
if(getCookie('cityInfo')){
// cityInfo.value = JSON.parse(localStorage.getItem('cityInfo'));
cityInfo.value = getCookie('cityInfo');
console.log('城市信息:', cityInfo.value);
// if (cityInfo.value.cityId) {
// userStore.setCity(cityInfo.value);
// query_data.cityId = cityInfo.value.cityId;
// // 获取产品列表
// empty.value = false
// await getProductList();
// }}
}else{
const result = await api.wechatAPI.getLocationCity(location.latitude, location.longitude);
if (result.code === 200 && result.data) {
cityInfo.value = result.data;
console.log('城市信息:', cityInfo.value);
// localStorage.setItem('cityInfo', JSON.stringify(cityInfo.value));
// localStorage.setItem('userLocation', JSON.stringify({...location,time:new Date().getTime()}));
// 修改为使用 cookie 存储
setCookie('cityInfo', cityInfo.value,1);
setCookie('userLocation', {...location, time: new Date().getTime()},1);
// 设置城市ID到查询参数
if (cityInfo.value.cityId) {
userStore.setCity(cityInfo.value);
// query_data.cityId = cityInfo.value.cityId;
// 获取产品列表
empty.value = false
await getProductList();
}
}
}
/// 微信环境或非微信环境未获取到cityId时使用定位逻辑
const location = await getUserLocation();
console.log('经纬度:', location);
if (!(location && location.latitude && location.longitude)) {
return;
}
cityInfo.value = await getCityInfo(location);
} catch (error) {
console.error('获取位置或解析城市失败:', error);
console.error('获取位置或解析城市失败:', error)
}
};
}
const showPop = ref(false)
@@ -284,8 +258,9 @@ const showPop = ref(false)
function handleShowPop(val) {
showPop.value = val
}
function onCountFinish(e) {
console.log('onCountFinish' ,e);
console.log('onCountFinish', e)
}
// 补充门店弹窗控制变量
@@ -295,26 +270,32 @@ const showStorePop = ref(false)
function handleShowStorePop(val) {
showStorePop.value = val
}
function showEnrollPop(){
function showEnrollPop() {
//友盟统计
trackEvent('coupon', 'CLK', {
Key_CouponId: productDetail.value.coupons.coupon_id,
Key_CouponName: productDetail.value.coupons.title,
Key_Brand: productDetail.value.brandName,
Key_Series: productDetail.value.seriesName
});
})
// showPop.value=true
if(WechatAuth.isWechatBrowser()){
showPop.value=true
}else{
if (WechatAuth.isWechatBrowser()) {
if (bindMobile.value) {
getCoupon()
} else {
showPop.value = true
}
} else {
if (proxy && proxy.$auth) {
proxy.$auth.require(() => {
// 登录成功后执行的代码
getCoupon();
getCoupon()
})
}
}
}
const isSubmitting = ref(false)
const getCoupon = async () => {
@@ -346,6 +327,7 @@ const getCoupon = async () => {
margin: 0 4px;
color: #f00;
}
.count-down-block {
display: inline-block;
width: 44px;
@@ -356,6 +338,7 @@ const getCoupon = async () => {
background-color: #f00;
border-radius: 8px;
}
.loading-center {
position: absolute;
top: 50%;
@@ -365,7 +348,7 @@ const getCoupon = async () => {
</style>
<style>
.van-overflow-hidden{
--van-text-color:#f00;
.van-overflow-hidden {
--van-text-color: #f00;
}
</style>