|
|
@ -1,13 +1,14 @@ |
|
|
|
<script setup lang="ts"> |
|
|
|
import { stopTask, trayIn, trayOut } from 'apis/home' |
|
|
|
import AddLiquid from 'components/home/AddLiquid/index.vue' |
|
|
|
import CheckCraft from 'components/home/CheckCraft/index.vue' |
|
|
|
import ExecuteCraft from 'components/home/ExecuteCraft/index.vue' |
|
|
|
import ExtractLiquid from 'components/home/ExtractLiquid/index.vue' |
|
|
|
import FillSolution from 'components/home/FillSolution/index.vue' |
|
|
|
import SetTemperature from 'components/home/SetTemperature/index.vue' |
|
|
|
import StartClean from 'components/home/StartClean/index.vue' |
|
|
|
import StartExperiment from 'components/home/StartExperiment/index.vue' |
|
|
|
|
|
|
|
import StartExperiment from 'components/home/StartExperiment/index.vue' |
|
|
|
import Tube from 'components/home/Tube/index.vue' |
|
|
|
import { ElMessageBox } from 'element-plus' |
|
|
|
import { FtMessage } from 'libs/message' |
|
|
@ -166,6 +167,8 @@ const trayInHandle = async () => { |
|
|
|
const trayOutHandle = async () => { |
|
|
|
await trayOut() |
|
|
|
} |
|
|
|
|
|
|
|
const checkCraftVisible = ref(false) |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
@ -219,9 +222,12 @@ const trayOutHandle = async () => { |
|
|
|
<!-- 选择预设 --> |
|
|
|
<!-- </ft-button> --> |
|
|
|
|
|
|
|
<ft-button size="large" style="grid-column: 1 / 3; grid-row: 2 / 3;" :click-handle="executeCraftHandle"> |
|
|
|
<ft-button size="large" :click-handle="executeCraftHandle"> |
|
|
|
执行预设 |
|
|
|
</ft-button> |
|
|
|
<ft-button size="large" :click-handle="() => checkCraftVisible = true"> |
|
|
|
异常预设 |
|
|
|
</ft-button> |
|
|
|
</div> |
|
|
|
<div style="display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr)"> |
|
|
|
<ft-button size="large" @click="cleanVisible = true"> |
|
|
@ -292,7 +298,7 @@ const trayOutHandle = async () => { |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
<CheckCraft v-if="checkCraftVisible" @close="checkCraftVisible = false" /> |
|
|
|
<StartExperiment v-if="startVisible" @ok="startVisible = false" @cancel="startVisible = false" /> |
|
|
|
<StartClean v-if="cleanVisible" @ok="cleanVisible = false" @cancel="cleanVisible = false" /> |
|
|
|
<ExecuteCraft v-if="selectCraftVisible" @ok="selectCraftVisible = false" @cancel="selectCraftVisible = false" /> |
|
|
@ -305,34 +311,34 @@ const trayOutHandle = async () => { |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.home-page { |
|
|
|
.page-top{ |
|
|
|
height: 65%; |
|
|
|
border-radius: 8px; |
|
|
|
padding: 0 10px 10px; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(4, 1fr); /* 创建3列等宽轨道 */ |
|
|
|
grid-template-rows: repeat(1, auto); /* 创建2行自动高度 */ |
|
|
|
gap: 10px; |
|
|
|
justify-content: center; /* 水平居中 */ |
|
|
|
align-items: center; |
|
|
|
.page-top{ |
|
|
|
height: 65%; |
|
|
|
border-radius: 8px; |
|
|
|
padding: 0 10px 10px; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(4, 1fr); /* 创建3列等宽轨道 */ |
|
|
|
grid-template-rows: repeat(1, auto); /* 创建2行自动高度 */ |
|
|
|
gap: 10px; |
|
|
|
justify-content: center; /* 水平居中 */ |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.button-box { |
|
|
|
height: 35%; |
|
|
|
//display: grid; |
|
|
|
//grid-template-columns: repeat(6, 1fr); /* 创建3列等宽轨道 */ |
|
|
|
//grid-template-rows: repeat(4, 1fr); /* 创建2行自动高度 */ |
|
|
|
//gap: 10px 20px; |
|
|
|
.ft-button { |
|
|
|
//width: 100px; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 0; |
|
|
|
|
|
|
|
.my-button { |
|
|
|
padding: 0 !important; |
|
|
|
border: 3px solid #1989fa !important; |
|
|
|
} |
|
|
|
.button-box { |
|
|
|
height: 35%; |
|
|
|
//display: grid; |
|
|
|
//grid-template-columns: repeat(6, 1fr); /* 创建3列等宽轨道 */ |
|
|
|
//grid-template-rows: repeat(4, 1fr); /* 创建2行自动高度 */ |
|
|
|
//gap: 10px 20px; |
|
|
|
.ft-button { |
|
|
|
//width: 100px; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 0; |
|
|
|
|
|
|
|
.my-button { |
|
|
|
padding: 0 !important; |
|
|
|
border: 3px solid #1989fa !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</style> |