GuoAnPeng
/
matrix-spray-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面增加喷头温度和载玻台温度的显示以及关闭功能

master
王梦远 3 weeks ago
parent
703356a664
commit
1449cbe464
3 changed files with 104 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/images/entry/heat_icon.svg
  2. 48
      src/views/clean/index.vue
  3. 56
      src/views/main/index.vue

1
src/assets/images/entry/heat_icon.svg
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M252.05333333 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666666-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666667-17.28-3.09333333-18.56 9.49333333-36.16 28.05333333-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333334 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666666 28.48 0 65.49333333-36.69333333 125.65333333-98.13333333 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333333 9.28-4.48 2.02666667-9.28 3.09333333-13.97333334 3.09333334z" fill="#d81e06" /><path d="M171.09333333 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333333-34.13333333s3.09333333-37.54666667 9.17333333-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666667-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333334 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666666 33.70666667 0 18.88-15.25333333 34.13333333-34.13333334 34.13333333zM490.24 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666667-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666666-17.28-3.09333333-18.56 9.49333333-36.16 28.05333333-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333333 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666667 28.48 0 65.49333333-36.69333333 125.65333333-98.13333333 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333334 9.28-4.37333333 2.02666667-9.17333333 3.09333333-13.97333333 3.09333334z" fill="#d81e06" /><path d="M409.38666667 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333333s3.09333333-37.54666667 9.17333334-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666666-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333333 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666667 33.70666667 0 18.88-15.36 34.13333333-34.13333333 34.13333333z" fill="#d81e06" /><path d="M724.26666667 450.66666667c-13.01333333 0-25.38666667-7.46666667-31.14666667-20.05333334-7.78666667-17.17333333-0.21333333-37.44 16.96-45.22666666 4.26666667-1.92 8.42666667-4.05333333 12.48-6.4 39.89333333-22.82666667 63.68-60.69333333 63.68-101.44 0-5.76-0.42666667-11.62666667-1.38666667-17.28-3.09333333-18.56 9.49333333-36.16 28.05333334-39.25333334 18.56-3.09333333 36.16 9.49333333 39.25333333 28.05333334 1.6 9.38666667 2.34666667 18.98666667 2.34666667 28.48 0 65.49333333-36.69333333 125.65333333-98.13333334 160.74666666-5.86666667 3.30666667-11.94666667 6.50666667-18.13333333 9.28-4.48 2.02666667-9.28 3.09333333-13.97333333 3.09333334z" fill="#d81e06" /><path d="M643.30666667 581.65333333c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333333s3.09333333-37.54666667 9.17333334-55.57333333c14.72-43.41333333 46.29333333-80.74666667 88.96-105.17333334 5.86666667-3.30666667 11.94666667-6.4 18.02666666-9.17333333 4.37333333-2.02666667 9.28-3.09333333 14.18666667-3.09333333 18.88 0 34.13333333 15.25333333 34.13333333 34.13333333 0 14.08-8.53333333 26.13333333-20.69333333 31.36-4.05333333 1.81333333-8 3.94666667-11.84 6.08-28.16 16.10666667-48.85333333 40.10666667-58.13333333 67.73333333-3.73333333 10.88-5.54666667 22.29333333-5.54666667 33.70666667 0 18.88-15.25333333 34.13333333-34.13333333 34.13333333z" fill="#d81e06" /><path d="M820.90666667 818.98666667H170.66666667c-18.88 0-34.13333333-15.25333333-34.13333334-34.13333334V648.53333333c0-18.88 15.25333333-34.13333333 34.13333334-34.13333333h650.13333333c18.88 0 34.13333333 15.25333333 34.13333333 34.13333333v136.32c0.10666667 18.88-15.25333333 34.13333333-34.02666666 34.13333334z m-616.10666667-68.26666667h581.86666667V682.66666667H204.8v68.05333333z" fill="#d81e06" /></svg>

48
src/views/clean/index.vue
View File

