From 3811a5c8a8ead840874d0edf56461dde089f500f Mon Sep 17 00:00:00 2001 From: zjl Date: Wed, 11 Dec 2024 15:26:33 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/system/level/index.vue | 2 +- src/views/system/user/edit.vue | 25 ++++++++++----- src/views/system/user/index.vue | 47 ++++++++++++++++++++++------ src/views/system/user/userUpload.vue | 3 ++ 4 files changed, 59 insertions(+), 18 deletions(-) diff --git a/src/views/system/level/index.vue b/src/views/system/level/index.vue index e648adc..803ce85 100644 --- a/src/views/system/level/index.vue +++ b/src/views/system/level/index.vue @@ -72,7 +72,7 @@ v-model:visible="editVisible" @success="reloadTable('noRefresh')" /> - + diff --git a/src/views/system/user/edit.vue b/src/views/system/user/edit.vue index c966b32..9485ad6 100644 --- a/src/views/system/user/edit.vue +++ b/src/views/system/user/edit.vue @@ -92,8 +92,7 @@ label-field="name" value-field="id" placeholder="请选择角色" - > - + /> - + /> - + />
@@ -288,6 +285,9 @@ */ const emit = defineEmits(['success', 'update:visible']); + /** + * 定义模态 + */ const [modalRegister, { openModal, setSubLoading }] = useModal({ title: props.userId ? '编辑用户' : '添加用户', subBtuText: '确定', @@ -395,10 +395,18 @@ positionList: [], }); + /** + * 上传发生变化 + */ function uploadChange(data: string[]) { formData.avatar = data.fileUrl; formData.avatarName = data.fileName; } + + /** + * 执行删除 + * @param file 文件参数 + */ const handleDelete = async (file) => { console.log(file); }; @@ -426,7 +434,10 @@ setFormData({ userId: props.userId }); } }); - //导出方法 + + /** + * 定义函数 + */ defineExpose({ openModal, }); diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue index 2969800..451180b 100644 --- a/src/views/system/user/index.vue +++ b/src/views/system/user/index.vue @@ -27,7 +27,6 @@ 新建 - - +
@@ -101,10 +100,8 @@ ToTopOutlined, FormOutlined, } from '@vicons/antd'; - import CreateModal from './CreateModal.vue'; import editDialog from './edit.vue'; import userUpload from './userUpload.vue'; - import { basicModal, useModal } from '@/components/Modal'; import { downloadByData } from '@/utils/file/download'; import { schemas } from './querySchemas'; import { renderIcon } from '@/utils'; @@ -119,13 +116,20 @@ const rowKeys = ref([]); const importVisible = ref(false); const exportLoading = ref(false); - const showModal = ref(false); + + /** + * 定义查询参数 + */ const formParams = reactive({ - name: '', + realname: '', + role: '', status: '', }); + /** + * 定义操作栏 + */ const actionColumn = reactive({ width: 400, title: '操作', @@ -171,24 +175,36 @@ }, }); - function addTable() { - showModal.value = true; - } - + /** + * 加载数据列表 + * @param res 参数 + */ const loadDataTable = async (res) => { rowKeys.value = []; const result = await getUserList({ ...formParams, ...res }); return result; }; + /** + * 数据行选中事件 + * @param keys 参数 + */ function onCheckedRow(keys) { rowKeys.value = keys; } + /** + * 刷新数据列表 + * @param noRefresh 参数 + */ function reloadTable(noRefresh = '') { basicTableRef.value.reload(noRefresh ? {} : { pageNo: 1 }); } + /** + * 执行提交表单 + * @param values 参数 + */ function handleSubmit(values: Recordable) { for (const key in formParams) { formParams[key] = ''; @@ -199,6 +215,10 @@ reloadTable(); } + /** + * 执行重置 + * @param values 参数 + */ function handleReset(values: Recordable) { for (const key in formParams) { formParams[key] = ''; @@ -209,6 +229,9 @@ reloadTable(); } + /** + * 执行注册 + */ const [register, {}] = useForm({ gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' }, labelWidth: 80, @@ -232,6 +255,7 @@ }, }); }; + /** * 执行添加 */ @@ -241,6 +265,7 @@ await nextTick(); createModalRef.value.openModal(); }; + /** * 执行编辑 */ @@ -250,6 +275,7 @@ await nextTick(); createModalRef.value.openModal(); } + /** * 执行删除 * @param id 参数 @@ -267,6 +293,7 @@ }, }); } + /** * 执行导出 */ diff --git a/src/views/system/user/userUpload.vue b/src/views/system/user/userUpload.vue index 5f68f89..baaf896 100644 --- a/src/views/system/user/userUpload.vue +++ b/src/views/system/user/userUpload.vue @@ -125,6 +125,9 @@ window.open(res.filePath); }; + /** + * 执行弹窗提交 + */ const dialogSubmit = async () => { uploadRef.value?.submit(); };