From 0a44e3668489d738722d525b0c8728fce454c1bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Fri, 4 Jul 2025 11:42:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=A6=82=E6=9E=9C=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E4=BA=86=E9=85=8D=E6=96=B9=EF=BC=8C=E4=B8=8D=E5=BA=94=E8=AF=A5?=
 =?UTF-8?q?=E5=86=8D=E6=98=BE=E7=A4=BA=E6=B6=88=E6=AF=92=E7=AD=89=E7=BA=A7?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=EF=BC=8C=E8=B0=83=E6=95=B4=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/HomeLogLevel.vue |  7 +++++--
 src/components/home/HomeSetting.vue  |  2 --
 src/views/home/index.vue             | 28 ++++++++++++++++++++--------
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/components/home/HomeLogLevel.vue b/src/components/home/HomeLogLevel.vue
index 82749bb..9ca7657 100644
--- a/src/components/home/HomeLogLevel.vue
+++ b/src/components/home/HomeLogLevel.vue
@@ -12,6 +12,7 @@ const loglevel = ref(formulaStore.loglevel)
 const isModalOpen = ref(false)
 
 const homeStore = useHomeStore()
+const showLogLevelInput = computed(() => formulaStore.selectedFormulaInfo === null)
 
 watchEffect(() => {
   options.value = formulaStore.logLevelOptions
@@ -49,7 +50,7 @@ const operationState = computed(() => {
 </script>
 
 <template>
-  <div class="home-right-level">
+  <div v-if="showLogLevelInput" class="home-right-level">
     消毒等级：
     <el-input
       v-model="loglevel"
@@ -77,11 +78,13 @@ const operationState = computed(() => {
 
 <style lang="scss" scoped>
 $input-height: 3rem;
+.page-wrapper {
+  position: relative;
+}
 .home-right-level {
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: 24vh;
   //font-family: Source Han Sans;
   font-size: 24px;
   .input {
diff --git a/src/components/home/HomeSetting.vue b/src/components/home/HomeSetting.vue
index 15b2858..31a50ca 100644
--- a/src/components/home/HomeSetting.vue
+++ b/src/components/home/HomeSetting.vue
@@ -326,8 +326,6 @@ const settingWidth = computed(() => {
 
 <style lang="scss" scoped>
  .home-start-opt{
-  position: absolute;
-  bottom: 0;
   margin: 0.5rem;
   gap: 5px;
   width: 100%;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index df74202..c5e03fc 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -188,13 +188,19 @@ const computedStyle = () => {
       </div>
       <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 v-else>
@@ -270,11 +276,17 @@ $input-height: 3rem;
 
 .home-right {
   background: linear-gradient(180deg, rgba(147, 203, 255, 1) -190%, #ffffff 24%);
-  position: relative;
   border-radius: 10px;
   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 {
   background-color: #2892f3 !important;
 }