From 7fc1c84329118be5cb44828927a8e29690f11af2 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sun, 28 Dec 2025 01:34:44 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E7=BB=84=E4=BB=B6=E5=8F=8A=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                           |  4 ++
 src/ui/avatar/index.vue                       |  1 +
 .../global-menu/components/issuing-asset.vue  | 46 +++++++++++++
 .../global-menu/components/my-revenue.vue     | 68 +++++++++++++++++++
 .../global-menu/components/trade-settings.vue | 40 +++++++++++
 src/views/global-menu/index.vue               | 27 ++++++++
 src/views/riwa/index.vue                      |  5 +-
 src/views/user/components/asset.vue           | 11 +--
 src/views/user/components/user-info.vue       |  2 +-
 src/views/user/components/wallet-card.vue     |  2 +-
 src/views/user/index.vue                      |  4 +-
 11 files changed, 197 insertions(+), 13 deletions(-)
 create mode 100644 src/views/global-menu/components/issuing-asset.vue
 create mode 100644 src/views/global-menu/components/my-revenue.vue
 create mode 100644 src/views/global-menu/components/trade-settings.vue
 create mode 100644 src/views/global-menu/index.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index d5c6b73..06e107c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -205,6 +205,10 @@ const routes: Array<RouteRecordRaw> = [
       },
     ],
   },
