diff --git a/apps/web-ele/src/views/member/tag/data.ts b/apps/web-ele/src/views/member/tag/data.ts index c0da8541e..d5e24d1ab 100644 --- a/apps/web-ele/src/views/member/tag/data.ts +++ b/apps/web-ele/src/views/member/tag/data.ts @@ -18,6 +18,9 @@ export function useFormSchema(): VbenFormSchema[] { component: 'Input', fieldName: 'name', label: '标签名称', + componentProps: { + placeholder: '请输入标签名称', + }, rules: 'required', }, ]; @@ -30,6 +33,10 @@ export function useGridFormSchema(): VbenFormSchema[] { fieldName: 'name', label: '标签名称', component: 'Input', + componentProps: { + placeholder: '请输入标签名称', + clearable: true, + }, }, { fieldName: 'createTime', @@ -37,6 +44,7 @@ export function useGridFormSchema(): VbenFormSchema[] { component: 'RangePicker', componentProps: { ...getRangePickerDefaultProps(), + placeholder: ['开始日期', '结束日期'], }, }, ]; @@ -48,14 +56,17 @@ export function useGridColumns(): VxeTableGridOptions['columns'] { { field: 'id', title: '编号', + minWidth: 100, }, { field: 'name', title: '标签名称', + minWidth: 200, }, { field: 'createTime', title: '创建时间', + minWidth: 180, formatter: 'formatDateTime', }, { diff --git a/apps/web-ele/src/views/member/tag/index.vue b/apps/web-ele/src/views/member/tag/index.vue index 2457a3756..6bc412497 100644 --- a/apps/web-ele/src/views/member/tag/index.vue +++ b/apps/web-ele/src/views/member/tag/index.vue @@ -19,7 +19,7 @@ const [FormModal, formModalApi] = useVbenModal({ }); /** 刷新表格 */ -function onRefresh() { +function handleRefresh() { gridApi.query(); } @@ -41,7 +41,7 @@ async function handleDelete(row: MemberTagApi.Tag) { try { await deleteMemberTag(row.id as number); ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name])); - onRefresh(); + handleRefresh(); } finally { loadingInstance.close(); } @@ -68,6 +68,7 @@ const [Grid, gridApi] = useVbenVxeGrid({ }, rowConfig: { keyField: 'id', + isHover: true, }, toolbarConfig: { refresh: true, @@ -85,7 +86,7 @@ const [Grid, gridApi] = useVbenVxeGrid({ url="https://doc.iocoder.cn/member/user/" /> - +