| | |
|---|
| | | <template #leftBlock2> |
|---|
| | | <ChannelCollapse :channels="channels"></ChannelCollapse> |
|---|
| | | </template> |
|---|
| | | <template #middleBlock1>标题</template> |
|---|
| | | <template #middleBlock1> |
|---|
| | | <DashboardTitle></DashboardTitle> |
|---|
| | | </template> |
|---|
| | | <template #middleBlock2> |
|---|
| | | <el-tabs v-model="activeMainTabName" class="main-info-tabs"> |
|---|
| | | <el-tab-pane label="加工信息" name="加工信息"> |
|---|
| | |
|---|
| | | <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' |
|---|
| | |
|---|
| | | import ProcessingInfo from '@/views/dashboard/components/ProcessingInfo.vue' |
|---|
| | | import TaskControl from '@/views/dashboard/components/TaskControl.vue' |
|---|
| | | import SubTitle from '@/views/dashboard/components/SubTitle.vue' |
|---|
| | | import DashboardTitle from '@/views/dashboard/components/DashboardTitle.vue' |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | | name: 'DashboardView' |
|---|
| | |
|---|
| | | } 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"> |
|---|
