- 移除不必要的初始化数据加载,保留关键数据请求 - 重构产品/原材料信息组件,改用计算属性替代watch - 分批加载产品/原材料数据,避免大请求阻塞 - 为数据加载添加loading状态提示 - 优化统计面板数据加载方式,改为顺序请求
40 lines
1.0 KiB
Vue
40 lines
1.0 KiB
Vue
<template>
|
|
<div id="app">
|
|
<router-view />
|
|
<theme-picker />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ThemePicker from "@/components/ThemePicker";
|
|
|
|
export default {
|
|
name: "App",
|
|
components: { ThemePicker },
|
|
created() {
|
|
// 应用启动时全局初始化分类数据
|
|
if (this.$store.getters.token) {
|
|
// this.$store.dispatch('category/getCategoryList');
|
|
this.$store.dispatch('category/getProductMap');
|
|
this.$store.dispatch('category/getRawMaterialMap');
|
|
// this.$store.dispatch('category/getBomMap');
|
|
// this.$store.dispatch('finance/getFinancialAccounts');
|
|
// this.$store.dispatch('craft/getProcessList');
|
|
}
|
|
},
|
|
metaInfo() {
|
|
return {
|
|
title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
|
|
titleTemplate: title => {
|
|
return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
#app .theme-picker {
|
|
display: none;
|
|
}
|
|
</style>
|