fix:svg和表格高度自适应

src/views/dashboard/demo/components/ParameterInfo.vue

@@ -89,7 +89,6 @@ onBeforeUpdate(async () => {
     </template> -->
     <BasicTable
       :pagination="{ pageSize: 6 }"
-      :max-height="250"
       :min-height="200"
       :loading="loading" @register="registerTable"
     >

src/views/dashboard/demo/components/staticSvg.vue

@@ -44,6 +44,6 @@ function fullScreen() {
 <style scoped>
   ::v-deep .ant-card-body {
       padding: 5px;
-      height:calc(46vh - 56px)
+      height:calc(46vh - 60px);
   }
 </style>

src/views/dashboard/demo/components/svg.vue

@@ -59,9 +59,9 @@ async function loadSvg() {
 
     // 等待DOM更新后应用实时数据
     await nextTick()
-    document.querySelector('.svg-container > svg')?.removeAttribute('width')
+    document.querySelector('.svg-container > svg')?.setAttribute('width', '100%')
-    document.querySelector('.svg-container > svg')?.removeAttribute('height')
+    document.querySelector('.svg-container > svg')?.setAttribute('height', '100%')
-
+    document.querySelector('.svg-container > svg')?.setAttribute('preserveAspectRatio', 'none')
     // updateRealtimeValues()
   }
   catch (error) {
@@ -76,8 +76,10 @@ async function updateRealtimeValues() {
     return
   try {
     const svgElement = document.querySelector('.svg-container > svg')
-    svgElement?.removeAttribute('width')
+    svgElement?.setAttribute('width', '100%')
-    svgElement?.removeAttribute('height')
+    svgElement?.setAttribute('height', '100%')
+    svgElement?.setAttribute('preserveAspectRatio', 'none')
+
     // 获取SVG元素
     if (!svgElement)
       return
@@ -212,9 +214,12 @@ defineExpose({
 
 <style scoped>
 .svg-wrapper {
+  width:100%;
+  height:100%;
   border: 1px solid #e8e8e8;
   border-radius: 6px;
-  overflow: hidden;
+  /* overflow: auto; */
+
 }
 
 /* .svg-controls {
@@ -267,8 +272,16 @@ defineExpose({
 }
 
 /* SVG内容自适应 */
-.svg-container > svg {
+.svg-container  {
-  max-width: 100%;
+  /* max-width: 100%;
-  max-height: 100%;
+  max-height: 100%; */
+  height:100%;
+  width:100%
+
+}
+
+svg {
+  height:98%;
+  width:100%;
 }
 </style>