|
|
@@ -6,9 +6,8 @@
|
|
|
<div class="lz-list">
|
|
|
<div class="list-item">
|
|
|
<p>每日履职</p>
|
|
|
- <van-tabs >
|
|
|
- <van-tab title="待完成">
|
|
|
- <template #title>待完成 {{dayList.unfinished.length}} </template>
|
|
|
+ <van-tabs>
|
|
|
+ <van-tab title="待完成" :badge="dayList.unfinished.length">
|
|
|
<Empty v-if="!dayList.unfinished.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -27,8 +26,7 @@
|
|
|
</van-cell>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab title="未完成">
|
|
|
- <template #title>未完成 {{dayList.proceed.length}} </template>
|
|
|
+ <van-tab title="未完成" :badge="dayList.proceed.length">
|
|
|
<Empty v-if="!dayList.proceed.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -45,8 +43,7 @@
|
|
|
</van-cell>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab title="已完成">
|
|
|
- <template #title>已完成 {{dayList.finished.length}} </template>
|
|
|
+ <van-tab title="已完成" :badge="dayList.finished.length">
|
|
|
<Empty v-if="!dayList.finished.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -70,8 +67,7 @@
|
|
|
<div class="list-item">
|
|
|
<p>周期履职</p>
|
|
|
<van-tabs >
|
|
|
- <van-tab title="待完成">
|
|
|
- <template #title>待完成 {{otherList.unfinished.length}} </template>
|
|
|
+ <van-tab title="待完成" :badge="dayList.unfinished.length">
|
|
|
<Empty v-if="!otherList.unfinished.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -90,8 +86,7 @@
|
|
|
</van-cell>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab title="未完成">
|
|
|
- <template #title>未完成 {{otherList.proceed.length}} </template>
|
|
|
+ <van-tab title="未完成" :badge="dayList.proceed.length">
|
|
|
<Empty v-if="!otherList.proceed.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -108,8 +103,7 @@
|
|
|
</van-cell>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab title="已完成">
|
|
|
- <template #title>已完成 {{otherList.finished.length}} </template>
|
|
|
+ <van-tab title="已完成" :badge="dayList.finished.length">
|
|
|
<Empty v-if="!otherList.finished.length"/>
|
|
|
<div class="list-container" v-else>
|
|
|
<van-cell
|
|
|
@@ -284,6 +278,9 @@ export default {
|
|
|
.van-tabs__line{
|
|
|
background-color: #008cd6;
|
|
|
}
|
|
|
+ .van-info {
|
|
|
+ background-color: #008cd6;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|