<template>
	<view class="mine-container" :style="{ height: `${windowHeight}px` }">
		<u-navbar @leftClick="handlerRight" title="我的资产" :titleStyle="{ color: '#000' }" :border="false" 
			:placeholder="true" leftIconColor="#000"></u-navbar>
		<!-- 顶部卡片START -->

		<view class="top-top flex-between">
			<view class="top-top-left flex">
				<view class="title">
					尊敬的：
				</view>
				<view class="name">
					{{nickname}}
				</view>
				<view class="real-box" v-if="authenticationShow != 1" @click="goAuthentication('/pages/user/authentication/authentication')">
					<view class="img-1">
						<image
							src="@/static/newBinLang/wode/SketchPngaaafd3e35248fe3788122ce6bef0f7dd5cd2c0e55cc4f89214ada25eb3b7e591.png" />
					</view>
					<view class="t">
						未实名
					</view>
					<view class="img-2">
						<image
							src="@/static/newBinLang/wode/SketchPng5a64799ecd89b4cc1d9260ffc7d00224a524dd6dbab17334b0c8435dbac3cde5.png" />
					</view>
				</view>
			</view>
		</view>

		<!-- 资产概览（从 myAsset.vue 迁移） -->
		<view class="top-box">
			<view class="top-row">
				<view class="row1-col">
					<view class="title">
						消费额
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_10}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
				<view class="grp">
				</view>
				<view class="row1-col">
					<view class="title">
						消费券
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_9}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
				<!-- <view class="grp">
				</view>
				<view class="row1-col">
					<view class="title">
						消费金
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_16}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view> -->
			</view>

			<!-- 第二行 -->
			<view class="top-row row-next">
				<view class="row1-col">
					<view class="title">
						消费金
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_16}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
				<view class="row1-col">
					<view class="title">
						槟果
					</view>
					<view class="price-group">
						<view class="price">
							{{dataInfo.myInteger}}
						</view>
						<view class="unit">
							个
						</view>
					</view>
				</view>
			</view>
			<!-- 第二行 -->
			<view class="top-row row-next">
				<view class="row1-col">
					<view class="title">
						冻结资产
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_14}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
				<view class="row1-col">
					<view class="title">
						补贴
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_12}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
				<view class="row1-col" v-if="assetMap.asset_8!=-1">
					<view class="title">
						分红额
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_8}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
			</view>

			<view class="top-row row-next">
				<view class="row1-col">
					<view class="title">
						我的槟榔
					</view>
					<view class="price-group">
						<view class="price">
							{{assetInfo.assetTree}}
						</view>
						<view class="unit">
							棵
						</view>
					</view>
				</view>
				<view class="row1-col">
					<view class="title">
						获赠棵数
					</view>
					<view class="price-group">
						<view class="price">
							{{assetInfo.giveAssetTree}}
						</view>
						<view class="unit">
							棵
						</view>
					</view>
				</view>
				<view class="row1-col">
					<view class="title">
						槟榔收益
					</view>
					<view class="price-group">
						<view class="price">
							{{assetMap.asset_13}}
						</view>
						<view class="unit">
							元
						</view>
					</view>
				</view>
			</view>
			
			<!-- <view class="asset-card">
				<view class="hazelnut-card">
					<view class="bl-title">
						<view class="card-title">槟榔资产</view>
					</view>
					<view class="middle-section">
						<view class="bl-item">
							<view class="name">
								我的槟榔:
							</view>
							<view class="count_box" v-if="pageload">
								<view class="count">
									{{assetInfo.assetTree}}
								</view>
								<view class="unit">
									棵
								</view>
							</view>
							<view class="" v-else>正在获取中...</view>
						</view>
						<view class="bl-item">
							<view class="name">
								获赠棵数:
							</view>
							<view class="count_box" v-if="pageload">
								<view class="count">
									{{assetInfo.giveAssetTree}}
								</view>
								<view class="unit">
									棵
								</view>
							</view>
							<view class="" v-else>正在获取中...</view>
						</view>
						<view class="bl-item">
							<view class="name">
								槟榔收益:
							</view>
							<view class="count_box" v-if="pageload">
								<view class="count">
									{{assetMap.asset_13}}
								</view>
								<view class="unit">
									元
								</view>
							</view>
							<view class="" v-else>正在获取中...</view>
						</view>
					</view>
				</view>
				<view class="gap"></view>
				<view class="hazelnut-card">
					<view class="bg-title">
						<view class="card-title">我的槟果</view>
						<view class="count_box">
							<view class="count">
								{{dataInfo.myInteger}}
							</view>
							<view class="unit">
								个
							</view>
						</view>
					</view>
					<view class="middle-section">
						<view class="asset-info">
							<view class="info-item">槟果价格：</view>
							<view class="value" v-if="pageload">
								¥ {{dataInfo.integerWorth}}
							</view>
							<view v-else>正在获取中...</view>
						</view>
						<view class="asset-info">
							<view class="info-item">可兑总价：</view>
							<view class="value" v-if="pageload">
								¥ {{dataInfo.totalWorth}}
							</view>
							<view v-else>正在获取中...</view>
						</view>
						<u-button 
							type="warning" 
							shape="circle" 
							size="normal"
							:custom-style="{ background: '#ff9e44', border: 'none', fontSize: '24rpx',margin: '15rpx 0 0',width: '40%' }"
							@click="onPointsExchange"
							>
							闪兑
						</u-button>
					</view>
				</view>
			</view> -->
		</view>

		<!-- <view class="binglang-row row-next">
			<view class="row1-col">
				<view class="title">
					我的槟榔
				</view>
				<view class="price-group">
					<view class="price">
						{{assetMap.asset_14}}
					</view>
					<view class="unit">
						棵
					</view>
				</view>
			</view>
			<view class="row1-col">
				<view class="title">
					获赠棵数
				</view>
				<view class="price-group">
					<view class="price">
						{{dataInfo.myInteger}}
					</view>
					<view class="unit">
						棵
					</view>
				</view>
			</view>
			<view class="row1-col">
				<view class="title">
					槟榔收益
				</view>
				<view class="price-group">
					<view class="price">
						{{assetMap.asset_14}}
					</view>
					<view class="unit">
						棵
					</view>
				</view>
			</view>
		</view> -->

		<!-- 中间的银行卡,提现申请（从 myAsset.vue 迁移） -->
		<view class="zhong-box">
			<view class="item" v-for="(item,i) in navList" :key="i" @click="goto(item.path)">
				<view class="item-group">
					<image :src="item.icon" mode=""></image>
					<view>
						{{item.name}}
					</view>
				</view>
			</view>
		</view>

		<view class="handle-box">
			<view class="handle-detail">
				<view class="handle-item" @click="goto(item.path)" v-for="(item,index) in otherList" :key="index">
					<view class="item-box">
						<view class="item-icon">
							<image :src="item.icon" mode=""></image>
						</view>
						<view class="handle-name">
							{{ item.name }}
						</view>
					</view>

					<view class="item-right">
						<image class="right" src="@/static/back.png" />
					</view>
				</view>
			</view>
		</view>
 
		<!-- 顶部卡片END -->
		<view class="container">
			<!-- 按钮组START -->
			<view class="btn_group">
				<view class="title">其他服务</view>
				<u-gap height="10"></u-gap>
				<view class="content">
					<view class="item" v-for="(v, i) in icons" :key="i" @click="handleBuilding(v.link)">
						<view class="icon">
							<image :src="v.icon" mode="heightFix" />
						</view>
						<view class="name">{{ v.name }}</view>
					</view>
				</view>
			</view>
			<!-- 按钮组END -->
		</view>
		<!-- 代理等级 -->
		<u-popup :show="dldjShow" mode="center" round="10">
			<view class="dldj-box">
				<view class="dldj-title">{{ dlInfo.status == 0?'代理等级申请中':dlInfo.status == 1? '代理等级申请被驳回':'申请代理等级' }}
				</view>
				<view class="dldj-input" @click="dlPickerShow = true">
					<text>
						{{dlLevel != null ? agency_level.find(i => i.dictValue == dlLevel).dictLabel || '请选择':'请选择' }}
					</text>
					<u-icon name="arrow-right" size="12"></u-icon>
				</view>
				<view class="dldj-btns">
					<u-button size="mini" :text="dlInfo.status == 0? '修改申请':'申请' " type="success"
						@click="applyBlAgency"></u-button>
					<u-button size="mini" text="关闭" type="info" @click="closeDldj"></u-button>
				</view>
			</view>
		</u-popup>
		<u-picker v-if="agency_level.length" :show="dlPickerShow" :columns="[agency_level.slice(1)]" keyName="dictLabel"
			@confirm="dlConfirm" @cancel="dlPickerShow = false"></u-picker>

		<!-- 兑付资产、补贴转余额、消费金转余额输入框 -->
		<uni-popup ref="inputDialog" type="dialog">
			<uni-popup-dialog mode="input" v-model="moneyToBalance" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
			</uni-popup-dialog>
		</uni-popup>
		<!-- 输入框示例（绑定银行卡与提现） -->
		<uni-popup ref="inputDialogRef" type="dialog">
			<uni-popup-dialog mode="input" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
				<view style="width:100%;display: flex;text-align: center;align-items: center;flex-direction: column;">
					<uni-easyinput disabled style="margin-top: 20rpx;" trim="all" @click="showBank=true"
						v-model="cashInfo.bankName" placeholder="请选择开户行"></uni-easyinput>
					<uni-easyinput style="margin-top: 10rpx;" trim="all" v-model="cashInfo.changeMoney"
						placeholder="请输入金额"></uni-easyinput>
				</view>
			</uni-popup-dialog>
		</uni-popup>
		<u-action-sheet :show="showBank" :actions="bankList" title="请选择提现开户行" @close="showBank = false"
			@select="handlerBank">
		</u-action-sheet>
	</view>
