update

src/assets/styles/mixin.less

@@ -1617,6 +1617,10 @@ input:-internal-autofill-selected {
     //     display: none;
     // }
 }
+.topTableHeight40 {
+    position: relative;
+    height: calc(100% - 40px);
+}
 
 // 折叠底部上面左边菜单高度
 .hiddenBottomLayout .layout-top .middleLayout .m-layout-left .ant-layout-sider-children ul.ant-menu.ant-menu-inline.left-menu {
@@ -1627,6 +1631,10 @@ input:-internal-autofill-selected {
 .buy-sell-market {
     width: 100%;
     height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: @m-black1;
     .buy-sell-market-title {
         width: 100%;
         height: 60px;

src/views/market/spot_trade/components/buy-sell-market/index.vue

@@ -1,63 +1,64 @@
 <template>
-    <!-- 买卖大厅 -->
-    <div class="buy-sell-market">
-        <!--<div>
-             <button @click="cancel">关闭</button> 
+  <!-- 买卖大厅 -->
+  <div class="buy-sell-market">
+    <!--<div>
+             <button @click="cancel">关闭</button>
         </div>-->
-        <div class="buy-sell-market-title">
-            <a class="backIcon">
-                <LeftOutlined />
-            </a>
-            <div class="titleBtn">
-                <div class="name">螺纹钢</div>
-                <div class="arrowRightIcon"></div>
-            </div>
-            <div class="titleBtn titleBtn2">
-                <div class="arrowLeftIcon"></div>
-                <div class="name">12mm-江铜</div>
-                <div class="arrowRightIcon"></div>
-            </div>
-            <div class="titleBtn titleBtn3">
-                <div class="arrowLeftIcon"></div>
-                <div class="name">华南仓库</div>
-            </div>
-            <div class="green">
-                <div class="numBlock">
-                    <div class="first">卖基差</div>
-                    <div class="last">125.00</div>
-                </div>
-                <div class="numBlock">
-                    <div class="first">卖量</div>
-                    <div class="last">10000</div>
-                </div>
-            </div>
-            <div class="red ml35">
-                <div class="numBlock">
-                    <div class="first">买基差</div>
-                    <div class="last">120.00</div>
-                </div>
-                <div class="numBlock">
-                    <div class="first">买量</div>
-                    <div class="last">10000</div>
-                </div>
-            </div>
-            <div class="market">
-                <div class="first">IC2104</div>
-                <div class="last red">6291.0</div>
-                <LineChartOutlined />
-            </div>
-            <a-button class="publishBuy">发布求购</a-button>
-            <a-button class="detailBtn">详情</a-button>
+    <div class="buy-sell-market-title">
+      <a class="backIcon"
+         @click="cancel">
+        <LeftOutlined />
+      </a>
+      <div class="titleBtn">
+        <div class="name">螺纹钢</div>
+        <div class="arrowRightIcon"></div>
+      </div>
+      <div class="titleBtn titleBtn2">
+        <div class="arrowLeftIcon"></div>
+        <div class="name">12mm-江铜</div>
+        <div class="arrowRightIcon"></div>
+      </div>
+      <div class="titleBtn titleBtn3">
+        <div class="arrowLeftIcon"></div>
+        <div class="name">华南仓库</div>
+      </div>
+      <div class="green">
+        <div class="numBlock">
+          <div class="first">卖基差</div>
+          <div class="last">125.00</div>
         </div>
-        <a-row>
-            <a-col :span="12">
-                <Buy />
-            </a-col>
-            <a-col :span="12">
-                <Sell />
-            </a-col>
-        </a-row>
+        <div class="numBlock">
+          <div class="first">卖量</div>
+          <div class="last">10000</div>
+        </div>
+      </div>
+      <div class="red ml35">
+        <div class="numBlock">
+          <div class="first">买基差</div>
+          <div class="last">120.00</div>
+        </div>
+        <div class="numBlock">
+          <div class="first">买量</div>
+          <div class="last">10000</div>
+        </div>
+      </div>
+      <div class="market">
+        <div class="first">IC2104</div>
+        <div class="last red">6291.0</div>
+        <LineChartOutlined />
+      </div>
+      <a-button class="publishBuy">发布求购</a-button>
+      <a-button class="detailBtn">详情</a-button>
     </div>
+    <a-row>
+      <a-col :span="12">
+        <Buy />
+      </a-col>
+      <a-col :span="12">
+        <Sell />
+      </a-col>
+    </a-row>
+  </div>
 </template>
 
 <script lang="ts">

src/views/market/spot_trade/warehouse_pre_sale/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 仓单预售 -->
-  <div class="warehouse_receipt_trade">
+  <div class="topTableHeight40">
     <router-view></router-view>
     <ThridMenu :list="tabList"
                :selectedKey="index"
@@ -25,7 +25,4 @@ export default defineComponent({
 });
 </script>
 <style lang="less">
-.warehouse_receipt_trade {
-    height: calc(100% - 40px);
-}
 </style>

src/views/market/spot_trade/warehouse_receipt_trade/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 仓单贸易 -->
-  <div class="warehouse_receipt_trade">
+  <div class="topTableHeight40">
     <router-view></router-view>
     <ThridMenu :list="tabList"
                :selectedKey="index"
@@ -25,8 +25,4 @@ export default defineComponent({
 });
 </script>
 <style lang="less">
-.warehouse_receipt_trade {
-    position: relative;
-    height: calc(100% - 40px);
-}
 </style>