From fe93b375c495bdd8f58596fd42c5df50872ad413 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Wed, 8 Apr 2026 13:27:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=96=E5=AE=B6=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/seller/brandProfile.svg   | 35 +++++++++
 src/assets/icons/seller/myListings.svg     | 24 +++++++
 src/assets/icons/seller/myOrders.svg       | 22 ++++++
 src/assets/icons/seller/sellerIndex.svg    |  3 +
 src/assets/icons/seller/settings.svg       | 27 +++++++
 src/router/index.ts                        | 24 +++++++
 src/views/HomeMain.vue                     | 15 ++++
 src/views/SellerDashboard/becomeSeller.vue | 22 ++++++
 src/views/SellerDashboard/index.vue        | 84 +++++++++++++++++++++-
 9 files changed, 254 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/seller/brandProfile.svg
 create mode 100644 src/assets/icons/seller/myListings.svg
 create mode 100644 src/assets/icons/seller/myOrders.svg
 create mode 100644 src/assets/icons/seller/sellerIndex.svg
 create mode 100644 src/assets/icons/seller/settings.svg
 create mode 100644 src/views/SellerDashboard/becomeSeller.vue

diff --git a/src/assets/icons/seller/brandProfile.svg b/src/assets/icons/seller/brandProfile.svg
new file mode 100644
index 00000000..0ed7c848
--- /dev/null
+++ b/src/assets/icons/seller/brandProfile.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M92 5103 c-66 -32 -101 -105 -87 -180 6 -33 52 -84 376 -408 l369
+-370 -75 -684 c-41 -377 -75 -716 -75 -753 0 -147 53 -312 140 -436 53 -76
+1977 -1988 2079 -2067 298 -229 717 -269 1051 -100 126 64 198 127 611 542
+446 447 493 503 560 665 57 137 73 226 73 393 -1 130 -4 164 -27 250 -34 127
+-100 259 -177 355 -70 88 -2000 1999 -2068 2049 -63 45 -193 107 -267 126
+-129 34 -199 31 -920 -44 l-680 -71 -365 364 c-201 201 -378 370 -393 376 -40
+14 -87 12 -125 -7z m2380 -924 c29 -6 82 -25 118 -42 59 -29 152 -118 1062
+-1020 918 -910 1034 -1030 1081 -1122 66 -129 83 -342 38 -485 -39 -127 -82
+-192 -230 -345 -311 -322 -650 -659 -701 -699 -124 -97 -248 -139 -410 -140
+-128 -1 -187 13 -309 71 l-94 45 -634 626 c-1451 1434 -1388 1370 -1423 1443
+-60 127 -60 131 4 724 32 292 60 550 63 573 l6 44 127 -127 128 -127 -19 -54
+c-77 -217 25 -464 232 -568 169 -85 340 -71 493 39 112 81 180 200 193 341 23
+244 -161 471 -410 507 -63 9 -87 8 -149 -7 -40 -9 -84 -19 -98 -22 -21 -4 -43
+13 -150 120 -118 119 -123 126 -95 127 17 0 255 24 530 54 552 58 571 60 647
+44z m-685 -649 c42 -18 77 -61 89 -108 18 -66 -37 -153 -109 -173 -177 -47
+-271 206 -104 282 53 23 71 23 124 -1z"/>
+<path d="M3697 2450 c-26 -5 -76 -22 -110 -38 -54 -25 -95 -62 -312 -283 -516
+-524 -522 -530 -557 -605 -31 -65 -33 -75 -33 -179 0 -105 2 -114 34 -180 29
+-60 61 -97 230 -266 164 -165 206 -201 261 -228 148 -71 332 -53 450 45 19 16
+197 193 396 394 325 329 364 372 395 435 33 67 34 74 34 185 0 174 -7 186
+-262 442 -221 222 -259 250 -370 273 -75 16 -86 16 -156 5z m295 -498 c176
+-175 178 -178 178 -221 0 -43 0 -43 -314 -364 -416 -427 -405 -417 -458 -417
+-42 0 -45 3 -220 178 -162 162 -178 181 -178 212 0 19 9 49 20 65 10 17 173
+186 362 378 l343 347 45 0 c44 0 45 -1 222 -178z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/seller/myListings.svg b/src/assets/icons/seller/myListings.svg
new file mode 100644
index 00000000..bb49726b
--- /dev/null
+++ b/src/assets/icons/seller/myListings.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="488.000000pt" viewBox="0 0 512.000000 488.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,488.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2425 4873 c-518 -70 -923 -535 -929 -1063 0 -80 3 -102 21 -137 70
+-131 234 -159 337 -57 45 46 58 81 67 190 17 195 89 349 218 466 120 108 254
+161 411 161 184 0 307 -51 441 -183 71 -70 94 -100 127 -170 54 -112 85 -262
+80 -381 -6 -131 -39 -191 -192 -345 -276 -277 -500 -453 -1656 -1307 -733
+-541 -1115 -829 -1155 -871 -75 -78 -128 -167 -162 -271 -23 -69 -27 -98 -27
+-205 -1 -90 4 -143 17 -189 55 -200 190 -362 372 -446 138 -64 -7 -60 2170
+-60 1895 0 1993 1 2054 18 233 66 413 250 478 488 13 46 18 98 17 189 -1 107
+-4 137 -27 205 -36 109 -89 196 -167 275 -40 40 -436 339 -1032 779 -533 393
+-968 718 -968 722 0 3 64 62 142 130 347 301 481 474 539 694 41 154 25 417
+-38 620 -121 387 -448 677 -838 740 -83 14 -229 18 -300 8z m1152 -3229 c549
+-405 1015 -753 1037 -773 52 -49 76 -103 76 -176 0 -103 -58 -194 -147 -232
+-44 -18 -3893 -20 -3954 -2 -93 28 -159 126 -159 234 0 73 24 127 76 176 74
+69 2047 1520 2060 1515 8 -3 462 -337 1011 -742z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/seller/myOrders.svg b/src/assets/icons/seller/myOrders.svg
new file mode 100644
index 00000000..65128da8
--- /dev/null
+++ b/src/assets/icons/seller/myOrders.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="96.000000pt" height="96.000000pt" viewBox="0 0 96.000000 96.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,96.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M207 953 c-4 -3 -7 -21 -7 -39 0 -31 -2 -33 -37 -36 l-38 -3 -3 -378
+c-3 -418 -1 -429 60 -467 31 -19 46 -20 306 -18 l274 3 34 37 34 38 0 395 0
+395 -40 0 -40 0 0 41 0 40 -37 -3 c-36 -3 -38 -5 -41 -40 -3 -36 -5 -38 -37
+-38 -32 0 -34 2 -37 38 -3 36 -4 37 -43 37 -40 0 -40 0 -40 -38 0 -36 -1 -37
+-37 -37 -38 0 -38 0 -38 40 l0 40 -40 0 -40 0 0 -40 0 -40 -40 0 -40 0 0 40
+c0 39 -1 40 -33 40 -19 0 -37 -3 -40 -7z m543 -496 c0 -253 -3 -346 -12 -355
+-9 -9 -79 -12 -254 -12 -133 0 -249 3 -258 6 -14 5 -16 46 -16 355 l0 349 270
+0 270 0 0 -343z"/>
+<path d="M280 640 l0 -40 198 2 197 3 3 38 3 37 -200 0 -201 0 0 -40z"/>
+<path d="M280 485 l0 -45 198 2 197 3 0 40 0 40 -197 3 -198 2 0 -45z"/>
+<path d="M280 330 l0 -40 120 0 120 0 0 40 0 40 -120 0 -120 0 0 -40z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/seller/sellerIndex.svg b/src/assets/icons/seller/sellerIndex.svg
new file mode 100644
index 00000000..0b6dd4e0
--- /dev/null
+++ b/src/assets/icons/seller/sellerIndex.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9797 13.2649C14.0637 13.5764 13.8788 13.896 13.5673 13.9794C13.5166 13.9928 13.4658 13.9998 13.4157 13.9998C13.1584 13.9998 12.9228 13.8277 12.8528 13.5676C12.6451 12.7918 11.9171 12.25 11.083 12.25C10.2489 12.25 9.52088 12.7918 9.31322 13.5676C9.22922 13.8785 8.90956 14.0634 8.59866 13.98C8.28717 13.8966 8.10225 13.5769 8.18625 13.2655C8.53099 11.9805 9.72212 11.0834 11.083 11.0834C12.4439 11.0834 13.635 11.9805 13.9797 13.2655V13.2649ZM11.083 7.58318C10.2786 7.58318 9.62471 8.23704 9.62471 9.04138C9.62471 9.84572 10.2786 10.4996 11.083 10.4996C11.8874 10.4996 12.5413 9.84572 12.5413 9.04138C12.5413 8.23704 11.8874 7.58318 11.083 7.58318ZM2.33326 8.74974H2.91658C3.61656 8.74974 4.23837 8.4336 4.66653 7.94365C5.09468 8.4336 5.71649 8.74974 6.41647 8.74974H7.5831C7.85026 8.74974 8.11217 8.70483 8.36125 8.61617C8.66515 8.50826 8.82382 8.17521 8.7159 7.87132C8.60741 7.56744 8.27375 7.40995 7.97159 7.51669C7.84793 7.56044 7.71668 7.5826 7.5831 7.5826H6.41647C5.77308 7.5826 5.24984 7.0594 5.24984 6.41605C5.24984 6.09408 4.98852 5.83277 4.66653 5.83277C4.34454 5.83277 4.08321 6.09408 4.08321 6.41605C4.08321 7.0594 3.55998 7.5826 2.91658 7.5826H2.33326C1.70445 7.5826 1.19055 7.08273 1.16721 6.45921L1.83569 2.40602C2.0591 1.67517 2.74275 1.16655 3.50981 1.16655H4.08321V2.91638C4.08321 3.23835 4.34454 3.49966 4.66653 3.49966C4.98852 3.49966 5.24984 3.23835 5.24984 2.91638V1.16655H8.74973V2.91638C8.74973 3.23835 9.01048 3.49966 9.33305 3.49966C9.65562 3.49966 9.91637 3.23835 9.91637 2.91638V1.16655H10.4892C11.2557 1.16655 11.9399 1.67459 12.1633 2.40602L12.8318 6.45921C12.8271 6.57761 12.8049 6.69369 12.7659 6.80509C12.6585 7.10898 12.8184 7.44203 13.1217 7.54935C13.4262 7.65726 13.7587 7.49744 13.866 7.19356C13.9535 6.94391 13.999 6.68202 13.999 6.41605C13.999 6.38397 13.2996 2.13654 13.2932 2.11496C12.9374 0.869666 11.7836 0 10.4886 0H3.50981C2.21485 0.000583277 1.06163 0.870249 0.705229 2.11555C0.698812 2.13713 0 6.38455 0 6.41663C0 7.00282 0.224577 7.53302 0.583316 7.94365V11.6661C0.583316 12.9528 1.62978 13.9992 2.91658 13.9992H6.41647C6.73846 13.9992 6.99979 13.7379 6.99979 13.416C6.99979 13.094 6.73846 12.8327 6.41647 12.8327H2.91658C2.27318 12.8327 1.74995 12.3095 1.74995 11.6661V8.66691C1.93777 8.71591 2.13085 8.74974 2.33326 8.74974Z" fill="#585858"/>
+</svg>
diff --git a/src/assets/icons/seller/settings.svg b/src/assets/icons/seller/settings.svg
new file mode 100644
index 00000000..36d7afcd
--- /dev/null
+++ b/src/assets/icons/seller/settings.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="96.000000pt" height="96.000000pt" viewBox="0 0 96.000000 96.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,96.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M235 946 c-30 -13 -85 -69 -85 -86 0 -5 -30 -10 -66 -12 -51 -2 -70
+-7 -78 -20 -21 -34 4 -52 77 -58 62 -5 67 -7 89 -40 27 -40 79 -70 123 -70 42
+0 96 31 123 71 l23 34 251 5 c225 4 252 7 262 23 8 12 8 22 0 35 -10 15 -36
+17 -267 20 l-255 2 -6 25 c-15 60 -125 101 -191 71z m103 -82 c47 -33 16 -124
+-43 -124 -31 0 -75 41 -75 70 0 28 43 70 72 70 13 0 34 -7 46 -16z"/>
+<path d="M600 611 c-19 -10 -45 -33 -58 -52 l-23 -34 -251 -5 c-225 -4 -252
+-7 -262 -22 -8 -13 -8 -23 0 -35 10 -16 36 -18 267 -21 l255 -2 6 -25 c3 -13
+23 -37 43 -52 29 -22 47 -28 89 -28 59 0 95 21 129 73 18 28 25 31 84 34 48 2
+67 7 75 21 21 33 -4 51 -77 57 -62 5 -67 7 -89 40 -44 65 -122 87 -188 51z
+m115 -86 c14 -13 25 -33 25 -45 0 -28 -43 -70 -72 -70 -40 0 -68 27 -68 66 0
+68 68 97 115 49z"/>
+<path d="M235 286 c-30 -13 -85 -69 -85 -86 0 -5 -30 -10 -66 -12 -51 -2 -70
+-7 -78 -20 -21 -34 4 -52 77 -58 62 -5 67 -7 89 -40 27 -40 79 -70 123 -70 42
+0 96 31 123 71 l23 34 251 5 c225 4 252 7 262 23 8 12 8 22 0 35 -10 15 -36
+17 -267 20 l-255 2 -6 25 c-15 60 -125 101 -191 71z m103 -82 c47 -33 16 -124
+-43 -124 -30 0 -75 41 -75 68 0 11 9 31 21 46 24 30 63 34 97 10z"/>
+</g>
+</svg>
diff --git a/src/router/index.ts b/src/router/index.ts
index 2307933b..4a47bb56 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -171,6 +171,12 @@ const routes: Array<RouteRecordRaw> = [
         component: () => import("@/component/Account/otherUsers.vue"),
       },
 	  {
+        path: "becomeSeller",
+        name: "becomeSeller",
+        meta: { enter: "all" },
+        component: () => import("@/views/SellerDashboard/becomeSeller.vue"),
+	  },
+	  {
         path: "seller",
         name: "seller",
         meta: { enter: "all" },
@@ -181,6 +187,24 @@ const routes: Array<RouteRecordRaw> = [
             name: "brandProfile",
             meta: { enter: "all" },
             component: () => import("@/views/SellerDashboard/BrandProfile/index.vue"),
+          },
+		  {
+            path: "myListings",
+            name: "myListings",
+            meta: { enter: "all" },
+            component: () => import("@/views/SellerDashboard/BrandProfile/index.vue"),
+          },
+		  {
+            path: "myOrders",
+            name: "myOrders",
+            meta: { enter: "all" },
+            component: () => import("@/views/SellerDashboard/BrandProfile/index.vue"),
+          },
+		  {
+            path: "settings",
+            name: "settings",
+            meta: { enter: "all" },
+            component: () => import("@/views/SellerDashboard/BrandProfile/index.vue"),
           },
 		],
       },
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index b26e5803..253d9456 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -373,6 +373,15 @@
                   <i class="fi fi-rs-notebook"></i>
                   <span class="select_item_des">{{ $t('Header.ViewOrders') }}</span>
                 </div>
