3 changed files with 116 additions and 138 deletions
-
131src/components/home/SetTemperature/index.vue
-
78src/components/home/StartHeat/index.vue
-
45src/views/home/index.vue
@ -1,131 +0,0 @@ |
|||||
<script setup lang="ts"> |
|
||||
import { setTargetTemperature } from 'apis/home' |
|
||||
import { configList } from 'apis/system' |
|
||||
import { FtMessage } from 'libs/message' |
|
||||
import { useSystemStore } from 'stores/systemStore' |
|
||||
import { computed, inject, onMounted, ref } from 'vue' |
|
||||
|
|
||||
const emits = defineEmits(['ok', 'cancel']) |
|
||||
|
|
||||
const data = inject('currentTemperatureData') |
|
||||
const configData = ref<any[]>([]) |
|
||||
onMounted(async () => { |
|
||||
configData.value = await configList() |
|
||||
}) |
|
||||
|
|
||||
const heatMax = computed(() => { |
|
||||
return configData.value.find(item => item.code === 'heat_temperature')?.value || 0 |
|
||||
}) |
|
||||
const dryMax = computed(() => { |
|
||||
return configData.value.find(item => item.code === 'dry_temperature')?.value || 0 |
|
||||
}) |
|
||||
const annealMax = computed(() => { |
|
||||
return configData.value.find(item => item.code === 'anneal_temperature')?.value || 0 |
|
||||
}) |
|
||||
|
|
||||
const heatModule = computed(() => { |
|
||||
return useSystemStore().systemStatus.heatModule.find(item => item.moduleCode === data.value.id) |
|
||||
}) |
|
||||
|
|
||||
const form = ref({ |
|
||||
dryTemperature: heatModule.value?.dryTemperature, |
|
||||
annealTemperature: heatModule.value?.annealTemperature, |
|
||||
heatTemperature: heatModule.value?.heatTemperature, |
|
||||
}) |
|
||||
const formRef = ref() |
|
||||
|
|
||||
const validateHandle1 = (rule: any, value: any, callback: any) => { |
|
||||
if (value && (value < 0 || +value > +heatMax.value)) { |
|
||||
callback(new Error(`加热温度设置范围0℃-${heatMax.value}℃`)) |
|
||||
} |
|
||||
else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validateHandle2 = (rule: any, value: any, callback: any) => { |
|
||||
if (value && (value < 0 || +value > +dryMax.value)) { |
|
||||
callback(new Error(`烘干温度设置范围0℃-${dryMax.value}℃`)) |
|
||||
} |
|
||||
else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validateHandle3 = (rule: any, value: any, callback: any) => { |
|
||||
if (value && (value < 0 || +value > +annealMax.value)) { |
|
||||
callback(new Error(`退火温度设置范围0℃-${annealMax.value}℃`)) |
|
||||
} |
|
||||
else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
const rules = { |
|
||||
heatTemperature: [ |
|
||||
{ required: false, trigger: 'blur', validator: validateHandle1 }, |
|
||||
], |
|
||||
dryTemperature: [ |
|
||||
{ required: false, trigger: 'blur', validator: validateHandle2 }, |
|
||||
], |
|
||||
annealTemperature: [ |
|
||||
{ required: false, trigger: 'blur', validator: validateHandle3 }, |
|
||||
], |
|
||||
} |
|
||||
|
|
||||
const okHandle = async () => { |
|
||||
try { |
|
||||
const valid = await formRef.value.validate() |
|
||||
if (!valid) { |
|
||||
return |
|
||||
} |
|
||||
await setTargetTemperature({ |
|
||||
...form.value, |
|
||||
moduleCode: data.value.id, |
|
||||
}) |
|
||||
FtMessage.success('设置成功') |
|
||||
emits('ok') |
|
||||
} |
|
||||
catch (error) { |
|
||||
console.log(error) |
|
||||
} |
|
||||
} |
|
||||
const cancel = () => { |
|
||||
emits('cancel') |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<template> |
|
||||
<FtDialog visible title="设置目标温度" width="40%" :ok-handle="okHandle" @cancel="cancel"> |
|
||||
<el-form ref="formRef" label-width="auto" :model="form" :rules="rules"> |
|
||||
<el-form-item label="加热区"> |
|
||||
<el-tag>{{ data?.label }}</el-tag> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="加热温度" prop="heatTemperature"> |
|
||||
<el-input v-model="form.heatTemperature" type="number" placeholder="请输入加热温度"> |
|
||||
<template #append> |
|
||||
℃ |
|
||||
</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="烘干温度" prop="dryTemperature"> |
|
||||
<el-input v-model="form.dryTemperature" type="number" placeholder="请输入烘干温度"> |
|
||||
<template #append> |
|
||||
℃ |
|
||||
</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="退火温度" prop="annealTemperature"> |
|
||||
<el-input v-model="form.annealTemperature" type="number" placeholder="请输入退火温度"> |
|
||||
<template #append> |
|
||||
℃ |
|
||||
</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</FtDialog> |
|
||||
</template> |
|
||||
|
|
||||
<style scoped lang="scss"> |
|
||||
.el-tag { |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,78 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { setTargetTemperature } from 'apis/home' |
||||
|
import { configList } from 'apis/system' |
||||
|
import { FtMessage } from 'libs/message' |
||||
|
import { useHomeStore } from 'stores/homeStore' |
||||
|
import { useSystemStore } from 'stores/systemStore' |
||||
|
import { computed, inject, onMounted, ref } from 'vue' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
heatModuleCode: { |
||||
|
type: String, |
||||
|
default: 'MODULE_1', |
||||
|
}, |
||||
|
}) |
||||
|
const emits = defineEmits(['ok', 'cancel']) |
||||
|
|
||||
|
const homeStore = useHomeStore() |
||||
|
|
||||
|
const form = ref({ |
||||
|
temperature: undefined, |
||||
|
heatModuleCode: props.heatModuleCode, |
||||
|
}) |
||||
|
const formRef = ref() |
||||
|
|
||||
|
const rules = { |
||||
|
temperature: [ |
||||
|
{ required: true, trigger: 'blur', message: '请输入温度' }, |
||||
|
], |
||||
|
} |
||||
|
|
||||
|
let currentCommandId = '' |
||||
|
|
||||
|
const okHandle = async () => { |
||||
|
try { |
||||
|
const valid = await formRef.value.validate() |
||||
|
if (!valid) { |
||||
|
return |
||||
|
} |
||||
|
currentCommandId = Date.now().toString() |
||||
|
const params = { |
||||
|
commandId: currentCommandId, |
||||
|
command: 'heater_start', |
||||
|
params: form.value, |
||||
|
} |
||||
|
await homeStore.sendControl(params) |
||||
|
emits('ok') |
||||
|
} |
||||
|
catch (error) { |
||||
|
console.log(error) |
||||
|
} |
||||
|
} |
||||
|
const cancel = () => { |
||||
|
emits('cancel') |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<FtDialog visible title="开始加热" width="40%" :ok-handle="okHandle" @cancel="cancel"> |
||||
|
<el-form ref="formRef" label-width="auto" :model="form" :rules="rules"> |
||||
|
<el-form-item label="加热区"> |
||||
|
<el-tag>{{ form.heatModuleCode === 'MODULE_1' ? '加热区1' : '加热区2' }}</el-tag> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="加热温度" prop="temperature"> |
||||
|
<el-input v-model="form.temperature" type="number" placeholder="请输入加热温度"> |
||||
|
<template #append> |
||||
|
℃ |
||||
|
</template> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</FtDialog> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.el-tag { |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue