feat: order跳转卖家主页

src/components/CommodityItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
-const props = defineProps({
+	import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
+	const props = defineProps({
 		url: {
 			type: String,
 			default: ''
@@ -10,8 +10,8 @@ const props = defineProps({
 			default: 'aaa'
 		},
 		price: {
-    type: String,
-    default: '111'
+			type: [String, Number],
+			default: ''
 		},
 		download: {
 			type: Boolean,
@@ -21,23 +21,23 @@ const props = defineProps({
 			type: Boolean,
 			default: true
 		}
-})
-const emit = defineEmits(['addShopping', 'openDetail', 'download'])
-let data = reactive({})
-const addShopping = () => {
+	})
+	const emit = defineEmits(['addShopping', 'openDetail', 'download'])
+	let data = reactive({})
+	const addShopping = () => {
 		if (props.download) {
 			emit('download')
 		} else {
 			emit('addShopping')
 		}
-}
-const openDetail = () => {
+	}
+	const openDetail = () => {
 		emit('openDetail')
-}
-onMounted(() => {})
-onUnmounted(() => {})
-defineExpose({})
-const {} = toRefs(data)
+	}
+	onMounted(() => {})
+	onUnmounted(() => {})
+	defineExpose({})
+	const {} = toRefs(data)
 </script>
 <template>
 	<div class="commodity-item" :class="{ 'is-download': download }">
@@ -47,23 +47,31 @@ const {} = toRefs(data)
 				<div class="name">
 					{{ props.name }}
 				</div>
-        <div class="price" :class="{ 'is-download': download }" v-if="props.showPrice && props.price">
+				<div
+					class="price"
+					:class="{ 'is-download': download }"
+					v-if="props.showPrice && props.price"
+				>
 					{{ props.price }}
 				</div>
 			</div>
 			<div class="btn" @click="addShopping">
 				<div class="text">
-          <SvgIcon :name="download ? 'download' : 'add'" size="26" color="#232323"></SvgIcon>
+					<SvgIcon
+						:name="download ? 'download' : 'add'"
+						size="26"
+						color="#232323"
+					></SvgIcon>
 				</div>
 			</div>
 		</div>
 	</div>
 </template>
 <style lang="less" scoped>
-.commodity-item {
+	.commodity-item {
 		width: var(--commodity-width, 100%);
-  &.is-download{
-    img{
+		&.is-download {
+			img {
 				cursor: initial;
 			}
 		}
@@ -100,5 +108,5 @@ const {} = toRefs(data)
 		.btn {
 			cursor: pointer;
 		}
-}
+	}
 </style>

src/views/wardrobe/Orders.vue

@@ -30,7 +30,9 @@
 							<span class="icon">
 								<svg-icon name="order-shop" size="24" />
 							</span>
-							<span class="text">{{ order.shopName }}</span>
+							<span class="text" @click="handleRouteBrand(order)">
+								{{ order.shopName }}
+							</span>
 						</div>
 						<p class="order-card__date">{{ order.formatUpdatetime }}</p>
 					</div>
@@ -93,6 +95,7 @@
 <script setup lang="ts">
 	import { computed, onMounted, ref, shallowRef } from 'vue'
 	import { useI18n } from 'vue-i18n'
+	import { useRouter } from 'vue-router'
 	import { fetchMyOrders } from '@/api/user'
 	import ScItem from '@/views/shoppingCart/sc-item.vue'
 	import Empty from './Empty.vue'
@@ -131,6 +134,7 @@
 		formatUpdatetime: string
 	}
 
+	const ROUTER = useRouter()
 	const { t, locale } = useI18n({ useScope: 'global' })
 
 	const statusOptions = computed<StatusOption[]>(() => [
@@ -292,6 +296,10 @@
 		}
 	}
 
+	const handleRouteBrand = (order: OrderRecord) => {
+		ROUTER.push(`/brand/${order.sellerId}`)
+	}
+
 	onMounted(() => {
 		fetchAllOrders()
 	})
@@ -397,6 +405,10 @@
 				}
 				.brand {
 					column-gap: 1rem;
+					.text {
+						text-decoration: underline;
+						cursor: pointer;
+					}
 				}
 			}