|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="mb-60"> |
|
|
|
<van-nav-bar |
|
|
|
title="资源管理" |
|
|
|
left-arrow |
|
|
@ -8,27 +8,39 @@ |
|
|
|
<van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF"> |
|
|
|
<van-tab title="财务管理"> |
|
|
|
<!-- 财务管理页面 --> |
|
|
|
<div class="financial-management flex flex-col"> |
|
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
|
<div> |
|
|
|
<span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span> |
|
|
|
</div> |
|
|
|
<Search /> |
|
|
|
<FinanceManage /> |
|
|
|
</div> |
|
|
|
<!-- 财务管理页面 --> |
|
|
|
<div class="financial-management flex flex-col"> |
|
|
|
<!-- 财务审批页面 --> |
|
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
|
<div> |
|
|
|
<span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span> |
|
|
|
</div> |
|
|
|
<Search /> |
|
|
|
<FinanceExamine /> |
|
|
|
</div> |
|
|
|
<!-- 财务统计页面 --> |
|
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
|
<div> |
|
|
|
<span class="title">财务统计</span> <span class="title-describe">财务明细统计查看</span> |
|
|
|
</div> |
|
|
|
<img src="public/statistics.png" class="w-full"> |
|
|
|
</div> |
|
|
|
</van-tab> |
|
|
|
<van-tab title="角色管理">角色管理</van-tab> |
|
|
|
<van-tab title="任务管理">任务管理</van-tab> |
|
|
|
<van-tab title="成员管理">成员管理</van-tab> |
|
|
|
</van-tabs> |
|
|
|
|
|
|
|
<ul class="menu"> |
|
|
|
<li @click="jump(0)">财务管理</li> |
|
|
|
<li @click="jump(1)">财务审批</li> |
|
|
|
<li @click="jump(2)">财务统计</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
@ -48,6 +60,17 @@ function onClickLeft(){ |
|
|
|
console.log('返回上一页') |
|
|
|
} |
|
|
|
|
|
|
|
function jump(index) { |
|
|
|
let jump = document.querySelectorAll('.d_jump') |
|
|
|
// 获取需要滚动的距离 |
|
|
|
let total = jump[index].offsetTop |
|
|
|
// Chrome |
|
|
|
document.body.scrollTop = total |
|
|
|
// Firefox |
|
|
|
document.documentElement.scrollTop = total |
|
|
|
// Safari |
|
|
|
window.pageYOffset = total |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less"> |
|
|
@ -71,4 +94,19 @@ function onClickLeft(){ |
|
|
|
color: #A0A0A0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.menu{ |
|
|
|
position: fixed; |
|
|
|
right: 0; |
|
|
|
bottom: 15px; |
|
|
|
z-index: 99 |
|
|
|
} |
|
|
|
.menu li{ |
|
|
|
width: 72px; |
|
|
|
color: #fff; |
|
|
|
background: rgba(25, 137, 250, 0.6); |
|
|
|
padding: 8px 20px; |
|
|
|
border-radius: 30px 0 0 30px; |
|
|
|
margin-bottom: 15px; |
|
|
|
} |
|
|
|
</style> |
|
|
|