⚡ 优化前端代码语义.

orion-visor-ui/src/views/system/dict-key/components/dict-key-table.vue

@@ -67,7 +67,7 @@
           <a-popconfirm :content="`确认删除选中的 ${selectedKeys.length} 条记录吗?`"
                         position="br"
                         type="warning"
-                        @ok="deleteSelectRows">
+                        @ok="deleteSelectedRows">
             <a-button v-permission="['infra:dict-key:delete']"
                       type="primary"
                       status="danger"
@@ -206,7 +206,7 @@
   };
 
   // 删除选中行
-  const deleteSelectRows = async () => {
+  const deleteSelectedRows = async () => {
     try {
       setLoading(true);
       // 调用删除接口
@@ -222,21 +222,13 @@
     }
   };
 
-  // 添加后回调
-  const addedCallback = () => {
+  // 重新加载
+  const reload = () => {
     fetchTableData();
     cacheStore.reset('dictKeys');
   };
 
-  // 更新后回调
-  const updatedCallback = () => {
-    fetchTableData();
-    cacheStore.reset('dictKeys');
-  };
-
-  defineExpose({
-    addedCallback, updatedCallback
-  });
+  defineExpose({ reload });
 
   // 打开查看视图
   const openView = async (record: DictKeyQueryResponse) => {

orion-visor-ui/src/views/system/dict-key/index.vue

@@ -7,8 +7,8 @@
                     @open-view="(v, t) => view.open(v, t)" />
     <!-- 添加修改模态框 -->
     <dict-key-form-modal ref="modal"
-                         @added="modalAddCallback"
-                         @updated="modalUpdateCallback" />
+                         @added="() => table.reload()"
+                         @updated="() => table.reload()" />
     <!-- json 查看器模态框 -->
     <json-editor-modal ref="view" />
   </div>
@@ -33,16 +33,6 @@
   const modal = ref();
   const view = ref();
 
-  // 添加回调
-  const modalAddCallback = () => {
-    table.value.addedCallback();
-  };
-
-  // 修改回调
-  const modalUpdateCallback = () => {
-    table.value.updatedCallback();
-  };
-
   onBeforeMount(async () => {
     const dictStore = useDictStore();
     await dictStore.loadKeys(dictKeys);