|
|
|
@ -248,53 +248,59 @@ const deviceType = computed(() => { |
|
|
|
|
|
|
|
<template> |
|
|
|
<div class="home-start-opt"> |
|
|
|
<div class="home-opt-flex"> |
|
|
|
<div v-if="deviceType === deviceStore.deviceTypeMap.PipeDM"> |
|
|
|
<BtButton |
|
|
|
button-text="压力控制" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
width="7.5rem" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onSetPressure" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="home-opt-ml"> |
|
|
|
<BtButton |
|
|
|
button-text="查看图表" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
height="3rem" |
|
|
|
text-color="#1989fa" |
|
|
|
:disabled="deviceState" |
|
|
|
@click="onShowChart" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="home-opt-ml"> |
|
|
|
<BtButton |
|
|
|
v-if="deviceState" |
|
|
|
button-text="消毒设置" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onDisinfectConfig('消毒设置')" |
|
|
|
/> |
|
|
|
<BtButton |
|
|
|
v-else |
|
|
|
button-text="运行参数" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onDisinfectConfig('运行参数')" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-row class="row-bg" justify="space-around"> |
|
|
|
<el-col v-if="deviceType === deviceStore.deviceTypeMap.PipeDM" :span="6"> |
|
|
|
<div class="home-opt-flex"> |
|
|
|
<BtButton |
|
|
|
button-text="压力控制" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
width="7.5rem" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onSetPressure" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="home-opt-ml"> |
|
|
|
<BtButton |
|
|
|
button-text="查看图表" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
height="3rem" |
|
|
|
text-color="#1989fa" |
|
|
|
:disabled="deviceState" |
|
|
|
@click="onShowChart" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="home-opt-ml"> |
|
|
|
<BtButton |
|
|
|
v-if="deviceState" |
|
|
|
button-text="消毒设置" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onDisinfectConfig('消毒设置')" |
|
|
|
/> |
|
|
|
<BtButton |
|
|
|
v-else |
|
|
|
button-text="运行参数" |
|
|
|
text-size="1.3rem" |
|
|
|
border-radius="5px" |
|
|
|
:width="settingWidth" |
|
|
|
text-color="#1989fa" |
|
|
|
height="3rem" |
|
|
|
@click="onDisinfectConfig('运行参数')" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
<ft-dialog v-model="disinfectFormulaVisible" :title="disinfectFormulaTitle" width="80vw"> |
|
|
|
<div style="height: 80vh; overflow: auto"> |
|
|
|
@ -342,7 +348,7 @@ const deviceType = computed(() => { |
|
|
|
gap: 5px; |
|
|
|
width: 100%; |
|
|
|
.home-opt-flex { |
|
|
|
display: grid; |
|
|
|
display: flex; |
|
|
|
grid-template-columns: 1fr 1fr 1fr; |
|
|
|
.home-opt-ml { |
|
|
|
margin-left: 5px; |
|
|
|
|
