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:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user