重构：将后台编辑用户 AJAX 提交方法移入 Alpine data 组件内部，彻底解决作用域和数据获取问题

resources/views/admin/users/index.blade.php

@@ -8,7 +8,7 @@
         // 管理员级别 = 最高等级 + 1，后台编辑最高可设到管理员级别
         $adminLevel = (int) \App\Models\Sysparam::getValue('maxlevel', '15') + 1;
     @endphp
-    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6" x-data="{ showEditModal: false, editingUser: {}, adminLevel: {{ $adminLevel }}, editToast: false, editToastOk: true, editToastMsg: '', editSaving: false }">
+    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6" x-data="userEditor()">
         <div class="p-6 border-b border-gray-100 bg-gray-50 flex items-center justify-between">
             <form action="{{ route('admin.users.index') }}" method="GET" class="flex gap-2">
                 <input type="text" name="username" value="{{ request('username') }}" placeholder="搜索用户名..."
@@ -168,7 +168,7 @@
                         class="mb-4 px-4 py-2 border-l-4 rounded text-sm font-bold" x-text="editToastMsg">
                     </div>
 
-                    <form @submit.prevent="submitEditUser($el, $data)" method="POST">
+                    <form @submit.prevent="submitEditUser($el)" method="POST">
                         @csrf @method('PUT')
 
                         <div class="grid grid-cols-2 gap-4">
@@ -281,50 +281,57 @@
     </div>
 
     <script>
-        /**
-         * 用户编辑弹窗 AJAX 提交
-         * 避免传统表单导致 302 重定向，改为 fetch 就地显示结果
-         * @param {HTMLFormElement} form Alpine $el（表单元素）
-         * @param {object}          data Alpine $data（组件数据，直接传入避免 querySelector 查找失败）
-         */
-        async function submitEditUser(form, data) {
-            data.editSaving = true;
-            data.editToast = false;
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('userEditor', () => ({
+                showEditModal: false,
+                editingUser: {},
+                adminLevel: {{ $adminLevel }},
+                editToast: false,
+                editToastOk: true,
+                editToastMsg: '',
+                editSaving: false,
 
-            const formEl = form.querySelector('form') ?? form;
-            const formData = new FormData(formEl);
-            // Laravel 路由为 PUT，fetch 需通过 _method 伪造方法
-            formData.append('_method', 'PUT');
+                async submitEditUser(formEl) {
+                    this.editSaving = true;
+                    this.editToast = false;
 
-            try {
-                const res = await fetch(data.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();
+                    const formData = new FormData(formEl);
+                    formData.append('_method', 'PUT'); // 必须带有伪造方法给 Laravel
 
-                data.editToastOk = json.status === 'success';
-                data.editToastMsg = json.message || (json.status === 'success' ? '保存成功！' : '保存失败');
-                data.editToast = true;
+                    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();
 
-                // 成功后 1.5 秒关闭弹窗
-                if (json.status === 'success') {
-                    setTimeout(() => {
-                        data.showEditModal = false;
-                    }, 1500);
+                        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;
                 }
-            } catch (e) {
-                data.editToastOk = false;
-                data.editToastMsg = '网络异常，请检查连接后重试。';
-                data.editToast = true;
-            }
-
-            data.editSaving = false;
-        }
+            }));
+        });
     </script>
 
 @endsection