<template>
	<view class="p-person-marge g_w_all g_h_all g_bg_f_5 g_kuaishou">
		<view class="g_bg_f sticky" :style="{ boxShadow: '0px 4px 4px 0px rgba(218, 218, 218, 0.5)' }">
			<u-tabs bg-color="transparent" 
							:list="menuList" 
							:is-scroll="false" 
							:current="menuActive" 
							:active-color="globalData.themeColor" 
							bar-width="64" 
							bar-height="6" 
							@change="handleUpdateMenu" 
							font-size="32" 
							duration="0.05" 
							height="76"
			></u-tabs>
		</view>
		
		<!-- 收到的 -->
		<div class="m-recives-obj">
			
		</div>
		<!-- 申请/发起 -->
		<view class="m-applys-obj">
			<view class="m-aform g_flex_row_start g_h_60">
				<view class="g_flex_none g_flex_c label">
					<i class="iconfont icon-jia1 icon"></i>
				</view>
				<view class="g_flex_1 g_flex_column_center value">申请合并</view>
			</view>
			<div class="m-alist"></div>
		</view>
		
	</view>
</template>

<script>
export default {
	onReady() {
		this.G.setNavStyle();
	},
	onShareAppMessage() {
		return this.G.shareFun();
	},
	data() {
		return {
			globalData: getApp().globalData,
			cdnBaseImg: this.G.store().cdnBaseImg,
			localBaseImg: this.G.store().localBaseImg,
			svgBaseImg: this.G.store().svgBaseImg,
			menuList: [
				{
					name: "我收到的",
					tip: "0",
				},
				{
					name: "我发起的",
					tip: "1",
				},
			],
			menuActive: 0,
		};
	},
	onShow() {
		let that = this;
		that.getList();
	},
	methods: {
		getList(){
			let that = this,
					params = {
						
					}
			that.G.Get(that.api.person_marge,params,(res)=>{
				console.log('合并记录：',res);
			})
		},
		handleUpdateMenu(e){
			console.log(e)
			let that = this;
			that.menuActive = e;
		}
	},
};
</script>

<style lang="less">
	.p-person-marge{
		.m-applys-obj{
			.m-aform{
				width: calc(100% - 52px);
				margin: 10px auto;
				background-color: #fff;
				padding: 0 16px;
				border-radius: 8px;
				.label{
					.icon{
						font-size: 20px;
					}
				}
				.value{
					margin-left: 10px;
					font-size: 16px;
				}
			}
		}
	}
</style>
