😎修改账号选择器命名

This commit is contained in:
zuohuaijun 2025-02-06 12:35:03 +08:00
parent 2d9ae4b676
commit 8a66142e33

View File

@ -3,7 +3,7 @@
<template #header> <template #header>
<div style="color: #fff"> <div style="color: #fff">
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon> <el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>
<span> 选择用户 </span> <span> 选择账号 </span>
</div> </div>
</template> </template>
<el-row :gutter="10"> <el-row :gutter="10">
@ -12,11 +12,11 @@
<OrgTree ref="orgTreeRef" @node-click="handleNodeChange" class="boxHeight" /> <OrgTree ref="orgTreeRef" @node-click="handleNodeChange" class="boxHeight" />
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<p class="tip">用户列表</p> <p class="tip">账号列表</p>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-form :model="state.queryParams" ref="queryRef" :inline="true"> <el-form :model="state.queryParams" ref="queryRef" :inline="true">
<el-form-item label="用户名称" prop="realName"> <el-form-item label="账号名称">
<el-input v-model="state.queryParams.realName" placeholder="请输入用户名称" clearable style="width: 150px" @keyup.enter="handleQuery" /> <el-input v-model="state.queryParams.account" placeholder="请输入账号名称" clearable style="width: 150px" @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button-group> <el-button-group>
@ -65,7 +65,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="账号名称" prop="account" :show-overflow-tooltip="true" /> <el-table-column label="账号名称" prop="account" :show-overflow-tooltip="true" />
<el-table-column label="用户名称" prop="realName" :show-overflow-tooltip="true" /> <el-table-column label="真实姓名" prop="realName" :show-overflow-tooltip="true" />
</el-table> </el-table>
</el-col> </el-col>
</el-row> </el-row>
@ -152,7 +152,7 @@ const handleNodeChange = async (node: any) => {
await handleQuery(); await handleQuery();
}; };
// //
const getUserList = async () => { const getUserList = async () => {
let res = await getAPI(SysUserApi).apiSysUserPagePost(state.queryParams); let res = await getAPI(SysUserApi).apiSysUserPagePost(state.queryParams);
userList.value = res.data.result?.items ?? []; userList.value = res.data.result?.items ?? [];
@ -165,24 +165,24 @@ async function handleQuery() {
await getUserList(); await getUserList();
} }
// //
function handleSelectUser(row: { id: string }) { function handleSelectUser(row: { id: string }) {
if (!row || row.id == '') { if (!row || row.id == '') {
ElMessage.error('请选择用户'); ElMessage.error('请选择账号');
return; return;
} }
if (checkedUsersList.value.some((c: { id: any }) => c.id == row.id)) { if (checkedUsersList.value.some((c: { id: any }) => c.id == row.id)) {
ElMessage.error('用户已被选中'); ElMessage.error('账号已被选中');
} else { } else {
checkedUsersList.value.push(row); checkedUsersList.value.push(row);
} }
} }
// //
function handleRemove(row: { id: any }) { function handleRemove(row: { id: any }) {
if (checkedUsersList.value.some((c: { id: any }) => c.id == row.id)) { if (checkedUsersList.value.some((c: { id: any }) => c.id == row.id)) {
checkedUsersList.value = checkedUsersList.value.filter((item: { id: any }) => item.id != row.id); checkedUsersList.value = checkedUsersList.value.filter((item: { id: any }) => item.id != row.id);
} else { } else {
ElMessage.error('用户已被移除'); ElMessage.error('账号已被移除');
} }
} }