first commit

2026-07-13 15:23:29 +08:00
commit 50885a98c8
473 changed files with 33772 additions and 0 deletions
@@ -0,0 +1,154 @@
+import XinTable from '@/components/XinTable';
+import {Badge, Button, Tooltip, Typography} from 'antd';
+import {UnorderedListOutlined} from '@ant-design/icons';
+
+const { Title, Text } = Typography;
+import {type IDict} from '@/domain/iDict';
+import type {XinTableColumn} from '@/components/XinTable/typings';
+import {useTranslation} from 'react-i18next';
+import {useNavigate} from 'react-router';
+import dayjs from 'dayjs';
+import useDictStore from '@/stores/dict';
+
+/** 字典类型管理 */
+export default function DictPage() {
+  const {t} = useTranslation();
+  const navigate = useNavigate();
+  const initDict = useDictStore(state => state.initDict);
+
+  const columns: XinTableColumn<IDict>[] = [
+    {
+      title: t('system.dict.id'),
+      dataIndex: 'id',
+      hideInForm: true,
+      width: 80,
+      sorter: true,
+      align: 'center',
+    },
+    {
+      title: t('system.dict.name'),
+      dataIndex: 'name',
+      valueType: 'text',
+      colProps: {span: 12},
+      rules: [{required: true, message: t('system.dict.name.required')}],
+    },
+    {
+      title: t('system.dict.code'),
+      dataIndex: 'code',
+      valueType: 'text',
+      colProps: {span: 12},
+      rules: [{required: true, message: t('system.dict.code.required')}],
+    },
+    {
+      title: t('system.dict.status'),
+      dataIndex: 'status',
+      valueType: 'select',
+      filters: [
+        {text: t('system.dict.status.normal'), value: 0},
+        {text: t('system.dict.status.disabled'), value: 1},
+      ],
+      colProps: {span: 12},
+      rules: [{required: true, message: t('system.dict.status.required')}],
+      fieldProps: {
+        options: [
+          {label: t('system.dict.status.normal'), value: 0},
+          {label: t('system.dict.status.disabled'), value: 1},
+        ],
+      },
+      render: (value: number) => {
+        return value === 0
+          ? <Badge status="success" text={t('system.dict.status.normal')}/>
+          : <Badge status="error" text={t('system.dict.status.disabled')}/>;
+      }
+    },
+    {
+      title: t('system.dict.sort'),
+      dataIndex: 'sort',
+      valueType: 'digit',
+      colProps: {span: 12},
+      hideInSearch: true,
+      fieldProps: {
+        min: 0,
+        style: {width: '100%'}
+      }
+    },
+    {
+      title: t('system.dict.describe'),
+      dataIndex: 'describe',
+      valueType: 'textarea',
+      colProps: {span: 24},
+      hideInSearch: true,
+      ellipsis: true,
+    },
+    {
+      title: t('system.dict.createdAt'),
+      dataIndex: 'created_at',
+      render: (value: string) => value ? dayjs(value).format('YYYY-MM-DD HH:mm') : '-',
+      hideInForm: true,
+      hideInSearch: true,
+      width: 160,
+    },
+  ];
+
+  // 刷新字典缓存
+  const handleRefreshCache = async () => {
+    await initDict();
+    window.$message?.success(t('system.dict.refreshSuccess'));
+  };
+
+  // 跳转到字典项页面
+  const handleGoToItems = (record: IDict) => {
+    navigate(`/system/dict/item?dictId=${record.id}&dictName=${encodeURIComponent(record.name || '')}&dictCode=${record.code}`);
+  };
+
+  return (
+    <>
+      <div className={'mb-5'}>
+        <Title level={3}>{t('system.dict.page.title')}</Title>
+        <Text type="secondary">{t('system.dict.page.description')}</Text>
+      </div>
+      <XinTable<IDict>
+      api={'/system/dict/list'}
+      columns={columns}
+      rowKey={'id'}
+      accessName={'system.dict.list'}
+      searchProps={false}
+      formProps={{
+        grid: true,
+        colProps: {span: 12},
+        rowProps: {gutter: [30, 0]},
+        layout: 'vertical'
+      }}
+      modalProps={{ width: 800 }}
+      actionBarRender={(dom) => [
+        dom.add,
+        <Button
+          type="primary"
+          key="refresh"
+          onClick={handleRefreshCache}
+        >
+          {t('system.dict.refreshCache')}
+        </Button>,
+        dom.keywordSearch,
+      ]}
+      operateProps={{
+        fixed: 'right',
+        width: 180,
+      }}
+      scroll={{x: 1000}}
+      operateRender={(record, dom) => [
+        <Tooltip title={t('system.dict.manageItems')}>
+          <Button
+            type="default"
+            icon={<UnorderedListOutlined/>}
+            size="small"
+            onClick={() => handleGoToItems(record)}
+          />
+        </Tooltip>,
+        dom.edit,
+        dom.del
+      ]}
+    />
+  </>
+  );
+}