disinfector_vue/src/stores/settingStore.ts

import { defineStore } from 'pinia'
import { ref } from 'vue'

/**
 * 设置管理模块
 * @module useSettingStore
 */
export const useSettingStore = defineStore('setting', () => {
  // 设置菜单配置
  const settingMenus = [{
    name: '消毒默认配置',
    code: 'defaultFormula',
    roleType: 'admin,maintainer',
  }, {
    name: '用户管理',
    code: 'user',
    roleType: 'admin,maintainer',
  }, {
    name: '日期设置',
    code: 'date',
    roleType: 'admin',
  }, {
    name: '设备信息',
    code: 'deviceInfo',
    roleType: 'admin,maintainer',
  }]

  // 历史记录数据
  const historyList: Record<string, string>[] = []

  /* ********************** 用户管理 **************************** */
  const userList = ref<User.UserItem[]>([])
  const addUserVisible = ref(false)
  const modifyPwdVisible = ref(false)
  const userModalState = ref('add')
  const currentEditUser = ref<User.UserItem>()

  /**
   * @function updateUserModalState
   * @param {string} state - 模态框状态 ('add' | 'edit')
   * @desc 更新用户管理模态框的操作状态
   */
  const updateUserModalState = (state: string) => {
    userModalState.value = state
  }

  /**
   * @function updateCurrentEditUser
   * @param {User.UserItem} userItem - 当前编辑的用户信息
   * @desc 更新当前正在编辑的用户数据
   */
  const updateCurrentEditUser = (userItem: User.UserItem) => {
    currentEditUser.value = userItem
  }

  /**
   * @function updateVisible
   * @param {boolean} visible - 是否显示添加用户模态框
   * @desc 控制添加用户模态框的显示与隐藏
   */
  const updateVisible = (visible: boolean) => {
    addUserVisible.value = visible
  }

  /**
   * @function updatePwdVisible
   * @param {boolean} visible - 是否显示修改密码模态框
   * @desc 控制修改密码模态框的显示与隐藏
   */
  const updatePwdVisible = (visible: boolean) => {
    modifyPwdVisible.value = visible
  }

  return {
    // 状态属性
    settingMenus,
    historyList,
    addUserVisible,
    modifyPwdVisible,
    userModalState,
    currentEditUser,
    userList,

    // 操作方法
    updateVisible,
    updateUserModalState,
    updateCurrentEditUser,
    updatePwdVisible,
  }
})