| | |
| | | {{ i.orderDirection == "买涨" ? $t("gm") : $t("hj78") }} |
| | | </div> |
| | | </div> |
| | | <div class="moli_orderTitle"> |
| | | <!-- <div class="moli_orderTitle"> |
| | | <span>{{ $t("订单号") }}</span> |
| | | <span style="margin-left: 1em;">{{ i.buyOrderId }}</span> |
| | | </div> |
| | | </div> --> |
| | | <div style="display:flex;flex-wrap:wrap;padding-bottom: .35rem;"> |
| | | <div class="tui-wrapItem flex-start"> |
| | | <!-- <div class="tui-wrapItem flex-start"> |
| | | <div> |
| | | {{ $t("Price") }} |
| | | </div> |
| | |
| | | <div style="margin-left: .25rem;"> |
| | | {{ $moment(i.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }} |
| | | </div> |
| | | </div> --> |
| | | |
| | | <div class="tui-wrapItem" style="width: 30%;"> |
| | | <div style="font-size: 0.2rem;margin-bottom: .25rem;"> |
| | | {{ $t("MingCheng") }}/{{ $t("市值") }} |
| | | </div> |
| | | <div style="font-size: .4rem;"> |
| | | {{ i.stockSpell }} |
| | | </div> |
| | | <div style="font-size: .2rem;"> |
| | | {{ i.orderTotalPrice }} |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="tui-wrapItem" style="width: 20%;"> |
| | | <div |
| | | style="font-size: 0.2rem;margin-bottom: .25rem;text-align: end;" |
| | | > |
| | | {{ $t("持股") }}/{{ $t("可卖") }} |
| | | </div> |
| | | <div style="font-size: .4rem;text-align: end;"> |
| | | {{ i.orderNum }} |
| | | </div> |
| | | <div style="font-size: .2rem;text-align: end;"> |
| | | {{ i.orderNum }} |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="tui-wrapItem" style="width: 25%;"> |
| | | <div |
| | | style="font-size: 0.2rem;margin-bottom: .25rem;text-align: end;" |
| | | > |
| | | {{ $t("Current") }}/{{ $t("Cost") }} |
| | | </div> |
| | | <div style="font-size: .4rem;text-align: end;"> |
| | | {{ i.now_price }} |
| | | </div> |
| | | <div style="font-size: .2rem;text-align: end;"> |
| | | {{ i.buyOrderPrice }} |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="tui-wrapItem" style="width: 25%;"> |
| | | <div |
| | | style="font-size: 0.2rem;margin-bottom: .25rem;text-align: end;" |
| | | > |
| | | {{ $t("盈虧") }}/{{ $t("hj141") }} |
| | | </div> |
| | | <div |
| | | style="font-size: .4rem;text-align: end;" |
| | | :style=" |
| | | `color:${ |
| | | i.profitAndLose > 0 |
| | | ? 'green' |
| | | : i.profitAndLose < 0 |
| | | ? 'red' |
| | | : '' |
| | | }` |
| | | " |
| | | > |
| | | {{ i.profitAndLose }} |
| | | </div> |
| | | <div |
| | | style="font-size: .2rem;text-align: end;" |
| | | :style=" |
| | | `color:${ |
| | | i.profitAndLose > 0 |
| | | ? 'green' |
| | | : i.profitAndLose < 0 |
| | | ? 'red' |
| | | : '' |
| | | }` |
| | | " |
| | | > |
| | | {{ i.profitAndLoseParent }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |