daimp-front/sub-operation-service/src/App.vue

<!--
 * @Description: 
 * @Author: zenghua.wang
 * @Date: 2024-01-24 18:54:01
 * @LastEditors: zenghua.wang
 * @LastEditTime: 2025-02-28 11:31:12
-->
<template>
  <el-config-provider :size="size" :locale="zhCn">
    <router-view />
  </el-config-provider>
</template>

<script setup name="app">
import { computed, onMounted, ref } from 'vue';
import { useSettingStore } from '@/store/modules/setting';
// 配置element中文
import zhCn from 'element-plus/es/locale/lang/zh-cn';

const SettingStore = useSettingStore();
// 配置全局组件大小
const size = computed(() => SettingStore.themeConfig.globalComSize);

import menuList from '@/layouts/component/header/menu.js';
const meuns = ref(menuList);
import { useRoute } from 'vue-router';
import { useMenuStore } from '@/store/modules/menuStore';
const route = useRoute();
const menuStore = useMenuStore();
onMounted(() => {
  let item = meuns.value.find((item) => route.path.indexOf(item.path) > -1);
  // console.log('item', item);
  if (item) {
    menuStore.setMenuLabel(item.label);
    menuStore.setMenuPath(item.path);
  } else {
    menuStore.setMenuLabel('智慧种植');
    menuStore.setMenuPath('/sub-operation-service/smartFarm');
  }
  // console.log(menuStore.activeMenuLabel);
  // console.log(menuStore.activeMenuPath);
});
</script>

<style lang="scss">
@import './styles/style';
</style>