fix(F006): 用户编辑弹窗先黑一下 - loading提前覆盖全程+企业下拉与详情并行加载+遮罩透明化
This commit is contained in:
parent
30cc69f43b
commit
c2b3473c5e
@ -88,10 +88,16 @@ watch(
|
||||
() => props.visible,
|
||||
async (v) => {
|
||||
if (!v) return
|
||||
// 2026-08-18 修复"先黑一下": loading 提前置 true 覆盖整个加载过程,
|
||||
// 企业下拉与用户详情并行加载, 避免空表单闪现 + 后半程才出现遮罩
|
||||
loading.value = true
|
||||
resetForm()
|
||||
await loadEnterprises()
|
||||
if (props.userId) {
|
||||
await loadDetail()
|
||||
try {
|
||||
const jobs: Promise<void>[] = [loadEnterprises()]
|
||||
if (props.userId) jobs.push(loadDetail())
|
||||
await Promise.all(jobs)
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
)
|
||||
@ -213,7 +219,12 @@ async function submit() {
|
||||
@update:model-value="(v: boolean) => emit('update:visible', v)"
|
||||
@closed="resetForm"
|
||||
>
|
||||
<div v-loading="loading">
|
||||
<!-- 透明遮罩 + 加载文案: 消除"先黑一下"观感 (暗色主题下黑遮罩叠加更明显) -->
|
||||
<div
|
||||
v-loading="loading"
|
||||
element-loading-text="数据加载中…"
|
||||
element-loading-background="transparent"
|
||||
>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user