<template>
	<view class="personalData-v">
		<view class="notice-warp">
			<u-tabs :list="tabBars" :is-scroll="false" v-model="current" @change="tabChange" height="100">
			</u-tabs>
		</view>
		<view class="content">
			<signList ref="signList" v-if="current == 0"></signList>
			<commonText ref="commonText" v-if="current == 1"></commonText>
		</view>
	</view>
</template>

<script>
	import signList from './components/signList.vue';
	import commonText from './components/commonText.vue';
	export default {
		components: {
			signList,
			commonText
		},
		data() {
			return {
				tabBars: [{
					name: '个人签名'
				}, {
					name: '审批常用语'
				}],
				current: 0,
				baseInfo: {}
			};
		},
		onLoad(e) {
			this.current = 0
			this.baseInfo = e.baseInfo && JSON.parse(decodeURIComponent(e.baseInfo))
		},
		methods: {
			tabChange(index) {
				this.current = index;
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f0f2f6;
		height: 100%;
	}

	.notice-warp {
		height: 100rpx;

		.search-box {
			padding: 20rpx;
		}
	}

	.content {
		margin-top: 120rpx;
	}

	.personalData-v {
		display: flex;
		flex-direction: column;
		padding-bottom: 100rpx;

		::v-deep .buttom-btn {
			width: 100% !important;
		}
	}
</style>