fix: 修改物模型映射样式

src/components/Layout/FullPage.vue

@@ -1,7 +1,9 @@
 <template>
   <div class='full-page-warp' ref='fullPage' :style='{ minHeight: `calc(100vh - ${y + 24}px)`}'>
+    <div class="full-page-warp-content">
       <slot></slot>
     </div>
+  </div>
 </template>
 
 <script setup lang='ts' name='FullPage'>
@@ -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>

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 {

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>