|
|
@ -1,13 +1,24 @@ |
|
|
|
<template> |
|
|
|
<card class="rol"> |
|
|
|
<div class="my-flex"> |
|
|
|
<div><card>机器人总资产:522222</card></div> |
|
|
|
<div><card>周转资金:522222</card></div> |
|
|
|
<div><card>当前持仓资金:522222</card></div> |
|
|
|
<div><card>浮动盈亏:522222</card></div> |
|
|
|
<div><card>总利息:522222</card></div> |
|
|
|
<div><card>总手续费:522222</card></div> |
|
|
|
<div><card>总收益:522222</card></div> |
|
|
|
<div> |
|
|
|
<card>机器人总资产:{{ staticForm.Balance }}</card> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<card>当前持仓资金:{{ staticForm.TotalPurchaseAmount }}</card> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<card>浮动盈亏:{{basic.TotalPurchasePriceProfit }}</card> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<card>总利息:{{ staticForm.TotalLoanFee }}</card> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<card>总手续费:{{ staticForm.TotalTradeFee }}</card> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<card>总收益:{{ staticForm.ZYK }}</card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<card></card> |
|
|
|
<el-table |
|
|
@ -49,22 +60,10 @@ |
|
|
|
<!-- 买卖时间 --> |
|
|
|
<div v-else-if="i.customSlot == 'KLineId'"> |
|
|
|
<p> |
|
|
|
{{ |
|
|
|
scope.row.PurchaseKLineId |
|
|
|
? moment(scope.row.PurchaseKLineId * 1000).format( |
|
|
|
"YYYY-MM-DD HH:mm:ss" |
|
|
|
) |
|
|
|
: "-" |
|
|
|
}} |
|
|
|
{{ scope.row.LastPurchaseTradeTime || "-" }} |
|
|
|
</p> |
|
|
|
<p> |
|
|
|
{{ |
|
|
|
scope.row.SaleKLineId |
|
|
|
? moment(scope.row.SaleKLineId * 1000).format( |
|
|
|
"YYYY-MM-DD HH:mm:ss" |
|
|
|
) |
|
|
|
: "-" |
|
|
|
}} |
|
|
|
{{ scope.row.LastSaleTradeTime || "-" }} |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<!-- 下单方式 --> |
|
|
@ -73,7 +72,7 @@ |
|
|
|
<p>市价单</p> |
|
|
|
</div> |
|
|
|
<!-- 信号价 --> |
|
|
|
<div v-else-if="i.customSlot == 'SignalPrice'"> |
|
|
|
<div v-else-if="i.customSlot == 'Price'"> |
|
|
|
<p>{{ scope.row.PurchasePrice }}</p> |
|
|
|
<p>{{ scope.row.SalePrice }}</p> |
|
|
|
</div> |
|
|
@ -84,8 +83,12 @@ |
|
|
|
</div> |
|
|
|
<!-- 买卖数量 --> |
|
|
|
<div v-else-if="i.customSlot == 'Count'"> |
|
|
|
<p>{{ scope.row.PurchaseCoinCount || "-" }}</p> |
|
|
|
<p>{{ scope.row.SaleCoinCount || "-" }}</p> |
|
|
|
<p class="text-eclipse" :title="scope.row.PurchaseCoinCount || '-'"> |
|
|
|
{{ scope.row.PurchaseCoinCount || "-" }} |
|
|
|
</p> |
|
|
|
<p class="text-eclipse" :title="scope.row.PurchaseCoinCount || '-'"> |
|
|
|
{{ scope.row.SaleCoinCount || "-" }} |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<!-- 成交总价 --> |
|
|
|
<div v-else-if="i.customSlot == 'Total'"> |
|
|
@ -112,6 +115,14 @@ |
|
|
|
<p>{{ scope.row.LoanRatio.toFixed(2) || "-" }}%</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 完成状态 --> |
|
|
|
<div v-else-if="i.customSlot == 'Status'"> |
|
|
|
<p> |
|
|
|
{{ |
|
|
|
OrderStatus.filter(i => i.value == scope.row.Status)[0].title |
|
|
|
}} |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<!-- 最大浮亏 --> |
|
|
|
<div v-else-if="i.customSlot == 'MaxLossRatio'"> |
|
|
|
<p>{{ scope.row.MaxLossPrice || "-" }}</p> |
|
|
@ -139,7 +150,7 @@ |
|
|
|
<p v-else>-</p> |
|
|
|
</div> |
|
|
|
<div v-else> |
|
|
|
<p>{{ scope.row[i.prop] }}</p> |
|
|
|
<p class="text-eclipse">{{ scope.row[i.prop] }}</p> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
@ -245,7 +256,7 @@ import { |
|
|
|
} from "../../pages/prePages/js/columns"; |
|
|
|
import CustomBaseTable from "../../components/CustomBaseTable"; |
|
|
|
import Bus from "../../common/bus"; |
|
|
|
|
|
|
|
import { OrderStatus } from "../../pages/prePages/js/selectoptions"; |
|
|
|
import { |
|
|
|
sendSock, |
|
|
|
initWebSocket, |
|
|
@ -266,6 +277,8 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
OrderStatus, |
|
|
|
staticForm: {}, |
|
|
|
secondTradeColumns, |
|
|
|
activeName: "first", |
|
|
|
OrderColumns, |
|
|
@ -281,6 +294,7 @@ export default { |
|
|
|
created() { |
|
|
|
// this.initOrders(); //初始化两个订单列表 |
|
|
|
this.initHistoryOrders(); |
|
|
|
this.initStatics(); |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
@ -296,6 +310,15 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
initStatics() { |
|
|
|
this.$http |
|
|
|
.get("/Api/Robot/GetRobotAccountStatistics?robotId=" + this.RobotId) |
|
|
|
.then(res => { |
|
|
|
if (res.Code == 200) { |
|
|
|
this.staticForm = res.Data; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
latestOrder() { |
|
|
|
this.$http.get("/Api/Order/GetSpotOrderList"); |
|
|
|
}, |
|
|
@ -530,4 +553,9 @@ export default { |
|
|
|
height: 800px; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
.text-eclipse { |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
</style> |
|
|
|