| | |
|---|
| | | <template #middleBlock3> |
|---|
| | | <SubTitle>任务详情</SubTitle> |
|---|
| | | <div class="task-detail"> |
|---|
| | | <TaskControl :task="activeTask"></TaskControl> |
|---|
| | | <TaskControl :task="activeTask" @should-reload="reloadAllData"></TaskControl> |
|---|
| | | </div> |
|---|
| | | <ColorInfo :order="order" :type="1"></ColorInfo> |
|---|
| | | <ColorInfo :order="order" :type="2"></ColorInfo> |
|---|
| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { computed, ref } from 'vue' |
|---|
| | | import ChannelCollapse from '@/views/dashboard/components/ChannelCollapse.vue' |
|---|
| | | import type { Worker, Order } from '@/api/task' |
|---|
| | | import type { Worker, Order, Task } 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' |
|---|
| | |
|---|
| | | } as unknown as Worker |
|---|
| | | }) |
|---|
| | | const process = computed(() => { |
|---|
| | | return { product: '产品名称', number: '111', procedure: '工艺名称', isUpdate: true } |
|---|
| | | return { product: '产品名称', number: '111', procedure: '工艺名称', isUpdate: true } as any |
|---|
| | | }) |
|---|
| | | |
|---|
| | | const order = computed(() => { |
|---|
| | |
|---|
| | | function changeTab(tab: LabelValue) { |
|---|
| | | tasksStore.getChannels(tab.value) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function reloadAllData(task: Task) { |
|---|
| | | tasksStore.reload(task.Channel) |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped lang="scss"> |
|---|
