style(swap): 为收益互换和解约页面的价格输入组件添加样式类

- 为SwapIncome页面的vue-swap-price-input组件添加swap-delivery-price-input-income类
- 为SwapUnwind页面的vue-swap-price-input组件添加swap-delivery-price-input-unwind类
- 在unwindSwapTrade.css中为新添加的类设置统一宽度样式
- 移除内联样式style="width:107px"改为CSS类控制宽度
- 统一价格输入框宽度为160px提升界面一致性
This commit is contained in:
张名锐
2026-08-07 16:27:04 +08:00
parent 451026b981
commit 5182ef2532
3 changed files with 11 additions and 3 deletions
+1 -1
View File
@@ -172,7 +172,7 @@
<!-- 期初标的交割净价: TradingAmountNetAvg 字段名为"成交净价(期末语义)",但此处后端 InitIncome 实际装入的是期初净价(position.PosiNetNoFeePrice),值是期初值 -->
<td v-if="deal.StructureType!='普通收益互换'">{{priceFormat(floatPosition.TradingAmountNetAvg > 0 ? floatPosition.TradingAmountNetAvg : floatPosition.PosiNetPrice)}}</td>
<td>
<vue-swap-price-input v-model="floatPosition.TradingAmountAvg" v-bind:format="getDeliveryPriceInputFormat()" v-on:input="changeUnderlyingPrice" style="width:107px;"></vue-swap-price-input>
<vue-swap-price-input class="swap-delivery-price-input-income" v-model="floatPosition.TradingAmountAvg" v-bind:format="getDeliveryPriceInputFormat()" v-on:input="changeUnderlyingPrice"></vue-swap-price-input>
<a href="javascript:void(0)" v-on:click="refreshUnderlyingPrice()">
<span title="使用系统标的价格" class="glyphicon glyphicon-refresh"></span>
</a>
+1 -1
View File
@@ -209,7 +209,7 @@
</td>
<td>{{priceFormat(floatPosition.PosiGrossPrice)}}</td>
<td>
<vue-swap-price-input v-model="floatPosition.TradingAmountAvg" v-bind:format="getDeliveryPriceInputFormat()" v-on:input="changeUnderlyingPrice" style="width:107px;"></vue-swap-price-input>
<vue-swap-price-input class="swap-delivery-price-input-unwind" v-model="floatPosition.TradingAmountAvg" v-bind:format="getDeliveryPriceInputFormat()" v-on:input="changeUnderlyingPrice"></vue-swap-price-input>
<a href="javascript:void(0)" v-on:click="refreshUnderlyingPrice()">
<span title="使用系统标的价格" class="glyphicon glyphicon-refresh"></span>
</a>
@@ -97,4 +97,12 @@
}
td input {
width: 100px !important;
}
}
td input.swap-delivery-price-input-unwind {
width: 160px !important;
}
td input.swap-delivery-price-input-income {
width: 160px !important;
}