字典管理

字典管理是后台管理系统中常用的功能，用于统一管理系统中的配置项。

什么是字典？

字典是一组键值对数据，用于存储系统配置项，例如：

• 性别：男、女
• 状态：启用、禁用
• 用户类型：普通用户、管理员

字典组件

DictSelect 字典选择器

<template>
  <DictSelect v-model="gender" code="gender" />
</template>

<script setup lang="ts">
const gender = ref('')
</script>

DictLabel 字典标签

<template>
  <DictLabel v-model="gender" code="gender" />
</template>

字典同步

系统支持通过 WebSocket 实时同步字典数据。

import { useDictSync } from '@/composables'

const { connect, disconnect } = useDictSync()

// 连接字典同步
connect()

// 断开连接
disconnect()

字典API

// 获取字典列表
DictAPI.getDictPage(params)

// 添加字典
DictAPI.addDict(data)

// 更新字典
DictAPI.updateDict(id, data)

// 删除字典
DictAPI.deleteDict(id)

相关链接

• DictSelect 组件
• useDictSync
• WebSocket 通信