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

迁移奖励金币弹窗脚本

Browse Source
This commit is contained in:
流星
2026-04-25 19:00:41 +08:00
parent 8d038c698f
commit 6f779edb91
4 changed files with 278 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+5 -112
View File
@@ -249,8 +249,7 @@
</div>
{{-- 操作按钮区：加好友 + 送礼物 + 送金币（有职务且有奖励权限时显示） --}}
<div x-data="{ showGiftPanel: false, showGiftGoldPanel: false, giftGoldAmount: '', giftGoldSending: false }"
x-show="userInfo.username !== window.chatContext.username">
<div x-show="userInfo.username !== window.chatContext.username">
<div class="modal-actions" style="margin-bottom: 0; display: flex; gap: 6px;">
{{-- 加好友 / 删好友 --}}
@@ -265,7 +264,7 @@
{{-- 送礼物按钮 --}}
<button class="btn-whisper" style="flex:1;"
x-on:click="showGiftPanel = !showGiftPanel; showGiftGoldPanel = false;">
x-on:click="toggleGiftPanel()">
🎁 送礼物
</button>
@@ -273,7 +272,7 @@
<button
style="flex:1; padding: 7px 10px; border-radius: 5px; font-size: 12px; font-weight: bold; cursor: pointer;
background: linear-gradient(135deg,#f59e0b,#d97706); color:#fff; border:none;"
x-on:click="showGiftGoldPanel = !showGiftGoldPanel; showGiftPanel = false;">
x-on:click="toggleGiftGoldPanel()">
💰 赠金币
</button>
@@ -342,33 +341,7 @@
placeholder="输入金额"
style="flex:1; height:36px; padding:0 10px; border:1px solid #fbbf24; border-radius:6px; font-size:13px; color:#334155;">
<button
x-on:click="
if (!giftGoldAmount || giftGoldAmount <= 0) return;
giftGoldSending = true;
fetch('/gift/gold', {
method: 'POST',
headers: {
'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify({
to_user: userInfo.username,
room_id: window.chatContext.roomId,
amount: giftGoldAmount
})
}).then(r => r.json()).then(d => {
if (d.status === 'success') {
window.chatContext.myGold = d.data?.my_jjb ?? window.chatContext.myGold;
showGiftGoldPanel = false;
giftGoldAmount = '';
$alert(d.message, '赠送成功 💝', '#d97706');
} else {
$alert(d.message, '赠送失败', '#cc4444');
}
}).catch(() => $alert('网络异常', '错误', '#cc4444'))
.finally(() => { giftGoldSending = false; });
"
x-on:click="sendGiftGold()"
:disabled="giftGoldSending"
style="height:36px; padding:0 16px; background:linear-gradient(135deg,#f59e0b,#d97706); color:#fff;
border:none; border-radius:6px; font-size:13px; font-weight:bold; cursor:pointer; white-space:nowrap;"
@@ -603,87 +576,7 @@
</div>
{{-- ═══════════ 奖励金币独立弹窗 ═══════════ --}}
<div id="reward-modal-container" x-data="{
show: false,
targetUsername: '',
amount: '',
sending: false,
loading: false,
quota: { max_once: null, daily_limit: null, today_sent: 0, daily_remaining: null, recent_rewards: [] },
fmt(v) {
if (v === null) return '不限';
if (v === 0) return '—';
return v.toLocaleString() + ' 金币';
},
closeRelatedModals() {
this.show = false;
const userModalElement = document.getElementById('user-modal-container');
if (!window.Alpine || !userModalElement) return;
const userModalData = window.Alpine.$data(userModalElement);
if (!userModalData) return;
userModalData.showUserModal = false;
},
async open(username) {
this.targetUsername = username;
this.amount = '';
this.sending = false;
this.loading = true;
this.show = true;
try {
const res = await fetch(window.chatContext.rewardQuotaUrl, {
headers: { 'Accept': 'application/json' }
});
this.quota = await res.json();
if (!this.quota.recent_rewards) this.quota.recent_rewards = [];
} catch { this.quota = { max_once: null, daily_limit: null, today_sent: 0, daily_remaining: null, recent_rewards: [] }; }
this.loading = false;
},
async send() {
if (this.sending) return;
const amt = parseInt(this.amount, 10);
if (!amt || amt <= 0) { window.chatDialog.alert('请输入有效金额', '提示', '#f59e0b'); return; }
const maxOnce = window.chatContext?.myMaxReward;
if (maxOnce === 0) { window.chatDialog.alert('你的职务没有奖励发放权限', '无权限', '#cc4444'); return; }
if (maxOnce > 0 && amt > maxOnce) { window.chatDialog.alert('超出单次上限 ' + maxOnce + ' 金币', '超出上限', '#cc4444'); return; }
this.sending = true;
try {
const res = await fetch(window.chatContext.rewardUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '',
'Accept': 'application/json',
},
body: JSON.stringify({ username: this.targetUsername, room_id: window.chatContext.roomId, amount: amt }),
});
const data = await res.json();
if (data.status === 'success') {
this.quota.today_sent += amt;
if (this.quota.daily_remaining !== null) {
this.quota.daily_remaining = Math.max(0, this.quota.daily_remaining - amt);
}
// 在历史记录头部插入
const now = new Date();
const mm = String(now.getMonth() + 1).padStart(2, '0');
const dd = String(now.getDate()).padStart(2, '0');
const hh = String(now.getHours()).padStart(2, '0');
const mi = String(now.getMinutes()).padStart(2, '0');
this.quota.recent_rewards.unshift({ target: this.targetUsername, amount: amt, created_at: mm + '-' + dd + ' ' + hh + ':' + mi });
if (this.quota.recent_rewards.length > 10) this.quota.recent_rewards.pop();
this.amount = '';
this.closeRelatedModals();
window.chatDialog.alert(data.message, '🎉 奖励发放成功', '#d97706');
} else {
window.chatDialog.alert(data.message || '发放失败', '操作失败', '#cc4444');
}
} catch { window.chatDialog.alert('网络异常，请稍后重试', '错误', '#cc4444'); }
this.sending = false;
}
}">
<div id="reward-modal-container" x-data="rewardModal()">
<div x-show="show" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:9900;"
x-on:click.self="show = false">
<div x-show="show"