feat: 新增设备报修模块。

曹睿

12 小时以前 f36f2f20bfb06dc3ca1b69c8a6d260d09d7d70ba

 src/store/modules/settings.js

@@ -1,48 +1,67 @@
import defaultSettings from '@/settings'

import { useDark, useToggle } from '@vueuse/core'

import { useDynamicTitle } from '@/utils/dynamicTitle'

import defaultSettings from "@/settings";

import { useDark, useToggle } from "@vueuse/core";

import { useDynamicTitle } from "@/utils/dynamicTitle";



const isDark = useDark()

const toggleDark = useToggle(isDark)

const isDark = useDark();

const toggleDark = useToggle(isDark);



const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings

const {

  sideTheme,

  showSettings,

  topNav,

  tagsView,

  fixedHeader,

  sidebarLogo,

  dynamicTitle,

} = defaultSettings;



const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''

const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";



const useSettingsStore = defineStore(

  'settings',

  {

    state: () => ({

      title: '',

      theme: storageSetting.theme || '#2C51D9',

      sideTheme: storageSetting.sideTheme || sideTheme,

      showSettings: showSettings,

      topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

      tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,

      fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,

      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,

      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,

      isDark: isDark.value

    }),

    actions: {

      // 修改布局设置

      changeSetting(data) {

        const { key, value } = data

        if (this.hasOwnProperty(key)) {

          this[key] = value

        }

      },

      // 设置网页标题

      setTitle(title) {

        this.title = title

        useDynamicTitle()

      },

      // 切换暗黑模式

      toggleTheme() {

        this.isDark = !this.isDark

        toggleDark()

const useSettingsStore = defineStore("settings", {

  state: () => ({

    title: "",

    theme: storageSetting.theme || "#002fa7",

    sideTheme: storageSetting.sideTheme || sideTheme,

    showSettings: showSettings,

    topNav:

      storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

    tagsView:

      storageSetting.tagsView === undefined

        ? tagsView

        : storageSetting.tagsView,

    fixedHeader:

      storageSetting.fixedHeader === undefined

        ? fixedHeader

        : storageSetting.fixedHeader,

    sidebarLogo:

      storageSetting.sidebarLogo === undefined

        ? sidebarLogo

        : storageSetting.sidebarLogo,

    dynamicTitle:

      storageSetting.dynamicTitle === undefined

        ? dynamicTitle

        : storageSetting.dynamicTitle,

    isDark: isDark.value,

  }),

  actions: {

    // 修改布局设置

    changeSetting(data) {

      const { key, value } = data;

      if (this.hasOwnProperty(key)) {

        this[key] = value;

      }

    }

  })

    },

    // 设置网页标题

    setTitle(title) {

      this.title = title;

      useDynamicTitle();

    },

    // 切换暗黑模式

    toggleTheme() {

      this.isDark = !this.isDark;

      toggleDark();

    },

  },

});



export default useSettingsStore

export default useSettingsStore;