From c7a6d244585f605e32ae82321c919a09170a730d Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期四, 02 十一月 2023 11:04:20 +0800 Subject: [PATCH] feat: 添加高亮任务的值班人员展示 --- src/views/dashboard/index.vue | 22 ++++++++++++++++------ 1 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index fb32de0..fd0f348 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -30,7 +30,7 @@ </template> <template #middleBlock4> <SubTitle>浜哄憳淇℃伅</SubTitle> - <PersonInfo :person="person"></PersonInfo> + <PersonInfo v-for="worker in workers" :key="worker.workerId" :person="worker"></PersonInfo> </template> <template #rightBlock1> <div class="date-time"> @@ -40,9 +40,12 @@ <template #rightBlock2> <DeviceStatusInfo :device="device" :type="1"></DeviceStatusInfo> <DeviceStatusInfo :device="device" :type="2"></DeviceStatusInfo> + <DeviceNumberInfo></DeviceNumberInfo> </template> <template #rightBlock3> <SubTitle>鐭ヨ瘑搴�</SubTitle> + <KnowledgeInfo></KnowledgeInfo> + <BigButton class="btn" bg-color="red">绾㈢伅鍛煎彨</BigButton> </template> </DashboardLayout> </template> @@ -55,6 +58,9 @@ import ProcessInfo from '@/views/dashboard/components/ProcessInfo.vue' import ColorInfo from '@/views/dashboard/components/ColorInfo.vue' import DeviceStatusInfo from '@/views/dashboard/components/DeviceStatusInfo.vue' +import DeviceNumberInfo from '@/views/dashboard/components/DeviceNumberInfo.vue' +import KnowledgeInfo from '@/views/dashboard/components/KnowledgeInfo.vue' +import BigButton from '@/views/dashboard/components/BigButton.vue' import type { LabelValue } from '@/views/dashboard/components/TaskTabs.vue' import TaskTabs from '@/views/dashboard/components/TaskTabs.vue' import CurrentDateTime from '@/views/dashboard/components/CurrentDateTime.vue' @@ -69,12 +75,12 @@ name: 'DashboardView' }) -const person = computed(() => { - return { - workerName: '濮撳悕', - phone: '111' - } as unknown as Worker +// 鑾峰彇褰撳墠楂樹寒浠诲姟鐨勫�肩彮浜轰俊鎭� +const taskStore = useTasksStore() +const workers = computed(() => { + return taskStore.activeTask?.Procedure?.procedure?.workers ?? [] }) + const process = computed(() => { return { product: '浜у搧鍚嶇О', number: '111', procedure: '宸ヨ壓鍚嶇О', isUpdate: true } as any }) @@ -157,4 +163,8 @@ :deep(.el-tabs__nav-wrap::after) { height: 1px; } +.btn { + width: 100%; + font-size: 20px; +} </style> -- Gitblit v1.8.0