<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			<text class="big_title" v-if="userObject.coinList[0].xname=='Bitcoin'">
				BTC
			</text>
			<text class="big_title" v-if="userObject.coinList[0].xname=='Ethereum'">
				ETH
			</text>
			<text class="big_title" v-if="userObject.coinList[0].xname=='TRON'">
				TRX
			</text>
		</navigation>
		<view class="main">
			<view class="money_con"
				:class="{'money_con': userObject.coinList[0].xname=='Ethereum', 'money_con2': userObject.coinList[0].xname=='Bitcoin', 'money_con3': userObject.coinList[0].xname=='TRON'}">
				<view class="textcon1">
					<text class="text1">
						<view class="" v-if="userObject.coinList[0].xname=='Bitcoin'">
							{{this.infoWallet.balance}} BTC
						</view>
						<view class="" v-if="userObject.coinList[0].xname=='Ethereum'">
							0.00 ETH
						</view>
						<view class="" v-if="userObject.coinList[0].xname=='TRON'">
							0.00 TRX
						</view>
						<text class="text2">≈ $0.0</text>
					</text>
					<image src="../../../../static/tongyonh/ethereum.png" mode="aspectFit" class="img1"
						v-if="userObject.coinList[0].xname=='Ethereum'"></image>
					<image src="../../../../static/tongyonh/Frame28.png" mode="aspectFit" class="img1"
						v-if="userObject.coinList[0].xname=='Bitcoin'"></image>
					<image src="../../../../static/tongyonh/tronicon.png" mode="aspectFit" class="img1"
						v-if="userObject.coinList[0].xname=='TRON'"></image>
				</view>
				<view class="textcon1">
					<view class="v1">
						<view class="t1">
							0.0
						</view>
						<view class="t2">
							Existing balance
						</view>
					</view>
					<view class="v1 v2">
						<view class="t1">
							0.0
						</view>
						<view class="t2">
							Freeze balance
						</view>
					</view>
				</view>
			</view>

			<view class="select_con">
				<view class="select">
					<u-tabs height="120" bar-width="172" active-color="#6F69FF" inactive-color="#A3AED0" :list="list"
						:is-scroll="false" :current="current" @change="change"></u-tabs>

					<u-empty text="No content" mode="list" v-if="showInfo"></u-empty>

					<view class="" v-if="!showInfo">

					<view class="item1" v-for="(item,index) in trxs" v-if="current==1&&item.outputs.address!=address"
						@click="goDetail(item,index)">
						<view class="lef_con">
							<image src="../../../../static/tongyonh/arrow-up-left_1.png" mode="aspectFit"
								v-if="item.outputs.address!=address" class="img1"></image>
							<view class="textcon">
						
								<view class="text1" v-if="item.outputs.address!=address">
									{{item.outputs[0].address}}
								</view>
								<view class="text2">
									{{item.time}}
								</view>
							</view>
						</view>
						<view class="rig_con">
							<view class="text1">
							
								<text class="text1" v-if="item.outputs.address!=address">
									<text>-</text>
									{{item.outputs[0].value}}
								</text>
								<text class="">
									{{item.network}}
								</text>
					
					
					
							</view>
							<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1">
							</image>
						</view>
					</view>


						<view class="item1" v-for="(item,index) in trxs" v-if="current==0"
							@click="goDetail(item,index)">
							<view class="lef_con">

								<image src="../../../../static/tongyonh/arrow-up-left.png" mode="aspectFit" class="img1"
									v-if="item.outputs.address==address"></image>
								<image src="../../../../static/tongyonh/arrow-up-left_1.png" mode="aspectFit"
									v-if="item.outputs.address!=address" class="img1"></image>
								<view class="textcon">
									<view class="text1" v-if="item.outputs.address==address">
										{{item.inputs[0].address}}
									</view>
									<view class="text1" v-if="item.outputs.address!=address">
										{{item.outputs[0].address}}
									</view>
									<view class="text2">
										{{item.time}}
									</view>
								</view>
							</view>
							<view class="rig_con">
								<view class="text1">
									<text class="text1" v-if="item.outputs.address==address">
										<text>+</text>
										{{item.inputs[0].value}}
									</text>
									<text class="text1" v-if="item.outputs.address!=address">
										<text>-</text>
										{{item.outputs[0].value}}
									</text>
									<text class="">
										{{item.network}}
									</text>



								</view>
								<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1">
								</image>
							</view>
						</view>

					<view class="item1" v-for="(item,index) in trxs" v-if="current==2&&item.outputs.address==address"
						@click="goDetail(item,index)">
						<view class="lef_con">
					
							<image src="../../../../static/tongyonh/arrow-up-left.png" mode="aspectFit" class="img1"
								v-if="item.outputs.address==address"></image>
						
							<view class="textcon">
								<view class="text1" v-if="item.outputs.address==address">
									{{item.inputs[0].address}}
								</view>
							
								<view class="text2">
									{{item.time}}
								</view>
							</view>
						</view>
						<view class="rig_con">
							<view class="text1">
								<text class="text1" v-if="item.outputs.address==address">
									<text>+</text>
									{{item.inputs[0].value}}
								</text>
						
								<text class="">
									{{item.network}}
								</text>
					
					
					
							</view>
							<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1">
							</image>
						</view>
					</view>

					</view>
				</view>

			</view>


			<view class="btnconn">
				<view class="btn active" @click="goSend">
					<image src="../../../../static/tongyonh/arrow-up-leftw.png" mode="aspectFit" class="arrow-up-left">
					</image>
					Send
				</view>
				<view class="btn" @click="goReceive">
					<image src="../../../../static/tongyonh/arrow-up-leftp.png" mode="aspectFit" class="arrow-up-left">
					</image>
					<text class="btn13">Receive</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	import api from '@/utils/api'
	import index from '@/utils/index.js'
	export default {
		data() {
			return {
				// 拿账单的address
				coinInfo: {},
				trxs: [],
				trxs2: [],
				address: '',
				userObject: {},
				showInfo: false,
				list: [{
					name: 'All'
				}, {
					name: 'Send'
				}, {
					name: 'Receive',
				}],
				infoWallet: {},
				current: 0,
				pageSize: 10,
				pageNum: 1,
				param: {
					'address': '',
					'pageNum': 1,
					'pageSize': 10,
				}
			}
		},
		methods: {
			goSend() {
				uni.navigateTo({
					url: '/pages/menu/sendToken/transfer2/index'
				})
			},
			goReceive() {
				let itemm = JSON.stringify(this.infoWallet)
				uni.navigateTo({
					url: '/pages/menu/sendToken/index?item=' + itemm
				})
			},
			goDetail(item, index) {
				let itemm = JSON.stringify(this.trxs2[index])
				uni.navigateTo({
					url: '/pages/menu/transction/detail2/index?item=' + itemm
				})

			},
			change(index) {
				console.log(index)
				this.current = index;
				console.log(this.current)

			},
			getInfo() {
				this.param.address = this.address2
				const post = api.addressbtc(
					this.param
				)
				post.then(res => {
					this.trxs2 = res.data.data[0].txs
				})
			},
			// 拿btc账单
			getWalletInfo() {
				if (this.infoWallet.coinList[0].xname == 'Bitcoin') {
					// this.address = item.address
					// this.address2 = item.address
					this.address2 = '14sA8jqYQgMRQV9zUtGFvpeMEw7YDn77SK';
					this.address = '14sA8jqYQgMRQV9zUtGFvpeMEw7YDn77SK';
					this.param.address = this.address
					this.userObject = this.infoWallet
					const post = api.addressbtc(
						this.param
					)
					post.then(res => {
						if (res.data.code == 404) {
							this.showInfo = true;
							return;
						}
						if (res.data.data[0].network == 'BTC') {
							this.trxs = res.data.data[0].txs
							console.log(this.trxs, 7777)
							for (var i = 0; i < this.trxs.length; i++) {
								for (var j = 0; j < this.trxs[i].inputs.length; j++) {
									this.trxs[i].inputs[j].address = this.trxs[i].inputs[j].address.substring(0,
										6) + '...' + this.trxs[i].inputs[j].address.substring(30, this.trxs[i]
											.inputs[j].address.length);
									this.trxs[i].inputs[j].value = parseFloat(this.trxs[i].inputs[j].value)
										.toFixed(5)

								}
								this.trxs[i].time = index.formatyymmddhhmmss(this.trxs[i].time);
							}
							for (var i = 0; i < this.trxs.length; i++) {
								for (var j = 0; j < this.trxs[i].outputs.length; j++) {
									if (this.trxs[i].outputs[j].address != undefined) {
										this.trxs[i].outputs[j].address = this.trxs[i].outputs[j].address
											.substring(0, 6) + '...' + this.trxs[i].outputs[j].address.substring(
												30, this.trxs[i].outputs[j].address.length);
										this.trxs[i].outputs[j].value = parseFloat(this.trxs[i].outputs[j].value)
											.toFixed(5)
									}
								}
							}
						}

					})
					this.address = this.address.substring(0, 6) + '...' + this.address.substring(30, this.address.length);
					this.getInfo()
				}
			}
		},
		onLoad(option) {
			const item = JSON.parse(option.item);
			this.infoWallet = item
			this.getWalletInfo();

		},
		onReachBottom() {
			this.param.pageSize += 5;
			this.getWalletInfo()
		}
	};
</script>
<style scoped>
	page {
		background: #FAFAFA;
	}
</style>

<style>
	@import './index.css';
</style>
