58 lines
1.4 KiB
Vue
58 lines
1.4 KiB
Vue
|
<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>
|