</template>

<script>
	import storage from "@/utils/storage";
	import {
		getMyAsset,
		authenticationApi,
		integerInfo,
		countIntegerPriceApi,
		myAssetDetail,
		balanceCaseApply,
		caseTree2Balance,
		caseWared2Balance,
		fund2Balance
	} from "@/api/system/api.js";
	import {
		getBankList
	} from '@/api/system/user.js';
	import {
		mapMutations
	} from "vuex";
	import url from "../../common/http/url";
	export default {
		data() {
			return {
				icons: [
					{
						icon: require("@/static/newBinLang/wode/dakuan@2x.png"),
						name: "打款",
						link: "/pages/licai/mine/recharge/recharge?assetType=10",
					},
					{
						icon: require("@/static/newBinLang/wode/goumaijilu@2x.png"),
						name: "购买记录",
						link: "/pages/home/myService/buyLog?quYv="+7,
					},
					{
						icon: require("@/static/newBinLang/wode/fenhongshouyi@2x.png"),
						name: "分红收益",
						// link: "/pages/home/myService/recored?changeReason=分红收益",
						link: "/pages/home/myService/recored?changeType=24",
					}
				],
				authenticationShow: 2,
				balance: 0,
				pageload: false,
				chuzhonggao: 0,
				tuiguang: 0,
				agencyLevel: 0,
				statistics: {
					ljNum: 0,
				},
				assetInfo: {},
				teamInfo: {},
				ljTeamInfo: {},
				platformInfo: {
					count: 0,
					plants: 0,
				},
				assetMap: {
					"asset_8": -1,
					"asset_13": 0,
					"asset_12": 0,
					"asset_9": 0,
					"asset_15": 0,
					"asset_10": 0,
					"asset_11": 0,
					"asset_14": 0,
					"asset_16": 0,
					"asset_99": 0
				},
				navList: [{
						name: "银行卡",
						path: "/pages/licai/mine/account/bankList?use=2",
						icon: require("@/static/newBinLang/asset/yinhangka@2x.png"),
						bgColor: "rgb(16, 160, 244)",
					},
					{
						name: "绑定银行卡",
						path: "/pages/licai/mine/account/bindBank?use=2",
						icon: require("@/static/newBinLang/asset/bangdingyinhangka@2x.png"),
						bgColor: "rgb(16, 160, 244)",
					},
					{
						name: "提现申请",
						path: "cashBalance",
						icon: require("@/static/newBinLang/asset/tixianshenqing@2x.png"),
						bgColor: "rgb(11, 190, 60)",
					},
					{
						name: "余额转账",
						path: "/pages/licai/mine/account/change?asstype=10",
						icon: require("@/static/newBinLang/asset/yuezhuanzhang@2x.png"),
						bgColor: "rgb(11, 190, 60)",
					},
				],
				otherList: [{
						name: "资产变更记录",
						path: "/pages/home/myService/recored",
						icon: require("@/static/newBinLang/asset/zichanbiangeng@2x.png"),
						bgColor: "rgb(11, 190, 160)",
					},
					{
						name: "兑付资产转余额",
						path: "tree2Balance",
						icon: require("@/static/newBinLang/asset/duifuzichanzhuan@2x.png"),
						bgColor: "rgb(11, 190, 60)",
					}, {
						name: "补贴转余额",
						path: "caseWared2Balance",
						icon: require("@/static/newBinLang/asset/jiangjinzichanzhuan@2x.png"),
						bgColor: "rgb(11, 190, 60)",
					},{
						name: "消费券转账",
						// path: "fund2Balance",
						path: "/pages/licai/mine/account/change?asstype=9",
						icon: require("@/static/newBinLang/asset/xfjzhuan@2x.png"),
						bgColor: "rgb(11, 190, 60)",
					}
				],
				showBank: false,
				bankList: [],
				cashInfo: {
					bankName: '',
					bankId: '',
					changeMoney: ''
				},
				name: this.$store.state.user.name,
				// version: getApp().globalData.config.appInfo.version,
				userInfo: JSON.parse(uni.getStorageSync("App-UserInfo")),
				abc_level: [],
				agency_level: [],
				dldjShow: false,
				dlInfo: {},
				dlLevel: null,
				dlPickerShow: false,
				dataInfo:{
					integerWorth:0,
					myInteger:0,
					totalWorth:0
				},
				dialogTitle: "",
				cashType: "",
				integerInputValue: "",
				authInfo: {},
				moneyToBalance: '',
				cashAwardInfo: {
					handleType: 1,
					changeMoney: ''
				},
			};
		},
		computed: {
			avatar() {
				return this.$store.state.user.avatar;
			},
			windowHeight() {
				// return uni.getSystemInfoSync().windowHeight - 50;
			},
			integerExchangeWorth(){
				const price = parseFloat(this.dataInfo && this.dataInfo.integerWorth || 0) || 0
				const count = parseFloat(this.integerInputValue || 0) || 0
				const total = price * count
				return (Math.ceil(total * 100) / 100).toFixed(2)
			}
		},
		created() {
			let userInfo = uni.getStorageSync("userInfo") || {nickname:''};
			this.nickname = userInfo.nickname
		},
		async onShow() {
			await this.checkToken()
			await this.authentication()
			await this.getData() // 槟果资产
			await this.getMyAssetApi() // 槟榔树资产
			await this.getAssetList() // 资产列表
			await this.getMyBindBank() // 获取我的绑定银行卡
			this.pageload = true
		},
		onLoad() {
			this.getMyBindBank()
		},
		methods: {
			getData(){
				integerInfo().then((res)=>{
					this.dataInfo = res
					let totalWorth = res.integerWorth * res.myInteger
					this.dataInfo.totalWorth =  (Math.ceil(totalWorth * 100) / 100).toFixed(2)
				})
			},
			handlerRight() {
				// uni.navigateTo({
				// 	url: '/pages/user/index'
				// })
				uni.navigateBack({
					delta: 1
				});
			},
			...mapMutations(["logout"]),
			//就是点击下边四个tab的时候调用一下这个接口，返回false的话就调用一下退出登录，给他退掉
			checkToken() {
				this.$http("GET", "/user/userCache").then((res) => {
					if (!res.data) {
						this.logout();
					}
				});
			},
			async getMyBindBank() {
				let { rows } = await getBankList();
				rows.forEach(x => { x.name = x.bankLabel + x.bankCardNumber });
				this.bankList = rows
			},
			handlerBank(e) {
				this.cashInfo.bankId = e.id;
				this.cashInfo.bankName = e.name;
				this.$refs.inputDialogRef.open()
			},
			async getMyAssetApi() {
				let res = await getMyAsset();
				this.assetInfo = res
			},
			async authentication() {
				let res = await authenticationApi();
				this.authInfo = res
				this.authenticationShow = res.status
				this.why = res.why
			},
			handleToInfo() {
				// console.log("1")
				this.$tab.navigateTo("/pages/licai/mine/info/index");
			},
			handleToEditInfo() {
				console.log("1");
				// this.$tab.navigateTo('/pages/licai/mine/info	/edit')
			},
			handleToSetting() {
				this.$tab.navigateTo("/pages/licai/mine/setting/index");
			},
			handleToLogin() {
				console.log("1");
				// this.$tab.reLaunch('/pages/licai/login')
			},
			handleToAvatar() {
				this.$tab.navigateTo("/pages/licai/mine/avatar/index");
			},
			handleLogout() {
				this.$modal.confirm("确定注销并退出系统吗？").then(() => {
					this.$store.dispatch("LogOut").then(() => {
						this.$tab.reLaunch("/pages/licai/index");
					});
				});
			},
			handleHelp() {
				this.$tab.navigateTo("/pages/licai/mine/help/index");
			},
			handleAbout() {
				this.$tab.navigateTo("/pages/licai/mine/about/index");
			},
			handleJiaoLiuQun() {
				this.$modal.showToast("QQ群：133713780");
			},
			handleBuilding(url) {
				if (url == 'dldj') {
					this.openDldj()
					return
				}

				if (!url) return this.$msg("暂未开放");
				this.$tab.navigateTo(url);
			},
			openDldj() {
				getMyAgencyRecord().then(res => {
					if (res.code == 200) {
						if (res.data.status == 1) {
							this.$msg("你已申请过代理等级");
							return
						}
						this.dlInfo = res.data
						this.dldjShow = true
						this.dlLevel = res.data.newLevel
					}
				})
			},
			closeDldj() {
				this.dldjShow = false
			},
			dlConfirm(e) {
				this.dlLevel = e.value[0].dictValue
				this.dlPickerShow = false
			},
			applyBlAgency() {
				if (this.dlLevel == null) {
					return this.$msg("请选择会员等级")
				}
				applyBlAgency({
					id: this.dlInfo.id,
					applyLevel: this.dlLevel
				}).then(res => {
					if (res.code == 200) {
						this.$modal.showToast("操作成功，请等待审核");
						this.dldjShow = false
					}
				}).catch(err => {
					return this.$msg(err.message)
				})
			},
			// onPointsExchange() {
			// 	this.cashType = 'integer2balance'
			// 	this.integerInputValue = ''
			// 	this.dialogTitle = "当前槟榔果数量：" + (this.dataInfo && this.dataInfo.myInteger || 0)
			// 	this.$refs.inputDialogBingGuo.open()
			// },
			fillAllInteger(){
				this.integerInputValue = this.dataInfo && this.dataInfo.myInteger || 0
			},
			inputDialogToggle() {
				// if (this.cashType == "cashBalance") {
				// 	this.cashInfo = { bankName: '', bankId: '', changeMoney: '' }
				// 	this.showBank = true
				// 	return
				// }
				if (this.cashType == "cashBalance") {
					this.cashInfo = {
						bankName: '',
						bankId: '',
						changeMoney: ''
					}
					this.showBank = true
				} else {
					this.$refs.inputDialog.open()
				}
			},
			async dialogInputConfirm(val){
				if (this.cashType == "caseWared2Balance") {
					val = this.moneyToBalance
					this.cashAwardInfo.changeMoney = val
				}
				if (this.cashType == "fund2Balance") {
					val = this.moneyToBalance
				}
				if (this.cashType == "cashBalance") {
					val = this.cashInfo.changeMoney
					if (!this.cashInfo.bankId) {
						this.$msg("请选择有效提现银行卡")
						return
					}
				}
				if (parseFloat(val).toString() == "NaN") {
					this.$msg("请填写数字")
					return
				}
				if (parseFloat(val) <= 0) {
					this.$msg("操作失败,填写错误")
					return
				}
				//判断是否金额并且判断是否积分大于
				if (parseFloat(val) > this.cashAsset) {
					this.$msg("操作失败,资产不足")
					return
				}
				if (this.cashType == "cashBalance") {
					console.log()
					await balanceCaseApply(this.cashInfo)
					this.$msg("提现申请成功，请等待审核！")
					return
				}
				if (this.cashType == "tree2Balance") {
					await caseTree2Balance({
						changeMoney: val
					})
					this.$msg("兑付成功，请稍后刷新资产明细！")
					return
				}
				if (this.cashType == "caseWared2Balance") {
					//奖金闪兑
					await caseWared2Balance(this.cashAwardInfo)
					this.$msg("兑换成功，请稍后刷新资产明细！")
					this.moneyToBalance = ""
					return
				}
				if (this.cashType == "fund2Balance") {
					await fund2Balance({
						changeMoney: val
					})
					this.$msg("兑换成功，请稍后刷新资产明细！")
					this.moneyToBalance = ""
					return
				}
			},
			// async dialogInputConfirmBingGuo(val){
			// 	if(this.cashType === 'integer2balance'){
			// 		val = this.integerInputValue
			// 	}
			// 	if (parseFloat(val).toString() == "NaN") {
			// 		this.$msg("请填写数字")
			// 		return
			// 	}
			// 	if (val <= 0) {
			// 		this.$msg("请填写大于0的数字")
			// 		return
			// 	}
			// 	//判断是否金额并且判断是否槟榔果大于
			// 	if (val >  this.dataInfo.myInteger) {
			// 		this.$msg("操作失败,资产不足")
			// 		return
			// 	}
			// 	//槟榔果闪兑
			// 	await handleCashInteger({
			// 		changeMoney: val
			// 	})
			// 	this.$msg("兑换成功，请稍后刷新资产明细！")
			// 	setTimeout(async()=>{
			// 		await countIntegerPriceApi();
			// 		await this.getData()
			// 	},2000)
			// },
			async getAssetList() {
				let resp = await myAssetDetail()
				resp.forEach(asset => {
					this.assetMap['asset_' + asset.assetType] = asset.value.toFixed(2)
				})
			},
			goto(url) {
				if (url == "cashBalance") {
					this.cashAsset = this.assetMap['asset_' + 10]
					this.cashType = url
					this.dialogTitle = "当前消费余额：" + this.cashAsset
					this.inputDialogToggle()
					return
				}
				if (url == "tree2Balance") {
					this.cashAsset = this.assetMap['asset_' + 13]
					this.cashType = url
					this.dialogTitle = "当前槟榔收益：" + this.cashAsset
					this.$refs.inputDialog.open()
					return
				}
				if (url == "caseWared2Balance") {
					this.cashAsset = this.assetMap['asset_' + 12]
					this.cashType = url
					this.dialogTitle = "当前补贴：" + this.cashAsset
					this.$refs.inputDialog.open()
					return
				}
				if (url == "fund2Balance") {
					this.cashAsset = this.assetMap['asset_' + 16]
					this.cashType = url
					this.dialogTitle = "当前消费金：" + this.cashAsset
					this.$refs.inputDialog.open()
					return
				}
				uni.navigateTo({ url });
			},
			goAuthentication(path) {
				if (path.indexOf('authentication') >= 0) {
					if (this.authInfo.status == 3) {
						this.$navigateTo('/pages/user/authentication/authentication')
						return
					} else {
						this.$navigateTo('/pages/user/authentication/result')
						return
					}
					// await this.$http("GET", url.user.getVerifyInfo).then(({
					// 	code,
					// 	data
					// }) => {
					// 	if (code == 200) {
					// 		if (data) {
					// 			this.$navigateTo('/pages/user/authentication/result')
					// 		} else {
					// 			this.$navigateTo('/pages/user/authentication/authentication')
					// 		}
					// 	}
					// }).catch(({
					// 	msg
					// }) => {
					// 	console.log('msg', msg)
					// })
					// return;
				}
			}
		},
	};
