😎修改账号选择器命名
This commit is contained in:
parent
2d9ae4b676
commit
8a66142e33
@ -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('账号已被移除');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user