60 lines
3.1 KiB
PHP
60 lines
3.1 KiB
PHP
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>SaaSShop｜套餐与功能</title>
|
||
<style>
|
||
body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; margin:0; background:#f6f7fb; color:#111827;}
|
||
.wrap{max-width: 980px; margin:0 auto; padding:24px;}
|
||
.top{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
|
||
.muted{color:#6b7280; font-size:14px; line-height:1.6;}
|
||
.grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:16px;}
|
||
.card{background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:18px;}
|
||
.btn{display:inline-block; padding:8px 12px; border-radius:8px; border:1px solid #111827; text-decoration:none; color:#111827; font-weight:600;}
|
||
.btn-primary{background:#111827; color:#fff;}
|
||
.badge{display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px; border:1px solid #e5e7eb; color:#374151;}
|
||
@media (max-width: 980px){.grid{grid-template-columns:1fr 1fr}}
|
||
@media (max-width: 720px){.grid{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<div class="top">
|
||
<div>
|
||
<h1 style="margin:0 0 6px 0;">套餐与功能</h1>
|
||
<div class="muted">仅展示「已发布 + 启用中」套餐。开通入口（A：站点开通型）将优先在此页面逐步接入。</div>
|
||
</div>
|
||
<div style="display:flex; gap:10px;">
|
||
<a class="btn" href="/platform">返回首页</a>
|
||
<a class="btn" href="/admin/plans">运营管理套餐</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid">
|
||
@forelse($plans as $p)
|
||
<div class="card">
|
||
<div style="display:flex; align-items:center; justify-content:space-between; gap:10px;">
|
||
<h3 style="margin:0;">{{ $p->name }}</h3>
|
||
<span class="badge">{{ $p->billing_cycle }}</span>
|
||
</div>
|
||
<div class="muted" style="margin-top:6px;">套餐编码：{{ $p->code }}</div>
|
||
<div style="margin-top:10px; font-size:22px; font-weight:700;">¥{{ number_format((float) $p->price, 2) }}</div>
|
||
@if($p->description)
|
||
<div class="muted" style="margin-top:8px;">{{ $p->description }}</div>
|
||
@endif
|
||
<div style="margin-top:12px;">
|
||
<a class="btn btn-primary" href="/admin/platform-orders/create?plan_id={{ $p->id }}">我要开通/下单（暂由运营处理）</a>
|
||
</div>
|
||
<div class="muted" style="margin-top:8px;">提示：前期先跑通收费闭环与治理；自助开通会在后续版本接入。</div>
|
||
</div>
|
||
@empty
|
||
<div class="card" style="grid-column: 1 / -1;">
|
||
<div class="muted">当前暂无可对外展示的套餐（需满足：启用中 + 已发布）。</div>
|
||
</div>
|
||
@endforelse
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|