diff --git a/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts b/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts index bda93c5cb..08dae5165 100644 --- a/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts +++ b/apps/web-antd/src/api/infra/demo/demo03/inner/index.ts @@ -10,7 +10,7 @@ export namespace Demo03StudentApi { name?: string; // 名字 score?: number; // 分数 } - // TODO @puhui999:要不要每个 interface 之间,有个空行 + /** 学生班级信息 */ export interface Demo03Grade { id: number; // 编号 @@ -18,6 +18,7 @@ export namespace Demo03StudentApi { name?: string; // 名字 teacher?: string; // 班主任 } + /** 学生信息 */ export interface Demo03Student { id: number; // 编号 @@ -61,7 +62,7 @@ export function exportDemo03Student(params: any) { } // ==================== 子表(学生课程) ==================== -// TODO @puhui999:==================== 后面,加个空行,会更清晰一点 + /** 获得学生课程列表 */ export function getDemo03CourseListByStudentId(studentId: number) { return requestClient.get( @@ -70,6 +71,7 @@ export function getDemo03CourseListByStudentId(studentId: number) { } // ==================== 子表(学生班级) ==================== + /** 获得学生班级 */ export function getDemo03GradeByStudentId(studentId: number) { return requestClient.get( diff --git a/apps/web-antd/src/views/infra/demo/demo01/data.ts b/apps/web-antd/src/views/infra/demo/demo01/data.ts index 95dd37fde..860bc859b 100644 --- a/apps/web-antd/src/views/infra/demo/demo01/data.ts +++ b/apps/web-antd/src/views/infra/demo/demo01/data.ts @@ -52,22 +52,16 @@ export function useFormSchema(): VbenFormSchema[] { valueFormat: 'x', }, }, - // TODO 【富文本】@puhui999:@芋艿:后续要封装下;单独 pr { fieldName: 'description', label: '简介', rules: 'required', - component: 'Editor', + component: 'RichTextarea', }, - // TODO 【文件上传】@puhui999:@芋艿:后续要封装下;单独 pr { fieldName: 'avatar', label: '头像', - component: 'FileUpload', - componentProps: { - fileType: 'image', - maxCount: 1, - }, + component: 'ImageUpload', }, ]; } @@ -91,6 +85,7 @@ export function useGridFormSchema(): VbenFormSchema[] { componentProps: { allowClear: true, options: getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number'), + placeholder: '请选择性别', }, }, { diff --git a/apps/web-antd/src/views/infra/demo/demo01/index.vue b/apps/web-antd/src/views/infra/demo/demo01/index.vue index 068de7db7..ac3b59e27 100644 --- a/apps/web-antd/src/views/infra/demo/demo01/index.vue +++ b/apps/web-antd/src/views/infra/demo/demo01/index.vue @@ -25,15 +25,9 @@ function onRefresh() { gridApi.query(); } -/** 导出表格 */ -async function onExport() { - const data = await exportDemo01Contact(await gridApi.formApi.getValues()); - downloadByData(data, '示例联系人.xls'); -} - /** 创建示例联系人 */ function onCreate() { - formModalApi.setData(null).open(); + formModalApi.setData({}).open(); } /** 编辑示例联系人 */ @@ -60,18 +54,23 @@ async function onDelete(row: Demo01ContactApi.Demo01Contact) { } } +/** 导出表格 */ +async function onExport() { + const data = await exportDemo01Contact(await gridApi.formApi.getValues()); + downloadByData(data, '示例联系人.xls'); +} + /** 表格操作按钮的回调函数 */ function onActionClick({ code, row }: OnActionClickParams) { switch (code) { - case 'delete': { - onDelete(row); - break; - } - // TODO @puhui999:edit 放在 delete 前面哈。好理解一点,修改 => 删除 case 'edit': { onEdit(row); break; } + case 'delete': { + onDelete(row); + break; + } } } diff --git a/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue b/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue index 3d3804e73..677992dd8 100644 --- a/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue +++ b/apps/web-antd/src/views/infra/demo/demo01/modules/form.vue @@ -47,6 +47,7 @@ const [Modal, modalApi] = useVbenModal({ }, async onOpenChange(isOpen: boolean) { if (!isOpen) { + formData.value = undefined; return; } @@ -55,9 +56,7 @@ const [Modal, modalApi] = useVbenModal({ if (!data) { return; } - if (data.id) { - // 编辑 TODO @puhui999:1)这里注释,“编辑”去掉;2)data.id 上面的空行去掉; modalApi.lock(); try { data = await getDemo01Contact(data.id);