From 5e0ca4e2aa630840d5c77d415665ce3449f9f676 Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Wed, 31 May 2023 14:50:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E7=89=A9=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E6=98=A0=E5=B0=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/FullPage.vue             | 11 +++++++++--
 .../Product/Detail/MetadataMap/index.vue       | 18 +++++++++++-------
 src/views/device/Product/Detail/index.vue      |  4 ++--
 3 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/components/Layout/FullPage.vue b/src/components/Layout/FullPage.vue
index d4f61d7c..39ab0c7a 100644
--- a/src/components/Layout/FullPage.vue
+++ b/src/components/Layout/FullPage.vue
@@ -1,6 +1,8 @@
 <template>
   <div class='full-page-warp' ref='fullPage' :style='{ minHeight: `calc(100vh - ${y + 24}px)`}'>
-    <slot></slot>
+    <div class="full-page-warp-content">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
@@ -12,8 +14,13 @@ const { y } = useElementBounding(fullPage)
 
 </script>
 
-<style scoped>
+<style scoped lang="less">
 .full-page-warp {
   background: #fff;
+  display: flex;
+  .full-page-warp-content {
+    width: 100%;
+  }
 }
+
 </style>
\ No newline at end of file
diff --git a/src/views/device/Product/Detail/MetadataMap/index.vue b/src/views/device/Product/Detail/MetadataMap/index.vue
index e6d6bf4a..9b0eb9ee 100644
--- a/src/views/device/Product/Detail/MetadataMap/index.vue
+++ b/src/views/device/Product/Detail/MetadataMap/index.vue
@@ -198,20 +198,24 @@ getDefaultMetadata()
 
 <style scoped lang='less'>
 .metadata-map {
-  position: relative;
+  // position: relative;
   min-height: 100%;
+  display: flex;
+  gap: 24px;
 
   .left {
-    margin-right: 424px;
+    // margin-right: 44px;
+    flex: 1;
   }
 
   .right {
-    position: absolute;
+    // position: absolute;
     border: 1px solid rgba(0, 0, 0, 0.08);
-    height: 100%;
-    width: 400px;
-    top: 0;
-    right: 0;
+    min-height: 100%;
+    min-width: 410px;
+    width: 33.33333%;
+    // top: 0;
+    // right: 0;
     padding: 16px;
 
     .title {
diff --git a/src/views/device/Product/Detail/index.vue b/src/views/device/Product/Detail/index.vue
index b111c30f..6eabb4ad 100644
--- a/src/views/device/Product/Detail/index.vue
+++ b/src/views/device/Product/Detail/index.vue
@@ -91,7 +91,7 @@
             >
         </template>
         <FullPage>
-            <j-card :bordered="false">
+            <div style="height: 100%; padding: 24px;">
                 <component
                     :is="tabs[productStore.tabActiveKey]"
                     :class="
@@ -101,7 +101,7 @@
                     "
                     v-bind="{ type: 'product' }"
                 />
-            </j-card>
+            </div>
         </FullPage>
     </page-container>
 </template>