<!-- -->
|
<template>
|
<div style="height: 100%">
|
<van-nav-bar
|
:placeholder="true"
|
:safe-area-inset-top="true"
|
:title="$t('订单详情')"
|
left-arrow
|
:fixed="true"
|
@click-left="handleBack"
|
>
|
</van-nav-bar>
|
|
<div class="bottomIfr">
|
<div class="pagebox">
|
<div class="pagebox_left">{{ $t("盈虧") }}</div>
|
<div class="pagebox_right">{{ pages.profitAndLose | _toString }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">{{ $t("hj141") }}</div>
|
<div class="pagebox_right">{{ pages.profitAndLoseParent }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">{{ $t("倉位(股)") }}</div>
|
<div class="pagebox_right">{{ pages.orderNum }}</div>
|
</div>
|
<div class="pagebox" v-if="pages.now_price">
|
<div class="pagebox_left">{{ $t("hj40") }}</div>
|
<div class="pagebox_right">{{ pages.now_price | _toString }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">
|
{{ $t("持倉價") }}
|
</div>
|
<div class="pagebox_right">{{ pages.buyOrderPrice | _toString }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">
|
{{ $t("訂單金額") }}
|
</div>
|
<div class="pagebox_right">{{ pages.orderTotalPrice | _toString }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">{{ $t("hj44") }}</div>
|
<div class="pagebox_right">{{ pages.orderFee | _toString }}</div>
|
</div>
|
<div class="pagebox">
|
<div class="pagebox_left">
|
{{ $t("訂單編號") }}
|
</div>
|
<div class="pagebox_right">{{ pages.buyOrderId }}</div>
|
</div>
|
|
<div class="pagebox" v-if="pages.buyOrderTime">
|
<div class="pagebox_left">{{ $t("持倉時間") }}</div>
|
<div class="pagebox_right">
|
{{ $moment(pages.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
|
</div>
|
</div>
|
<div class="pagebox" v-if="pages.sellOrderTime">
|
<div class="pagebox_left">{{ $t("hj128") }}</div>
|
<div class="pagebox_right">
|
{{ $moment(pages.sellOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import * as api from "@/axios/api";
|
export default {
|
data() {
|
return {
|
pages: {}
|
};
|
},
|
// 生命周期 - 创建完成（访问当前this实例）
|
created() {
|
this.getInfoSite();
|
},
|
// 生命周期 - 挂载完成（访问DOM元素）
|
mounted() {},
|
methods: {
|
handleBack() {
|
// 点击返回/
|
this.$router.go(-1);
|
},
|
async getInfoSite() {
|
var res = {
|
positionSn: this.$route.query.codes
|
};
|
let data = await api.findByPostionSn(res);
|
if (data.status === 0) {
|
this.pages = data.data;
|
}
|
}
|
}
|
};
|
</script>
|
<style scoped lang="less">
|
/deep/ .van-nav-bar__content {
|
height: 65px;
|
}
|
/deep/ .van-nav-bar__title {
|
font-family: "DINPro";
|
width: 100%;
|
height: 1.17333rem;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.48rem;
|
color: #14181f;
|
}
|
.bottomIfr {
|
// position: absolute;
|
// top: 1.5rem;
|
// left: 0;
|
// right: 0;
|
// bottom: 0;
|
width: 100vw;
|
height: calc(100% - 65px);
|
// height:;
|
background-color: #fff !important;
|
}
|
.pagebox {
|
margin: 0 15px;
|
height: 60px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
border-bottom: 1px solid #ddd;
|
}
|
.conentIfr {
|
width: 100%;
|
height: 90%;
|
border: none;
|
//取消滚动条
|
overflow: hidden;
|
}
|
</style>
|
