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:
parent
20b3486512
commit
81e01eb113
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user