<view class="shareholderCenter">
	<!-- <van-nav-bar title="{{area_viewidend}}" /> -->
	<view class="share_holder">
		<view class="header-box">
			<text class="span">{{level_name}}</text>
			<text class="span">分红比例:{{rate}}%</text>
		</view>
		<view class="header-box" style="padding-top: 16rpx; padding-bottom: 16rpx" wx:if="{{agent_many}}">
			<view class="moreBtn" catchtap="showPopupTap">
				查看更多
				<i class="iconfont icon-advertise-next"></i>
			</view>
		</view>
		<view class="application" wx:if="{{agent_many}}" catchtap="toSelectionarea">
			<i class="iconfont icon-massage_client" style="color:#f15353;"></i>
			<view class="applicationTxt">{{area_dividend_title}}申请</view>
			<i class="iconfont icon-advertise-next"></i>
		</view>
		<view class="today_bonus ul">
			<view wx:for="{{ratioDatas}}" wx:key="index" style="display:flex;flex-direction: column;" class="{{item.name}} li">
				<text class="span">{{item.money}}</text>
				<!-- <br> -->
				<text class="b">{{item.data}}</text>
			</view>
			<view class="line li">
				<view class="careat"></view>
			</view>
		</view>
	</view>
	<view class="money">
		<view class="gongge ul">
			<view class="li">
				<icon class="iconfont icon-weitixian"></icon>
				<text class="span">未结算{{dividend_amount}}</text>
				<text class="b">
					{{dividend.unliquidated}}
					<text class="em">{{language['元']}}</text>
				</text>
			</view>
			<view class="li">
				<icon class="iconfont icon-yijiesuan"></icon>
				<text class="span">已结算{{dividend_amount}}</text>
				<text class="b">
					{{dividend.liquidated}}
					<text class="em">{{language['元']}}</text>
				</text>
			</view>
		</view>
	</view>
	<view class="shareholder-order">
		<view id="tabs">
			<van-tabs active="{{ active }}" tab-active-class="ative" bind:change="onChange">
				<van-tab title="全部">
					<!-- <view class='rationList ul'>
						<view class="li" wx:for="{{first_content}}" wx:key="index" wx:for-item="elem" >
							<view class="detail">
								<text class="month span">{{elem.create_month}}</text>
								<view class="info" >
									<view class="left ul">
										<view class="li">订单号：{{elem.order_sn}}</view>
										<view class="time li">时间：{{elem.created_at}}</view>
									</view>
									<view class="right ul">
										<view class="li">分红+{{elem.dividend_amount}}</view>
										<view class="state li">{{elem.status_name}}</view>
									</view>
								</view>
							</view>
						</view>
						<view wx:if="{{showNone}}" class="More" catchtap='getNextDividendList'>
							<view>加载更多+</view>
						</view>
					</view> -->
				</van-tab>
				<van-tab title="已结算">
					<!-- <view class='rationList ul'>
						<view class="li" wx:for-item="elem" wx:key="index" wx:for="{{second_content}}">
							<view class="detail">
								<view class="month span">{{elem.create_month}}</view>
								<view class="info">
									<view class="left ul">
										<view class="li">订单号：{{elem.order_sn}}</view>
										<view class="time li">时间：{{elem.created_at}}</view>
									</view>
									<view class="right ul">
										<view class="li">分红+{{elem.dividend_amount}}</view>
										<view class="state li">{{elem.status_name}}</view>
									</view>
								</view>
							</view>
						</view>
						<view wx:if="{{showNone}}" class="More" catchtap='getNextDividendList'>
							<view>加载更多+</view>
						</view>
					</view> -->
				</van-tab>
				<van-tab title="未结算">
					<!-- <view class='rationList ul'>
						<view class="li" wx:for="{{third_content}}" wx:key="index" wx:for-item="elem" >
							<view class="detail">
								<text class="month span">{{elem.create_month}}</text>
								<view class="info" >
									<view class="left ul">
										<view class="li">订单号：{{elem.order_sn}}</view>
										<view class="time li">时间：{{elem.created_at}}</view>
									</view>
									<view class="right ul">
										<view class="li">分红+{{elem.dividend_amount}}</view>
										<view class="state li">{{elem.status_name}}</view>
									</view>
								</view>
							</view>
						</view>
						<view wx:if="{{showNone}}" class="More" catchtap='getNextDividendList'>
							<view>加载更多+</view>
						</view>
					</view> -->
				</van-tab>
				<van-tab title="已失效">
					<!-- <view class='rationList ul'>
						<view class="li" wx:for-item="elem" wx:key="index" wx:for="{{fourth_content}}" >
							<view class="detail">
								<text class="month span">{{elem.create_month}}</text>
								<view class="info" >
									<view class="left ul">
										<view class="li">订单号：{{elem.order_sn}}</view>
										<view class="time li">时间：{{elem.created_at}}</view>
									</view>
									<view class="right ul">
										<view class="li">分红+{{elem.dividend_amount}}</view>
										<view class="state li">{{elem.status_name}}</view>
									</view>
								</view>
							</view>
						</view>
						<view wx:if="{{showNone}}" class="More" catchtap='getNextDividendList'>
							<view>加载更多+</view>
						</view>
					</view> -->
				</van-tab>
			</van-tabs>
			<view class='rationList ul' style="background:rgb(245, 245, 245);" wx:key="index" wx:for="{{datas}}">
				<view class="li" style="background:#fff;margin-bottom: 10rpx;">
					<view class="detail">
						<div class="month span" catchtap="getOtherList" data-item="{{item.create_month}}" data-ind="{{index}}">
							{{item.create_month}}
							<icon class="iconfont icon-advertise-next"></icon>
						</div>
						<view class="info" wx:for="{{item.data}}" wx:for-item="elem" wx:key="index" wx:if="{{item.is_show == 1}}">
							<view class="left ul">
								<view class="li">订单号：{{elem.order_sn}}</view>
								<view class="time li">时间：{{elem.created_at}}</view>
							</view>
							<view class="right ul">
								<view class="li">分红+{{elem.dividend_amount}}</view>
								<view class="state li">{{elem.status_name}}</view>
							</view>
							<view style="color: #8c8c8c; font-size: 12px" wx:if="{{agent_many}}">代理区域：{{ elem.agent_area }}</view>
						</view>
					</view>
				</view>
				<view wx:if="{{item.current_page < item.last_page}}" class="More" catchtap='getNextDividendList' data-item="{{item}}" data-ind="{{index}}">
					<view>加载更多+</view>
				</view>
			</view>
		</view>
	</view>
	<van-popup show="{{showPopup}}" position="bottom" custom-style="height: 40%;" round="true">
		<van-nav-bar title="代理区域" placeholder="true">
			<van-icon slot="right" name="cross" size="18" color="#000" catchtap="hideShowPopup" />
		</van-nav-bar>
		<view class="ptbox">
			<view class="clbox">
				<view style="color: #9e9e9e">代理区域</view>
				<view style="color: #9e9e9e">分红比例</view>
			</view>
		</view>
		<view class="fotitem" wx:for="{{moreList}}" wx:key="ind">
			<view class="ptbox">
				<view class="clbox">
					<view>{{item.level_name}}</view>
					<view>{{item.rate}}%</view>
				</view>
			</view>
		</view>
	</van-popup>
</view>