feat: 字段调整统一 minWidth

apps/web-antd/src/views/mall/trade/brokerage/record/data.ts

@@ -65,8 +65,15 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'userAvatar',
       title: '头像',
-      width: 70,
-      slots: { default: 'userAvatar' },
+      minWidth: 70,
+      cellRender: {
+        name: 'CellImage',
+        props: {
+          height: 40,
+          width: 40,
+          shape: 'circle',
+        },
+      },
     },
     {
       field: 'userNickname',
@@ -115,7 +122,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'unfreezeTime',
       title: '解冻时间',
-      width: 180,
+      minWidth: 180,
       formatter: 'formatDateTime',
     },
     {

apps/web-antd/src/views/mall/trade/brokerage/record/index.vue

@@ -4,8 +4,6 @@ import type { MallBrokerageRecordApi } from '#/api/mall/trade/brokerage/record';
 
 import { DocAlert, Page } from '@vben/common-ui';
 
-import { Avatar } from 'ant-design-vue';
-
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getBrokerageRecordPage } from '#/api/mall/trade/brokerage/record';
 
@@ -54,10 +52,6 @@ const [Grid] = useVbenVxeGrid({
       />
     </template>
 
-    <Grid table-title="分销返佣记录">
-      <template #userAvatar="{ row }">
-        <Avatar :src="row.userAvatar" />
-      </template>
-    </Grid>
+    <Grid table-title="分销返佣记录" />
   </Page>
 </template>

apps/web-antd/src/views/mall/trade/brokerage/user/data.ts

@@ -53,7 +53,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'avatar',
       title: '头像',
-      width: 70,
+      minWidth: 70,
       cellRender: {
         name: 'CellImage',
         props: {
@@ -71,7 +71,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'brokerageUserCount',
       title: '推广人数',
-      width: 80,
+      minWidth: 80,
     },
     {
       field: 'brokerageOrderCount',
@@ -116,18 +116,18 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'brokerageTime',
       title: '成为推广员时间',
-      width: 180,
+      minWidth: 180,
       formatter: 'formatDateTime',
     },
     {
       field: 'bindUserId',
       title: '上级推广员编号',
-      width: 150,
+      minWidth: 150,
     },
     {
       field: 'bindUserTime',
       title: '推广员绑定时间',
-      width: 180,
+      minWidth: 180,
       formatter: 'formatDateTime',
     },
     {

apps/web-antd/src/views/mall/trade/brokerage/user/modules/order-list-modal.vue

@@ -99,7 +99,7 @@ function useColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'sourceUserAvatar',
       title: '头像',
-      width: 70,
+      minWidth: 70,
       cellRender: {
         name: 'CellImage',
         props: {

apps/web-antd/src/views/mall/trade/brokerage/user/modules/user-list-modal.vue

@@ -75,7 +75,7 @@ function useColumns(): VxeTableGridOptions['columns'] {
     {
       field: 'avatar',
       title: '头像',
-      width: 70,
+      minWidth: 70,
       cellRender: {
         name: 'CellImage',
         props: {