perf: 搜索框bug修复、alertmessage二级增加loading

1.搜索框增加滚动条插件后下拉框不可见的bug
2.增加动画后搜索框下拉框位置异常的bug
3.alert-message二级页面增加加载loading动画
This commit is contained in:
陈劲松
2020-03-23 21:46:19 +08:00
parent ef50d7b8db
commit 3e110e8cbe
5 changed files with 121 additions and 42 deletions

View File

@@ -232,15 +232,18 @@
}
},
methods: {
getAlertList: function () {
getAlertList() {
this.tableData = [];
this.loading = true;
this.$set(this.searchLabel, "pageNo", this.pageObj.pageNo);
this.$set(this.searchLabel, "pageSize", this.pageObj.pageSize);
this.$get('alert/message', this.searchLabel).then(response => {
if (response.code == 200) {
this.tableData = response.data.list
this.pageObj.total = response.data.total
this.loading = false;
this.tableData = response.data.list;
this.pageObj.total = response.data.total;
}
})
});
},
pageNo(val) {
this.pageObj.pageNo = val;
@@ -364,6 +367,21 @@
}
</script>
<style scoped>
<style lang="scss">
/*重写el-loading样式*/
.nz-table .el-loading-spinner .circular{
width: 42px;
height: 42px;
animation: loading-rotate 2s linear infinite;
display: none;
}
.nz-table .el-loading-spinner{
background: url(../../../assets/img/loading.gif) no-repeat;
background-size: 48px 48px;
width: 100%;
height: 100%;
position: relative;
top: 50%;
left: 48.5%;
}
</style>