fix: 入库页面商品卡片参照商品管理页面显示

src/pages/stock/in.vue

@@ -32,8 +32,18 @@
             @click="openQuantityPopup(item)"
           >
             <view class="product-info">
-              <text class="product-name">{{ item.name }}</text>
+              <view class="product-header">
-              <text class="product-spec">{{ item.spec || '-' }}</text>
+                <text class="product-name">{{ item.name }}</text>
+                <text class="product-category" v-if="item.categoryName">{{ item.categoryName }}</text>
+              </view>
+              <view class="product-row">
+                <text class="product-spec">{{ item.spec || '-' }}</text>
+                <text class="product-unit">/{{ item.unit }}</text>
+                <text class="product-price-text">¥{{ item.price }}</text>
+              </view>
+              <view class="product-spec-row" v-if="item.length && item.width">
+                <text class="spec-text">{{ item.length }} x {{ item.width }} = {{ item.area }} m²</text>
+              </view>
             </view>
             <view class="product-add">
               <text class="add-icon">+</text>
@@ -320,11 +330,30 @@ export default {
   flex: 1;
 }
 
+.product-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+
 .product-name {
-  display: block;
   font-size: 30rpx;
   font-weight: 500;
   color: #333;
+}
+
+.product-category {
+  font-size: 22rpx;
+  color: #667eea;
+  background: #f0f4ff;
+  padding: 4rpx 12rpx;
+  border-radius: 8rpx;
+  margin-left: 12rpx;
+}
+
+.product-row {
+  display: flex;
+  align-items: center;
   margin-bottom: 8rpx;
 }
 
@@ -333,6 +362,28 @@ export default {
   color: #999;
 }
 
+.product-unit {
+  font-size: 22rpx;
+  color: #999;
+}
+
+.product-price-text {
+  font-size: 26rpx;
+  color: #ff4d4f;
+  font-weight: 500;
+  margin-left: 16rpx;
+}
+
+.product-spec-row {
+  display: flex;
+  align-items: center;
+}
+
+.spec-text {
+  font-size: 22rpx;
+  color: #666;
+}
+
 .product-add {
   width: 60rpx;
   height: 60rpx;