作业批阅:新增空列表展示与loading加载效果 #192

Merged
baigl merged 1 commits from baigl into main 2024-09-11 14:30:32 +08:00
1 changed files with 35 additions and 21 deletions

View File

@ -27,6 +27,9 @@
</div> </div>
</div> </div>
<div class="class-reserv-body"> <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 <task-item
v-for="(item, index) in activeDataList" v-for="(item, index) in activeDataList"
v-show="tabActive === '进行中'" v-show="tabActive === '进行中'"
@ -46,6 +49,14 @@
@delete-reserv="deleteReserv(item)" @delete-reserv="deleteReserv(item)"
></task-item> ></task-item>
</div> </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> <item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog>
</el-container> </el-container>
</template> </template>
@ -99,6 +110,8 @@ const changeEndDate = (val) => {
// //
const getData = () => { const getData = () => {
classWorkList.value = []
loading.value = true
// 1 // 1
getClassList() getClassList()
// 2 // 2
@ -181,6 +194,9 @@ const getClassWorkList = () => {
classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0) classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0)
//TODO total //TODO total
total.value = response.total total.value = response.total
}else{
classWorkList.value = []
total.value = 0
} }
loading.value = false loading.value = false
}) })
@ -402,9 +418,7 @@ watch(
) )
watch(tabActive, (newVal,oldVal)=>{ watch(tabActive, (newVal,oldVal)=>{
console.log('newVal',newVal); console.log('newVal',newVal);
setTimeout(() => {
getData() // getData() //
}, 300)
}) })
</script> </script>