<template>
	<view class="con-body">
		<view class="con-bg">
			<customHeader ref="customHeaderRef" :title="'请假销假'" :leftFlag="true">
			</customHeader>
			<!-- #ifdef H5 -->
			<view style="height:50rpx"></view>
			<!-- #endif -->

			<!-- 高度来避免头部遮挡 -->
			<view class="top-height"></view>

			<view class="white-bg">
				<view class="logo-list">
					<view class="l-l-item" @click="handleJump('addApply')">
						<img :src="'static/images/business/icon-xxck.png'" />
						<text class="font-gray">请假申请</text>
					</view>
					<view class="l-l-item" @click="handleJump('backApply')">
						<img :src="'static/images/business/icon-xxtj.png'" />
						<text class="font-gray">销假申请</text>
					</view>
					<view class="l-l-item" @click="handleJump('myApply')">
						<img :src="'static/images/business/icon-zfbg.png'" />
						<text class="font-gray">我的表单</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	import customHeader from '@/components/customHeader.vue'
	import {
		getNavBarPaddingTop
	} from '@/utils/system.js'
	// 获取导航栏高度用于内容区域padding
	const navBarPaddingTop = ref(0);
	onMounted(() => {
		navBarPaddingTop.value = getNavBarPaddingTop() * 2;
	})
	
	// 跳转
	let handleJump=(url)=>{
	    if(url){
	        uni.navigateTo({ url })
	    }
	}
</script>

<style scoped>
	
</style>