From c06d55f769b71d34cba9a9ecf4faaceba929b998 Mon Sep 17 00:00:00 2001
From: donghao <donghao@supervision.ltd>
Date: Fri, 19 Jan 2024 17:59:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B7=AF=E7=94=B1=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=BA=A7=E7=B1=BB=E5=90=8D=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/index.vue                         | 18 ++++++++++++++----
 src/router/modules/computePowerAllocation.ts |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 6e42a34..36b56fa 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -54,8 +54,7 @@ const set: setType = reactive({
       hideSidebar: !set.sidebar.opened,
       openSidebar: set.sidebar.opened,
       withoutAnimation: set.sidebar.withoutAnimation,
-      mobile: set.device === "mobile",
-      ...route.meta?.bodyClass
+      mobile: set.device === "mobile"
     };
   }),
 
@@ -149,7 +148,10 @@ const layoutHeader = defineComponent({
 </script>
 
 <template>
-  <div ref="appWrapperRef" :class="['app-wrapper flex', set.classes]">
+  <div
+    ref="appWrapperRef"
+    :class="['app-wrapper flex', set.classes, route?.meta?.bodyClass]"
+  >
     <!-- <div
         v-show="
           set.device === 'mobile' &&
@@ -189,7 +191,7 @@ const layoutHeader = defineComponent({
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .app-wrapper {
   position: relative;
   width: 100%;
@@ -221,4 +223,12 @@ const layoutHeader = defineComponent({
 .re-screen {
   margin-top: 12px;
 }
+
+.computePowerAllocation_page {
+  background: url("@/assets/computePower/bg.png");
+  background-repeat: no-repeat;
+  .navbar {
+    background-color: transparent !important;
+  }
+}
 </style>
diff --git a/src/router/modules/computePowerAllocation.ts b/src/router/modules/computePowerAllocation.ts
index 16ea791..9b8fbb9 100644
--- a/src/router/modules/computePowerAllocation.ts
+++ b/src/router/modules/computePowerAllocation.ts
@@ -6,7 +6,7 @@ export default {
     title: $t("menus.hsComputePowerAllocation"),
     icon: "icon-suanlipeizhi",
     // showLink: false,
-    bodyClass: ["computePowerAllocation_page"],
+    bodyClass: "computePowerAllocation_page",
     rank: 6,
     roles: ["admin", "common"]
   },