修改 现货仓单 成交单

src/views/order/spot_warran/components/spot_warrant_deal/index.vue

@@ -1,41 +1,49 @@
 <template>
-  <!-- 成交 -->
-  <section>
-    <a-table :columns="columns"
-             class="srcollYTable expandLeftTable"
-             :scroll="{ x: '100%', y: '190px' }"
-             :pagination="false"
-             :loading="loading"
-             :expandedRowKeys="expandedRowKeys"
-             :customRow="Rowclick"
-             :expandIcon="expandIcon"
-             :expandIconAsCell="false"
-             rowKey="key"
-             :data-source="tableList">
-      <!-- 额外的展开行 -->
-      <template #expandedRowRender="{ record }">
-        <BtnList :btnList="btnList"
-                 :record="record"
-                 class="btn-list-sticky"
-                 @click="openComponent" />
-      </template>
+    <!-- 成交 -->
+    <mtp-table-scroll>
+        <template #default="{ scroll }">
+            <a-table
+                :columns="columns"
+                class="srcollYTable expandLeftTable"
+                :scroll="{ x: '100%', y: '190px' }"
+                :pagination="false"
+                :loading="loading"
+                :expandedRowKeys="expandedRowKeys"
+                :customRow="Rowclick"
+                :expandIcon="expandIcon"
+                :expandIconAsCell="false"
+                rowKey="key"
+                :data-source="tableList"
+            >
+                <!-- 额外的展开行 -->
+                <template #expandedRowRender="{ record }">
+                    <BtnList
+                        :btnList="btnList"
+                        :record="record"
+                        class="btn-list-sticky"
+                        @click="openComponent"
+                    />
+                </template>
 
-      <!-- 成交金额 -->
-      <template #amount="{ record }">
-        <a>{{ (record.tradeqty * record.tradeprice).toFixed(2) }}</a>
-      </template>
+                <!-- 成交金额 -->
+                <template #amount="{ record }">
+                    <a>{{ (record.tradeqty * record.tradeprice).toFixed(2) }}</a>
+                </template>
 
-      <!-- 挂牌类型 -->
-      <template #wrtradetype="{ record }">
-        <a>{{ getWrOrderTypeName(record.buyorsell, record.wrtradetype) }}</a>
-      </template>
-    </a-table>
-    <component :is="componentId"
-               v-if="componentId"
-               :tableName="tableName"
-               :selectedRow="selectedRow"
-               @cancel="closeComponent"></component>
-  </section>
+                <!-- 挂牌类型 -->
+                <template #wrtradetype="{ record }">
+                    <a>{{ getWrOrderTypeName(record.buyorsell, record.wrtradetype) }}</a>
+                </template>
+            </a-table>
+        </template>
+    </mtp-table-scroll>
+    <component
+        :is="componentId"
+        v-if="componentId"
+        :tableName="tableName"
+        :selectedRow="selectedRow"
+        @cancel="closeComponent"
+    ></component>
 </template>
 
 <script lang="ts">
@@ -49,12 +57,14 @@ import { ComposeOrderTableParam } from '@/common/setup/table/interface';
 import { expandIcon } from '@/common/setup/table/clolumn';
 import { getWrOrderTypeName } from '@/common/constants/enumsName';
 import { TableKey } from '@/common/methods/table/interface';
+import MtpTableScroll from '@/common/components/tableScroll/index.vue';
 
 export default defineComponent({
     name: enumOrderComponents.spot_warrant_deal,
     components: {
         BtnList,
-        spot_warrant_deal_detail: defineAsyncComponent(() => import('./components/spot_warrant_deal_detail/index.vue')),
+        MtpTableScroll,
+        detail: defineAsyncComponent(() => import('./components/detail/index.vue')),
     },
     setup() {
         const tableName: keyof TableKey = 'table_pcweb_spot_trade_bottom_spot_warrant_deal';