diff --git a/templates/vue/api.ts.j2 b/templates/vue/api.ts.j2
index 5b8356a..c5ebe3a 100644
--- a/templates/vue/api.ts.j2
+++ b/templates/vue/api.ts.j2
@@ -39,4 +39,11 @@ export namespace {{entity}}Api {
return requestClient.delete(applicationConfig.javaURL+'/{{old_table}}/' + id);
}
+ /**
+ * 枚举列表
+ */
+ export function enumList(params: any) {
+ return requestClient.post(applicationConfig.javaURL+'/health-enums/optionList', params,{ headers: {'Content-Type': 'application/json', Token: 'ded93460-0cf5-45db-81ae-7608dbd3f51e', version: '1.0.1'}});
+ }
+
}
\ No newline at end of file
diff --git a/templates/vue/index.vue.j2 b/templates/vue/index.vue.j2
index 0731cfe..8de90b1 100644
--- a/templates/vue/index.vue.j2
+++ b/templates/vue/index.vue.j2
@@ -1,22 +1,152 @@
+const [Grid, gridApi] = useVbenVxeGrid({gridOptions})
+// ========== 弹窗配置 ==========
+const [Modal, modalApi] = useVbenModal({
+ centered: true,
+ closable: true,
+ maskClosable: false,
+ draggable: true,
+ width: 800,
+ onCancel() {
+ modalApi.close();
+ },
+ onConfirm: async () => {
+ try {
+ const values = await formApi.validateAndSubmitForm();
+ if (!values) return;
+
+ // 处理日期格式，将 Day.js 对象转换为字符串
+ const submitValues = {
+ ...values,
+ userBirthday: values.userBirthday ? dayjs(values.userBirthday).format('YYYY-MM-DD') : null,
+ };
+
+ if (isEdit.value && currentRow.value?.id) {
+ await userApi.save({...submitValues, id: currentRow.value.id});
+ } else {
+ await userApi.save(submitValues);
+ }
+
+ modalApi.close();
+ gridApi.reload();
+ } catch (error) {
+ console.error('保存失败:', error);
+ }
+ },
+ onOpenChange(isOpen: boolean) {
+ if (!isOpen && !isEdit.value) {
+ formApi.resetForm();
+ }
+ },
+})
+
+// ========== 表单配置 ==========
+const [Form, formApi] = useVbenForm({
+ schema: formSchema,
+ showDefaultActions: false,
+ wrapperClass: 'grid-cols-1 md:grid-cols-2',
+ commonConfig: {
+ componentProps: {
+ class: 'w-full',
+ autocomplete: 'off',
+ },
+ },
+})
+
+// ========== 打开新增弹窗 ==========
+function handleAdd() {
+ isEdit.value = false;
+ modalTitle.value = '新增用户';
+ formApi.resetForm();
+ modalApi.open();
+}
+
+// ========== 打开编辑弹窗 ==========
+function handleEdit(row: any) {
+ isEdit.value = true;
+ currentRow.value = row;
+ modalTitle.value = '编辑用户';
+
+ // 设置表单值，过滤掉不必要的字段，并处理日期格式
+ const formValues = {
+ id: row.id,
+ userName: row.userName,
+ userPhone: row.userPhone,
+ userRealName: row.userRealName,
+ userGender: row.userGender,
+ userPassword: row.userPassword,
+ userBirthday: row.userBirthday,
+ userFace: row.userFace,
+ userEmail: row.userEmail,
+ userAddress: row.userAddress,
+ userId: row.userId,
+ userSys: row.userSys,
+ userPhoneModel: row.userPhoneModel,
+ userStatus: row.userStatus,
+ userCid: row.userCid,
+ userIp: row.userIp,
+ };
+
+ formApi.setValues(formValues);
+ modalApi.open();
+}
+
+// ========== 删除确认 ==========
+function handleDelete(row: any) {
+ if (!row.id) return;
+ window.confirm(`确定要删除 "${row.userName}" 吗？`) &&
+ userApi.remove(row.id).then(() => {
+ gridApi.reload();
+ });
+}
+
+// ========== 查询功能 ==========
+function handleSearch() {
+ console.log('=== 点击查询按钮 ===')
+ // 先重置到第一页，然后执行查询
+ gridApi.query();
+}
+
+// ========== 重置查询 ==========
+function handleReset() {
+ queryFormApi.resetForm();
+ gridApi.reload();
+}
+
+
-
-
\ No newline at end of file
+
+
+
+
查询条件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 早安, {{ userStore.userInfo?.realName }}, 开始您一天的工作吧！
+
+ 今日晴，20℃ - 32℃！
+
+
+
+
+
+
+
查询条件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+