<template>
	<view class="content">


		<view class="mar-24">
			<view class="box-pack-between list flex-y-center br">
				<text class="ft32">用户ID</text>
				<view class="flex-grow-1 tr ft28">{{user_info.id}}</view>
			</view>

			<view class="box-pack-between list flex-y-center">
				<text class="ft32">头像</text>
				<view class="flex-grow-1 tr ft28">{{user_info.nickname}}</view>
			</view>
		</view>

		<view class="mar-24">
			<view class="box-pack-between list flex-y-center br">
				<text class="ft32">昵称</text>
				<view class="flex-grow-1 tr ft28 colFE">{{user_info.chengben}}</view>
			</view>
			
			<view class="box-pack-between list flex-y-center br" v-if="user_info.chengben<=0">
				<text class="ft32">所属平台</text>
				<view class="flex-grow-1 tr ft28 colFE">{{user_info.xnb}}</view>
			</view>

			<view class="box-pack-between list flex-y-center br" v-else>
				<text class="ft32">绑定手机号</text>
				<view class="flex-grow-1 tr ft28 colFE">{{user_info.rmb}}</view>
			</view>

			<view class="box-pack-between list flex-y-center br">
				<text class="ft32">加入时间</text>
				<view class="flex-grow-1 tr ft28 colFE">{{user_info.number}}</view>
			</view>


			<view class="box-pack-between list flex-y-center br">
				<text class="ft32">身份</text>
				<view class="flex-grow-1 tr ft28 colFE">{{user_info.shengyu}}</view>
			</view>

		</view>

		<view class="mar-24">
			<view class="box-pack-between list flex-y-center br">
				<text class="ft32">当前积分</text>
				<view class="flex-grow-1 tr ft28">{{user_info.create_time}}</view>
			</view>

			<view class="box-pack-between list br" style="height:auto;padding: 40rpx 30rpx;">
				<text class="ft32" style="min-width: 150rpx;">当前余额</text>
				<view class="flex-grow-1 tr ft28 word">{{user_info.desc}}</view>
			</view>

		</view>

		<view class="bottom-bar flex-center" style="position: relative;">
			<button formType="submit" class="flex-center ft28">删除</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user_info: {},
				$test: this.$test.$test,
			}
		},

		onLoad(e) {
			this.request({
				url: "daili/chongzhi_detail",
				data: {
					token: uni.getStorageSync("token"),
					id: e.id,
				},
				is_agent: "agent",
			}).then(res => {
				console.log(res, "res")
				if (res.code === '200') {
					this.user_info = res.data;
				}
			});
		},

		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background: #FAFAFA;
	}

	.add-agent {
		width: 100%;
		height: 208rpx;
	}

	.mar-24 {
		margin-top: 24rpx;
	}

	.list {
		height: 100rpx;
		padding: 0 30rpx;
		background: #fff;
	}

	.list .ft32 {
		color: #999999;
	}

	.bottom-bar {
		width: 100%;
		z-index: 1000;
		background: #FFFFFF;
		padding: 30rpx 0;
		position: fixed;
		bottom: 0;
	}

	.bottom-bar button {
		text-align: center;
		width: 690rpx;
		height: 90rpx;
		background: linear-gradient(132deg, #3387FF 0%, #3387FF 100%);
		box-shadow: 0px 2rpx 12rpx #3387FF;
		opacity: 1;
		border-radius: 45px;
		color: #fff;
	}

	.liststatus {
		background: #fff;
		padding: 26rpx 30rpx;
		margin-top: 20rpx;
	}

	.list-bt {
		margin-top: 26rpx;
	}

	.Under {
		color: #FFBB33;
	}

	.coll {
		color: #000;
	}

	.colFE {
		color: #FFBB33;
	}

	.tr {
		text-align: right;
	}

	.bottom-bar {
		width: 100%;
		padding: 30rpx 0;
		position: fixed;
		bottom: 20rpx;
	}

	.bottom-bar button {
		text-align: center;
		width: 690rpx;
		height: 90rpx;
		background: linear-gradient(132deg, rgb(64, 158, 255) 0%, rgb(64, 158, 255) 100%);
		box-shadow: 0px 2rpx 12rpx rgb(64, 158, 255);
		opacity: 1;
		color: #fff;
	}
</style>
