refactor: 优化部分 ref API 使用方式

src/views/system/dict/index.vue

@@ -14,6 +14,9 @@
 
   const { proxy } = getCurrentInstance() as any;
 
+  const queryFormRef = ref();
+  const formRef = ref();
+  const tableRef = ref();
   const dataList = ref<DataRecord[]>([]);
   const total = ref(0);
   const ids = ref<Array<number>>([]);
@@ -129,7 +132,7 @@
    */
   const reset = () => {
     form.value = {};
-    proxy.$refs.formRef?.resetFields();
+    formRef.value?.resetFields();
   };
 
   /**
@@ -137,14 +140,14 @@
    */
   const handleCancel = () => {
     visible.value = false;
-    proxy.$refs.formRef.resetFields();
+    formRef.value.resetFields();
   };
 
   /**
    * 确定
    */
   const handleOk = () => {
-    proxy.$refs.formRef.validate((valid: any) => {
+    formRef.value.validate((valid: any) => {
       if (!valid) {
         if (form.value.id !== undefined) {
           update(form.value, form.value.id).then((res) => {
@@ -191,7 +194,7 @@
     del(ids).then((res) => {
       proxy.$message.success(res.msg);
       getList();
-      proxy.$refs.tableRef.selectAll(false);
+      tableRef.value.selectAll(false);
     });
   };
 
@@ -223,7 +226,7 @@
    * 查询
    */
   const handleQuery = () => {
-    proxy.$refs.tableRef.selectAll(false);
+    tableRef.value.selectAll(false);
     getList();
   };
 
@@ -231,7 +234,7 @@
    * 重置
    */
   const resetQuery = () => {
-    proxy.$refs.queryRef.resetFields();
+    queryFormRef.value.resetFields();
     handleQuery();
   };
 
@@ -272,7 +275,7 @@
           <div class="header">
             <!-- 搜索栏 -->
             <div v-if="showQuery" class="header-query">
-              <a-form ref="queryRef" :model="queryParams" layout="inline">
+              <a-form ref="queryFormRef" :model="queryParams" layout="inline">
                 <a-form-item field="name" hide-label>
                   <a-input
                     v-model="queryParams.name"

src/views/system/dict/item.vue

@@ -17,6 +17,8 @@
     },
   });
   const { proxy } = getCurrentInstance() as any;
+  const formRef = ref();
+  const tableRef = ref();
   const dataList = ref<DataRecord[]>([]);
   const colors = ref(['primary', 'success', 'warning', 'error', 'default']);
   const total = ref(0);
@@ -95,7 +97,7 @@
       sort: 999,
       dictId: dictId.value,
     };
-    proxy.$refs.formRef?.resetFields();
+    formRef.value?.resetFields();
   };
 
   /**
@@ -103,14 +105,14 @@
    */
   const handleCancel = () => {
     visible.value = false;
-    proxy.$refs.formRef.resetFields();
+    formRef.value.resetFields();
   };
 
   /**
    * 确定
    */
   const handleOk = () => {
-    proxy.$refs.formRef.validate((valid: any) => {
+    formRef.value.validate((valid: any) => {
       if (!valid) {
         if (form.value.id !== undefined) {
           update(form.value, form.value.id).then((res) => {