优化图表加载速度

src/views/market/spot_trade/spot_trade_order_transaction/spot_trade_order_transaction_swap/components/post_buying/index.vue

@@ -174,11 +174,10 @@ import { QueryTjmdTodayAccountMarginReq } from '@/services/go/Tjmd/interface';
 import { diaoQiOrder } from '@/services/socket/order';
 import { OrderReq } from '@/services/socket/order/interface';
 import Bus from '@/utils/eventBus';
-import Chart from '@/views/market/spot_trade/components/goods-chart/chart/index.vue';
 import { DoubleRightOutlined, LineChartOutlined, MinusOutlined, PlusOutlined, SwapOutlined } from '@ant-design/icons-vue';
 import moment from 'moment';
 import { v4 as uuidv4 } from 'uuid';
-import { defineComponent, PropType, ref } from 'vue';
+import { defineComponent, defineAsyncComponent, PropType, ref } from 'vue';
 import { RefGoodsList } from '../../interface';
 import { useUserType } from '../setup';
 import { FormParam } from './interface';
@@ -188,7 +187,16 @@ import { formatDecimal } from '@/utils/number'
 export default defineComponent({
   emits: ['cancel', 'update'],
   name: ModalEnum.spot_trade_warehouse_post_buying,
-  components: { Des, Drawer, PlusOutlined, MinusOutlined, SwapOutlined, LineChartOutlined, DoubleRightOutlined, Chart },
+  components: {
+    Des,
+    Drawer,
+    PlusOutlined,
+    MinusOutlined,
+    SwapOutlined,
+    LineChartOutlined,
+    DoubleRightOutlined,
+    Chart: defineAsyncComponent(() => import('@/views/market/spot_trade/components/goods-chart/chart/index.vue')),
+  },
   props: {
     selectedRow: {
       type: Object as PropType<RefGoodsList>,