feat(admin): 订阅绑定按钮防重复提交(JS disable-on-submit)
This commit is contained in:
@@ -22,6 +22,27 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 通用:表单提交后禁用按钮,避免运营重复点击造成重复请求
|
||||
// 用法:form 标记 data-action="disable-on-submit"。
|
||||
(function () {
|
||||
var forms = document.querySelectorAll('form[data-action="disable-on-submit"]');
|
||||
if (!forms || forms.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
forms.forEach(function (form) {
|
||||
form.addEventListener('submit', function () {
|
||||
try {
|
||||
var btns = form.querySelectorAll('button, input[type="submit"]');
|
||||
btns.forEach(function (b) {
|
||||
b.disabled = true;
|
||||
// 尽量不改文案(避免影响断言/文案口径);只做禁用
|
||||
});
|
||||
} catch (e) {}
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
// 续费缺订阅治理:订单详情页“绑定订阅ID”输入框,小交互增强:
|
||||
// - 输入后按 Enter 直接提交
|
||||
// - 自动聚焦,减少点击
|
||||
|
||||
@@ -315,7 +315,7 @@
|
||||
$attachBack = $back;
|
||||
}
|
||||
@endphp
|
||||
<form method="post" action="/admin/platform-orders/{{ $attachOrderId }}/attach-subscription" class="inline-form" onsubmit="return confirm('确认将该订阅绑定到目标订单?');">
|
||||
<form method="post" action="/admin/platform-orders/{{ $attachOrderId }}/attach-subscription" class="inline-form" data-action="disable-on-submit" onsubmit="return confirm('确认将该订阅绑定到目标订单?');">
|
||||
@csrf
|
||||
<input type="hidden" name="site_subscription_id" value="{{ $subscription->id }}">
|
||||
@if($attachBack !== '')
|
||||
|
||||
@@ -0,0 +1,67 @@
|
||||
<?php
|
||||
|
||||
namespace Tests\Feature;
|
||||
|
||||
use App\Models\Merchant;
|
||||
use App\Models\Plan;
|
||||
use App\Models\SiteSubscription;
|
||||
use Illuminate\Foundation\Testing\RefreshDatabase;
|
||||
use Tests\TestCase;
|
||||
|
||||
class AdminSiteSubscriptionIndexAttachOrderIdShouldMarkBindFormDisableOnSubmitTest extends TestCase
|
||||
{
|
||||
use RefreshDatabase;
|
||||
|
||||
protected function loginAsPlatformAdmin(): void
|
||||
{
|
||||
$this->seed();
|
||||
|
||||
$this->post('/admin/login', [
|
||||
'email' => 'platform.admin@demo.local',
|
||||
'password' => 'Platform@123456',
|
||||
])->assertRedirect('/admin');
|
||||
}
|
||||
|
||||
public function test_index_should_mark_bind_form_disable_on_submit(): void
|
||||
{
|
||||
$this->loginAsPlatformAdmin();
|
||||
|
||||
$merchant = Merchant::query()->firstOrFail();
|
||||
|
||||
$plan = Plan::query()->create([
|
||||
'code' => 'sub_index_disable_on_submit_plan',
|
||||
'name' => '订阅列表绑定按钮防重复提交测试套餐',
|
||||
'billing_cycle' => 'monthly',
|
||||
'price' => 10,
|
||||
'list_price' => 10,
|
||||
'status' => 'active',
|
||||
'sort' => 10,
|
||||
'published_at' => now(),
|
||||
]);
|
||||
|
||||
SiteSubscription::query()->create([
|
||||
'merchant_id' => $merchant->id,
|
||||
'plan_id' => $plan->id,
|
||||
'status' => 'active',
|
||||
'source' => 'manual',
|
||||
'subscription_no' => 'SS_DISABLE_ON_SUBMIT_0001',
|
||||
'plan_name' => $plan->name,
|
||||
'billing_cycle' => $plan->billing_cycle,
|
||||
'period_months' => 1,
|
||||
'amount' => 10,
|
||||
'starts_at' => now()->subDays(1),
|
||||
'ends_at' => now()->addDays(10),
|
||||
'snapshot' => [],
|
||||
'meta' => [],
|
||||
]);
|
||||
|
||||
$orderId = 12345;
|
||||
|
||||
$res = $this->get('/admin/site-subscriptions?attach_order_id=' . $orderId . '&attach_back=%2Fadmin%2Fplatform-orders%2F1');
|
||||
$res->assertOk();
|
||||
|
||||
$html = (string) $res->getContent();
|
||||
|
||||
$this->assertStringContainsString('data-action="disable-on-submit"', $html);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user