<template>
	<div class="datalist-box">
		<div class="datalist-title hc-bgColor3">
			<span class="tit-span">{{$t('实时成交')}}</span>
		</div>

		<div class="datalist-list1">
			<div class="table-box">
				<div class="deal-list deal-list-title">
					<ul>
						<li>{{$t('时间')}}</li>
						<li>{{$t('价格')}}({{currentPair.convertType}})</li>
						<li>{{$t('数量')}}({{currentPair.dealCoin}})</li>
					</ul>
				</div>

				<div class="deal-folder">
					<div class="deal-list" v-for="(item,index) of transactions.data" :key="index">
						<ul>
							<li><span>{{item.date | dateFormat('HH:mm:ss')}}</span></li>
							<li><span class="red-text">{{item.price}}</span></li>
							<li><span>{{item.amount}}</span></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		name: 'tradeDeal',
		computed: {
			...mapState('trend', ['currentPair','transactions']),
		},
	}
</script>

<style>
</style>
