fix: 审批详情利润计算和订单明细 text 改 view,修复 flex 布局值不显示

微信小程序中 <text> 是内联元素,在 flex 容器中无法正确作为 flex-item
分配宽度,导致右侧金额值被挤压不可见。改为 <view> 后布局正常。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
taiyi 2026-06-06 19:06:07 +08:00
parent 20b3486512
commit 81e01eb113

View File

@ -96,37 +96,37 @@
<view wx:if="{{calcRateFormula}}" class="calc-formula calc-rate-formula">{{calcRateFormula}}</view>
<view class="calc-steps">
<view class="calc-step-row">
<text class="calc-step-label">销售价合计</text>
<text class="calc-step-value">¥{{calcSaleTotal}}</text>
<view class="calc-step-label">销售价合计</view>
<view class="calc-step-value">¥{{calcSaleTotal}}</view>
</view>
<view class="calc-step-row calc-step-minus">
<text class="calc-step-label">- 成本价合计</text>
<text class="calc-step-value">¥{{calcCostTotal}}</text>
<view class="calc-step-label">- 成本价合计</view>
<view class="calc-step-value">¥{{calcCostTotal}}</view>
</view>
<view class="calc-step-row calc-step-minus">
<text class="calc-step-label">- 回扣合计</text>
<text class="calc-step-value">¥{{calcRebateTotal}}</text>
<view class="calc-step-label">- 回扣合计</view>
<view class="calc-step-value">¥{{calcRebateTotal}}</view>
</view>
<view class="calc-step-row calc-step-minus">
<text class="calc-step-label">- 运费合计</text>
<text class="calc-step-value">¥{{calcFreightTotal}}</text>
<view class="calc-step-label">- 运费合计</view>
<view class="calc-step-value">¥{{calcFreightTotal}}</view>
</view>
<view class="calc-step-row calc-step-minus">
<text class="calc-step-label">- 税费合计</text>
<text class="calc-step-value">¥{{calcTaxTotal}}</text>
<view class="calc-step-label">- 税费合计</view>
<view class="calc-step-value">¥{{calcTaxTotal}}</view>
</view>
<view wx:if="{{calcTaxDesc}}" class="calc-tax-note">{{calcTaxDesc}}</view>
<view class="calc-step-row calc-step-minus">
<text class="calc-step-label">- 其他费用合计</text>
<text class="calc-step-value">¥{{calcOtherFeeTotal}}</text>
<view class="calc-step-label">- 其他费用合计</view>
<view class="calc-step-value">¥{{calcOtherFeeTotal}}</view>
</view>
<view class="calc-step-row calc-step-result">
<text class="calc-step-label">= 利润</text>
<text class="calc-step-value">¥{{calcProfitTotal}}</text>
<view class="calc-step-label">= 利润</view>
<view class="calc-step-value">¥{{calcProfitTotal}}</view>
</view>
<view class="calc-step-row calc-step-rate">
<text class="calc-step-label">利润率</text>
<text class="calc-step-value">{{calcProfitRate}}%</text>
<view class="calc-step-label">利润率</view>
<view class="calc-step-value">{{calcProfitRate}}%</view>
</view>
</view>
</view>
@ -137,20 +137,20 @@
<view class="order-items-scroll">
<view class="order-items-table">
<view class="order-items-header">
<text class="oi-col oi-product">产品</text>
<text class="oi-col oi-num">数量</text>
<text class="oi-col oi-num">售价</text>
<text class="oi-col oi-num">成本</text>
<text class="oi-col oi-num">销售金额</text>
<text class="oi-col oi-num">成本金额</text>
<view class="oi-col oi-product">产品</view>
<view class="oi-col oi-num">数量</view>
<view class="oi-col oi-num">售价</view>
<view class="oi-col oi-num">成本</view>
<view class="oi-col oi-num">销售金额</view>
<view class="oi-col oi-num">成本金额</view>
</view>
<view wx:for="{{orderItems}}" wx:key="index" class="order-items-row">
<text class="oi-col oi-product">{{item.product_name}}</text>
<text class="oi-col oi-num">{{item.quantity}}</text>
<text class="oi-col oi-num">¥{{item.sale_price}}</text>
<text class="oi-col oi-num">¥{{item.cost_price}}</text>
<text class="oi-col oi-num">¥{{item.sale_amount}}</text>
<text class="oi-col oi-num">¥{{item.cost_amount}}</text>
<view class="oi-col oi-product">{{item.product_name}}</view>
<view class="oi-col oi-num">{{item.quantity}}</view>
<view class="oi-col oi-num">¥{{item.sale_price}}</view>
<view class="oi-col oi-num">¥{{item.cost_price}}</view>
<view class="oi-col oi-num">¥{{item.sale_amount}}</view>
<view class="oi-col oi-num">¥{{item.cost_amount}}</view>
</view>
</view>
</view>