fix: 提交修改

src/views/user/UserList.vue

@@ -17,12 +17,15 @@
           </div>
           <div class="search-group">
             <span class="search-label">用户ID</span>
-            <el-input 
-              v-model="jumpUserId" 
-              placeholder="输入ID跳转" 
-              clearable 
+            <el-input
+              :model-value="jumpUserName || (jumpUserId ? jumpUserId : '')"
+              placeholder="输入ID跳转"
+              readonly
+              clearable
               class="search-input-small"
-              @keyup.enter="handleJumpToUser"
+              style="cursor:pointer"
+              @click="showJumpUserSelector = true"
+              @clear="jumpUserId = ''; jumpUserName = ''"
             />
           </div>
           <div class="search-buttons">
@@ -331,6 +334,11 @@
       :current-user-id="userForm.recommend_id"
       @confirm="handleRecommendUserConfirm"
     />
+    <!-- 筛选用户ID选择器 -->
+    <UserListSelector
+      v-model="showJumpUserSelector"
+      @confirm="u => { jumpUserId = String(u.user_id); jumpUserName = u.user_name || `用户 #${u.user_id}` }"
+    />
 
     <!-- 修改头像对话框 -->
     <el-dialog
@@ -655,6 +663,8 @@ const router = useRouter()
 
 // 跳转用户ID
 const jumpUserId = ref('')
+const jumpUserName = ref('')
+const showJumpUserSelector = ref(false)
 
 // 查询参数
 const queryParams = reactive({
@@ -1946,55 +1956,6 @@ onMounted(() => {
   color: #606266;
 }
 
-/* 表格样式优化 */
-:deep(.el-table) {
-  color: #2c3e50;
-}
-
-:deep(.el-table__header) {
-  background: #f8f9fa;
-}
-
-:deep(.el-table th) {
-  background: #f8f9fa !important;
-  border-bottom: 2px solid #e1e8ed;
-  color: #2c3e50;
-  font-weight: 600;
-  font-size: 13px;
-}
-
-:deep(.el-table td) {
-  border-bottom: 1px solid #f0f2f5;
-  color: #34495e;
-}
-
-:deep(.el-table tr:hover > td) {
-  background-color: #f8f9fa !important;
-}
-
-/* 固定列阴影效果 */
-:deep(.el-table__fixed) {
-  box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.12);
-}
-
-:deep(.el-table__fixed-right) {
-  box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.12);
-}
-
-/* 表格滚动条样式 */
-:deep(.el-scrollbar__bar.is-horizontal) {
-  height: 8px;
-}
-
-:deep(.el-scrollbar__thumb) {
-  background-color: #c0c4cc;
-  border-radius: 4px;
-}
-
-:deep(.el-scrollbar__thumb:hover) {
-  background-color: #909399;
-}
-
 :deep(.el-card__body) {
   padding: 0;
 }