+                <div class="select_item" @click="onBecomeSeller">
+                  <span class="icon"><svg-icon name="seller-sellerIndex" /></span>
+                  <span class="select_item_des">Become a Seller</span>
+                </div>
+                <div class="select_item" @click="onSellerDashboard">
+                  <span class="icon"><svg-icon name="seller-sellerIndex" /></span>
+                  <span class="select_item_des">Seller Dashboard</span>
+				  <a-badge :dot="true"></a-badge>
+                </div>
                 <router-link
                   class="select_item"
                   v-if="userDetail.systemList.indexOf(3) >= 0"
@@ -1245,6 +1254,12 @@ export default defineComponent({
       let payOrder = this.$refs.payOrder
       payOrder.init()
     },
+	onBecomeSeller(){
+		this.$router.push({ name: 'becomeSeller' })
+	},
+	onSellerDashboard(){
+		this.$router.push({ name: 'brandProfile' })
+	},
     //教程
     getTutorial() {
       let url = 'https://aida-user-manual-chinese.super.site/'
diff --git a/src/views/SellerDashboard/becomeSeller.vue b/src/views/SellerDashboard/becomeSeller.vue
new file mode 100644
index 00000000..5f25e28b
--- /dev/null
+++ b/src/views/SellerDashboard/becomeSeller.vue
@@ -0,0 +1,22 @@
+<template>
+	<div class="become-seller"></div>
+</template>
+
+<script setup>
+	import { ref, computed } from "vue"
+	import { useRoute, useRouter } from "vue-router"
+	const route = useRoute()
+	const router = useRouter()
+
+	const activePath = computed(() => route.path)
+</script>
+<style scoped lang="less">
+	.become-seller {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+	}
+</style>
diff --git a/src/views/SellerDashboard/index.vue b/src/views/SellerDashboard/index.vue
index 3791fc63..f08af26e 100644
--- a/src/views/SellerDashboard/index.vue
+++ b/src/views/SellerDashboard/index.vue
@@ -1,6 +1,16 @@
 <template>
 	<div class="seller-dashboard-index">
-		seller-dashboard-index
+		<div class="nav">
+			<div
+				v-for="v in list"
+				:key="v.path"
+				:class="{ active: v.path === activePath }"
+				@click="handleClick(v.path)"
+			>
+				<div class="icon"><svg-icon :name="v.icon" size="20" /></div>
+				<span class="layer">{{ v.layer }}</span>
+			</div>
+		</div>
 
 		<div class="view">
 			<router-view></router-view>
@@ -8,7 +18,38 @@
 	</div>
 </template>
 
-<script lang="ts" setup>
+<script setup>
+	import { ref, computed } from "vue"
+	import { useRoute, useRouter } from "vue-router"
+	const route = useRoute()
+	const router = useRouter()
+	const list = ref([
+		{
+			icon: "seller-brandProfile",
+			layer: "Brand Profile",
+			path: "/home/seller/brandProfile"
+		},
+		{
+			icon: "seller-myListings",
+			layer: "My Listings",
+			path: "/home/seller/myListings"
+		},
+		{
+			icon: "seller-myOrders",
+			layer: "My Orders",
+			path: "/home/seller/myOrders"
+		},
+		{
+			icon: "seller-settings",
+			layer: "Settings",
+			path: "/home/seller/settings"
+		}
+	])
+	const activePath = computed(() => route.path)
+	const handleClick = (path) => {
+		if (path === activePath.value) return
+		router.push(path)
+	}
 </script>
 <style scoped lang="less">
 	.seller-dashboard-index {
@@ -18,7 +59,46 @@
 		position: relative;
 		display: flex;
 		flex-direction: column;
+		> .nav {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			gap: 3.6rem;
+			> div {
+				width: 18rem;
+				height: 6rem;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				position: relative;
+				cursor: pointer;
+				> .icon {
+					margin-right: 1rem;
+					color: #b0b0b0;
+				}
+				> .layer {
+					font-size: 2rem;
+					color: #999999;
+				}
+				&.active {
+					> .icon,
+					> .layer {
+						color: #000;
+					}
+					&::after {
+						content: "";
+						position: absolute;
+						bottom: 0;
+						left: 0;
+						width: 100%;
+						height: 0.4rem;
+						background-color: #000;
+					}
+				}
+			}
+		}
 		> .view {
+			margin-top: 4rem;
 			flex: 1;
 		}
 	}