兰宝车间质量管理系统-前端
LiuHao
2023-04-19 20f64b54d55603a63bbae959dbf3112de8a96c5f
src/store/modules/app.ts
@@ -1,73 +1,78 @@
import Cookies from 'js-cookie';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
import zhCN from 'element-plus/es/locale/lang/zh-cn';
import enUS 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 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 toggleSideBar = (withoutAnimation?: boolean) => {
      if (sidebar.hide) {
         return false;
      }
  // 语言
  const language = ref(Cookies.get('language'));
  const languageObj: any = {
    en_US: enUS,
    zh_CN: zhCN
  };
  const locale = computed(() => {
    if (!language.value) {
      return zhCN;
    }
    return languageObj[language.value];
  });
      sidebar.opened = !sidebar.opened;
      sidebar.withoutAnimation = withoutAnimation as boolean;
      if (sidebar.opened) {
         Cookies.set('sidebarStatus', '1');
      } else {
         Cookies.set('sidebarStatus', '0');
      }
   };
  const toggleSideBar = (withoutAnimation?: boolean) => {
    if (sidebar.hide) {
      return false;
    }
   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;
   };
    sidebar.opened = !sidebar.opened;
    sidebar.withoutAnimation = withoutAnimation as boolean;
    if (sidebar.opened) {
      Cookies.set('sidebarStatus', '1');
    } else {
      Cookies.set('sidebarStatus', '0');
    }
  };
   const changeLanguage = (val: string): void => {
      language.value = val;
   };
  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;
  };
   return {
      device,
      sidebar,
      language,
      locale,
      size,
      changeLanguage,
      toggleSideBar,
      closeSideBar,
      toggleDevice,
      setSize,
      toggleSideBarHide
   };
  const changeLanguage = (val: string): void => {
    language.value = val;
    Cookies.set('language', val);
  };
  return {
    device,
    sidebar,
    language,
    locale,
    size,
    changeLanguage,
    toggleSideBar,
    closeSideBar,
    toggleDevice,
    setSize,
    toggleSideBarHide
  };
});
export default useAppStore;