From 3182b7ebd9a545aafe1b9468fb081e079ca57fcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Sat, 5 Jul 2025 11:35:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/HomeOperation.vue |   1 -
 src/components/home/HomeSetting.vue   | 122 ++++++++++++++++------------------
 2 files changed, 56 insertions(+), 67 deletions(-)

diff --git a/src/components/home/HomeOperation.vue b/src/components/home/HomeOperation.vue
index cce8140..186af1a 100644
--- a/src/components/home/HomeOperation.vue
+++ b/src/components/home/HomeOperation.vue
@@ -197,7 +197,6 @@ const operationState = computed(() => {
 .home-disinfect {
   display: flex;
   justify-content: center;
-  margin-top: 5vh;
 }
 .home-disinfect-btn {
   width: 27vw;
diff --git a/src/components/home/HomeSetting.vue b/src/components/home/HomeSetting.vue
index d583a3b..3f948bc 100644
--- a/src/components/home/HomeSetting.vue
+++ b/src/components/home/HomeSetting.vue
@@ -248,59 +248,53 @@ const deviceType = computed(() => {
 
 <template>
   <div class="home-start-opt">
-    <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 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>
   </div>
   <ft-dialog v-model="disinfectFormulaVisible" :title="disinfectFormulaTitle" width="80vw">
     <div style="height: 80vh; overflow: auto">
@@ -345,21 +339,17 @@ const deviceType = computed(() => {
 <style lang="scss" scoped>
 .home-start-opt {
   margin: 0.5rem;
-  gap: 5px;
-  width: 100%;
-  .home-opt-flex {
-    display: flex;
-    grid-template-columns: 1fr 1fr 1fr;
-    .home-opt-ml {
-      margin-left: 5px;
-    }
-  }
 }
-
+.home-opt-flex {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+}
+.home-opt-ml {
+  margin-left: 0;
+}
 .config {
   border: 1px solid red;
 }
-.config-btn {
-  //margin-top: -3rem
-}
 </style>