APS终端看板风格1
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
haoxuan
2023-10-28 ba8a936772e4e2c58dd515d64d7cb7d7817bbe88 
 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>


@@ -14,19 +16,26 @@


      >人员信息


      <PersonInfo :person="person"></PersonInfo>


    </template>


    <template #rightBlock1>时间</template>


    <template #rightBlock1>


      <div class="date-time">


        <CurrentDateTime></CurrentDateTime>


      </div>


    </template>


    <template #rightBlock2>状态面板</template>


    <template #rightBlock3>知识库</template>


  </DashboardLayout>


</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 ProcessInfo from '@/views/dashboard/components/ProcessInfo.vue'


import PersonInfo from '@/views/dashboard/components/PersonInfo.vue'


import TaskTabs from '@/views/dashboard/components/TaskTabs.vue'


import CurrentDateTime from '@/views/dashboard/components/CurrentDateTime.vue'




defineOptions({


  name: 'DashboardView'


})


@@ -59,6 +68,20 @@


  }


})


getChannels()


const taskTabsTitle = ['未完成', '今日任务', '已完成']


const activeTaskTab = ref('未完成')




watchEffect(() => {


  // console.log(activeTaskTab?.value, 111111)


})


</script>




<style scoped></style>


<style scoped>


.date-time {


  width: 100%;


  display: flex;


  align-items: center;


  justify-content: center;


  padding-top: 12px;


}


</style>