兰宝车间质量管理系统-前端
疯狂的狮子Li
2023-04-03 1595cb282aab5399862fac6406b5de550863e3b6
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import Cookies from 'js-cookie';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
 
export const useAppStore = defineStore('app', () => {
  const sidebarStatus = Cookies.get('sidebarStatus');
  const sidebar = reactive({
    opened: sidebarStatus ? !!+sidebarStatus : true,
    withoutAnimation: false,
    hide: false
  });
  const device = ref<string>('desktop');
  const size = ref(Cookies.get('size') || 'default');
  // 语言
  const language = ref(Cookies.get('language'));
  const locale = computed(() => {
    if (language?.value == 'en') {
      return en;
    } else {
      return zhCn;
    }
  });
 
  const toggleSideBar = (withoutAnimation?: boolean) => {
    if (sidebar.hide) {
      return false;
    }
 
    sidebar.opened = !sidebar.opened;
    sidebar.withoutAnimation = withoutAnimation as boolean;
    if (sidebar.opened) {
      Cookies.set('sidebarStatus', '1');
    } else {
      Cookies.set('sidebarStatus', '0');
    }
  };
 
  const closeSideBar = ({ withoutAnimation }: any): void => {
    Cookies.set('sidebarStatus', '0');
    sidebar.opened = false;
    sidebar.withoutAnimation = withoutAnimation;
  };
  const toggleDevice = (d: string): void => {
    device.value = d;
  };
  const setSize = (s: string): void => {
    size.value = s;
    Cookies.set('size', s);
  };
  const toggleSideBarHide = (status: boolean): void => {
    sidebar.hide = status;
  };
 
  const changeLanguage = (val: string): void => {
    language.value = val;
  };
 
  return {
    device,
    sidebar,
    language,
    locale,
    size,
    changeLanguage,
    toggleSideBar,
    closeSideBar,
    toggleDevice,
    setSize,
    toggleSideBarHide
  };
});
 
export default useAppStore;