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 09:59:10 +00:00
parent 82bebc0dd8
commit 3860c9583b
1 changed files with 9 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/order/detail.vue
View File

@@ -36,9 +36,7 @@
<view class="section-title">商品明细</view> <view class="section-title">商品明细</view>
<view class="items-list"> <view class="items-list">
<view class="item-row header"> <view class="item-row header">
<text class="item-name">商品名称</text> <text class="item-info">商品信息</text>
<text class="item-specs">规格</text>
<text class="item-dims">长x宽</text>
<text class="item-area">总面积(m²)</text> <text class="item-area">总面积(m²)</text>
<text class="item-qty">数量</text> <text class="item-qty">数量</text>
<text class="item-price">单价</text> <text class="item-price">单价</text>
@@ -49,9 +47,7 @@
:key="index" :key="index"
class="item-row" class="item-row"
> >
<text class="item-name">{{ item.productName }}</text> <text class="item-info">{{ item.productName }}\n{{ item.productSpec || '-' }}\n{{ item.length || '-' }}x{{ item.width || '-' }}</text>
<text class="item-specs">{{ item.productSpec || '-' }}</text>
<text class="item-dims">{{ item.length || '-' }}x{{ item.width || '-' }}</text>
<text class="item-area">{{ calcArea(item) }}</text> <text class="item-area">{{ calcArea(item) }}</text>
<text class="item-qty">{{ item.quantity }}</text> <text class="item-qty">{{ item.quantity }}</text>
<text class="item-price">¥{{ item.price }}</text> <text class="item-price">¥{{ item.price }}</text>
@@ -369,24 +365,16 @@ export default {
padding: 16rpx 0; padding: 16rpx 0;
} }
.item-name { .item-info {
flex: 2; flex: 3;
min-width: 120rpx; white-space: pre-line;
} font-size: 24rpx;
color: #333;
.item-specs { line-height: 1.6;
flex: 1;
text-align: center;
color: #999;
}
.item-dims {
flex: 1;
text-align: center;
} }
.item-area { .item-area {
flex: 1; flex: 1.2;
text-align: center; text-align: center;
color: #667eea; color: #667eea;
font-weight: 500; font-weight: 500;