From a09afdd1cd3630b079056d04c40b6134d1f47638 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期三, 01 十一月 2023 19:39:41 +0800 Subject: [PATCH] 拉代码 --- src/views/dashboard/index.vue | 45 ++++++++++++++++++++++++++++++++++++++------- 1 files changed, 38 insertions(+), 7 deletions(-) diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue index 5597a04..7ece016 100644 --- a/src/views/dashboard/index.vue +++ b/src/views/dashboard/index.vue @@ -18,9 +18,16 @@ <el-tab-pane label="鐗╂枡娓呭崟" name="鐗╂枡娓呭崟">Role</el-tab-pane> </el-tabs> </template> - <template #middleBlock3> 浠诲姟璇︽儏 </template> - <template #middleBlock4 - >浜哄憳淇℃伅 + <template #middleBlock3> + <SubTitle>浠诲姟璇︽儏</SubTitle> + <div class="task-detail"> + <TaskControl :task="activeTask"></TaskControl> + </div> + <ColorInfo :order="order" :type="1"></ColorInfo> + <ColorInfo :order="order" :type="2"></ColorInfo> + </template> + <template #middleBlock4> + <SubTitle>浜哄憳淇℃伅</SubTitle> <PersonInfo :person="person"></PersonInfo> </template> <template #rightBlock1> @@ -28,22 +35,32 @@ <CurrentDateTime></CurrentDateTime> </div> </template> - <template #rightBlock2>鐘舵�侀潰鏉�</template> - <template #rightBlock3>鐭ヨ瘑搴�</template> + <template #rightBlock2> + <DeviceStatusInfo :device="device" :type="1"></DeviceStatusInfo> + <DeviceStatusInfo :device="device" :type="2"></DeviceStatusInfo> + </template> + <template #rightBlock3> + <SubTitle>鐭ヨ瘑搴�</SubTitle> + </template> </DashboardLayout> </template> <script setup lang="ts"> import { computed, ref } from 'vue' import ChannelCollapse from '@/views/dashboard/components/ChannelCollapse.vue' -import type { Worker } from '@/api/task' +import type { Worker, Order } from '@/api/task' +import type { PLCResponse } from '@/api/plc' import PersonInfo from '@/views/dashboard/components/PersonInfo.vue' 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 type { LabelValue } from '@/views/dashboard/components/TaskTabs.vue' import TaskTabs from '@/views/dashboard/components/TaskTabs.vue' import CurrentDateTime from '@/views/dashboard/components/CurrentDateTime.vue' import { useTasksStore } from '@/stores/tasks' import { storeToRefs } from 'pinia' import ProcessingInfo from '@/views/dashboard/components/ProcessingInfo.vue' +import TaskControl from '@/views/dashboard/components/TaskControl.vue' +import SubTitle from '@/views/dashboard/components/SubTitle.vue' defineOptions({ name: 'DashboardView' @@ -56,7 +73,21 @@ } as unknown as Worker }) const process = computed(() => { - return { name: '宸ヨ壓鍚嶇О', number: '111' } + return { product: '浜у搧鍚嶇О', number: '111', procedure: '宸ヨ壓鍚嶇О', isUpdate: true } +}) + +const order = computed(() => { + return { + finishNumber: 0, + unit: '涓�', + amount: '10' + } as unknown as Order +}) +const device = computed(() => { + return { + plcStatus: 1, + plcNotConnected: false + } as unknown as PLCResponse }) const taskTabsList = [ { -- Gitblit v1.8.0