sales/todo-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 入库页面商品卡片参照商品管理页面显示
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Agent
2026-04-02 13:31:17 +00:00
parent 796d083823
commit c49a6d8288
1 changed files with 54 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/pages/stock/in.vue
View File

@@ -32,8 +32,18 @@
@click="openQuantityPopup(item)" @click="openQuantityPopup(item)"
> >
<view class="product-info"> <view class="product-info">
<view class="product-header">
<text class="product-name">{{ item.name }}</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-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>
<view class="product-add"> <view class="product-add">
<text class="add-icon">+</text> <text class="add-icon">+</text>
@@ -320,11 +330,30 @@ export default {
flex: 1; flex: 1;
} }
.product-header {
display: flex;
align-items: center;
margin-bottom: 8rpx;
}
.product-name { .product-name {
display: block;
font-size: 30rpx; font-size: 30rpx;
font-weight: 500; font-weight: 500;
color: #333; 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; margin-bottom: 8rpx;
} }
@@ -333,6 +362,28 @@ export default {
color: #999; 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 { .product-add {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;