feat：清理多余的 buttonStyle: 'solid', 【ele】

apps/web-ele/src/views/mall/promotion/banner/data.ts

@@ -1,17 +1,19 @@
-import type { VbenFormSchema } from '#/adapter/form';
-import type { VxeGridPropTypes } from '#/adapter/vxe-table';
+import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
 
-import { DICT_TYPE } from '@vben/constants';
+import type { VbenFormSchema } from '#/adapter/form';
+
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
+import { z } from '#/adapter/form';
 import { getRangePickerDefaultProps } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
     {
-      component: 'Input',
       fieldName: 'id',
+      component: 'Input',
       dependencies: {
         triggerFields: [''],
         show: () => false,
@@ -19,14 +21,20 @@ export function useFormSchema(): VbenFormSchema[] {
     },
     {
       fieldName: 'title',
-      label: 'Banner标题',
+      label: 'Banner 标题',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入 Banner 标题',
+      },
       rules: 'required',
     },
     {
       fieldName: 'picUrl',
       label: '图片地址',
       component: 'ImageUpload',
+      componentProps: {
+        placeholder: '请上传图片',
+      },
       rules: 'required',
     },
     {
@@ -35,8 +43,6 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'RadioGroup',
       componentProps: {
         options: getDictOptions(DICT_TYPE.PROMOTION_BANNER_POSITION, 'number'),
-        buttonStyle: 'solid',
-        optionType: 'button',
       },
       rules: 'required',
     },
@@ -44,6 +50,9 @@ export function useFormSchema(): VbenFormSchema[] {
       fieldName: 'url',
       label: '跳转地址',
       component: 'Input',
+      componentProps: {
+        placeholder: '请输入跳转地址',
+      },
       rules: 'required',
     },
     {
@@ -52,7 +61,6 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'InputNumber',
       componentProps: {
         min: 0,
-        controlsPosition: 'right',
         placeholder: '请输入排序',
       },
       rules: 'required',
@@ -63,10 +71,8 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'RadioGroup',
       componentProps: {
         options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
-        buttonStyle: 'solid',
-        optionType: 'button',
       },
-      rules: 'required',
+      rules: z.number().default(CommonStatusEnum.ENABLE),
     },
     {
       fieldName: 'memo',
@@ -85,18 +91,18 @@ export function useGridFormSchema(): VbenFormSchema[] {
   return [
     {
       fieldName: 'title',
-      label: 'Banner标题',
+      label: 'Banner 标题',
       component: 'Input',
       componentProps: {
-        placeholder: '请输入Banner标题',
+        placeholder: '请输入 Banner 标题',
       },
     },
     {
       fieldName: 'status',
-      label: '状态',
+      label: '活动状态',
       component: 'Select',
       componentProps: {
-        placeholder: '请选择状态',
+        placeholder: '请选择活动状态',
         options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'),
       },
     },
@@ -113,16 +119,17 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 表格列配置 */
-export function useGridColumns(): VxeGridPropTypes.Columns {
+export function useGridColumns(): VxeTableGridOptions['columns'] {
   return [
     {
       title: 'Banner标题',
       field: 'title',
+      minWidth: 100,
     },
     {
       title: '图片',
       field: 'picUrl',
-      width: 80,
+      minWidth: 80,
       cellRender: {
         name: 'CellImage',
       },
@@ -130,7 +137,7 @@ export function useGridColumns(): VxeGridPropTypes.Columns {
     {
       title: '状态',
       field: 'status',
-      width: 150,
+      minWidth: 150,
       cellRender: {
         name: 'CellDictTag',
         props: {
@@ -141,7 +148,7 @@ export function useGridColumns(): VxeGridPropTypes.Columns {
     {
       title: '定位',
       field: 'position',
-      width: 150,
+      minWidth: 150,
       cellRender: {
         name: 'CellDictTag',
         props: {
@@ -152,21 +159,23 @@ export function useGridColumns(): VxeGridPropTypes.Columns {
     {
       title: '跳转地址',
       field: 'url',
+      minWidth: 200,
     },
     {
       title: '创建时间',
       field: 'createTime',
-      width: 180,
+      minWidth: 180,
       formatter: 'formatDateTime',
     },
     {
       title: '排序',
       field: 'sort',
-      width: 100,
+      minWidth: 100,
     },
     {
       title: '描述',
       field: 'memo',
+      minWidth: 150,
     },
     {
       title: '操作',

apps/web-ele/src/views/mall/promotion/banner/index.vue

@@ -2,7 +2,7 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallBannerApi } from '#/api/mall/market/banner';
 
-import { Page, useVbenModal } from '@vben/common-ui';
+import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 
 import { ElLoading, ElMessage } from 'element-plus';
 
@@ -23,17 +23,17 @@ function handleRefresh() {
   gridApi.query();
 }
 
-/** 创建Banner */
+/** 创建 Banner */
 function handleCreate() {
   formModalApi.setData(null).open();
 }
 
-/** 编辑Banner */
+/** 编辑 Banner */
 function handleEdit(row: MallBannerApi.Banner) {
   formModalApi.setData(row).open();
 }
 
-/** 删除Banner */
+/** 删除 Banner */
 async function handleDelete(row: MallBannerApi.Banner) {
   const loadingInstance = ElLoading.service({
     text: $t('ui.actionMessage.deleting', [row.title]),
@@ -68,6 +68,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     },
     rowConfig: {
       keyField: 'id',
+      isHover: true,
     },
     toolbarConfig: {
       refresh: true,
@@ -79,6 +80,13 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 <template>
   <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="【营销】内容管理"
+        url="https://doc.iocoder.cn/mall/promotion-content/"
+      />
+    </template>
+
     <FormModal @success="handleRefresh" />
     <Grid table-title="Banner列表">
       <template #toolbar-tools>

apps/web-ele/src/views/mall/promotion/banner/modules/form.vue

@@ -18,8 +18,7 @@ import { $t } from '#/locales';
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-
-const formData = ref<MallBannerApi.Banner>();
+const formData = ref<SystemUserApi.User>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['Banner'])
@@ -81,7 +80,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal class="w-2/5" :title="getTitle">
+  <Modal :title="getTitle" class="w-2/5">
     <Form class="mx-4" />
   </Modal>
 </template>