oaPhone/src/view/finance/finance.vue

<template>
  <van-dropdown-menu>
    <van-dropdown-item v-model="costValue" :options="costOption" @change="changeDropdown"/>
  </van-dropdown-menu>
  <router-view/>
</template>

<script setup>
import { useFinanceStore } from "@/pinia/finance/finance"
defineOptions({
  name: 'finance',
})
onMounted(() => {
  getFinanceInfo()
  changeDropdown('/navigation/finance/workHours')
})
const useFinance = useFinanceStore()
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 getFinanceInfo = () => {
  useFinance.getAllInfo()
}
const changeDropdown = (val) => {
  router.push({path: val})
}
</script>

<style scoped>

</style>