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