wwl
/
shop-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
王文龙 2023-11-27 14:19:05 +08:00
parent 597b0922d7
commit 627c8ca487
2 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -6,4 +6,4 @@ VITE_USE_COMPRESS=false
VITE_USE_REPORT=false VITE_USE_REPORT=false
VITE_BASE_API_URL='http://139.224.10.234:8088' VITE_BASE_API_URL='http://192.168.2.107:8088'

30
src/views/sale/index.vue
View File

@ -31,7 +31,7 @@
</div> </div>
<div <div
class="flex items-center justify-between overflow-hidden rounded-md bg-beijing pr-16px pl-8px h-184px" class="flex items-center justify-between overflow-hidden rounded-md bg-beijing pr-16px pl-8px h-184px"
:class="item.nums <= 0 && 'grayscale'" :class="(item.nums <= 0 || item.verifState) && 'grayscale'"
> >
<img :src="item.giftImage" alt="" class="h-184px mt-[-6px] object-contain" /> <img :src="item.giftImage" alt="" class="h-184px mt-[-6px] object-contain" />
<div class="flex items-center justify-between flex-1 pl-2"> <div class="flex items-center justify-between flex-1 pl-2">
@ -41,16 +41,16 @@
<p class="text-20px leading-36px">剩余：{{ item.nums }}份</p> <p class="text-20px leading-36px">剩余：{{ item.nums }}份</p>
</div> </div>
<div <div
v-if="item.nums > 0" v-if="item.nums > 0 && !item.verifState"
@click="handleClick(item)" @click="handleClick(item)"
class="bg-white hover:bg-light-600 overflow-hidden cursor-pointer text-[#090909] text-26px rounded-26px h-52px w-140px leading-46px text-center" class="bg-white hover:bg-light-600 overflow-hidden cursor-pointer text-[#090909] text-26px rounded-26px h-52px w-140px leading-46px text-center"
> >
我要报名 {{ !item.state ? '我要报名' : '去核销' }}
<!-- 去核销 -->
</div> </div>
</div> </div>
<div> <div>
<img v-if="item.nums <= 0" src="@/assets/imgs/sale/lingwan.png" alt="" class="w-166px object-contain mr-[-18px]" /> <img v-if="item.nums <= 0 && !item.verifState" src="@/assets/imgs/sale/lingwan.png" alt="" class="w-166px object-contain mr-[-18px]" />
<img v-if="item.verifState" src="@/assets/imgs/sale/hexiao.png" alt="" class="w-166px object-contain mr-[-18px]" />
</div> </div>
</div> </div>
</div> </div>
@ -105,12 +105,13 @@
> >
<div class="text-36px leading bg-text"> {{ isSuccess ? '核销成功' : '报名成功' }} </div> <div class="text-36px leading bg-text"> {{ isSuccess ? '核销成功' : '报名成功' }} </div>
<div class="text-60px leading mt-[-4px] bg-text"> {{ selItem.giftName }} </div> <div class="text-60px leading mt-[-4px] bg-text"> {{ selItem.giftName }} </div>
<div class="text-30px leading bg-text"> {{ isSuccess ? '' : selItem.activityRules }} </div> <!-- <div class="text-30px leading bg-text"> {{ isSuccess ? '' : selItem.activityRules }} </div> -->
<div class="text-30px leading bg-text"> 礼品发放以线下库存为准 先到先得 </div>
</div> </div>
<div <div
v-if="iptShow" v-if="iptShow"
@click.stop @click.stop
class="absolute box-border right-[84px] top-[380px] h-76px w-415px rounded-10px bg-#FADDC0 overflow-hidden" class="absolute box-border right-[80px] top-[380px] h-76px w-415px rounded-10px bg-#FADDC0 overflow-hidden"
> >
<nut-input <nut-input
ref="iptRef" ref="iptRef"
@ -196,10 +197,14 @@
const handleClick = async (item: any) => { const handleClick = async (item: any) => {
if (!token.value) return (location.href = handleWxRedict()); if (!token.value) return (location.href = handleWxRedict());
// 001Mol1000Yj4R1raU100kCKRM0Mol1G // 001Mol1000Yj4R1raU100kCKRM0Mol1G
if (selId.value) { console.log('🚀 ~ file: index.vue:197 ~ item:', item);
// state 领取状态，true已领取，false未领取
if (item.state) {
selId.value = item.id;
selItem.value = item; selItem.value = item;
show.value = true; show.value = true;
isSuccess.value = false; isSuccess.value = false;
iptShow.value = true;
return; return;
} }
const { result, code } = await queryCouponLog({ id: item.id, openId: userInfo.value.openid }); const { result, code } = await queryCouponLog({ id: item.id, openId: userInfo.value.openid });
@ -289,9 +294,9 @@
userInfo.value = JSON.parse(user); userInfo.value = JSON.parse(user);
} }
} }
getCoupon();
}; };
getCoupon();
init(); init();
onMounted(async () => { onMounted(async () => {
@ -302,8 +307,10 @@
if (val) { if (val) {
checkCode.value = ''; checkCode.value = '';
} else { } else {
getCoupon(); getCoupon()
selId.value && (iptShow.value = true); setTimeout(() => {
selId.value && (iptShow.value = true);
},200)
} }
}); });
</script> </script>
@ -346,6 +353,7 @@
} }
.nut-input-box input { .nut-input-box input {
color: #000; color: #000;
padding-left: 14px;
} }
} }
</style> </style>