|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
- <div class="hc-full">
|
|
|
+ <div v-loading="!isAfterRender" element-loading-text="加载中..." class="hc-full">
|
|
|
<hc-table
|
|
|
- :column="tableColumn" :datas="tableData" :index-style="{ width: 60 }" is-check :check-style="{ fixed: true, width: 29 }"
|
|
|
- class="hc-project-list-table" @selection-change="tableCheckChange"
|
|
|
+ v-if="isAfterRender" :column="tableColumn" :datas="tableData" :index-style="{ width: 60 }" is-check
|
|
|
+ :check-style="{ fixed: true, width: 29 }" class="hc-project-list-table" @selection-change="tableCheckChange"
|
|
|
>
|
|
|
<template #key1="{ row }">
|
|
|
<el-link type="primary" @click="rowNameClick(row)">{{ row.key1 }}</el-link>
|
|
|
@@ -247,8 +247,12 @@ watch(() => props.isAdmin, (admin) => {
|
|
|
})
|
|
|
|
|
|
//渲染完成
|
|
|
+const isAfterRender = ref(false)
|
|
|
onMounted(() => {
|
|
|
-
|
|
|
+ //表格太复杂，渲染较慢，等页面先加载完成，再渲染表格，不然会卡住一下不动。
|
|
|
+ setTimeout(() => {
|
|
|
+ isAfterRender.value = true
|
|
|
+ }, 200)
|
|
|
})
|
|
|
|
|
|
//表头
|
