Merge pull request '作业批阅:新增空列表展示与loading加载效果' (#192) from baigl into main

Reviewed-on: #192
This commit is contained in:
baigl 2024-09-11 14:30:31 +08:00
commit 471d73a224
1 changed files with 35 additions and 21 deletions

View File

@ -27,6 +27,9 @@
</div>
</div>
<div class="class-reserv-body">
<!-- loading <el-skeleton :rows="5" animated />-->
<el-skeleton :rows="5" :loading="loading" animated />
<div v-if="classWorkList.length > 0">
<task-item
v-for="(item, index) in activeDataList"
v-show="tabActive === '进行中'"
@ -46,6 +49,14 @@
@delete-reserv="deleteReserv(item)"
></task-item>
</div>
<div v-else>
<el-empty
v-show="classWorkList.length == 0 && !loading"
:description="'暂无'+tabActive+'作业数据'"
style="width: 100%; height: 400px"
></el-empty>
</div>
</div>
<item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog>
</el-container>
</template>
@ -99,6 +110,8 @@ const changeEndDate = (val) => {
//
const getData = () => {
classWorkList.value = []
loading.value = true
// 1
getClassList()
// 2
@ -181,6 +194,9 @@ const getClassWorkList = () => {
classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0)
//TODO total
total.value = response.total
}else{
classWorkList.value = []
total.value = 0
}
loading.value = false
})
@ -402,9 +418,7 @@ watch(
)
watch(tabActive, (newVal,oldVal)=>{
console.log('newVal',newVal);
setTimeout(() => {
getData() //
}, 300)
})
</script>