102 lines
2.5 KiB
TypeScript
102 lines
2.5 KiB
TypeScript
|
import type { AppState, RouteRecordNormalized, NotificationReturn } from './types';
|
||
|
|
|
||
|
|
import defaultSettings from '@/config/settings.json';
|
||
|
|
import type { AppRouteRecordRaw } from '@/router/routes/types';
|
||
|
|
|
||
|
|
export const useAppStore = defineStore('app', {
|
||
|
|
state: (): AppState => ({ ...defaultSettings }),
|
||
|
|
|
||
|
|
getters: {
|
||
|
|
appCurrentSetting(state: AppState): AppState {
|
||
|
|
return { ...state };
|
||
|
|
},
|
||
|
|
appDevice(state: AppState) {
|
||
|
|
return state.device;
|
||
|
|
},
|
||
|
|
appAsyncMenus(state: AppState): AppRouteRecordRaw[] {
|
||
|
|
return state.serverMenu as unknown as AppRouteRecordRaw[];
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
actions: {
|
||
|
|
// Update app settings
|
||
|
|
updateSettings(partial: Partial<AppState>) {
|
||
|
|
// @ts-ignore-next-line
|
||
|
|
this.$patch(partial);
|
||
|
|
},
|
||
|
|
|
||
|
|
// Change theme color
|
||
|
|
toggleTheme(dark: boolean) {
|
||
|
|
if (dark) {
|
||
|
|
this.theme = 'dark';
|
||
|
|
document.body.setAttribute('arco-theme', 'dark');
|
||
|
|
} else {
|
||
|
|
this.theme = 'light';
|
||
|
|
document.body.removeAttribute('arco-theme');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
toggleDevice(device: string) {
|
||
|
|
this.device = device;
|
||
|
|
},
|
||
|
|
toggleMenu(value: boolean) {
|
||
|
|
this.hideMenu = value;
|
||
|
|
},
|
||
|
|
async fetchServerMenuConfig() {
|
||
|
|
this.serverMenu = [
|
||
|
|
{
|
||
|
|
path: '/enterprise',
|
||
|
|
name: 'enterprise',
|
||
|
|
meta: {
|
||
|
|
locale: '企业票夹',
|
||
|
|
requiresAuth: true,
|
||
|
|
roles: ['*'],
|
||
|
|
},
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
path: 'input',
|
||
|
|
name: 'input',
|
||
|
|
meta: {
|
||
|
|
icon: IconImport,
|
||
|
|
locale: '进项管理',
|
||
|
|
requiresAuth: true,
|
||
|
|
roles: ['*'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'output',
|
||
|
|
name: 'output',
|
||
|
|
meta: {
|
||
|
|
locale: '销项管理',
|
||
|
|
requiresAuth: true,
|
||
|
|
roles: ['*'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'red-invoice',
|
||
|
|
name: 'red-invoice',
|
||
|
|
meta: {
|
||
|
|
locale: '全电红字确认单管理',
|
||
|
|
requiresAuth: true,
|
||
|
|
roles: ['*'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: 'information',
|
||
|
|
name: 'information',
|
||
|
|
meta: {
|
||
|
|
locale: '企业信息',
|
||
|
|
requiresAuth: true,
|
||
|
|
roles: ['*'],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
];
|
||
|
|
this.menuFromServer = true;
|
||
|
|
},
|
||
|
|
clearServerMenu() {
|
||
|
|
this.serverMenu = [];
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|