修改 现货市场 匹配

src/views/market/market-spot/index.vue

@@ -9,7 +9,7 @@
 <script lang="ts">
 import FristMenu from '@/common/components/firstMenu/index.vue';
 import ThirdMenu from '@/common/components/thirdMenu/index.vue';
-import { TradeMode } from '@/common/constants/enumCommon';
+import { TradeMode, ListingMode, AuctionwrType } from '@/common/constants/enumCommon';
 import { contextMenu, defineAsyncComponent, defineComponent } from '@/common/export/commonTable';
 import { initData } from '@/common/methods';
 import APP from '@/services';
@@ -21,8 +21,22 @@ export default defineComponent({
     FristMenu,
     ThirdMenu,
     contextMenu,
-    // 仓单贸易
-    [TradeMode.WarehouseReceiptTrade]: defineAsyncComponent(() => import('./warehouse_receipt_trade/warehouse_receipt_trade_price/index.vue')),
+    // 仓单贸易 有仓单 一口价
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.hasWr}-${ListingMode.fix}`]: defineAsyncComponent(() => import('./warehouse_receipt_trade/warehouse_receipt_trade_price/index.vue')),
+    // 仓单贸易 有仓单 浮动价
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.hasWr}-${ListingMode.float}`]: defineAsyncComponent(() => import('./warehouse_receipt_trade/warehouse_receipt_trade_floating_price/index.vue')),
+    // 仓单贸易 有仓单 贸易圈
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.hasWr}-${ListingMode.blocs}`]: defineAsyncComponent(() => import('./warehouse_receipt_trade/warehouse_receipt_trade_blocs/index.vue')),
+    // 仓单贸易 有仓单 协议指定
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.hasWr}-${ListingMode.designate}`]: defineAsyncComponent(() => import('./warehouse_receipt_trade/warehouse_receipt_trade_designate/index.vue')),
+    // 仓单贸易 无仓单 一口价
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.noWr}-${ListingMode.fix}`]: defineAsyncComponent(() => import('./warehouse_pre_sale/warehouse_pre_sale_price/index.vue')),
+    // 仓单贸易 无仓单 浮动价
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.noWr}-${ListingMode.float}`]: defineAsyncComponent(() => import('./warehouse_pre_sale/warehouse_pre_sale_floating_price/index.vue')),
+    // 仓单贸易 无仓单 贸易圈
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.noWr}-${ListingMode.blocs}`]: defineAsyncComponent(() => import('./warehouse_pre_sale/warehouse_pre_sale_blocs/index.vue')),
+    // 仓单贸易 无仓单 协议指定
+    [`${TradeMode.WarehouseReceiptTrade}-${AuctionwrType.noWr}-${ListingMode.designate}`]: defineAsyncComponent(() => import('./warehouse_pre_sale/warehouse_pre_sale_designate/index.vue')),
     // 参考行情
     [TradeMode.quote99]: defineAsyncComponent(() => import('./spot_trade_reference_market/index.vue')),
     // 掉期贸易
@@ -51,8 +65,14 @@ export default defineComponent({
     }
     // 切换市场
     function onSelectMarket(index: number, value: TjmdMarketSectionConfig) {
+      const { trademode, auctionwrtype, listingmode } = value
+      // 仓单贸易
+      if (value.trademode === TradeMode.WarehouseReceiptTrade) {
+        componentId.value = `${trademode}-${auctionwrtype}-${listingmode}`
+      } else {
+        componentId.value = value.trademode.toString()
+      }
       selctedMarket.value = value
-      componentId.value = value.trademode.toString()
     }
 
     return { marketsSetion, selectSection, markets, onSelectMarket, componentId };