feat: 字段调整统一 minWidth
parent
a9a2c3ff67
commit
9b7b40c596
|
@ -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' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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: '当前任务',
|
||||||
|
|
|
@ -102,7 +102,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
{
|
{
|
||||||
field: 'endTime',
|
field: 'endTime',
|
||||||
title: '结束时间',
|
title: '结束时间',
|
||||||
width: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -225,7 +225,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
{
|
{
|
||||||
field: 'createTime',
|
field: 'createTime',
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
width: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -239,7 +239,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
{
|
{
|
||||||
field: 'createTime',
|
field: 'createTime',
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
width: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -146,7 +146,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
{
|
{
|
||||||
field: 'createTime',
|
field: 'createTime',
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
width: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -96,7 +96,7 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
{
|
{
|
||||||
field: 'createTime',
|
field: 'createTime',
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
width: 180,
|
minWidth: 180,
|
||||||
formatter: 'formatDateTime',
|
formatter: 'formatDateTime',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
Loading…
Reference in New Issue