分类图片上传和用户等级图片上传

web/pages/customer/level.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Tag, Typography } from 'antd';
+import { Tag, Typography, Image } from 'antd';
 import XinTable from '@/components/XinTable';
 import type { XinTableColumn, XinTableProps } from '@/components/XinTable/typings.ts';
 import type ICustomerLevel from '@/domain/iCustomerLevel.ts';
@@ -25,6 +25,7 @@ const CustomerLevelPage: React.FC = () => {
       dataIndex: 'name',
       valueType: 'text',
       required: true,
+      align: 'center',
       rules: [{ required: true, message: '请输入等级名称' }],
     },
     {
@@ -32,8 +33,34 @@ const CustomerLevelPage: React.FC = () => {
       dataIndex: 'sort',
       valueType: 'digit',
       hideInSearch: true,
+      initialValue: 0,
       fieldProps: { min: 0 },
     },
+    {
+      title: '图片等级',
+      dataIndex: 'icon',
+      valueType: 'image',
+      fieldProps: {
+        action: '/customer/level/upload',
+        mode: 'single',
+        maxCount: 1,
+        changeType: "id"
+      },
+      render: (_, record: ICustomerLevel) => {
+        const url = record.icon_url
+        if (!url) return '-';
+        return (
+          <Image
+            src={url}
+            width={60}
+            height={60}
+            style={{ objectFit: 'cover', borderRadius: 4 }}
+          />
+        );
+      },
+      align: 'center',
+      hideInSearch: true,
+    },
     {
       title: '状态',
       dataIndex: 'status',
@@ -51,11 +78,11 @@ const CustomerLevelPage: React.FC = () => {
       },
     },
     {
-      title: '备注',
-      dataIndex: 'remark',
-      valueType: 'textarea',
+      title: '创建时间',
+      dataIndex: 'updated_at',
+      hideInForm: true,
       hideInSearch: true,
-      fieldProps: { rows: 2 },
+      align: 'center',
     },
     {
       title: '创建时间',
@@ -74,6 +101,7 @@ const CustomerLevelPage: React.FC = () => {
     formProps: {
       grid: true,
       colProps: { span: 12 },
+      rowProps: { gutter: 20 },
       layout: 'vertical',
     },
     modalProps: { width: 640 },