迁移用户编辑弹窗脚本

This commit is contained in:
2026-04-25 13:39:08 +08:00
parent 35cbfedeb7
commit e876e76ec7
3 changed files with 74 additions and 53 deletions
@@ -321,57 +321,4 @@
</div>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('userEditor', () => ({
showEditModal: false,
editingUser: {},
editToast: false,
editToastOk: true,
editToastMsg: '',
editSaving: false,
async submitEditUser(formEl) {
this.editSaving = true;
this.editToast = false;
const formData = new FormData(formEl);
formData.append('_method', 'PUT'); // 必须带有伪造方法给 Laravel
try {
const res = await fetch(this.editingUser.requestUrl, {
method: 'POST',
headers: {
'Accept': 'application/json',
'X-CSRF-TOKEN': document.querySelector(
'meta[name="csrf-token"]')
.content,
},
body: formData,
});
const json = await res.json();
this.editToastOk = json.status === 'success';
this.editToastMsg = json.message || (json.status === 'success' ? '保存成功!' :
'保存失败');
this.editToast = true;
if (json.status === 'success') {
setTimeout(() => {
this.showEditModal = false;
}, 1500);
}
} catch (e) {
this.editToastOk = false;
this.editToastMsg = '网络请求异常,请检查连接后重试。';
this.editToast = true;
console.error('Edit User Request Failed:', e); // 输出详细报错方便调试
}
this.editSaving = false;
}
}));
});
</script>
@endsection