diff --git a/src/models/index.ts b/src/models/index.ts
index bec252b..005ffed 100644
--- a/src/models/index.ts
+++ b/src/models/index.ts
@@ -8,6 +8,7 @@ export * from './template.data.ts'
 export * from './platform-product.data.ts'
 export * from './notice.data.ts'
 export * from './logs.data.ts'
+export * from './system-dict.data.ts'
 
 export interface ResponseDTO<T>{
     code: number;
diff --git a/src/models/system-dict.data.ts b/src/models/system-dict.data.ts
new file mode 100644
index 0000000..8d63347
--- /dev/null
+++ b/src/models/system-dict.data.ts
@@ -0,0 +1,47 @@
+export type DictTypeVO = {
+    id: number
+    name: string
+    type: string
+    status: number
+    remark: string
+    createTime: Date
+}
+
+export interface DictTypePageReqVO extends PageParam {
+    name?: string
+    type?: string
+    status?: number
+    createTime?: Date[]
+}
+
+export type DictTypeExportReqVO = {
+    name: string
+    type: string
+    status: number
+    createTime: Date[]
+}
+
+export type DictDataVO = {
+    id: number
+    sort: number
+    label: string
+    value: string
+    dictType: string
+    status: number
+    colorType: string
+    cssClass: string
+    remark: string
+    createTime: Date
+}
+
+export interface DictDataPageReqVO extends PageParam {
+    label?: string
+    dictType: string
+    status?: number
+}
+
+export type DictDataExportReqVO = {
+    label: string
+    dictType: string
+    status: number
+}
diff --git a/src/pages/custom/template/dict/dict-detail-editor.tsx b/src/pages/custom/template/dict/dict-detail-editor.tsx
index 715cbf7..588c804 100644
--- a/src/pages/custom/template/dict/dict-detail-editor.tsx
+++ b/src/pages/custom/template/dict/dict-detail-editor.tsx
@@ -1,14 +1,13 @@
 import React, { useEffect, useState } from 'react'
 import { Form, Input, InputNumber, Modal } from 'antd';
-import dictService from '@/request/service/dict';
+import dictService from '@/request/service/template-dict';
 import { useRequest } from '@/hooks/use-request';
 import type { DataDictDetailVO } from '@/models'
 import { antdUtils } from '@/utils/antd';
 
 const layout = {
     labelCol: { span: 4, },
-    wrapperCol: { span: 16 },
-    bordered: false,
+    wrapperCol: { span: 16 }
 };
 
 export default (props: {
diff --git a/src/pages/custom/template/dict/dict-editor.tsx b/src/pages/custom/template/dict/dict-editor.tsx
index 2d4fe17..96b6baa 100644
--- a/src/pages/custom/template/dict/dict-editor.tsx
+++ b/src/pages/custom/template/dict/dict-editor.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { Form, Input, Modal } from 'antd';
-import dictService from '@/request/service/dict';
+import dictService from '@/request/service/template-dict';
 import { useRequest } from '@/hooks/use-request';
 import type { DataDictVO } from '@/models'
 import { antdUtils } from '@/utils/antd';
@@ -8,7 +8,6 @@ import { antdUtils } from '@/utils/antd';
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 export default (props: {
diff --git a/src/pages/system/dept/create-department.tsx b/src/pages/system/dept/create-department.tsx
index 0a8783c..a96d115 100644
--- a/src/pages/system/dept/create-department.tsx
+++ b/src/pages/system/dept/create-department.tsx
@@ -8,7 +8,6 @@ import { antdUtils } from '@/utils/antd';
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 interface EditorProps {
diff --git a/src/pages/system/dict/dict-data-editor.tsx b/src/pages/system/dict/dict-data-editor.tsx
new file mode 100644
index 0000000..7ed3257
--- /dev/null
+++ b/src/pages/system/dict/dict-data-editor.tsx
@@ -0,0 +1,137 @@
+import React, { useEffect, useState } from 'react'
+import { Form, Input, Radio, Modal, InputNumber, ColorPicker } from 'antd';
+import dictDataService from '@/request/service/system-dictdata';
+import { useRequest } from '@/hooks/use-request';
+import type { DictDataVO } from '@/models'
+import { antdUtils } from '@/utils/antd';
+
+
+const layout = {
+    labelCol: { span: 4, },
+    wrapperCol: { span: 16 }
+};
+
+interface DataTypeEditorProps {
+    visible: boolean;
+    onCancel: (flag?: boolean) => void;
+    onSave: (role: DictDataVO) => void;
+    data?: DictDataVO | null;
+    dictType: string;
+}
+
+export default (props: DataTypeEditorProps) => {
+
+    const { visible, onCancel, onSave, data, dictType } = props;
+    const { runAsync: update } = useRequest(dictDataService.updateDictDataApi, { manual: true });
+    const { runAsync: create } = useRequest(dictDataService.createDictDataApi, { manual: true });
+
+    const isEdit = !!data;
+
+
+    const [saveLoading, setSaveLoading] = useState(false);
+    const [form] = Form.useForm();
+
+    useEffect(() => {
+        if (visible) {
+            if (data) {
+                form.setFieldsValue(data);
+            }
+            form.setFieldValue('dictType', dictType);
+        } else {
+            form.resetFields();
+        }
+    }, [visible]);
+
+    const save = async () => {
+        setSaveLoading(true);
+        const fieldValues = form.getFieldsValue();
+        const cssClass = fieldValues.cssClass ? fieldValues.cssClass.toHex() : '';
+        const newValue = isEdit ? { ...data, ...fieldValues, cssClass } : fieldValues;
+        const [error, { msg, code }] = isEdit ? await update(newValue) : await create(newValue);
+        if (!error && code === 0) {
+            onSave(newValue);
+        } else {
+            antdUtils.message?.open({
+                type: 'error',
+                content: msg ?? '操作失败',
+            });
+        }
+        setSaveLoading(false);
+    }
+
+    return (
+        <>
+            <Modal
+                open={visible}
+                title={isEdit ? "编辑" : "新建"}
+                width={640}
+                onOk={save}
+                onCancel={() => onCancel()}
+                confirmLoading={saveLoading}
+                destroyOnClose
+            >
+                <Form
+                    form={form}
+                    {...layout}
+                    onFinish={save}
+                    labelCol={{ flex: '0 0 100px' }}
+                    wrapperCol={{ span: 16 }}
+                >
+                    <Form.Item name="dictType" label="字典类型">
+                        <Input value={dictType} disabled={true} />
+                    </Form.Item>
+                    <Form.Item name="label" label="数据标签"
+                        rules={[
+                            {
+                                required: true,
+                                message: '请输入数据标签',
+                            },
+                        ]}
+                    >
+                        <Input />
+                    </Form.Item>
+
+                    <Form.Item name="value" label="数据键值"
+                        rules={[
+                            {
+                                required: true,
+                                message: '请输入数据键值',
+                            },
+                        ]}
+                    >
+                        <Input />
+                    </Form.Item>
+
+                    <Form.Item name="sort" label="显示排序"
+                        rules={[
+                            {
+                                required: true,
+                                message: '请输入显示排序',
+                            },
+                        ]}>
+                        <InputNumber min={0} />
+                    </Form.Item>
+
+                    <Form.Item
+                        name="cssClass"
+                        label="颜色"
+                    >
+                        <ColorPicker format="hex"/>
+                    </Form.Item>
+
+                    <Form.Item name="status" label="状态">
+                        <Radio.Group options={[
+                            { value: 0, label: "开启" },
+                            { value: 1, label: "关闭" }
+                        ]} optionType="default">
+                        </Radio.Group>
+                    </Form.Item>
+
+                    <Form.Item name="remark" label="备注" >
+                        <Input.TextArea showCount maxLength={100} />
+                    </Form.Item>
+                </Form>
+            </Modal>
+        </>
+    )
+};
diff --git a/src/pages/system/dict/dict-data.tsx b/src/pages/system/dict/dict-data.tsx
new file mode 100644
index 0000000..b7048ce
--- /dev/null
+++ b/src/pages/system/dict/dict-data.tsx
@@ -0,0 +1,206 @@
+import React, { useState, useEffect } from 'react';
+import { Space, Table, Button, Badge, Divider, Input } from 'antd';
+import { useSetState } from 'ahooks';
+import type { TableProps, ColumnsType, ColumnType } from 'antd/es/table';
+import { t } from '@/utils/i18n';
+import { PlusOutlined, ExclamationCircleFilled, SearchOutlined } from '@ant-design/icons';
+import { antdUtils } from '@/utils/antd';
+import { useRequest } from '@/hooks/use-request';
+import type { DictTypeVO, DictDataVO, DictDataPageReqVO } from '@/models'
+import dictDataService from '@/request/service/system-dictdata';
+import DictDataEditor from './dict-data-editor';
+
+type DataIndex = keyof DictDataVO;
+
+interface DictDataProps {
+    data?: DictTypeVO | null;
+}
+
+export default (props: DictDataProps) => {
+    const { data } = props;
+    const showDeleteConfirm = (item: DictDataVO) => {
+        antdUtils.modal?.confirm({
+            title: `确认删除值为 ${item.value} 的字典吗?`,
+            icon: <ExclamationCircleFilled />,
+            content: '请注意删除以后不可恢复！',
+            okText: '删除',
+            okType: 'danger',
+            cancelText: '取消',
+            onOk() {
+                return new Promise(async (resolve) => {
+                    const [error, { code, msg }] = await deleteDictDataApi(item.id);
+                    if (error || code !== 0) {
+                        antdUtils.message?.open({ type: 'error', content: msg ?? '操作失败' })
+                    } else {
+                        antdUtils.message?.open({ type: 'success', content: '删除成功' })
+                    }
+                    await load();
+                    resolve('')
+                }).catch(() => antdUtils.message?.open({
+                    type: 'error',
+                    content: '操作失败',
+                }));
+            },
+            onCancel() {
+            },
+        });
+    };
+
+    const [editorVisable, seEditorVisable] = useState<boolean>(false);
+    const [editData, seEditData] = useState<DictDataVO>();
+    const [dataSource, setDataSource] = useState<DictDataVO[]>([]);
+    const [total, setTotal] = useState(0);
+    const [searchState, setSearchState] = useSetState<DictDataPageReqVO>({ dictType: data?.type ?? "" });
+    const [onSearching, setOnSearching] = useState(false);
+
+    const { runAsync: getDictDataPageApi } = useRequest(dictDataService.getDictDataPageApi, { manual: true });
+    const { runAsync: deleteDictDataApi } = useRequest(dictDataService.deleteDictDataApi, { manual: true });
+
+    const showEditor = (record: DictDataVO | undefined) => {
+        seEditData(record);
+        seEditorVisable(true);
+    }
+
+    const load = async () => {
+        setOnSearching(true);
+        const [error, { data }] = await getDictDataPageApi(searchState);
+        setOnSearching(false);
+        if (!error) {
+            setDataSource(data.list);
+            setTotal(data.total);
+        }
+    };
+
+    const getColumnSearchProps = (dataIndex: DataIndex): ColumnType<DictDataVO> => ({
+        filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
+            <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
+                <Input.Search
+                    placeholder='输入要搜索的标签'
+                    value={selectedKeys[0]}
+                    onChange={(e) => {
+                        setSelectedKeys(e.target.value && e.target.value !== '' ? [e.target.value] : [])
+                    }}
+                    onSearch={(value) => {
+                        if (value === '' && clearFilters) {
+                            clearFilters!!()
+                        }
+                        confirm();
+                    }}
+                    onPressEnter={() => confirm()}
+                    allowClear
+                    style={{ marginBottom: 8, display: 'block' }}
+                    enterButton="搜索"
+                    size="middle"
+                    loading={onSearching}
+                />
+            </div>
+        ),
+        filterIcon: (filtered: boolean) => (
+            <SearchOutlined style={{ color: filtered ? 'primaryColor' : undefined }} />
+        ),
+    });
+
+    const columns: ColumnsType<DictDataVO> = [
+        {
+            title: '数据标签',
+            dataIndex: 'label',
+            key: 'label',
+            align: 'center',
+            width: 150,
+            ...getColumnSearchProps('label')
+        },
+        {
+            title: '数据键值',
+            dataIndex: 'value',
+            key: 'value',
+            align: 'center',
+            width: 120,
+        },
+
+        {
+            title: '状态',
+            key: 'status',
+            dataIndex: 'status',
+            align: 'center',
+            width: 120,
+            render: (value: number) => {
+                return (value === 0 ? <Badge status="success" text="已开启" /> : <Badge status="error" text="已关闭" />)
+            }
+        },
+        {
+            title: t("QkOmYwne" /* 操作 */),
+            key: 'action',
+            align: 'center',
+            render: (_, record) => (
+                <Space size="middle" split={(
+                    <Divider type='vertical' />
+                )}>
+                    <a
+                        onClick={() => showEditor(record)}>
+                        编辑
+                    </a>
+                    <a
+                        onClick={() => {
+                            showDeleteConfirm(record)
+                        }}>
+                        删除
+                    </a>
+                </Space>
+            ),
+            width: 150,
+        },
+    ];
+
+    useEffect(() => {
+        load();
+    }, [searchState]);
+
+    useEffect(() => {
+        if (props.data)
+            setSearchState({ dictType: props.data!!.type })
+    }, [props])
+
+    const onChange: TableProps<DictDataVO>['onChange'] = (pagination, filters, sorter, extra) => {
+        const state: DictDataPageReqVO = {
+            label: filters.label ? filters.label[0] as string : undefined,
+            dictType: props.data?.type ?? "",
+            pageNo: pagination.current ?? 1,
+            pageSize: pagination.pageSize
+        }
+        setSearchState(state);
+    };
+
+    return (
+        <>
+            <div>
+                {data ? (<div className="py-[8px] flex flex-row-reverse">
+                    <Button className="ml-5" type='primary' size='middle' icon={<PlusOutlined />}
+                        onClick={() => showEditor(undefined)}> 添加字典数据 </Button>
+                </div>) : null}
+
+                <Table rowKey="id"
+                    scroll={{ x: true }}
+                    columns={columns}
+                    dataSource={dataSource}
+                    className='bg-transparent'
+                    onChange={onChange}
+                    pagination={{
+                        pageSize: searchState.pageSize,
+                        current: searchState.pageNo,
+                        total,
+                        position: ['bottomRight']
+                    }}
+                />
+            </div>
+            <DictDataEditor onSave={() => {
+                load();
+                seEditorVisable(false);
+            }}
+                onCancel={() => { seEditorVisable(false) }}
+                visible={editorVisable}
+                data={editData}
+                dictType={data?.type ?? ""} />
+        </>
+
+    );
+};
diff --git a/src/pages/system/dict/dict-type-editor.tsx b/src/pages/system/dict/dict-type-editor.tsx
new file mode 100644
index 0000000..d36014b
--- /dev/null
+++ b/src/pages/system/dict/dict-type-editor.tsx
@@ -0,0 +1,115 @@
+import React, {  useEffect, useState } from 'react'
+import { Form, Input, Radio, Modal } from 'antd';
+import dictTypeService from '@/request/service/system-dicttype';
+import { useRequest } from '@/hooks/use-request';
+import type { DictTypeVO } from '@/models'
+import { antdUtils } from '@/utils/antd';
+
+
+const layout = {
+    labelCol: { span: 4, },
+    wrapperCol: { span: 16 }
+};
+
+interface DataTypeEditorProps {
+    visible: boolean;
+    onCancel: (flag?: boolean) => void;
+    onSave: (role: DictTypeVO) => void;
+    data?: DictTypeVO | null;
+}
+
+export default (props: DataTypeEditorProps) => {
+
+    const { visible, onCancel, onSave, data } = props;
+
+    const { runAsync: update } = useRequest(dictTypeService.updateDictTypeApi, { manual: true });
+    const { runAsync: create } = useRequest(dictTypeService.createDictTypeApi, { manual: true });
+
+    const isEdit = !!data;
+
+
+    const [saveLoading, setSaveLoading] = useState(false);
+    const [form] = Form.useForm();
+
+    useEffect(() => {
+        if (visible) {
+            if (data) {
+                form.setFieldsValue(data);
+            }
+        } else {
+            form.resetFields();
+        }
+    }, [visible]);
+
+    const save = async () => {
+        setSaveLoading(true);
+        const fieldValues = form.getFieldsValue();
+        const newValue = isEdit ? { ...data, ...fieldValues } : fieldValues;
+        const [error, { msg, code }] = isEdit ? await update(newValue) : await create(newValue);
+        if (!error && code === 0) {
+            onSave(newValue);
+        } else {
+            antdUtils.message?.open({
+                type: 'error',
+                content: msg ?? '操作失败',
+            });
+        }
+        setSaveLoading(false);
+    }
+
+    return (
+        <>
+            <Modal
+                open={visible}
+                title={isEdit ? "编辑" : "新建"}
+                width={640}
+                onOk={save}
+                onCancel={() => onCancel()}
+                confirmLoading= {saveLoading}
+                destroyOnClose
+            >
+                <Form
+                    form={form}
+                    {...layout}
+                    onFinish={save}
+                    labelCol={{ flex: '0 0 100px' }}
+                    wrapperCol={{ span: 16 }}
+                >
+                    <Form.Item name="name" label="字典名称"
+                        rules={[
+                            {
+                                required: true,
+                                message: '请输入字典名称',
+                            },
+                        ]}
+                    >
+                        <Input />
+                    </Form.Item>
+
+                    <Form.Item name="type" label="字典类型"
+                        rules={[
+                            {
+                                required: true,
+                                message: '请输入字典类型',
+                            },
+                        ]}
+                    >
+                        <Input disabled={isEdit}/>
+                    </Form.Item>
+
+                    <Form.Item name="status" label="状态">
+                        <Radio.Group options={[
+                            { value: 0, label: "开启" },
+                            { value: 1, label: "关闭" }
+                        ]} optionType="default">
+                        </Radio.Group>
+                    </Form.Item>
+
+                    <Form.Item name="remark" label="备注" >
+                        <Input.TextArea showCount maxLength={100} />
+                    </Form.Item>
+                </Form>
+            </Modal>
+        </>
+    )
+};
diff --git a/src/pages/system/dict/dict-type.tsx b/src/pages/system/dict/dict-type.tsx
new file mode 100644
index 0000000..4c7069a
--- /dev/null
+++ b/src/pages/system/dict/dict-type.tsx
@@ -0,0 +1,213 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Space, Table, Button, Badge, Divider, Input } from 'antd';
+import { useSetState } from 'ahooks';
+import type { TableProps, ColumnsType, ColumnType } from 'antd/es/table';
+import { t } from '@/utils/i18n';
+import { PlusOutlined, ExclamationCircleFilled, SearchOutlined } from '@ant-design/icons';
+import { antdUtils } from '@/utils/antd';
+import { useRequest } from '@/hooks/use-request';
+import type { DictTypeVO, DictTypePageReqVO } from '@/models'
+import dictTypeService from '@/request/service/system-dicttype';
+import DictTypeEditor from './dict-type-editor';
+
+type DataIndex = keyof DictTypeVO;
+
+interface DictTypeProps {
+    onSelectDictType?: (data: DictTypeVO) => void;
+}
+
+export default (props: DictTypeProps) => {
+    const showDeleteConfirm = (item: DictTypeVO) => {
+        antdUtils.modal?.confirm({
+            title: `确认删除名称为: "${item.name}" 的字典吗?`,
+            icon: <ExclamationCircleFilled />,
+            content: '请注意删除以后不可恢复！',
+            okText: '删除',
+            okType: 'danger',
+            cancelText: '取消',
+            onOk() {
+                return new Promise(async (resolve, reject) => {
+                    const [error, { code, msg }] = await deleteDictTypeApi(item.id);
+                    if (error || code !== 0) {
+                        antdUtils.message?.open({ type: 'error', content: msg ?? '操作失败' })
+                    } else {
+                        antdUtils.message?.open({ type: 'success', content: '删除成功' })
+                    }
+                    await load();
+                    resolve('');
+                }).catch(() => antdUtils.message?.open({
+                    type: 'error',
+                    content: '操作失败',
+                }));
+            },
+            onCancel() {
+            },
+        });
+    };
+
+    const [editorVisable, seEditorVisable] = useState<boolean>(false);
+    const [editData, seEditData] = useState<DictTypeVO>();
+    const [dataSource, setDataSource] = useState<DictTypeVO[]>([]);
+    const [total, setTotal] = useState(0);
+    const [searchState, setSearchState] = useSetState<DictTypePageReqVO>({});
+    const [onSearching, setOnSearching] = useState(false);
+
+    const { runAsync: getDictTypePageApi } = useRequest(dictTypeService.getDictTypePageApi, { manual: true });
+    const { runAsync: deleteDictTypeApi } = useRequest(dictTypeService.deleteDictTypeApi, { manual: true });
+
+    const showEditor = (record: DictTypeVO | undefined)=> {
+        seEditData(record);
+        seEditorVisable(true);
+    }
+
+    const load = async () => {
+        const [error, { data, code, msg }] = await getDictTypePageApi(searchState);
+        setOnSearching(false);
+        if (!error) {
+            setDataSource(data.list);
+            setTotal(data.total);
+        } else {
+            if (error || code !== 0) {
+                antdUtils.message?.open({ type: 'error', content: msg ?? '操作失败' });
+                return
+            }
+        }
+    };
+
+    const getColumnSearchProps = (dataIndex: DataIndex): ColumnType<DictTypeVO> => ({
+        filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (
+            <div style={{ padding: 8 }} onKeyDown={(e) => e.stopPropagation()}>
+                <Input.Search
+                    placeholder={dataIndex === 'name' ? '输入要搜索的字典名称' : '输入要搜索的字典类型'}
+                    value={selectedKeys[0]}
+                    onChange={(e) => {
+                        setSelectedKeys(e.target.value && e.target.value !== '' ? [e.target.value] : [])
+                    }}
+                    onSearch={(value) => {
+                        if (value === '' && clearFilters) {
+                            clearFilters!!()
+                        }
+                        confirm();
+                    }}
+                    onPressEnter={() => confirm()}
+                    allowClear
+                    style={{ marginBottom: 8, display: 'block' }}
+                    enterButton="搜索"
+                    size="middle"
+                    loading={onSearching}
+                />
+            </div>
+        ),
+        filterIcon: (filtered: boolean) => (
+            <SearchOutlined style={{ color: filtered ? 'primaryColor' : undefined }} />
+        ),
+    });
+
+    const columns: ColumnsType<DictTypeVO> = [
+        {
+            title: '字典名称',
+            dataIndex: 'name',
+            key: 'name',
+            align: 'center',
+            width: 150,
+            ...getColumnSearchProps('name')
+        },
+        {
+            title: '字典类型',
+            dataIndex: 'type',
+            key: 'type',
+            align: 'center',
+            width: 120,
+            ...getColumnSearchProps('type')
+        },
+
+        {
+            title: '状态',
+            key: 'status',
+            dataIndex: 'status',
+            align: 'center',
+            width: 120,
+            render: (value: number) => {
+                return (value === 0 ? <Badge status="success" text="已开启" /> : <Badge status="error" text="已关闭" />)
+            }
+        },
+        {
+            title: t("QkOmYwne" /* 操作 */),
+            key: 'action',
+            align: 'center',
+            render: (_, record) => (
+                <Space size="middle" split={(
+                    <Divider type='vertical' />
+                )}>
+                    <a onClick={() => showEditor(record) }>
+                        编辑
+                    </a>
+                    <a
+                        onClick={() => {
+                            showDeleteConfirm(record)
+                        }}>
+                        删除
+                    </a>
+                </Space>
+            ),
+            width: 150,
+        },
+    ];
+
+    useEffect(() => {
+        load();
+    }, [searchState]);
+
+    useMemo(() => {
+        console.log('onMemChanged: ' + editData)
+    }, [editData])
+
+    const onChange: TableProps<DictTypeVO>['onChange'] = (pagination, filters, sorter, extra) => {
+        const state: DictTypePageReqVO = {
+            name: filters.name ? filters.name[0] as string : undefined,
+            type: filters.type ? filters.type[0] as string : undefined,
+            pageNo: pagination.current,
+            pageSize: pagination.pageSize
+        }
+        setSearchState(state);
+    };
+
+    return (
+        <>
+            <div>
+                <div className="py-[8px] flex flex-row-reverse">
+                    <Button className="ml-5" 
+                        type='primary' size='middle' icon={<PlusOutlined />}
+                        onClick={() => showEditor(undefined)}> 新增字典 </Button>
+                </div>
+                <Table rowKey="id"
+                    scroll={{ x: true }}
+                    onChange={onChange}
+                    columns={columns}
+                    dataSource={dataSource}
+                    rowSelection={{
+                        type: 'radio',
+                        onSelect: (record, select) => {
+                            if (select && props.onSelectDictType)
+                                props.onSelectDictType!!(record)
+                        }
+                    }}
+                    className='bg-transparent'
+                    pagination={{
+                        pageSize: searchState.pageSize,
+                        current: searchState.pageNo,
+                        total,
+                        position: ['bottomRight']
+                    }}
+                />
+            </div>
+            <DictTypeEditor onSave={() => {
+                    load();
+                    seEditorVisable(false);
+                }}
+                onCancel={() => { seEditorVisable(false) }}
+                visible={editorVisable}
+                data={editData}/>
+        </>
+    );
+};
diff --git a/src/pages/system/dict/index.tsx b/src/pages/system/dict/index.tsx
new file mode 100644
index 0000000..876041d
--- /dev/null
+++ b/src/pages/system/dict/index.tsx
@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { Card } from 'antd';
+import type { DictTypeVO } from '@/models'
+import DictData from './dict-data';
+import DictType from './dict-type';
+
+
+export default () => {
+    const [ currentDictType, setCurrentDictType ] = useState<DictTypeVO>()
+    return (
+        <>
+            <div className='flex flex-row'>
+                <Card className='basis-1/2 mb-[10px] dark:bg-[rgb(33,41,70)] bg-white roundle-lg px[12px]'
+                    bodyStyle={{
+                        paddingTop: 0,
+                        paddingBottom: 0
+                    }}>
+                    <DictType 
+                    onSelectDictType={(data) => setCurrentDictType(data)}/>
+                </Card>
+                <Card className='basis-1/2 mb-[10px] ml-[10px] dark:bg-[rgb(33,41,70)] bg-white roundle-lg px[12px]' bodyStyle={{
+                    paddingTop: 0,
+                    paddingBottom: 0
+                }}>
+                    <DictData 
+                    data={currentDictType}/>
+                </Card>
+            </div>
+        </>
+    );
+};
diff --git a/src/pages/system/menu/menu-editor.tsx b/src/pages/system/menu/menu-editor.tsx
index 4290d05..f7d3a35 100644
--- a/src/pages/system/menu/menu-editor.tsx
+++ b/src/pages/system/menu/menu-editor.tsx
@@ -73,7 +73,6 @@ const MenuIcon: React.FC<MenuIconProps> = ({ value = '', onChange }) => {
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 interface MenuEditorProps {
diff --git a/src/pages/system/post/create-position.tsx b/src/pages/system/post/create-position.tsx
index bfffa1f..201e272 100644
--- a/src/pages/system/post/create-position.tsx
+++ b/src/pages/system/post/create-position.tsx
@@ -8,7 +8,6 @@ import { antdUtils } from '@/utils/antd';
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 interface EditorProps {
diff --git a/src/pages/system/role/role-editor.tsx b/src/pages/system/role/role-editor.tsx
index 31a6d2a..f55a755 100644
--- a/src/pages/system/role/role-editor.tsx
+++ b/src/pages/system/role/role-editor.tsx
@@ -9,7 +9,6 @@ import { antdUtils } from '@/utils/antd';
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 interface RoleEditorProps {
diff --git a/src/pages/system/tenant/package/tenant-pkg-editor.tsx b/src/pages/system/tenant/package/tenant-pkg-editor.tsx
index 127705b..4e3c931 100644
--- a/src/pages/system/tenant/package/tenant-pkg-editor.tsx
+++ b/src/pages/system/tenant/package/tenant-pkg-editor.tsx
@@ -10,7 +10,6 @@ import { antdUtils } from '@/utils/antd';
 const layout = {
     labelCol: { span: 4, },
     wrapperCol: { span: 16 },
-    bordered: false,
 };
 
 interface EditorProps {
diff --git a/src/request/service/system-dictdata.ts b/src/request/service/system-dictdata.ts
new file mode 100644
index 0000000..7124ddf
--- /dev/null
+++ b/src/request/service/system-dictdata.ts
@@ -0,0 +1,41 @@
+import request from '@/request';
+import { DictDataVO, DictDataPageReqVO, DictDataExportReqVO, PageData } from '@/models';
+
+const BASE_URL = '/admin-api/system/dict-data';
+
+export default {
+
+    // 查询字典数据（精简)列表
+    listSimpleDictDataApi: () => {
+        return request.get(`${BASE_URL}/list-all-simple`)
+    },
+
+    // 查询字典数据列表
+    getDictDataPageApi: (params: DictDataPageReqVO) => {
+        return request.get<PageData<DictDataVO>>(`${BASE_URL}/page`, { params })
+    },
+
+    // 查询字典数据详情
+    getDictDataApi: (id: number) => {
+        return request.get(`${BASE_URL}/get?id=${id}`)
+    },
+
+    // 新增字典数据
+    createDictDataApi: (data: DictDataVO) => {
+        return request.post(`${BASE_URL}/create`, data)
+    },
+
+    // 修改字典数据
+    updateDictDataApi: (data: DictDataVO) => {
+        return request.put(`${BASE_URL}/update`, data)
+    },
+
+    // 删除字典数据
+    deleteDictDataApi: (id: number) => {
+        return request.delete(`${BASE_URL}/delete?id=${id}`)
+    },
+    // 导出字典类型数据
+    exportDictDataApi: (params: DictDataExportReqVO) => {
+        return request.get(`${BASE_URL}/export`, { params })
+    }
+};
diff --git a/src/request/service/system-dicttype.ts b/src/request/service/system-dicttype.ts
new file mode 100644
index 0000000..cbae42b
--- /dev/null
+++ b/src/request/service/system-dicttype.ts
@@ -0,0 +1,43 @@
+import request from '@/request';
+import { DictTypeVO, DictTypePageReqVO, DictTypeExportReqVO, PageData } from '@/models';
+
+const BASE_URL = '/admin-api/system/dict-type';
+
+export default {
+
+    // 查询字典（精简)列表
+    listSimpleDictTypeApi: () => {
+        return request.get(`${BASE_URL}/list-all-simple`)
+    },
+
+    // 查询字典列表
+    getDictTypePageApi: (params: DictTypePageReqVO) => {
+        return request.get<PageData<DictTypeVO>>(`${BASE_URL}/page`, { params })
+    },
+
+    // 查询字典详情
+    getDictTypeApi: (id: number) => {
+        return request.get(`${BASE_URL}/get?id=${id}`)
+    },
+
+    // 新增字典
+    createDictTypeApi: (data: DictTypeVO) => {
+        return request.post(`${BASE_URL}/create`, data)
+    },
+
+    // 修改字典
+    updateDictTypeApi: (data: DictTypeVO) => {
+        return request.put(`${BASE_URL}/update`, data)
+    },
+
+    // 删除字典
+    deleteDictTypeApi: (id: number) => {
+        return request.delete(`${BASE_URL}/delete?id=${id}`)
+    },
+    // 导出字典类型
+    exportDictTypeApi: (params: DictTypeExportReqVO) => {
+        return request.get(`${BASE_URL}/export`, { params })
+    }
+};
+
+
diff --git a/src/request/service/dict.ts b/src/request/service/template-dict.ts
similarity index 100%
rename from src/request/service/dict.ts
rename to src/request/service/template-dict.ts