You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.2 KiB
46 lines
1.2 KiB
<template>
|
|
<table class="w-max">
|
|
<thead>
|
|
<tr class="fn-sm">
|
|
<th class="p-l-md p-y-xs fn-left">{{$t('exchange.d4')}}</th>
|
|
<th class="fn-left">{{$t('exchange.d5')}}</th>
|
|
<th class="fn-right">{{$t('exchange.d2')}}</th>
|
|
<th class="p-r-md p-y-xs fn-right">{{$t('exchange.c5')}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="color-light">
|
|
<tr v-for="(item,idx) in tradeList" :key="idx">
|
|
<td class="p-l-md p-y-xs">{{parseTime(item.ts,false,'{h}:{i}:{s}')}}</td>
|
|
<td>
|
|
<span class="color-buy" v-if="item.direction=='buy'">
|
|
{{$t('exchange.b5')}}
|
|
</span>
|
|
<span class="color-sell" v-else>
|
|
{{$t('exchange.b6')}}
|
|
</span>
|
|
</td>
|
|
<td class="fn-right">{{item.price}}</td>
|
|
<td class="p-r-md p-y-xs fn-right">{{omitTo(item.amount,8)*1}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
<script>
|
|
import math from "@/utils/class/math";
|
|
import date from "@/utils/class/date";
|
|
export default {
|
|
props: {
|
|
tradeList: {
|
|
default() {
|
|
return [];
|
|
},
|
|
type: Array,
|
|
required: false,
|
|
},
|
|
},
|
|
methods:{
|
|
parseTime:date.parseTime,
|
|
omitTo:math.omitTo,
|
|
}
|
|
};
|
|
</script>
|