<template>
|
<DashboardLayout>
|
<template #leftBlock1>任务筛选tabs</template>
|
<template #leftBlock2>
|
<ChannelCollapse :channels="channels"></ChannelCollapse>
|
</template>
|
<template #middleBlock1>标题</template>
|
<template #middleBlock2
|
>主看板
|
<ProcessInfo :process="process"></ProcessInfo>
|
</template>
|
<template #middleBlock3>任务详情</template>
|
<template #middleBlock4
|
>人员信息
|
<PersonInfo :person="person"></PersonInfo>
|
</template>
|
<template #rightBlock1>时间</template>
|
<template #rightBlock2>状态面板</template>
|
<template #rightBlock3>知识库</template>
|
</DashboardLayout>
|
</template>
|
<script setup lang="ts">
|
import { getTaskList } from '@/api'
|
import { computed, ref } 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'
|
defineOptions({
|
name: 'DashboardView'
|
})
|
|
const taskList = ref<Task[]>()
|
|
function getChannels() {
|
getTaskList(2)
|
.then((res) => {
|
taskList.value = res.data.Tasks
|
})
|
.catch((err) => {
|
console.error(err)
|
taskList.value = []
|
})
|
}
|
|
const channels = computed(() => {
|
return chain<Task>(taskList.value)
|
.groupBy((ele) => ele.Channel)
|
.value()
|
})
|
const process = computed(() => {
|
return { name: '工艺名称', number: '111' }
|
})
|
const person = computed(() => {
|
return {
|
workerName: '姓名',
|
phone: '111'
|
}
|
})
|
getChannels()
|
</script>
|
|
<style scoped></style>
|
