6663d6f733
dashboard模块 1.panel列表页面表格和曲线及对应全屏的loading的统一及加载时样式调整 2.全屏查询条件及数据更新时，不再与列表的数据和查询时间进行统一 说明：预览模块的预览及全屏的loading及数据同步等还需要调整
38 lines
669 B
Vue
38 lines
669 B
Vue
<style scoped lang="scss">
|
|
.loading-font{
|
|
color:#232f3e !important;
|
|
}
|
|
</style>
|
|
<template>
|
|
<div v-show="showLoading" class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0);">
|
|
<div class="el-loading-spinner">
|
|
<img width="42px" height="42px" src="../../assets/img/loading.gif"/>
|
|
<p class="el-loading-text loading-font">loading</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "loading",
|
|
props: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
showLoading:false,
|
|
};
|
|
},
|
|
methods: {
|
|
startLoading(){
|
|
this.showLoading = true;
|
|
},
|
|
endLoading(){
|
|
this.showLoading = false;
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
|