perf: 方法名前缀 handle

apps/web-antd/src/views/system/notify/message/index.vue

@@ -22,7 +22,7 @@ function onRefresh() {
 }
 
 /** 查看站内信详情 */
-function onDetail(row: SystemNotifyMessageApi.NotifyMessage) {
+function handleDetail(row: SystemNotifyMessageApi.NotifyMessage) {
   detailModalApi.setData(row).open();
 }
 
@@ -72,7 +72,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'link',
               icon: ACTION_ICON.VIEW,
               auth: ['system:notify-message:query'],
-              onClick: onDetail.bind(null, row),
+              onClick: handleDetail.bind(null, row),
             },
           ]"
         />

apps/web-antd/src/views/system/notify/my/index.vue

@@ -28,12 +28,12 @@ function onRefresh() {
 }
 
 /** 查看站内信详情 */
-function onDetail(row: SystemNotifyMessageApi.NotifyMessage) {
+function handleDetail(row: SystemNotifyMessageApi.NotifyMessage) {
   detailModalApi.setData(row).open();
 }
 
 /** 标记一条站内信已读 */
-async function onRead(row: SystemNotifyMessageApi.NotifyMessage) {
+async function handleRead(row: SystemNotifyMessageApi.NotifyMessage) {
   message.loading({
     content: '正在标记已读...',
     duration: 0,
@@ -49,11 +49,11 @@ async function onRead(row: SystemNotifyMessageApi.NotifyMessage) {
   onRefresh();
 
   // 打开详情
-  onDetail(row);
+  handleDetail(row);
 }
 
 /** 标记选中的站内信为已读 */
-async function onMarkRead() {
+async function handleMarkRead() {
   const rows = gridApi.grid.getCheckboxRecords();
   if (!rows || rows.length === 0) {
     message.warning('请选择需要标记的站内信');
@@ -61,38 +61,44 @@ async function onMarkRead() {
   }
 
   const ids = rows.map((row: SystemNotifyMessageApi.NotifyMessage) => row.id);
-  message.loading({
+  const hideLoading = message.loading({
     content: '正在标记已读...',
-    duration: 0,
-    key: 'action_process_msg',
+    key: 'action_key_msg',
   });
-  // 执行标记已读操作
-  await updateNotifyMessageRead(ids);
-  // 提示成功
-  message.success({
-    content: '标记已读成功',
-    key: 'action_process_msg',
-  });
-  await gridApi.grid.setAllCheckboxRow(false);
-  onRefresh();
+  try {
+    // 执行标记已读操作
+    await updateNotifyMessageRead(ids);
+    // 提示成功
+    message.success({
+      content: '标记已读成功',
+      key: 'action_key_msg',
+    });
+    await gridApi.grid.setAllCheckboxRow(false);
+    onRefresh();
+  } finally {
+    hideLoading();
+  }
 }
 
 /** 标记所有站内信为已读 */
-async function onMarkAllRead() {
-  message.loading({
+async function handleMarkAllRead() {
+  const hideLoading = message.loading({
     content: '正在标记全部已读...',
-    duration: 0,
-    key: 'action_process_msg',
+    key: 'action_key_msg',
   });
-  // 执行标记已读操作
-  await updateAllNotifyMessageRead();
-  // 提示成功
-  message.success({
-    content: '全部标记已读成功',
-    key: 'action_process_msg',
-  });
-  await gridApi.grid.setAllCheckboxRow(false);
-  onRefresh();
+  try {
+    // 执行标记已读操作
+    await updateAllNotifyMessageRead();
+    // 提示成功
+    message.success({
+      content: '全部标记已读成功',
+      key: 'action_key_msg',
+    });
+    await gridApi.grid.setAllCheckboxRow(false);
+    onRefresh();
+  } finally {
+    hideLoading();
+  }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
@@ -144,13 +150,13 @@ const [Grid, gridApi] = useVbenVxeGrid({
               label: '标记已读',
               type: 'primary',
               icon: 'mdi:checkbox-marked-circle-outline',
-              onClick: onMarkRead,
+              onClick: handleMarkRead,
             },
             {
               label: '全部已读',
               type: 'primary',
               icon: 'mdi:checkbox-marked-circle-outline',
-              onClick: onMarkAllRead,
+              onClick: handleMarkAllRead,
             },
           ]"
         />
@@ -163,14 +169,14 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'link',
               ifShow: row.readStatus,
               icon: ACTION_ICON.VIEW,
-              onClick: onDetail.bind(null, row),
+              onClick: handleDetail.bind(null, row),
             },
             {
               label: '已读',
               type: 'link',
               ifShow: !row.readStatus,
               icon: ACTION_ICON.DELETE,
-              onClick: onRead.bind(null, row),
+              onClick: handleRead.bind(null, row),
             },
           ]"
         />

apps/web-antd/src/views/system/notify/template/index.vue

@@ -36,38 +36,42 @@ function onRefresh() {
 }
 
 /** 导出表格 */
-async function onExport() {
+async function handleExport() {
   const data = await exportNotifyTemplate(await gridApi.formApi.getValues());
   downloadFileFromBlobPart({ fileName: '站内信模板.xls', source: data });
 }
 
 /** 创建站内信模板 */
-function onCreate() {
+function handleCreate() {
   formModalApi.setData(null).open();
 }
 
 /** 编辑站内信模板 */
-function onEdit(row: SystemNotifyTemplateApi.NotifyTemplate) {
+function handleEdit(row: SystemNotifyTemplateApi.NotifyTemplate) {
   formModalApi.setData(row).open();
 }
 
 /** 发送测试站内信 */
-function onSend(row: SystemNotifyTemplateApi.NotifyTemplate) {
+function handleSend(row: SystemNotifyTemplateApi.NotifyTemplate) {
   sendModalApi.setData(row).open();
 }
 
 /** 删除站内信模板 */
-async function onDelete(row: SystemNotifyTemplateApi.NotifyTemplate) {
-  message.loading({
+async function handleDelete(row: SystemNotifyTemplateApi.NotifyTemplate) {
+  const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
     key: 'action_key_msg',
   });
-  await deleteNotifyTemplate(row.id as number);
-  message.success({
-    content: $t('ui.actionMessage.deleteSuccess', [row.name]),
-    key: 'action_key_msg',
-  });
-  onRefresh();
+  try {
+    await deleteNotifyTemplate(row.id as number);
+    message.success({
+      content: $t('ui.actionMessage.deleteSuccess', [row.name]),
+      key: 'action_key_msg',
+    });
+    onRefresh();
+  } finally {
+    hideLoading();
+  }
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({
@@ -117,14 +121,14 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'primary',
               icon: ACTION_ICON.ADD,
               auth: ['system:notify-template:create'],
-              onClick: onCreate,
+              onClick: handleCreate,
             },
             {
               label: $t('ui.actionTitle.export'),
               type: 'primary',
               icon: ACTION_ICON.DOWNLOAD,
               auth: ['system:notify-template:export'],
-              onClick: onExport,
+              onClick: handleExport,
             },
           ]"
         />
@@ -137,14 +141,14 @@ const [Grid, gridApi] = useVbenVxeGrid({
               type: 'link',
               icon: ACTION_ICON.EDIT,
               auth: ['system:notify-template:update'],
-              onClick: onEdit.bind(null, row),
+              onClick: handleEdit.bind(null, row),
             },
             {
               label: '测试',
               type: 'link',
               icon: ACTION_ICON.ADD,
               auth: ['system:notify-template:send-notify'],
-              onClick: onSend.bind(null, row),
+              onClick: handleSend.bind(null, row),
             },
             {
               label: $t('common.delete'),
@@ -154,7 +158,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               auth: ['system:notify-template:delete'],
               popConfirm: {
                 title: $t('ui.actionMessage.deleteConfirm', [row.name]),
-                confirm: onDelete.bind(null, row),
+                confirm: handleDelete.bind(null, row),
               },
             },
           ]"

apps/web-antd/src/views/system/notify/template/modules/send-form.vue

@@ -86,7 +86,7 @@ const [Modal, modalApi] = useVbenModal({
 });
 
 /** 动态构建表单 schema */
-const buildFormSchema = () => {
+function buildFormSchema() {
   const schema = useSendNotifyFormSchema();
   if (formData.value?.params) {
     formData.value.params.forEach((param: string) => {
@@ -102,7 +102,7 @@ const buildFormSchema = () => {
     });
   }
   return schema;
-};
+}
 </script>
 
 <template>