From 852081f66f9a45673057a8e94b3e5ec906b60c83 Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Thu, 25 Jan 2024 19:34:49 +0800
Subject: [PATCH] chore：加载提示
---
src/views/evaluate/components/candidateDialog.vue | 25 ++++++++++++++++++-------
1 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/src/views/evaluate/components/candidateDialog.vue b/src/views/evaluate/components/candidateDialog.vue
index 621abeb..b59ddfb 100644
--- a/src/views/evaluate/components/candidateDialog.vue
+++ b/src/views/evaluate/components/candidateDialog.vue
@@ -3,7 +3,8 @@
<div style="margin-bottom: 20px;" v-if="!form.deptId">
<el-alert title="请先选择部门信息" type="warning" />
</div>
- <el-form :model="form" ref="formRef" :rules="rules" label-width="70px">
+ <el-form :model="form" ref="formRef" :rules="rules" label-width="70px" v-loading="isLoading"
+ element-loading-text="数据加载中，请稍后。。。">
<el-row>
<el-col :span="12">
<el-form-item label="部门" prop="deptId">
@@ -14,11 +15,13 @@
<el-col :span="12">
<el-form-item label="候选人" prop="userId">
<el-select v-model="form.userId" placeholder="请选择候选人"
- :disabled="userSelectOption.length > 0 ? false : true" @change="userSelectChange"
+ :disabled="isLoading || userSelectOption.length > 0 ? false : true" @change="userSelectChange"
style="width: 100%;">
- <el-option v-for="item in userSelectOption" :label="item.name" :key="item.id"
- :value="item.id" />
- <div class="loading-more" @click="loadMore">{{ loadingMoreText }}</div>
+ <div v-loading="isLoading" element-loading-text="数据加载中，请稍后。。。">
+ <el-option v-for="item in userSelectOption" :label="item.name" :key="item.id"
+ :value="item.id" />
+ <div class="loading-more" @click="loadMore">{{ loadingMoreText }}</div>
+ </div>
</el-select>
</el-form-item>
</el-col>
@@ -31,7 +34,7 @@
</el-form>
<template #footer>
<el-button @click="() => props.params.visible = false">取消</el-button>
- <el-button type="primary" @click="submit">确定</el-button>
+ <el-button type="primary" @click="submit" :loading="isLoading">确定</el-button>
</template>
</el-dialog>
</template>
@@ -51,6 +54,8 @@
})
const emits = defineEmits(['refresh'])
+
+const isLoading = ref(true)
const curType = ref()
@@ -132,11 +137,13 @@
// 初始化部门数据
const initDept = async (parentId) => {
const deptResult = await getDeptLazyTree(parentId)
+ isLoading.value = false
return deptResult.data.data
}
// 初始化用户列表
const initUserList = (deptId) => {
+ isLoading.value = true
return getList(
page.current,
page.size,
@@ -146,6 +153,7 @@
deptId,
).then(res => {
page.total = res.data.data.total
+ isLoading.value = false
return res.data.data.records
})
}
@@ -155,8 +163,11 @@
const deptChange = async (value) => {
const id = value[value.length - 1]
currentDeptId.value = id
+ form.userId = ''
+ page.current = 1
const userList = await initUserList(id)
userSelectOption.value = userList
+ if (userList.length <= 0) ElMessage.warning('当前部门人员为空，请选择其他部门！！')
}
// 级联配置
@@ -221,7 +232,7 @@
if (!val) return
const { id } = props.params.data
requestParams.evaluateTaskCategoryId = id
-
+
}, {
deep: true
})
--
Gitblit v1.9.3