⚡ 优化前端代码语义.

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);

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

@@ -53,7 +53,7 @@
           <a-popconfirm :content="`确认删除选中的 ${selectedKeys.length} 条记录吗?`"
                         position="br"
                         type="warning"
-                        @ok="deleteSelectRows">
+                        @ok="deleteSelectedRows">
             <a-button v-permission="['infra:dict-value:delete']"
                       type="primary"
                       status="danger"
@@ -168,7 +168,7 @@
   });
 
   // 删除选中行
-  const deleteSelectRows = async () => {
+  const deleteSelectedRows = async () => {
     try {
       setLoading(true);
       // 调用删除接口
@@ -198,19 +198,12 @@
     }
   };
 
-  // 添加后回调
-  const addedCallback = () => {
+  // 重新加载
+  const reload = () => {
     fetchTableData();
   };
 
-  // 更新后回调
-  const updatedCallback = () => {
-    fetchTableData();
-  };
-
-  defineExpose({
-    addedCallback, updatedCallback
-  });
+  defineExpose({ reload });
 
   // 修改 key
   const changeKey = ({ id, keyName }: { id: number, keyName: string }) => {

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

@@ -7,13 +7,13 @@
                       @open-history="(e) => history.open(e.id, e.label)" />
     <!-- 添加修改模态框 -->
     <dict-value-form-modal ref="modal"
-                           @added="modalAddCallback"
-                           @updated="modalUpdateCallback" />
+                           @added="() => table.reload()"
+                           @updated="() => table.reload()" />
     <!-- 历史值模态框 -->
     <history-value-modal ref="history"
                          :type="historyType"
                          :rollback="rollback"
-                         @updated="modalUpdateCallback" />
+                         @updated="() => table.reload()" />
   </div>
 </template>
 
@@ -37,16 +37,6 @@
   const history = ref();
   const cacheStore = useCacheStore();
 
-  // 添加回调
-  const modalAddCallback = () => {
-    table.value.addedCallback();
-  };
-
-  // 修改回调
-  const modalUpdateCallback = () => {
-    table.value.updatedCallback();
-  };
-
   // 回滚
   const rollback = async (id: number, valueId: number) => {
     await rollbackDictValue({ id, valueId });

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

@@ -270,21 +270,13 @@
     }
   };
 
-  // 添加后回调
-  const addedCallback = () => {
+  // 重新加载
+  const reload = () => {
     formRef.value.resetFields();
     loadMenuData(true);
   };
 
-  // 更新后回调
-  const updatedCallback = () => {
-    formRef.value.resetFields();
-    loadMenuData(true);
-  };
-
-  defineExpose({
-    addedCallback, updatedCallback
-  });
+  defineExpose({ reload });
 
   // 加载菜单
   const loadMenuData = async (all: any = undefined) => {

orion-visor-ui/src/views/system/menu/index.vue

@@ -6,8 +6,8 @@
                 @open-update="(e) => modal.openUpdate(e)" />
     <!-- 添加修改模态框 -->
     <menu-form-modal ref="modal"
-                     @added="() => table.addedCallback()"
-                     @updated="() => table.updatedCallback()" />
+                     @added="() => table.reload()"
+                     @updated="() => table.reload()" />
   </div>
 </template>