|
@ -8,25 +8,25 @@ |
|
|
<van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF"> |
|
|
<van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF"> |
|
|
<van-tab title="财务管理"> |
|
|
<van-tab title="财务管理"> |
|
|
<!-- 财务管理页面 --> |
|
|
<!-- 财务管理页面 --> |
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> |
|
|
<div> |
|
|
<div> |
|
|
<span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span> |
|
|
<span class="font-semibold">财务管理</span> <span class="ml-2">对项目预算、奖金进行配置</span> |
|
|
</div> |
|
|
</div> |
|
|
<Search /> |
|
|
<Search /> |
|
|
<FinanceManage /> |
|
|
<FinanceManage /> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 财务审批页面 --> |
|
|
<!-- 财务审批页面 --> |
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> |
|
|
<div> |
|
|
<div> |
|
|
<span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span> |
|
|
<span class="font-semibold">财务审批</span> <span class="ml-2">对员工提交的申请进行审批</span> |
|
|
</div> |
|
|
</div> |
|
|
<Search /> |
|
|
<Search /> |
|
|
<FinanceExamine /> |
|
|
<FinanceExamine /> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 财务统计页面 --> |
|
|
<!-- 财务统计页面 --> |
|
|
<div class="financial-management flex flex-col d_jump"> |
|
|
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> |
|
|
<div> |
|
|
<div> |
|
|
<span class="title">财务统计</span> <span class="title-describe">财务明细统计查看</span> |
|
|
<span class="font-semibold">财务统计</span> <span class="ml-2 ">财务明细统计查看</span> |
|
|
</div> |
|
|
</div> |
|
|
<img src="public/statistics.png" class="w-full"> |
|
|
<img src="public/statistics.png" class="w-full"> |
|
|
</div> |
|
|
</div> |
|
@ -81,18 +81,18 @@ function jump(index) { |
|
|
color: #000; |
|
|
color: #000; |
|
|
} |
|
|
} |
|
|
.financial-management{ |
|
|
.financial-management{ |
|
|
background-color:#ffffff; |
|
|
// background-color:#ffffff; |
|
|
padding: 1rem; |
|
|
// padding: 1rem; |
|
|
margin-top: 1rem; |
|
|
// margin-top: 1rem; |
|
|
color: #555252; |
|
|
// color: #555252; |
|
|
.title{ |
|
|
// .title{ |
|
|
font-weight: 600; |
|
|
// font-weight: 600; |
|
|
} |
|
|
// } |
|
|
.title-describe{ |
|
|
// .title-describe{ |
|
|
font-size: 12px; |
|
|
// font-size: 12px; |
|
|
margin-left: 0.5rem; |
|
|
// margin-left: 0.5rem; |
|
|
color: #A0A0A0; |
|
|
// color: #A0A0A0; |
|
|
} |
|
|
// } |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.menu{ |
|
|
.menu{ |
|
|