feat: 添加交易类型枚举，更新交易页面以支持买入和卖出功能

src/views/trade/index.vue

@@ -1,13 +1,17 @@
 <script setup lang="ts">
 import type { ChartingLibraryWidgetOptions } from "#/charting_library";
+import { useRouteQuery } from "@vueuse/router";
 import { caretDownOutline, ellipsisHorizontal } from "ionicons/icons";
 import MaterialSymbolsCandlestickChartOutline from "~icons/material-symbols/candlestick-chart-outline";
+import { TradeTypeEnum } from "@/api/enum";
 import { TradingViewChart } from "@/tradingview/index";
 import OrdersPanel from "./components/orders-panel.vue";
 import TradeSwitch from "./components/trade-switch.vue";
 import TradeWay from "./components/trade-way.vue";
 
-const mode = ref<"buy" | "sell">("buy");
+const mode = useRouteQuery<TradeTypeEnum>("mode", TradeTypeEnum.BUY);
+const symbol = useRouteQuery<string>("symbol", "BTCUSD");
+
 const tradingviewOptions: Partial<ChartingLibraryWidgetOptions> = {
   disabled_features: [
     "create_volume_indicator_by_default",
@@ -21,7 +25,7 @@ const tradingviewOptions: Partial<ChartingLibraryWidgetOptions> = {
       <ion-toolbar class="ion-toolbar">
         <div slot="start" class="flex items-center gap-1 px-4">
           <div class="text-md font-bold">
-            BTC/USDT
+            {{ symbol }}
           </div>
           <ui-tag size="mini" type="tertiary">
             现货
@@ -39,7 +43,7 @@ const tradingviewOptions: Partial<ChartingLibraryWidgetOptions> = {
       </ion-toolbar>
     </ion-header>
     <ion-content :fullscreen="true">
-      <TradingViewChart class="mb-5" height="300px" symbol="BTCUSD" :options="tradingviewOptions" />
+      <TradingViewChart class="mb-5" height="300px" :symbol="symbol" :options="tradingviewOptions" />
 
       <div class="grid grid-cols-5 px-4">
         <div class="col-span-3 space-y-2">