feat: 任务分类切换组件

songshankun

2023-10-28 20552f58f1a57b07ee237da02d8e87c574b669d6

 src/views/dashboard/index.vue

@@ -1,6 +1,8 @@
<template>
  <DashboardLayout>
    <template #leftBlock1>任务筛选tabs</template>
    <template #leftBlock1>
      <TaskTabs v-model="activeTaskTab" style="margin-top: 20px" :list="taskTabsTitle"></TaskTabs>
    </template>
    <template #leftBlock2>
      <ChannelCollapse :channels="channels"></ChannelCollapse>
    </template>
@@ -15,10 +17,11 @@
</template>
<script setup lang="ts">
import { getTaskList } from '@/api'
import { computed, ref } from 'vue'
import { computed, ref, watchEffect } from 'vue'
import ChannelCollapse from '@/views/dashboard/components/ChannelCollapse.vue'
import type { Task } from '@/api/task'
import { chain } from 'lodash-es'
import TaskTabs from '@/views/dashboard/components/TaskTabs.vue'

defineOptions({
  name: 'DashboardView'
@@ -44,6 +47,12 @@
})

getChannels()
const taskTabsTitle = ['未完成', '今日任务', '已完成']
const activeTaskTab = ref('未完成')

watchEffect(() => {
  // console.log(activeTaskTab?.value, 111111)
})
</script>

<style scoped></style>