<template>
	<view class="maintoP">
		<navigation :showBack="false" :bgnum="true" class="aaa">
			<image src="../../../../static/tongyonh/Vector.png" mode="aspectFit" class="back" @click="back()"></image>
			<image src="../../../../static/tongyonh/IconGroup.png" mode="aspectFit" @click="goAdd" class="renYou2"
				slot="logo"></image>
			<text class="big_title">
				{{item.projectName}}
			</text>
		</navigation>
		<view class="main">

			<view class="item" v-for="item,index in result" :key="index">
				<view class="top">
					<image :src="item.chainIconUrl" mode="aspectFit" class="img"></image>
					{{item.address}}
					<image src="../../../../static/tongyonh/more_vert_24px@2x.png" mode="aspectFit" class="img lfet"
						@click="goDetail(index)"></image>
				</view>
				<view class="top">
					<text class="textleft">{{i18n.Contracts}}: </text>{{item.contract}}
				</view>
				<view class="top">
					<text class="textleft texttt">{{i18n.ID}}: </text>{{item.id}}
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	import token from "@/utils/TokenUtil"
	export default {
		data() {
			return {
				item: {},
				wallet: {},
				address: '',
				result: [],
				result2: [],
				pageSize: 10,
				pageNum: 1,
			}
		},

		onLoad(option) {
			if (uni.getStorageSync('wallet')) {
				this.address = uni.getStorageSync('wallet').address
				this.wallet = uni.getStorageSync('wallet')
				this.wallet.address = this.wallet.address.substring(0, 6) + '...' + this.wallet.address
					.substring(25, this.wallet.address.length);

			} else {
				this.wallet = uni.getStorageSync('walletInfo').BTC[0]
				this.wallet.address = this.wallet.address.substring(0, 6) + '...' + this.wallet.address.substring(25, this
					.wallet.address.length);
				console.log(this.wallet, 111)
			}


			this.item = uni.getStorageSync('nftitem')


			this.getProject()
			this.getProject2()
		},
		onReachBottom() {
			this.pageSize += 5
			this.getProject()
			this.getProject2()
		},
		computed: {
						i18n() {
							return this.$t('index')
						},
					},
		methods: {
			back() {
				uni.reLaunch({
					url: '../index'
				})
			},
			async getProject() {
				let params = {
					nftProjectId: this.item.id,
					address: this.address,
					pageSize: this.pageSize,
					pageNum: this.pageNum
				}
				const response = await this.$api.getNftCollectionList(params)

				this.result = response.data.rows
				for (var i = 0; i < this.result.length; i++) {
					this.result[i].address = this.result[i].address.substring(0, 6) + '...' + this.result[i].address
						.substring(25, this.result[i].address.length);
				}

			},
			async getProject2() {
				let params = {
					nftProjectId: this.item.id,
					address: this.address,
					pageSize: this.pageSize,
					pageNum: this.pageNum
				}
				const response = await this.$api.getNftCollectionList(params);
				this.result2 = response.data.rows
				console.log(this.result2, 7878)
			
			},
			goAdd() {
				uni.navigateTo({
					url: '../addCollection/index'
				})
			},
			goDetail(index) {
				console.log(this.result2[index])
				uni.setStorageSync('nftOneItem', this.result2[index])
				uni.navigateTo({
					url: '../collectionDetailtrue/index'
				})

			}


		},

	};
</script>
<style scoped>

</style>

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