From 20552f58f1a57b07ee237da02d8e87c574b669d6 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期六, 28 十月 2023 17:45:33 +0800
Subject: [PATCH] feat: 任务分类切换组件
---
src/views/dashboard/index.vue | 13 +++++++++++--
1 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index bba3bcc..ea2a7f4 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,6 +1,8 @@
<template>
<DashboardLayout>
- <template #leftBlock1>浠诲姟绛涢�塼abs</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>
--
Gitblit v1.8.0