ddrwode/jyls_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hthhth

Browse Source
This commit is contained in:
27942
2025-12-26 11:31:28 +08:00
parent 76f196d330
commit 9559bc4702
1 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/system/user/index.vue
View File

@@ -99,18 +99,29 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="50" align="center" /> <el-table-column type="selection" width="50" align="center" />
<el-table-column label="用户名" prop="account" /> <el-table-column label="用户名" prop="account" min-width="120">
<el-table-column label="昵称" align="center" prop="username" /> <template #default="scope">
{{ scope.row.account || '-' }}
</template>
</el-table-column>
<el-table-column label="昵称" align="center" prop="username" min-width="120">
<template #default="scope">
{{ scope.row.username || '-' }}
</template>
</el-table-column>
<!-- <el-table-column label="性别" width="100" align="center">--> <!-- <el-table-column label="性别" width="100" align="center">-->
<!-- <template #default="scope">--> <!-- <template #default="scope">-->
<!-- <DictLabel v-model="scope.row.gender" code="gender" />--> <!-- <DictLabel v-model="scope.row.gender" code="gender" />-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column label="部门" align="center" prop="department"> <el-table-column label="部门" align="center" prop="department" min-width="150">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.department && scope.row.department.length > 0"> <span v-if="scope.row.department && Array.isArray(scope.row.department) && scope.row.department.length > 0">
{{ scope.row.department.map((d: any) => d.username || d.name || '').filter((n: string) => n).join(', ') }} {{ scope.row.department.map((d: any) => d.username || d.name || '').filter((n: string) => n).join(', ') }}
</span> </span>
<span v-else-if="scope.row.department && typeof scope.row.department === 'string'">
{{ scope.row.department }}
</span>
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -128,8 +139,16 @@
<span v-if="!scope.row.role || scope.row.role.length === 0">-</span> <span v-if="!scope.row.role || scope.row.role.length === 0">-</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="手机号码" align="center" prop="mobilePhone" /> <el-table-column label="手机号码" align="center" prop="mobilePhone" min-width="120">
<el-table-column label="入职时间" align="center" prop="Dateofjoining" /> <template #default="scope">
{{ scope.row.mobilePhone || '-' }}
</template>
</el-table-column>
<el-table-column label="入职时间" align="center" prop="Dateofjoining" min-width="120">
<template #default="scope">
{{ scope.row.Dateofjoining || '-' }}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="280"> <el-table-column label="操作" fixed="right" align="center" width="280">
<template #default="scope"> <template #default="scope">
<el-button <el-button
@@ -682,13 +701,21 @@ const rules = reactive({
* 获取列表数据 * 获取列表数据
*/ */
const fetchUserList = useDebounceFn(async () => { const fetchUserList = useDebounceFn(async () => {
if (!queryParams.department) return // 如果没有选择部门，可以加载所有用户或者提示选择部门
// 暂时允许不选择部门时也加载数据
// if (!queryParams.department) return
loading.value = true loading.value = true
try { try {
const res: any = await UserPersonnelList(queryParams) const res: any = await UserPersonnelList(queryParams)
pageData.value = res.data pageData.value = res.data || []
total.value = res.total total.value = res.total || 0
// 调试：打印数据查看结构
if (pageData.value.length > 0) {
console.log('用户列表数据示例:', pageData.value[0])
console.log('部门数据:', pageData.value[0]?.department)
}
} catch (error) { } catch (error) {
ElMessage.error('获取用户列表失败') ElMessage.error('获取用户列表失败')
console.error('获取用户列表失败:', error) console.error('获取用户列表失败:', error)