diff --git a/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/index.vue
index 8415b71..e84315f 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/airConditionControlSystem/index.vue
@@ -38,7 +38,8 @@
       width="496"
       :forceRender="preload"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8 }"
+      style="opacity: 0.8"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
index 74af70e..3f55e9b 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/indexs.vue
@@ -37,8 +37,9 @@
       class="drawer-item"
       width="496"
       :forceRender="preload"
+      style="opacity: 0.8"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8 }"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">
diff --git a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
index 60fe4dc..00ed608 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/ventilationSystem/index.vue
@@ -127,7 +127,8 @@
       :width="496"
       :forceRender="preload"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8, color: 'white' }"
+      style="opacity: 0.8"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }"
@@ -189,7 +190,8 @@
       :width="496"
       :forceRender="preload"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8, color: 'white' }"
+      style="opacity: 0.8"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }"
@@ -250,7 +252,8 @@
       :width="496"
       :forceRender="preload"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8, color: 'white' }"
+      style="opacity: 0.8"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }"
diff --git a/hx-ai-intelligent/src/view/equipmentControl/waterSystem/index.vue b/hx-ai-intelligent/src/view/equipmentControl/waterSystem/index.vue
index cb12329..f5eb723 100644
--- a/hx-ai-intelligent/src/view/equipmentControl/waterSystem/index.vue
+++ b/hx-ai-intelligent/src/view/equipmentControl/waterSystem/index.vue
@@ -55,7 +55,8 @@
       class="drawer-item"
       width="496"
       placement="right"
-      :body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8 }"
+      style="opacity: 0.8"
+      :body-style="{ background: 'black' }"
       :closable="false"
       id="drawer"
       :maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">