DIGITAL_MANAGEMENT
/
finance
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'apply' of ssh://101.201.226.163:50022/DIGITAL_MANAGEMENT/finance into apply

apply
song 4 years ago
parent
f27dd3c0cb 1ec9334d34
commit
ea7b92e5d7
2 changed files with 75 additions and 81 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      package-lock.json
  2. 154
      pages/index.vue

2
package-lock.json
View File

@ -1,5 +1,5 @@
{ {
"name": "finance", "name": "plugin-finance",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {

154
pages/index.vue
View File

@ -1,48 +1,52 @@
<template> <template>
<div class="mb-60"> <div class="mb-60">
<van-nav-bar <van-nav-bar title="资源管理" left-arrow @click-left="onClickLeft" />
title="资源管理" <van-tabs
left-arrow v-model:active="active"
@click-left="onClickLeft" shrink
/> line-width="60px"
<van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF"> color="#59B4FF"
<van-tab title="财务管理"> title-active-color="#59B4FF"
<!-- 财务管理页面 --> >
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> <van-tab title="财务管理">
<div> <!-- 财务管理页面 -->
<span class="font-semibold">财务管理</span> <span class="ml-2">对项目预算、奖金进行配置</span> <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
<div>
<span class="font-semibold" id="finance-manage">财务管理</span>
<span class="ml-2">对项目预算、奖金进行配置</span>
</div>
<Search />
<FinanceManage />
</div> </div>
<Search /> <!-- 财务审批页面 -->
<FinanceManage /> <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
</div> <div>
<!-- 财务审批页面 --> <span class="font-semibold" id="finance-audit">财务审批</span>
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> <span class="ml-2">对员工提交的申请进行审批</span>
<div> </div>
<span class="font-semibold">财务审批</span> <span class="ml-2">对员工提交的申请进行审批</span> <Search />
<FinanceExamine />
</div> </div>
<Search /> <!-- 财务统计页面 -->
<FinanceExamine /> <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
</div> <div>
<!-- 财务统计页面 --> <span class="font-semibold" id="finance-statistical">财务统计</span>
<div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump"> <span class="ml-2">财务明细统计查看</span>
<div> </div>
<span class="font-semibold">财务统计</span> <span class="ml-2 ">财务明细统计查看</span> <img src="public/statistics.png" class="w-full" />
</div> </div>
<img src="public/statistics.png" class="w-full"> </van-tab>
</div> <van-tab title="角色管理">角色管理</van-tab>
</van-tab> <van-tab title="任务管理">任务管理</van-tab>
<van-tab title="角色管理">角色管理</van-tab> <van-tab title="成员管理">成员管理</van-tab>
<van-tab title="任务管理">任务管理</van-tab> </van-tabs>
<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>
<div class="menu">
<a href="#finance-manage">财务管理</a>
<a href="#finance-audit">财务审批</a>
<a href="#finance-statistical">财务统计</a>
</div>
</div>
</template> </template>
<script> <script>
@ -52,61 +56,51 @@ export default {
</script> </script>
<script setup> <script setup>
import {ref} from 'vue' import { ref, onMounted, nextTick } from 'vue';
const active = ref(0); const active = ref(0);
onMounted(async () => {
scrollToElementByHash();
});
function onClickLeft(){ // 根据hash值跳转到指定位置
console.log('返回上一页') async function scrollToElementByHash() {
await nextTick();
const hash = window.location.hash;
if (!hash) return;
const scrollDom = document.querySelector(hash);
document.body.scrollTop = scrollDom.offsetTop;
document.documentElement.scrollTop = scrollDom.offsetTop;
window.pageYOffset = scrollDom.offsetTop;
} }
function jump(index) { function onClickLeft() {
let jump = document.querySelectorAll('.d_jump') console.log('返回上一页');
// 获取需要滚动的距离
let total = jump[index].offsetTop
// Chrome
document.body.scrollTop = total
// Firefox
document.documentElement.scrollTop = total
// Safari
window.pageYOffset = total
} }
</script> </script>
<style lang="less"> <style lang="less">
.van-nav-bar__content{ .van-nav-bar__content {
background-color:#eee background-color: #eee;
} }
.van-icon-arrow-left:before{ .van-icon-arrow-left:before {
color: #000; color: #000;
} }
.financial-management{ </style>
// background-color:#ffffff; <style scoped lang="less">
// padding: 1rem; .menu {
// margin-top: 1rem;
// color: #555252;
// .title{
// font-weight: 600;
// }
// .title-describe{
// font-size: 12px;
// margin-left: 0.5rem;
// color: #A0A0A0;
// }
}
.menu{
position: fixed; position: fixed;
right: 0; right: 0;
bottom: 15px; bottom: 15px;
z-index: 99 z-index: 99;
} }
.menu li{ .menu a {
width: 72px; display: block;
color: #fff; width: 72px;
background: rgba(25, 137, 250, 0.6); color: #fff;
padding: 8px 20px; background: rgba(25, 137, 250, 0.6);
border-radius: 30px 0 0 30px; padding: 8px 20px;
margin-bottom: 15px; border-radius: 30px 0 0 30px;
margin-bottom: 15px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save