项目文件管理完成

src/api/user.js

@@ -0,0 +1,7 @@
+import service from '@/utils/request'
+export const getAllUsers = () => {
+    return service({
+        url: '/user/queryAllUsers',
+        method: 'get'
+    })
+}

src/router/index.js

@@ -27,7 +27,39 @@ let routes= [
             {
                 path: 'finance',
                 name: 'finance',
-                component: () => import('@/view/finance/finance.vue')
+                component: () => import('@/view/finance/finance.vue'),
+                children:[
+                    {
+                        path: 'workHours',
+                        name: 'workHours',
+                        component: () => import('@/view/finance/components/workHours.vue')
+                    },
+                    {
+                        path: 'projectCost',
+                        name: 'projectCost',
+                        component: () => import('@/view/finance/components/projectCost.vue')
+                    },
+                    {
+                        path: 'projectPayment',
+                        name: 'projectPayment',
+                        component: () => import('@/view/finance/components/projectPayment.vue')
+                    },
+                    {
+                        path: 'costDetail',
+                        name: 'costDetail',
+                        component: () => import('@/view/finance/components/costDetail.vue')
+                    },
+                    {
+                        path: 'staffCost',
+                        name: 'staffCost',
+                        component: () => import('@/view/finance/components/staffCost.vue')
+                    },
+                    {
+                        path: 'departmentCost',
+                        name: 'departmentCost',
+                        component: () => import('@/view/finance/components/departmentCost.vue')
+                    },
+                ]
             },
             {
                 path: 'approve',

src/view/finance/components/costDetail.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

src/view/finance/components/departmentCost.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  部门费用
+</template>
+
+<style scoped>
+
+</style>

src/view/finance/components/projectCost.vue

@@ -0,0 +1,67 @@
+<template>
+  <van-row style="margin-top: 1rem" @click="dateScreenShow = true">
+    <van-col :span="24">
+      <van-cell title="筛选条件" is-link size="large" style="background-color: #dadadd">
+        <template #value>
+          <van-text-ellipsis content="内容"></van-text-ellipsis>
+        </template>
+      </van-cell>
+    </van-col>
+  </van-row>
+  <van-popup v-model:show="dateScreenShow" position="bottom">
+    <van-picker-group
+        title="费用检索"
+        :tabs="['选择器类型', '选择日期']"
+        @confirm="onConfirm"
+        @cancel="onCancel"
+    >
+      <van-picker
+          :columns="dateTypeColumns"
+          @change="changeDateType"
+      />
+      <van-date-picker
+          v-model="currentDate"
+          :columns-type="dateType"
+      />
+    </van-picker-group>
+  </van-popup>
+</template>
+
+<script setup>
+defineOptions({
+  name: 'projectCost',
+})
+
+const dateScreenShow = ref(false)
+const openScreen = () => {}
+
+const dateType = ref([])
+
+const currentDate = ref([])
+
+const dateTypeColumns = [
+  { text: '按年份选择', value: 0 },
+  { text: '按月份选择', value: 1 },
+  { text: '按日期选择', value: 2 },
+]
+
+const changeDateType = (val) => {
+  console.log(val.selectedIndexes[0])
+  const index = val.selectedIndexes[0]
+  const obj = {
+    0: ['year'],
+    1: ['year','month'],
+    2: ['year','month','day'],
+  }
+  console.log(obj[index])
+  dateType.value = obj[index]
+}
+
+const onConfirm = () => {}
+
+const onCancel = () => {}
+</script>
+
+<style scoped>
+
+</style>

src/view/finance/components/projectPayment.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

src/view/finance/components/staffCost.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

src/view/finance/components/workHours.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  实施工时
+</template>
+
+<style scoped>
+
+</style>

src/view/finance/finance.vue

@@ -1,14 +1,36 @@
+<template>
+  <van-dropdown-menu>
+    <van-dropdown-item v-model="costValue" :options="costOption" @change="changeDropdown"/>
+  </van-dropdown-menu>
+  <router-view/>
+</template>
+
 <script setup>
 defineOptions({
   name: 'finance',
 })
+onMounted(() => {
+  defaultRouter()
+})
+const defaultRouter = () => {
+  changeDropdown('/navigation/finance/workHours')
+}
+const router = useRouter()
+const costValue = ref('/navigation/finance/workHours');
+const costOption = [
+  { text: '项目收支——实施工时', value: '/navigation/finance/workHours' },
+  { text: '项目收支——项目费用', value: '/navigation/finance/projectCost' },
+  { text: '项目收支——项目收款', value: '/navigation/finance/projectPayment' },
+  { text: '公司费用——费用详情', value: '/navigation/finance/costDetail' },
+  { text: '项目收支——人员费用', value: '/navigation/finance/staffCost' },
+  { text: '项目收支——部门费用', value: '/navigation/finance/departmentCost' },
+];
 
+const changeDropdown = (val) => {
+  router.push({path: val})
+}
 </script>
 
-<template>
-
-</template>
-
 <style scoped>
 
 </style>

src/view/navigation/navigation.vue

@@ -1,8 +1,6 @@
 <script setup>
-import {useUserStore} from '@/pinia/modules/user.js'
 import {asyncMenu} from '@/api/menu.js'
 const router = useRouter()
-const userStore = useUserStore()
 onMounted(() => {
   getMenuList()
 })
@@ -27,22 +25,30 @@ const getMenuList = () => {
           navigationList.push(option)
         }
       })
+      if (navigationList.length !== 0) {
+        navigatorJump(navigationList[2].value)
+      }
     }
   })
 }
 
-const navigatorJump = (val) => {
+const confirmNavigator = (val) => {
   const mine = val.selectedOptions[0].value
+  navigatorJump(mine)
+}
+
+const navigatorJump = (mine) => {
   let obj = {
     1: {address: '/navigation/dashboard', title:'仪表盘'},
     41: {address: '/navigation/project', title:'项目文件管理'},
-    45: {address: '/navigation/finance', title:'费用管理'},
+    45: {address: '/navigation/finance', title:'财务管理'},
     55: {address: '/navigation/approve', title:'审核管理'},
   }
   router.push({path: obj[mine].address})
   pageTitle.value = obj[mine].title
   navigatorShow.value = false
 }
+
 </script>
 
 <template>
@@ -59,7 +65,7 @@ const navigatorJump = (val) => {
     <van-picker
         :columns="navigationList"
         @cancel="navigatorShow = false"
-        @confirm="navigatorJump"
+        @confirm="confirmNavigator"
     />
   </van-popup>
 </template>