【fix bug】导入导出加载效果

This commit is contained in:
zhaoxiao
2023-03-17 09:45:04 +08:00
parent c605aaf1f6
commit bb26fcd1b2
3 changed files with 33 additions and 51 deletions
+1 -32
View File
@@ -1,16 +1,13 @@
<template>
<a-config-provider :locale="locale">
<div id="app">
<a-spin :spinning="isImporting || isExporting" :tip="tipText" class="port-spin">
<router-view/>
</a-spin>
<router-view/>
</div>
</a-config-provider>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import enquireScreen from '@/utils/device'
import { mapState } from 'vuex'
export default {
data () {
@@ -18,21 +15,6 @@ export default {
locale: zhCN
}
},
computed: {
...mapState({
isImporting: state => state.app.isImporting,
isExporting: state => state.app.isExporting
}),
tipText () {
if (this.isImporting) {
return '正在导入,请稍候...'
}
if (this.isExporting) {
return '正在导出,请稍候...'
}
return ''
}
},
created () {
const that = this
enquireScreen(deviceType => {
@@ -55,17 +37,4 @@ export default {
#app {
height: 100%;
}
.port-spin {
height: 100%;
/deep/ .ant-spin-container {
height: 100%;
}
}
.port-spin > div > .ant-spin {
height: 100vh!important;
max-height: unset!important;
}
</style>