From 5cfccabcd74fed5d09fbeac35d69f17f2fa83ff4 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 27 Apr 2026 17:23:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=BF=94=E5=9B=9Elist=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MyListings/EditDetail/Status.vue          | 94 ++++++++++---------
 1 file changed, 49 insertions(+), 45 deletions(-)

diff --git a/src/views/SellerDashboard/MyListings/EditDetail/Status.vue b/src/views/SellerDashboard/MyListings/EditDetail/Status.vue
index eb680dd2..03210c28 100644
--- a/src/views/SellerDashboard/MyListings/EditDetail/Status.vue
+++ b/src/views/SellerDashboard/MyListings/EditDetail/Status.vue
@@ -17,62 +17,66 @@
 			<div class="desc">
 				{{ $t(desc) }}
 			</div>
-			<div class="btn">Back to My Listings</div>
+			<div class="btn" @click="handleBack">Back to My Listings</div>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from "vue"
-import { useRoute } from "vue-router"
-import SellerHeader from "../../seller-header.vue"
-const ROUTE = useRoute()
-const title = computed(() => {
-	if (ROUTE.params.status === "publish") return "SellerListEdit.listingLive"
-	if (ROUTE.params.status === "draft") return "SellerListEdit.draftSaved"
-})
+	import { ref, computed } from "vue"
+	import { useRoute, useRouter } from "vue-router"
+	import SellerHeader from "../../seller-header.vue"
+	const ROUTE = useRoute()
+	const ROUTER = useRouter()
+	const title = computed(() => {
+		if (ROUTE.params.status === "publish") return "SellerListEdit.listingLive"
+		if (ROUTE.params.status === "draft") return "SellerListEdit.draftSaved"
+	})
 
-const desc = computed(() => {
-  if (ROUTE.params.status === "publish") return "SellerListEdit.publishDesc"
-  if (ROUTE.params.status === "draft") return "SellerListEdit.draftDesc"
-})
+	const desc = computed(() => {
+		if (ROUTE.params.status === "publish") return "SellerListEdit.publishDesc"
+		if (ROUTE.params.status === "draft") return "SellerListEdit.draftDesc"
+	})
 
+	const handleBack = () => {
+		ROUTER.push({ name: "myListingsIndex" })
+	}
 </script>
 
 <style lang="less" scoped>
-.status-wrapper {
-	.status-container {
-		row-gap: 2.4rem;
-		font-weight: 400;
-		.title {
-			font-size: 2.2rem;
-		}
-		.icon {
-			width: 8.33rem;
-			height: 8.33rem;
-		}
-		.desc {
-			width: 58.2rem;
-			text-align: center;
-			white-space: pre-line;
-      color: #585858;
-      font-size: 1.8rem;
-		}
+	.status-wrapper {
+		.status-container {
+			row-gap: 2.4rem;
+			font-weight: 400;
+			.title {
+				font-size: 2.2rem;
+			}
+			.icon {
+				width: 8.33rem;
+				height: 8.33rem;
+			}
+			.desc {
+				width: 58.2rem;
+				text-align: center;
+				white-space: pre-line;
+				color: #585858;
+				font-size: 1.8rem;
+			}
 
-		.btn {
-			margin-top: 3.6rem;
-			height: 6rem;
-			width: 30rem;
-			border-radius: 4rem;
-			text-align: center;
-			line-height: 6rem;
-			padding: 0 2rem;
-			font-size: 1.6rem;
-			column-gap: 0.8rem;
-			cursor: pointer;
-			background-color: #000;
-			color: #fff;
+			.btn {
+				margin-top: 3.6rem;
+				height: 6rem;
+				width: 30rem;
+				border-radius: 4rem;
+				text-align: center;
+				line-height: 6rem;
+				padding: 0 2rem;
+				font-size: 1.6rem;
+				column-gap: 0.8rem;
+				cursor: pointer;
+				background-color: #000;
+				color: #fff;
+			}
 		}
 	}
-}
 </style>