admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 改为懒加载窗口

Browse Source
This commit is contained in:
张代鹏 2024-06-21 12:07:19 +08:00
parent 71f4d36c21
commit b6dcc62f9c
1 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/UserSelect/index.vue
View File

@ -29,16 +29,11 @@
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="phonenumber"> <el-form-item label="手机号码" prop="phonenumber">
<el-input <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable @keyup.enter="handleQuery" />
v-model="queryParams.phonenumber"
placeholder="请输入手机号码"
clearable
@keyup.enter="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button> <el-button icon="Refresh" @click="() => resetQuery()">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -223,13 +218,13 @@ const handleQuery = () => {
getList(); getList();
}; };
/** 重置按钮操作 */ /** 重置按钮操作 */
const resetQuery = () => { const resetQuery = (refresh = true) => {
dateRange.value = ['', '']; dateRange.value = ['', ''];
queryFormRef.value?.resetFields(); queryFormRef.value?.resetFields();
queryParams.value.pageNum = 1; queryParams.value.pageNum = 1;
queryParams.value.deptId = undefined; queryParams.value.deptId = undefined;
deptTreeRef.value?.setCurrentKey(undefined); deptTreeRef.value?.setCurrentKey(undefined);
handleQuery(); refresh && handleQuery();
}; };
const handleCheckboxChange = (checked) => { const handleCheckboxChange = (checked) => {
@ -290,21 +285,18 @@ watch(
() => userDialog.visible.value, () => userDialog.visible.value,
(newValue: boolean) => { (newValue: boolean) => {
if (newValue) { if (newValue) {
getTreeSelect(); // 初始化部门数据
getList(); // 初始化列表数据
initSelectUser(); initSelectUser();
} else { } else {
tableRef.value.clearCheckboxReserve(); tableRef.value.clearCheckboxReserve();
tableRef.value.clearCheckboxRow(); tableRef.value.clearCheckboxRow();
resetQuery(); resetQuery(false);
selectUserList.value = []; selectUserList.value = [];
} }
} }
); );
onMounted(() => {
getTreeSelect(); // 初始化部门数据
getList(); // 初始化列表数据
});
defineExpose({ defineExpose({
open: userDialog.openDialog, open: userDialog.openDialog,
close: userDialog.closeDialog close: userDialog.closeDialog