fix:将填写弹窗修改为选择弹窗
Build and Deploy Vue3 / build (push) Successful in 6m17s
Build and Deploy Vue3 / deploy (push) Successful in 1m25s

This commit is contained in:
2026-01-19 17:02:26 +08:00
parent cae89dd5ad
commit 36271b8bd0
13 changed files with 3171 additions and 25 deletions
+30 -1
View File
@@ -18,6 +18,20 @@
<el-icon><Refresh /></el-icon>刷新
</el-button>
</el-form-item>
<el-form-item label="用户ID">
<el-input
v-model="jumpUserId"
placeholder="输入用户ID跳转"
clearable
style="width: 150px"
@keyup.enter="handleJumpToUser"
/>
</el-form-item>
<el-form-item>
<el-button type="warning" @click="handleJumpToUser">
<el-icon><Position /></el-icon>跳转
</el-button>
</el-form-item>
</el-form>
<div class="action-bar">
<el-button type="primary" @click="handleAdd">
@@ -384,7 +398,7 @@
import { ref, reactive, onMounted, computed } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import { Plus, Delete, Search, ArrowDown, View, User, Edit, Refresh } from '@element-plus/icons-vue'
import { Plus, Delete, Search, ArrowDown, View, User, Edit, Refresh, Position } from '@element-plus/icons-vue'
import AvatarSelector from '@/components/admin/AvatarSelector.vue'
import {
getUserList,
@@ -404,6 +418,9 @@ import { closeAllMessage } from '../../utils/message'
const router = useRouter()
// 跳转用户ID
const jumpUserId = ref('')
// 查询参数
const queryParams = reactive({
key: '',
@@ -552,6 +569,18 @@ const resetQuery = () => {
fetchUserList()
}
// 跳转到指定用户详情
const handleJumpToUser = () => {
if (!jumpUserId.value || !jumpUserId.value.trim()) {
ElMessage.warning('请输入用户ID')
return
}
router.push({
path: '/user/detail',
query: { user_id: jumpUserId.value.trim() }
})
}
// 选择项变化
const handleSelectionChange = (selection) => {
selectedRows.value = selection