feat: 字段调整统一 minWidth

pull/158/head
xingyu4j 2025-06-26 17:32:03 +08:00
parent a9a2c3ff67
commit 9b7b40c596
20 changed files with 55 additions and 59 deletions

View File

@ -46,7 +46,7 @@ export function useGridColumnsConversation(): VxeTableGridOptions['columns'] {
}, },
{ {
title: '用户', title: '用户',
width: 180, minWidth: 180,
slots: { default: 'userId' }, slots: { default: 'userId' },
}, },
{ {
@ -141,7 +141,7 @@ export function useGridColumnsMessage(): VxeTableGridOptions['columns'] {
}, },
{ {
title: '用户', title: '用户',
width: 180, minWidth: 180,
slots: { default: 'userId' }, slots: { default: 'userId' },
}, },
{ {

View File

@ -88,6 +88,12 @@ export function useGridColumns(
onTaskClick: (task: BpmProcessInstanceApi.Task) => void, onTaskClick: (task: BpmProcessInstanceApi.Task) => void,
): VxeTableGridOptions['columns'] { ): VxeTableGridOptions['columns'] {
return [ return [
{
field: 'id',
title: '流程编号',
minWidth: 320,
fixed: 'left',
},
{ {
field: 'name', field: 'name',
title: '流程名称', title: '流程名称',
@ -167,12 +173,6 @@ export function useGridColumns(
}, },
}, },
}, },
{
field: 'id',
title: '流程编号',
minWidth: 320,
},
{ {
title: '操作', title: '操作',
width: 180, width: 180,

View File

@ -41,12 +41,6 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
title: '发起人', title: '发起人',
minWidth: 120, minWidth: 120,
}, },
{
field: 'createTime',
title: '发起时间',
minWidth: 180,
formatter: 'formatDateTime',
},
{ {
field: 'name', field: 'name',
title: '当前任务', title: '当前任务',

View File

@ -102,7 +102,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'endTime', field: 'endTime',
title: '结束时间', title: '结束时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -225,7 +225,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -91,13 +91,13 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '参团时间', title: '参团时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
field: 'endTime', field: 'endTime',
title: '结束时间', title: '结束时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
@ -155,13 +155,13 @@ export function useUserGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '参团时间', title: '参团时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
field: 'endTime', field: 'endTime',
title: '结束时间', title: '结束时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -89,13 +89,13 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '领取时间', title: '领取时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
field: 'useTime', field: 'useTime',
title: '使用时间', title: '使用时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -239,7 +239,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -146,7 +146,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -96,7 +96,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -93,7 +93,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'used', field: 'used',
title: '是否使用', title: '是否使用',
width: 100, minWidth: 100,
cellRender: { cellRender: {
name: 'CellDict', name: 'CellDict',
props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING }, props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
@ -107,7 +107,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -102,7 +102,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'status', field: 'status',
title: '活动状态', title: '活动状态',
width: 100, minWidth: 100,
cellRender: { cellRender: {
name: 'CellDict', name: 'CellDict',
props: { type: DICT_TYPE.COMMON_STATUS }, props: { type: DICT_TYPE.COMMON_STATUS },
@ -111,23 +111,23 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'stock', field: 'stock',
title: '库存', title: '库存',
width: 80, minWidth: 80,
}, },
{ {
field: 'totalStock', field: 'totalStock',
title: '总库存', title: '总库存',
width: 80, minWidth: 80,
}, },
{ {
field: 'redeemedQuantity', field: 'redeemedQuantity',
title: '已兑换数量', title: '已兑换数量',
width: 100, minWidth: 100,
slots: { default: 'redeemedQuantity' }, slots: { default: 'redeemedQuantity' },
}, },
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -132,13 +132,13 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'startTime', field: 'startTime',
title: '活动开始时间', title: '活动开始时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
field: 'endTime', field: 'endTime',
title: '活动结束时间', title: '活动结束时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {
@ -153,7 +153,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -44,7 +44,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
{ {
field: 'configIds', field: 'configIds',
title: '秒杀时段', title: '秒杀时段',
width: 220, minWidth: 220,
slots: { default: 'configIds' }, slots: { default: 'configIds' },
}, },
{ {
@ -112,7 +112,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
field: 'createTime', field: 'createTime',
title: '创建时间', title: '创建时间',
align: 'center', align: 'center',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

@ -100,21 +100,22 @@ export function useGridColumns<T = MallSeckillConfigApi.SeckillConfig>(
{ {
title: '秒杀时段名称', title: '秒杀时段名称',
field: 'name', field: 'name',
width: 200, minWidth: 200,
}, },
{ {
title: '开始时间点', title: '开始时间点',
field: 'startTime', field: 'startTime',
width: 120, minWidth: 120,
}, },
{ {
title: '结束时间点', title: '结束时间点',
field: 'endTime', field: 'endTime',
width: 120, minWidth: 120,
}, },
{ {
title: '秒杀轮播图', title: '秒杀轮播图',
field: 'sliderPicUrls', field: 'sliderPicUrls',
minWidth: 100,
cellRender: { cellRender: {
name: 'CellImages', name: 'CellImages',
}, },
@ -122,7 +123,7 @@ export function useGridColumns<T = MallSeckillConfigApi.SeckillConfig>(
{ {
title: '活动状态', title: '活动状态',
field: 'status', field: 'status',
width: 100, minWidth: 100,
cellRender: { cellRender: {
attrs: { beforeChange: onStatusChange }, attrs: { beforeChange: onStatusChange },
name: 'CellSwitch', name: 'CellSwitch',
@ -137,7 +138,7 @@ export function useGridColumns<T = MallSeckillConfigApi.SeckillConfig>(
{ {
title: '创建时间', title: '创建时间',
field: 'createTime', field: 'createTime',
width: 180, minWidth: 180,
formatter: 'formatDateTime', formatter: 'formatDateTime',
}, },
{ {

View File

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

View File

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

View File

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

View File

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

View File

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