fix ProductStockList.vue style

src/pages/product/ProductDetail.vue

@@ -2,42 +2,7 @@
 	<div v-can="permissionCodes.product.read" class="product-detail">
 		<t-loading v-if="isLoading" class="loading" size="32px" />
 		<template v-if="product">
-			<card-container class="info" v-entrance-transition>
-				<div class="content">
-					<div class="left">
-						<t-image
-							v-if="getProductPhotoURL(product)"
-							:src="getProductPhotoURL(product)"
-							:alt="product.name || '产品图片'"
-							fit="cover"
-							class="avatar"
-						/>
-						<div
-							v-else
-							class="avatar placeholder"
-							v-text="(product.name || product.code || '产').slice(0, 1)"
-						/>
-					</div>
-					<div class="main">
-						<div class="header">
-							<h3 class="name" v-text="product.name || '未命名产品'" />
-							<div class="code gray" v-text="product.code || '-'" />
-						</div>
-						<div class="tags">
-							<t-tag
-								variant="light-outline"
-								theme="primary"
-								:content="getProductTypeText(product.productType)"
-							/>
-							<t-tag
-								variant="light-outline"
-								:theme="getProductStatusTheme(product.status)"
-								:content="getProductStatusText(product.status)"
-							/>
-						</div>
-					</div>
-				</div>
-			</card-container>
+			<product-profile :product="product" />
 			<t-cell-group title="基本信息" theme="card" v-entrance-transition="70">
 				<t-cell title="产品分类" :note="product.category?.name || '未分类'" />
 				<t-cell title="库存管理" :note="product.stockEnabled ? '启用' : '关闭'" />
@@ -114,6 +79,7 @@ import { useUserStore } from "timi-web-api";
 import ProductAPI from "@/api/ProductAPI";
 import NavBarActionMenu from "@/components/NavBarActionMenu.vue";
 import PhotoScroller from "@/components/PhotoScroller.vue";
+import ProductProfile from "@/pages/product/component/ProductProfile.vue";
 import { useNavBarStore } from "@/store/navBarStore";
 import type { NavBarAction } from "@/types/NavBarAction";
 import type { PhotoItem } from "@/types/Photo";
@@ -123,10 +89,7 @@ import { getErrorMessage } from "@/utils/error";
 import {
 	formatProductAmount,
 	getProductBaseUnitName,
-	getProductPhotoURL,
-	getProductStatusText,
-	getProductStatusTheme,
-	getProductTypeText
+	getProductStatusText
 } from "@/utils/product";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
@@ -233,45 +196,6 @@ onUnmounted(() => navBarStore.clearRight());
 	padding: calc(var(--app-nav-height) + 1rem) 0 1rem 0;
 	flex-direction: column;
 
-	.info {
-		margin: 0 1rem;
-
-		.content {
-			gap: .5rem;
-			padding: .5rem;
-			display: flex;
-
-			.avatar {
-				width: 7rem;
-				height: 7rem;
-			}
-
-			.main {
-				flex: 1 1 auto;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-
-				.header {
-
-					.name {
-						margin: 0;
-					}
-
-					.code {
-						font-size: .875rem;
-						margin-top: .25rem;
-					}
-				}
-
-				.tags {
-					gap: .5rem;
-					display: flex;
-				}
-			}
-		}
-	}
-
 	.units {
 
 		.title {