feat：【antd】【erp 系统】sale/order 部分代码优化

apps/web-antd/src/views/erp/sale/order/index.vue

@@ -30,10 +30,58 @@ const [FormModal, formModalApi] = useVbenModal({
 });
 
 /** 刷新表格 */
-function onRefresh() {
+function handleRefresh() {
   gridApi.query();
 }
 
+/** 导出表格 */
+async function handleExport() {
+  const data = await exportSaleOrder(await gridApi.formApi.getValues());
+  downloadFileFromBlobPart({ fileName: '销售订单.xls', source: data });
+}
+
+/** 新增销售订单 */
+function handleCreate() {
+  formModalApi.setData({ type: 'create' }).open();
+}
+
+/** 编辑销售订单 */
+function handleEdit(row: ErpSaleOrderApi.SaleOrder) {
+  formModalApi.setData({ type: 'edit', id: row.id }).open();
+}
+
+/** 删除销售订单 */
+async function handleDelete(ids: number[]) {
+  const hideLoading = message.loading({
+    content: $t('ui.actionMessage.deleting'),
+    duration: 0,
+  });
+  try {
+    await deleteSaleOrder(ids);
+    message.success($t('ui.actionMessage.deleteSuccess'));
+    handleRefresh();
+  } finally {
+    hideLoading();
+  }
+}
+
+/** 审批/反审批操作 */
+function handleUpdateStatus(row: ErpSaleOrderApi.SaleOrder, status: number) {
+  const hideLoading = message.loading({
+    content: `确定${status === 20 ? '审批' : '反审批'}该订单吗？`,
+    duration: 0,
+  });
+  // TODO @AI：改成 await 写法
+  updateSaleOrderStatus(row.id!, status)
+    .then(() => {
+      message.success(`${status === 20 ? '审批' : '反审批'}成功`);
+      handleRefresh();
+    })
+    .finally(() => {
+      hideLoading();
+    });
+}
+
 const checkedIds = ref<number[]>([]);
 function handleRowCheckboxChange({
   records,
@@ -43,69 +91,11 @@ function handleRowCheckboxChange({
   checkedIds.value = records.map((item) => item.id!);
 }
 
-/** 详情 */
+/** 查看详情 */
 function handleDetail(row: ErpSaleOrderApi.SaleOrder) {
   formModalApi.setData({ type: 'detail', id: row.id }).open();
 }
 
-/** 新增 */
-function handleCreate() {
-  formModalApi.setData({ type: 'create' }).open();
-}
-
-/** 编辑 */
-function handleEdit(row: ErpSaleOrderApi.SaleOrder) {
-  formModalApi.setData({ type: 'edit', id: row.id }).open();
-}
-
-/** 删除 */
-async function handleDelete(ids: number[]) {
-  const hideLoading = message.loading({
-    content: $t('ui.actionMessage.deleting'),
-    duration: 0,
-    key: 'action_process_msg',
-  });
-  try {
-    await deleteSaleOrder(ids);
-    message.success({
-      content: $t('ui.actionMessage.deleteSuccess'),
-      key: 'action_process_msg',
-    });
-    onRefresh();
-  } finally {
-    hideLoading();
-  }
-}
-
-/** 审批/反审批操作 */
-function handleUpdateStatus(row: ErpSaleOrderApi.SaleOrder, status: number) {
-  const hideLoading = message.loading({
-    content: `确定${status === 20 ? '审批' : '反审批'}该订单吗？`,
-    duration: 0,
-    key: 'action_process_msg',
-  });
-  updateSaleOrderStatus(row.id!, status)
-    .then(() => {
-      message.success({
-        content: `${status === 20 ? '审批' : '反审批'}成功`,
-        key: 'action_process_msg',
-      });
-      onRefresh();
-    })
-    .catch(() => {
-      // 处理错误
-    })
-    .finally(() => {
-      hideLoading();
-    });
-}
-
-/** 导出 */
-async function handleExport() {
-  const data = await exportSaleOrder(await gridApi.formApi.getValues());
-  downloadFileFromBlobPart({ fileName: '销售订单.xls', source: data });
-}
-
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useGridFormSchema(),
@@ -149,7 +139,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
         url="https://doc.iocoder.cn/erp/sale/"
       />
     </template>
-    <FormModal @success="onRefresh" />
+    <FormModal @success="handleRefresh" />
 
     <Grid table-title="销售订单列表">
       <template #toolbar-tools>