lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vip会员支持补差升级

Browse Source
This commit is contained in:
流星
2026-04-12 14:17:01 +08:00
parent 00b9396dea
commit 82e29753b8
4 changed files with 155 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/vip/center.blade.php
+76 -35
View File
@@ -87,53 +87,94 @@
@foreach ($vipLevels as $vip)
@php
$isCurrentVipLevel = $user->isVip() && (int) $user->vip_level_id === (int) $vip->id;
$currentVip = $user->isVip() ? $user->vipLevel : null;
// 逻辑：
// 1. 如果用户不是 VIP，显示「购买」原价。
// 2. 如果用户已经是该等级，显示「续费」原价。
// 3. 如果用户是更高级别，显示「无法降级」。
// 4. 如果用户是更低级别，显示「升级」差价。
$isHigher = $currentVip ? $vip->isHigherThan($currentVip) : false;
$isLower = $currentVip && (int) $user->vip_level_id !== (int) $vip->id && ! $isHigher;
$canUpgrade = $currentVip && $isHigher;
$upgradePrice = $canUpgrade ? $vip->getUpgradePrice($currentVip) : (float) $vip->price;
$btnText = '立即购买';
$btnColor = 'bg-gray-900 hover:bg-black text-white';
$showUpgradeInfo = false;
$isDisabled = false;
if ($isCurrentVipLevel) {
$btnText = '续费会员';
$btnColor = 'bg-amber-500 hover:bg-amber-600 text-white';
} elseif ($canUpgrade) {
$btnText = '补差价升级';
$btnColor = 'bg-indigo-600 hover:bg-indigo-700 text-white';
$showUpgradeInfo = true;
} elseif ($isLower) {
$btnText = '无法降级';
$btnColor = 'bg-gray-200 text-gray-400 cursor-not-allowed';
$isDisabled = true;
}
@endphp
<div class="rounded-3xl border {{ $isCurrentVipLevel ? 'border-amber-300 bg-amber-50/60' : 'border-gray-100 bg-white' }} shadow-sm p-5 flex flex-col">
<div class="flex items-center justify-between gap-3">
<div class="flex items-center gap-3">
<div class="w-12 h-12 rounded-2xl bg-white border border-gray-100 flex items-center justify-center text-2xl shadow-sm">{{ $vip->icon }}</div>
<div class="w-12 h-12 rounded-2xl flex items-center justify-center text-2xl" style="background: {{ $vip->color }}20;">
{{ $vip->icon }}
</div>
<div>
<h4 class="text-lg font-extrabold" style="color: {{ $vip->color ?: '#111827' }}">{{ $vip->name }}</h4>
<p class="text-xs text-gray-500">当前已有 {{ $vip->users_count }} 位用户使用</p>
<h4 class="font-bold text-gray-900">{{ $vip->name }}</h4>
<div class="flex items-center gap-2 mt-0.5">
<span class="text-xs font-medium text-gray-500">
@if ($vip->duration_days > 0)
有效期 {{ $vip->duration_days }} 天
@else
永久有效
@endif
</span>
</div>
</div>
</div>
@if ($isCurrentVipLevel)
<span class="inline-flex px-2.5 py-1 rounded-full bg-amber-500 text-white text-xs font-bold">当前等级</span>
@endif
</div>
<div class="mt-5 grid grid-cols-2 gap-3 text-sm">
<div class="rounded-2xl bg-indigo-50 border border-indigo-100 p-3">
<div class="text-xs text-indigo-500 font-bold">经验倍率</div>
<div class="mt-1 text-xl font-extrabold text-indigo-900">×{{ $vip->exp_multiplier }}</div>
</div>
<div class="rounded-2xl bg-amber-50 border border-amber-100 p-3">
<div class="text-xs text-amber-500 font-bold">金币倍率</div>
<div class="mt-1 text-xl font-extrabold text-amber-900">×{{ $vip->jjb_multiplier }}</div>
<div class="text-right">
<div class="text-2xl font-black text-gray-900">
<span class="text-sm font-medium">￥</span>{{ number_format($upgradePrice, 2) }}
</div>
@if ($showUpgradeInfo)
<div class="text-[10px] text-indigo-600 font-bold mt-0.5">已省 ￥{{ number_format((float) ($vip->price - $upgradePrice), 2) }}</div>
@elseif (! $isCurrentVipLevel && ! $isDisabled)
<div class="text-[10px] text-gray-400 font-medium mt-0.5">原价 ￥{{ number_format((float) $vip->price, 2) }}</div>
@endif
</div>
</div>
<div class="mt-4 space-y-2 text-sm text-gray-600 flex-1">
<div class="flex items-center justify-between"><span>有效时长</span><span class="font-bold text-gray-900">{{ $vip->duration_days > 0 ? $vip->duration_days . ' 天' : '永久' }}</span></div>
<div class="flex items-center justify-between"><span>支付金额</span><span class="font-bold text-rose-600">{{ $vip->price > 0 ? '¥' . $vip->price : '联系管理员' }}</span></div>
<div class="mt-5 space-y-3 flex-1">
<div class="flex items-center gap-2 text-sm text-gray-600">
<svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
<span>经验获取 <b>{{ $vip->exp_multiplier }}x</b></span>
</div>
<div class="flex items-center gap-2 text-sm text-gray-600">
<svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
<span>金币获取 <b>{{ $vip->jjb_multiplier }}x</b></span>
</div>
<div class="flex items-center gap-2 text-sm text-gray-600">
<svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
<span>专属入场特效 & 横幅</span>
</div>
</div>
<div class="mt-5">
@if ($vip->price > 0 && $vipPaymentEnabled)
<form action="{{ route('vip.payment.store') }}" method="POST"
onsubmit="return confirm('确认支付 {{ $vip->price }} 元购买【{{ $vip->name }}】吗？');">
@csrf
<input type="hidden" name="vip_level_id" value="{{ $vip->id }}">
<button type="submit" class="w-full py-3 rounded-2xl bg-indigo-600 hover:bg-indigo-700 text-white font-bold transition shadow-sm">
{{ $isCurrentVipLevel ? '立即续费' : '立即购买' }}
</button>
</form>
@elseif ($vip->price > 0)
<div class="w-full py-3 rounded-2xl bg-gray-100 text-gray-500 text-center font-bold">支付暂未开启</div>
@else
<div class="w-full py-3 rounded-2xl bg-emerald-100 text-emerald-700 text-center font-bold">请联系管理员开通</div>
@endif
</div>
@if ($vipPaymentEnabled)
<form action="{{ route('vip.payment.store') }}" method="POST" class="mt-6">
@csrf
<input type="hidden" name="vip_level_id" value="{{ $vip->id }}">
<button type="submit"
@if($isDisabled) disabled @endif
class="w-full py-3.5 rounded-2xl {{ $btnColor }} font-bold text-sm transition-all duration-200 active:scale-[0.98] shadow-sm">
{{ $btnText }}
</button>
</form>
@endif
</div>
@endforeach
</div>