+  {
+    path: "/global-menu",
+    component: () => import("@/views/global-menu/index.vue"),
+  },
 ];
 
 const router = createRouter({
diff --git a/src/ui/avatar/index.vue b/src/ui/avatar/index.vue
index 39ec43f..0f0a14b 100644
--- a/src/ui/avatar/index.vue
+++ b/src/ui/avatar/index.vue
@@ -24,5 +24,6 @@ ion-avatar {
   --padding: 10px;
   background-color: #e7f6e1;
   padding: var(--padding);
+  border: 2px solid #e3e3e3;
 }
 </style>
diff --git a/src/views/global-menu/components/issuing-asset.vue b/src/views/global-menu/components/issuing-asset.vue
new file mode 100644
index 0000000..2613739
--- /dev/null
+++ b/src/views/global-menu/components/issuing-asset.vue
@@ -0,0 +1,46 @@
+<script lang='ts' setup>
+import { calculatorOutline, documentTextOutline, fingerPrintOutline, personOutline } from "ionicons/icons";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <div>
+    <ion-label class="text-md font-semibold">
+      {{ t("asset.issue.issuingAsset") }}
+    </ion-label>
+    <div class="grid grid-cols-4 mt-5">
+      <div class="col-span-1 flex-col-center gap-2">
+        <ion-icon :icon="personOutline" />
+        <div class="text-xs">
+          {{ t("asset.issue.myCompany") }}
+        </div>
+      </div>
+      <div class="col-span-1 flex-col-center gap-2" @click="$router.push('/issue/issuing-apply')">
+        <ion-icon :icon="documentTextOutline" />
+        <div class="text-xs">
+          {{ t("asset.issue.issuingApply") }}
+        </div>
+      </div>
+      <div class="col-span-1 flex-col-center gap-2">
+        <ion-icon :icon="calculatorOutline" />
+        <div class="text-xs">
+          {{ t("asset.issue.audit") }}
+        </div>
+      </div>
+      <div class="col-span-1 flex-col-center gap-2">
+        <ion-icon :icon="fingerPrintOutline" />
+        <div class="text-xs">
+          {{ t("asset.issue.supervision") }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang='css' scoped>
+ion-icon {
+  font-size: 1.5rem;
+  color: var(--ion-color-primary);
+}
+</style>
diff --git a/src/views/global-menu/components/my-revenue.vue b/src/views/global-menu/components/my-revenue.vue
new file mode 100644
index 0000000..1ac422c
--- /dev/null
+++ b/src/views/global-menu/components/my-revenue.vue
@@ -0,0 +1,68 @@
+<script lang='ts' setup>
+import { calendarOutline, listOutline, timeOutline, walletOutline } from "ionicons/icons";
+
+const { t } = useI18n();
+const router = useRouter();
+
+function navigateToTotal() {
+  router.push("/revenue/total");
+}
+
+function navigateToMonthly() {
+  router.push("/revenue/monthly");
+}
+
+function navigateToPending() {
+  router.push("/revenue/pending");
+}
+
+function navigateToRecords() {
+  router.push("/revenue/records");
+}
+</script>
+
+<template>
+  <div>
+    <ion-label class="text-md font-semibold">
+      {{ t("asset.revenue.myRevenue") }}
+    </ion-label>
+    <div class="grid grid-cols-4 mt-5">
+      <div
+        class="col-span-1 flex flex-col items-center gap-2 cursor-pointer transition-opacity active:opacity-70"
+        @click="navigateToTotal"
+      >
+        <ion-icon :icon="walletOutline" class="text-2xl text-primary" />
+        <div class="text-xs">
+          {{ t("asset.revenue.totalRevenue") }}
+        </div>
+      </div>
+      <div
+        class="col-span-1 flex flex-col items-center gap-2 cursor-pointer transition-opacity active:opacity-70"
+        @click="navigateToMonthly"
+      >
+        <ion-icon :icon="calendarOutline" class="text-2xl text-primary" />
+        <div class="text-xs">
+          {{ t("asset.revenue.monthlyRevenue") }}
+        </div>
+      </div>
+      <div
+        class="col-span-1 flex flex-col items-center gap-2 cursor-pointer transition-opacity active:opacity-70"
+        @click="navigateToPending"
+      >
+        <ion-icon :icon="timeOutline" class="text-2xl text-primary" />
+        <div class="text-xs">
+          {{ t("asset.revenue.pendingRevenue") }}
+        </div>
+      </div>
+      <div
+        class="col-span-1 flex flex-col items-center gap-2 cursor-pointer transition-opacity active:opacity-70"
+        @click="navigateToRecords"
+      >
+        <ion-icon :icon="listOutline" class="text-2xl text-primary" />
+        <div class="text-xs">
+          {{ t("asset.revenue.revenueDetails") }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/views/global-menu/components/trade-settings.vue b/src/views/global-menu/components/trade-settings.vue
new file mode 100644
index 0000000..ff423f7
--- /dev/null
+++ b/src/views/global-menu/components/trade-settings.vue
@@ -0,0 +1,40 @@
+<script lang='ts' setup>
+import { cardOutline, documentOutline, documentTextOutline } from "ionicons/icons";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <div>
+    <ion-label class="text-md font-semibold">
+      {{ t('trade.title') }}
+    </ion-label>
+    <div class="grid grid-cols-4 mt-5">
+      <div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/bank-management')">
+        <ion-icon :icon="cardOutline" />
+        <div class="text-xs">
+          {{ t('trade.settings.bankManagement') }}
+        </div>
+      </div>
+      <div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/my-subscribe')">
+        <ion-icon :icon="documentOutline" />
+        <div class="text-xs">
+          {{ t('trade.settings.mySubscribe') }}
+        </div>
+      </div>
+      <div class="col-span-1 flex-col-center gap-2" @click="$router.push('/trade-settings/my-issues')">
+        <ion-icon :icon="documentTextOutline" />
+        <div class="text-xs">
+          {{ t('trade.settings.myIssues') }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang='css' scoped>
+ion-icon {
+  font-size: 1.5rem;
+  color: var(--ion-color-primary);
+}
+</style>
diff --git a/src/views/global-menu/index.vue b/src/views/global-menu/index.vue
new file mode 100644
index 0000000..c2d23e1
--- /dev/null
+++ b/src/views/global-menu/index.vue
@@ -0,0 +1,27 @@
+<script lang='ts' setup>
+import UserInfo from "../user/components/user-info.vue";
+import IssuingAsset from "./components/issuing-asset.vue";
+import MyRevenue from "./components/my-revenue.vue";
+import TradeSettings from "./components/trade-settings.vue";
+</script>
+
+<template>
+  <ion-page>
+    <ion-header class="ion-no-border">
+      <ion-toolbar class="ui-toolbar">
+        <ui-back-button slot="start" text="" />
+      </ion-toolbar>
+    </ion-header>
+    <ion-content :fullscreen="true" class="ion-padding">
+      <UserInfo />
+      <div class="h-px w-full bg-text-900 my-5" />
+      <div class="flex flex-col gap-10 mt-10">
+        <IssuingAsset />
+        <MyRevenue />
+        <TradeSettings />
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<style lang='css' scoped></style>
diff --git a/src/views/riwa/index.vue b/src/views/riwa/index.vue
index 5776505..a0d3f2e 100644
--- a/src/views/riwa/index.vue
+++ b/src/views/riwa/index.vue
@@ -8,12 +8,9 @@ import Rwa from "./components/rwa.vue";
   <ion-page>
     <ion-header class="ion-no-border">
       <ion-toolbar class="ui-toolbar">
-        <ion-button slot="start" fill="clear">
+        <ion-button slot="start" fill="clear" class="z-1" @click="$router.push('/global-menu')">
           <IconParkOutlineApplicationMenu slot="icon-only" />
         </ion-button>
-        <ion-button slot="end" fill="clear">
-          <!-- <ui-avatar slot="icon-only" class="w-10 h-10" style="--padding: 8px" /> -->
-        </ion-button>
         <ion-title>首页</ion-title>
       </ion-toolbar>
     </ion-header>
diff --git a/src/views/user/components/asset.vue b/src/views/user/components/asset.vue
index 06da386..ee5fce4 100644
--- a/src/views/user/components/asset.vue
+++ b/src/views/user/components/asset.vue
@@ -9,11 +9,11 @@ const { fundingBalances, totalAssetValue } = storeToRefs(walletStore);
 
 <template>
   <div>
-    <ion-label class="text-xs font-medium text-text-300">
+    <div class="text-md font-semibold my-4">
       资产分布
-    </ion-label>
+    </div>
 
-    <div class="grid grid-cols-2 gap-4 mt-2">
+    <div class="grid grid-cols-2 gap-4">
       <div class="asset-card">
         <div class="text-xs text-text-400 font-semibold flex items-center gap-1">
           <SolarDollarMinimalisticBoldDuotone />
@@ -34,9 +34,10 @@ const { fundingBalances, totalAssetValue } = storeToRefs(walletStore);
       </div>
     </div>
 
-    <ion-label class="text-xs font-medium text-text-300">
+    <div class="text-md font-semibold my-4">
       资产
-    </ion-label>
+    </div>
+
     <ion-list lines="none" class="space-y-5 mt-2!">
       <ion-item v-for="asset, i in fundingBalances" :key="i" class="">
         <div class="flex items-center space-x-3 flex-1">
diff --git a/src/views/user/components/user-info.vue b/src/views/user/components/user-info.vue
index 8d0aa31..c86d1df 100644
--- a/src/views/user/components/user-info.vue
+++ b/src/views/user/components/user-info.vue
@@ -9,7 +9,7 @@ const { userProfile } = storeToRefs(userStore);
 <template>
   <div class="user-info-container">
     <div class="user-info" @click="$router.push('/user/settings')">
-      <ui-avatar class="size-18" />
+      <ui-avatar class="size-14" />
       <div>
         <div class="user-name">
           {{ userProfile?.user?.email }}
diff --git a/src/views/user/components/wallet-card.vue b/src/views/user/components/wallet-card.vue
index 25915e2..dac4a14 100644
--- a/src/views/user/components/wallet-card.vue
+++ b/src/views/user/components/wallet-card.vue
@@ -39,7 +39,7 @@ onMounted(() => {
     </div>
   </div>
 
-  <div class="flex gap-2 w-full justify-around">
+  <div class="flex gap-2 w-full justify-around mt-2">
     <div id="open-recharge-modal" class="flex-col-center">
       <ion-button expand="full" color="success" shape="round" class="w-12 h-12">
         <IcRoundArrowCircleDown slot="icon-only" />
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 0209681..f54d029 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -64,9 +64,9 @@ async function handleScan() {
         <UserInfo />
         <WalletCard />
         <Asset />
-        <IssuingAsset />
+        <!-- <IssuingAsset />
         <MyRevenue />
-        <TradeSettings />
+        <TradeSettings /> -->
       </div>
     </ion-content>
   </ion-page>