@ -84,7 +84,43 @@ const nozzlePipelineWash = () => {
})
}
console.log(nozzlePipelineWash)
const valvesWashRef = ref()
const valvesWash = () => {
if (!clearSpeed.value) {
FtMessage.error('请输入清洗速度')
return
}
if (clearSpeed.value > 100) {
FtMessage.error('清洗速度最大为100 uL/min')
return
}
ElMessageBox({
title: '提示',
message: h('div', null, [
h('p', null, '请检查废液瓶是否已满 '),
h('p', null, '请检查设备内是否有异物'),
]),
confirmButtonText: '确定',
cancelButtonText: '取消',
showCancelButton: true,
showClose: false,
}).then(async () => {
valvesWashRef.value.setLoading(true)
const params = {
cmdCode: 'valves_wash',
cmdId: '',
params: {
speed: clearSpeed.value,
},
}
try {
await sendControl(params)
}
finally {
valvesWashRef.value.setLoading(false)
}
})
}
const syringePipelineWashStop = async () => {
const params = {
cmdCode: 'syringe_pipeline_wash_stop',
@ -205,6 +241,16 @@ const syringePumpStop = async () => {
<!-- </el-form-item> -->
<el-form-item>
<ft-button
ref="valvesWashRef" class="button-style" type="primary" :disabled="systemStore.systemStatus.spraying
|| systemStore.systemStatus.cleaningSyringePipeline
|| systemStore.systemStatus.cleaningNozzlePipeline
|| systemStore.systemStatus.prefilling" @click="valvesWash"
>
清洗三通阀
</ft-button>
</el-form-item>
<el-form-item>
<ft-button
class="button-style"
:click-handle="syringePipelineWashStop"
:disabled="!systemStore.systemStatus.cleaningSyringePipeline && !systemStore.systemStatus.cleaningNozzlePipeline"

56
src/views/main/index.vue
View File

@ -176,6 +176,54 @@ watch(() => isClose.value, async (newValue) => {
}
}
})
const slideSwitch = async () => {
if (systemStore.systemStatus.slidePlatHeating) {
ElMessageBox.confirm('确认关闭喷头加热?', '提示', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消',
showCancelButton: true,
showClose: false,
closeOnClickModal: false,
closeOnPressEscape: false,
closeOnHashChange: false,
}).then(async () => {
const params = {
cmdCode: 'slide_plat_heat_stop',
cmdId: '',
}
await sendControl(params)
FtMessage.success('已关闭载台加热')
})
}
else {
FtMessage.success('载台加热已关闭')
}
}
const nozzleSwitch = async () => {
if (systemStore.systemStatus.nozzleHeating) {
ElMessageBox.confirm('确认关闭喷头加热?', '提示', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消',
showCancelButton: true,
showClose: false,
closeOnClickModal: false,
closeOnPressEscape: false,
closeOnHashChange: false,
}).then(async () => {
const params = {
cmdCode: 'nozzle_heat_stop',
cmdId: '',
}
await sendControl(params)
FtMessage.success('已关闭喷头加热')
})
}
else {
FtMessage.success('喷头加热已经关闭')
}
}
</script>
<template>
@ -214,6 +262,14 @@ watch(() => isClose.value, async (newValue) => {
<ft-button type="info">
当前湿度: {{ systemStore.systemSensor.humidity }}%RH
</ft-button>
<ft-button type="info" :click-handle="nozzleSwitch">
<img v-if="systemStore.systemStatus.nozzleHeating" src="../../assets/images/entry/heat_icon.svg" alt="" width="20px">
喷头温度: {{ systemStore.systemSensor.nozzleTemperature }}℃
</ft-button>
<ft-button type="info" :click-handle="slideSwitch">
<img v-if="systemStore.systemStatus.slidePlatHeating" src="../../assets/images/entry/heat_icon.svg" alt="" width="20px">
载玻台温度: {{ systemStore.systemSensor.slideTemperature }}℃
</ft-button>
<ft-button type="info">
设备状态: {{ status }}
</ft-button>

Write Preview
Loading…
Cancel
Save