You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.5 KiB
74 lines
1.5 KiB
<template>
|
|
<div>
|
|
<van-nav-bar
|
|
title="资源管理"
|
|
left-arrow
|
|
@click-left="onClickLeft"
|
|
/>
|
|
<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>
|
|
<span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span>
|
|
</div>
|
|
<Search />
|
|
<FinanceManage />
|
|
</div>
|
|
<!-- 财务管理页面 -->
|
|
<div class="financial-management flex flex-col">
|
|
<div>
|
|
<span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span>
|
|
</div>
|
|
<Search />
|
|
<FinanceExamine />
|
|
</div>
|
|
</van-tab>
|
|
<van-tab title="角色管理">角色管理</van-tab>
|
|
<van-tab title="任务管理">任务管理</van-tab>
|
|
<van-tab title="成员管理">成员管理</van-tab>
|
|
</van-tabs>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
layout: 'default',
|
|
};
|
|
</script>
|
|
|
|
<script setup>
|
|
import {ref} from 'vue'
|
|
const active = ref(0);
|
|
|
|
|
|
function onClickLeft(){
|
|
console.log('返回上一页')
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.van-nav-bar__content{
|
|
background-color:#eee
|
|
}
|
|
.van-icon-arrow-left:before{
|
|
color: #000;
|
|
}
|
|
.financial-management{
|
|
background-color:#ffffff;
|
|
padding: 1rem;
|
|
margin-top: 1rem;
|
|
color: #555252;
|
|
.title{
|
|
font-weight: 600;
|
|
}
|
|
.title-describe{
|
|
font-size: 12px;
|
|
margin-left: 0.5rem;
|
|
color: #A0A0A0;
|
|
}
|
|
}
|
|
</style>
|
|
|