From 8b29f9477487e656434504aeded743ee4b6eaa1a Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Wed, 16 Jul 2025 20:53:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=8F=90=E7=A4=BA=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/element.scss            | 12 +++++++++++-
 src/components/home/Environment/index.vue | 23 ++++-------------------
 src/views/debug/index.vue                 | 10 +++++++++-
 3 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/assets/styles/element.scss b/src/assets/styles/element.scss
index b3e8463..dca58fc 100644
--- a/src/assets/styles/element.scss
+++ b/src/assets/styles/element.scss
@@ -257,12 +257,19 @@
 
 .el-message-box {
   max-width: 30vw;
-  padding: 30px;
+  padding: 10px;
   .el-message-box__title {
     font-size: 40px;
+    padding: 20px;
+    border-bottom: 1px solid #ddd;
+    text-align: center;
+
   }
   .el-message-box__container {
     height: 300px;
+    display: flex;
+    justify-content: center;
+    padding: 0 30px;
     .el-message-box__message p {
       font-size: 40px;
     line-height: 60px;
@@ -270,6 +277,9 @@
     }
   }
   .el-message-box__btns {
+    border-top: 1px solid #ddd;
+    display: flex;
+    justify-content: center;
     .el-button {
       height: 70px;
       width: 180px;
diff --git a/src/components/home/Environment/index.vue b/src/components/home/Environment/index.vue
index 4205d4c..f467927 100644
--- a/src/components/home/Environment/index.vue
+++ b/src/components/home/Environment/index.vue
@@ -161,7 +161,7 @@ const onClose = async () => {
 </script>
 
 <template>
-  <FtDialog visible title="喷涂环境设置" width="780px">
+  <FtDialog visible title="喷涂环境设置" width="70%">
     <div style="padding: 10px;">
       <div style="display: flex; align-items: center; margin: 10px 0;font-size: 15px;justify-content: center;">
         <div style="display: flex; align-items: center; width: 20%; margin-right: 30px">
@@ -219,29 +219,14 @@ const onClose = async () => {
       </div>
     </div>
     <template #footer>
-      <div class="button-footer">
-        <FtButton type="default" :click-handle="onClose">
-          关闭
-        </FtButton>
-      </div>
+      <FtButton type="default" :click-handle="onClose">
+        关闭
+      </FtButton>
     </template>
   </FtDialog>
 </template>
 
 <style scoped lang="scss">
-// 添加旋转动画
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.button-footer {
-  margin: 30px;
-}
-
 .num-text {
   color: var(--el-color-primary);
   font-weight: 900;
diff --git a/src/views/debug/index.vue b/src/views/debug/index.vue
index c89384b..42f3d48 100644
--- a/src/views/debug/index.vue
+++ b/src/views/debug/index.vue
@@ -263,7 +263,7 @@ const highVoltageClose = async () => {
 </script>
 
 <template>
-  <div>
+  <div class="debug-box">
     <el-card>
       <el-form label-width="auto" label-suffix=":">
         <el-form-item label="X轴">
@@ -498,6 +498,14 @@ const highVoltageClose = async () => {
 </template>
 
 <style scoped lang="scss">
+.debug-box {
+  padding: 10px 30px !important;
+}
+.el-col {
+  .el-card {
+    margin: 10px 0;
+  }
+}
 .el-card {
   margin: 30px 0;
   border-radius: 20px;