|
@ -188,13 +188,19 @@ const computedStyle = () => { |
|
|
</div> |
|
|
</div> |
|
|
<div class="home-grid-item home-right"> |
|
|
<div class="home-grid-item home-right"> |
|
|
<!-- 正在进行的配方 --> |
|
|
<!-- 正在进行的配方 --> |
|
|
<HomeFormula /> |
|
|
|
|
|
<!-- 选择消毒的等级 --> |
|
|
|
|
|
<HomeLogLevel /> |
|
|
|
|
|
<!-- 开始消毒、停止消毒及状态区 --> |
|
|
|
|
|
<HomeOperation /> |
|
|
|
|
|
|
|
|
<div class="top"> |
|
|
|
|
|
<HomeFormula /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="middle"> |
|
|
|
|
|
<!-- 选择消毒的等级 --> |
|
|
|
|
|
<HomeLogLevel /> |
|
|
|
|
|
<!-- 开始消毒、停止消毒及状态区 --> |
|
|
|
|
|
<HomeOperation /> |
|
|
|
|
|
</div> |
|
|
<!-- 消毒设置 --> |
|
|
<!-- 消毒设置 --> |
|
|
<HomeSetting /> |
|
|
|
|
|
|
|
|
<div class="bottom"> |
|
|
|
|
|
<HomeSetting /> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else> |
|
|
<div v-else> |
|
@ -270,11 +276,17 @@ $input-height: 3rem; |
|
|
|
|
|
|
|
|
.home-right { |
|
|
.home-right { |
|
|
background: linear-gradient(180deg, rgba(147, 203, 255, 1) -190%, #ffffff 24%); |
|
|
background: linear-gradient(180deg, rgba(147, 203, 255, 1) -190%, #ffffff 24%); |
|
|
position: relative; |
|
|
|
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
box-shadow: 0 1px 5px 0 rgba(9, 39, 62, 0.15); |
|
|
box-shadow: 0 1px 5px 0 rgba(9, 39, 62, 0.15); |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
} |
|
|
|
|
|
.middle { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
gap: 16px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.el-button { |
|
|
.el-button { |
|
|
background-color: #2892f3 !important; |
|
|
background-color: #2892f3 !important; |
|
|
} |
|
|
} |
|
|