fix(F006): 用户编辑弹窗先黑一下 - loading提前覆盖全程+企业下拉与详情并行加载+遮罩透明化

This commit is contained in:
zou 2026-08-18 16:00:20 +08:00
parent 30cc69f43b
commit c2b3473c5e

View File

@ -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"