update 修改页面代码 去除ele的引入以及vue的类型声明

src/views/system/menu/index.vue

@@ -263,9 +263,7 @@
 <script setup name="Menu" lang="ts">
 import { addMenu, delMenu, getMenu, listMenu, updateMenu } from '@/api/system/menu';
 import { MenuForm, MenuQuery, MenuVO } from '@/api/system/menu/types';
-import { ComponentInternalInstance } from 'vue';
 import { MenuTypeEnum } from '@/enums/MenuTypeEnum';
-import { ElTable, ElForm } from 'element-plus';
 
 interface MenuOptionsType {
     menuId: number;
@@ -287,8 +285,8 @@ const dialog = reactive<DialogOption>({
     title: ''
 });
 
-const queryFormRef = ref(ElForm);
-const menuFormRef = ref(ElForm);
+const queryFormRef = ref<ElFormInstance>();
+const menuFormRef = ref<ElFormInstance>();
 const initFormData = {
     path: '',
     menuId: undefined,
@@ -315,7 +313,7 @@ const data = reactive<PageData<MenuForm, MenuQuery>>({
     },
 })
 
-const menuTableRef = ref(ElTable);
+const menuTableRef = ref<ElTableInstance>();
 
 const { queryParams, form, rules } = toRefs<PageData<MenuForm, MenuQuery>>(data)
 /** 查询菜单列表 */
@@ -344,7 +342,7 @@ const cancel = () => {
 /** 表单重置 */
 const reset = () => {
     form.value = { ...initFormData };
-    menuFormRef.value.resetFields();
+    menuFormRef.value?.resetFields();
 }
 
 /** 搜索按钮操作 */
@@ -353,7 +351,7 @@ const handleQuery = () => {
 }
 /** 重置按钮操作 */
 const resetQuery = () => {
-    queryFormRef.value.resetFields();
+    queryFormRef.value?.resetFields();
     handleQuery();
 }
 /** 新增按钮操作 */
@@ -375,7 +373,7 @@ const handleToggleExpandAll = () => {
 /** 展开/折叠所有 */
 const toggleExpandAll = (data: MenuVO[], status: boolean) => {
     data.forEach((item: MenuVO) => {
-        menuTableRef.value.toggleRowExpansion(item, status)
+        menuTableRef.value?.toggleRowExpansion(item, status)
         if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
     })
 }
@@ -395,12 +393,12 @@ const handleUpdate = async (row: MenuVO) => {
 }
 /** 提交按钮 */
 const submitForm = () => {
-    menuFormRef.value.validate(async (valid: boolean) => {
+    menuFormRef.value?.validate(async (valid: boolean) => {
         if (valid) {
             form.value.menuId ? await updateMenu(form.value) : await addMenu(form.value);
             proxy?.$modal.msgSuccess("操作成功");
             dialog.visible = false;
-            getList();
+            await getList();
         }
     })
 }
@@ -408,7 +406,7 @@ const submitForm = () => {
 const handleDelete = async (row: MenuVO) => {
     await proxy?.$modal.confirm('是否确认删除名称为"' + row.menuName + '"的数据项?');
     await delMenu(row.menuId);
-    getList();
+    await getList();
     proxy?.$modal.msgSuccess("删除成功");
 }