aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 返回list列表

Browse Source
This commit is contained in:
zhangyahui
2026-04-27 17:23:31 +08:00
parent 04ad920590
commit 5cfccabcd7
1 changed files with 49 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/SellerDashboard/MyListings/EditDetail/Status.vue
View File

@@ -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>