</script>

<style>
	page {
		/* background-color: #A3F4E4; */
	}
</style>
<style lang="scss" scoped>
	@import "./common/style/base.scss";

	.team_count {
		font-size: 36rpx;
		margin-left: 178rpx;
	}

	.mine-container {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}

	.three_data {
		margin-top: 40rpx;
		display: flex;
		justify-content: space-between;

		.items {
			width: 32%;
			text-align: center;

			.active_color {
				color: #eff158;
			}

			.value {
				font-size: 32rpx;
			}

			.msg {
				color: #ccc;
				font-size: 26rpx;
				margin: 5rpx 0;
			}

			.label {
				color: #ccc;
				font-size: 26rpx;
			}
		}
	}

	.container {
		margin: 0 20rpx;
		box-sizing: border-box;
		box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);
		border-radius: 16rpx;
	}

	.btn_group {
		margin-bottom: 30rpx;
		background: #fff;
		border-radius: 15rpx;
		padding: 20rpx 30rpx 0 30rpx;
		box-sizing: border-box;

		.title {
			font-weight: 600;
			color: #000;
			padding: 15rpx 0rpx;
			box-sizing: border-box;
		}

		.content {
			display: flex;
			flex-wrap: wrap;

			.item {
				width: 25%;
				margin-bottom: 30rpx;
				// border: 1px solid red;
				display: flex;
				flex-direction: column;
				align-items: center;

				.icon {
					height: 60rpx;

					// border: 1px solid red;
					image {
						height: 100%;
					}
				}

				.name {
					font-size: 28rpx;
					color: #111;
					margin-top: 12rpx;
					font-weight: 500;
				}
			}
		}
	}

	.dldj-box {
		padding: 30rpx 20rpx 40rpx;
		width: 600rpx;

		.dldj-title {
			text-align: center;
			font-size: 26rpx;
			margin-bottom: 30rpx;
		}

		.dldj-input {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 40rpx;
			border: solid 1rpx #eee;
			padding: 10rpx;
			border-radius: 10rpx;
			font-size: 22rpx;
		}

		.dldj-btns {
			.u-button {
				margin-top: 20rpx;
				height: 70rpx;
			}
		}
	}

	.asset-card {
		border-radius: 16rpx;
		padding: 24rpx;
		margin-top: 24rpx;
		box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);
		background: rgba(255, 255, 255, 0.5);
		// background: linear-gradient(180deg, #88ddff, #b7dfef);
		display: flex;
		flex-direction: row;
		justify-content: space-around;

		.hazelnut-card {
			display: flex;
			flex-direction: column;
			// justify-content: center;
			flex: 1;

			.bl-title {
				flex-shrink: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 15rpx 0;

				.card-title {
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
					// padding-left: 30rpx;
				}
			}

			.bg-title {
				display: flex;
				padding: 6rpx;
				justify-content: center;
				flex-direction: column;
				align-items: center;
				color: #333333;
				font-size: 30rpx;
				font-weight: 600;

				.count_box .count {
					font-weight: 500;
				}
			}

			.count_box {
				display: flex;
				font-size: 30rpx;
				color: #F80B0B;
				align-items: center;
				margin-right: -15rpx;

				.unit {
					margin-left: 10rpx;
					font-size: 28rpx;
					color: #808080;
					font-weight: 400;
				}
			}

			.middle-section {
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-top: 10rpx;

				.bl-item {
					flex: 1;
					display: flex;
					align-items: center;
					font-weight: 400;
					font-size: 28rpx;
					color: #4e4e4e;
					// padding: 10rpx 0;

					.name {
						margin: 0 10rpx;
					}

				}

				.asset-info {
					display: flex;
					gap: 8rpx;
					padding: 8rpx 0;

					.value {
						font-size: 28rpx;
						color: #000000;
						font-weight: 500;
					}
				}

				.info-item {
					display: flex;
					align-items: center;
					flex-wrap: nowrap;
					font-size: 24rpx;
					color: #666666;
					line-height: 1.4;
				}

				/* 统一“我的槟榔：”和“棵”的样式，不影响 .count */
				.label {
					font-size: 24rpx;
					color: #666666;
					line-height: 1.4;
				}

				/* 让 v-if 包裹的这一层横向排列（数量 + 单位 同行） */
				.info-item > view {
					display: flex;
					align-items: center;
				}

				.info-item .count_box {
					display: flex;
					align-items: baseline;
				}

				.info-item .count_box .label {
					margin-left: 8rpx;
				}
			}
		}

		.gap {
			width: 1rpx;
			background: radial-gradient(#92a6b5, transparent);
			margin: 0 15rpx;
			align-self: stretch;
		}
	}

	/* ===== 资产概览样式（从 myAsset.vue 迁移） ===== */
	.top-box {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: #77E9D2;
		border-bottom-right-radius: 24rpx;
		border-bottom-left-radius: 24rpx;
		padding: 0 20rpx 20rpx 20rpx;
		// margin: 0 20rpx 0 20rpx;

		.top-row {
			display: flex;
			justify-content: space-between;

			.grp {
				flex: 0;
				border: 1rpx solid #8bbbb1;
				margin: 15rpx 0;
			}
		}

		.row-next {
			margin-top: 20rpx;
			background: rgba(255, 255, 255, 0.5);
			border-radius: 16rpx;
		}
	}

	.binglang-row {
		margin: 20rpx 20rpx 0 20rpx;
		display: flex;
		justify-content: space-between;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 16rpx;
	}

	.row1-col {
		flex: 1;
		padding: 15rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.title {
			font-weight: 500;
			font-size: 32rpx;
			color: #484848;
			margin-bottom: 15rpx;
			text-align: center;
		}

		.price-group {
			display: flex;
			align-items: center;

			.price {
				font-size: 33rpx;
				color: #000000;
				font-weight: 600;
			}

			.unit {
				margin-left: 8rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #636262;
			}
		}
	}
	
	/* ===== 中间的银行卡,提现申请样式（从 myAsset.vue 迁移） ===== */
	.zhong-box {
		margin: 20rpx;
		display: flex;
		justify-content: space-between;
		background: #FFFFFF;
		border-radius: 16rpx;

		.item {
			display: flex;
			padding: 20rpx;

			.item-group {
				display: flex;
				flex-direction: column;
				align-items: center;

				image {
					width: 64rpx;
					height: 64rpx;
				}

				view {
					margin-top: 10rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #484848;
				}
			}
		}
	}

	.handle-box {
		margin: 20rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		padding: 0 20rpx;
		box-shadow: 0px 2rpx 10rpx 1rpx rgba(122, 141, 173, 0.2);

		.handle-detail {
			display: flex;
			flex-direction: column;

			.handle-item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 24rpx 0;
				border-bottom: 1rpx solid #eee;

				&:last-child {
					border-bottom: none;
				}

				.item-box {
					display: flex;
					align-items: center;

					.item-icon {
						width: 60rpx;
						height: 60rpx;
						margin-right: 15rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}

					.handle-name {
						font-size: 28rpx;
						color: #484848;
						font-weight: 400;
					}
				}

				.item-right {
					flex-shrink: 0;

					.right {
						width: 20rpx;
						height: 20rpx;
					}
				}
			}
		}
	}

	.top-top {
		display: flex;
		padding: 20rpx;
		background-image: url("~@/static/newBinLang/wode/SketchPng1257a64db24f6cf69b63bf7a03ddb6abfd87c6a8bf9ef4963effb4ea548a1ecc.png");
		background-size: 100% 100%;
		align-items: center;

		.name {
			margin: 0 10rpx;
		}

		.real-box {
			background-color: #fff;
			border-radius: 20rpx;
			border-top-right-radius: 5rpx;
			font-size: 23rpx;
			font-weight: 600;
			align-items: center;
			padding: 10rpx;
			display: flex;
			align-items: center;

			.t {
				margin: 0 10rpx 5rpx 10rpx;
			}

			image {
				width: 20rpx;
				height: 20rpx;
			}
		}

		.top-top-right {
			padding-right: 15rpx;
		}
	}
	
</style>