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

apps/web-antd/src/views/erp/sale/order/data.ts

@@ -24,7 +24,6 @@ export function useFormSchema(): VbenFormSchema[] {
       hideLabel: true,
       formItemClass: 'hidden',
     },
-
     {
       component: 'Input',
       componentProps: {
@@ -336,6 +335,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
         allowClear: true,
       },
     },
+    // TODO @AI：备注缺少；/Users/yunai/Java/yudao-ui-admin-vue3/src/views/erp/sale/order/index.vue
     {
       fieldName: 'outStatus',
       label: '出库状态',

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>

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

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+/* eslint-disable unicorn/no-nested-ternary */
 import type { ErpSaleOrderApi } from '#/api/erp/sale/order';
 
 import { computed, nextTick, ref } from 'vue';
@@ -13,6 +14,7 @@ import {
   getSaleOrder,
   updateSaleOrder,
 } from '#/api/erp/sale/order';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 import SaleOrderItemForm from './sale-order-item-form.vue';
@@ -22,11 +24,13 @@ const formData = ref<ErpSaleOrderApi.SaleOrder>();
 const formType = ref('');
 const itemFormRef = ref();
 
-const getTitle = computed(() => {
+const getTitle = computed(() =>
-  if (formType.value === 'create') return '添加销售订单';
+  formType.value === 'create'
-  if (formType.value === 'update') return '编辑销售订单';
+    ? $t('ui.actionTitle.create', ['销售订单'])
-  return '销售订单详情';
+    : formType.value === 'update'
-});
+      ? $t('ui.actionTitle.edit', ['销售订单'])
+      : '销售订单详情',
+);
 
 const [Form, formApi] = useVbenForm({
   commonConfig: {
@@ -34,6 +38,7 @@ const [Form, formApi] = useVbenForm({
       class: 'w-full',
     },
     labelWidth: 120,
+    disabled: !['create', 'update'].includes(formType.value),
   },
   wrapperClass: 'grid-cols-3',
   layout: 'vertical',
@@ -124,7 +129,7 @@ const [Modal, modalApi] = useVbenModal({
       // 关闭并提示
       await modalApi.close();
       emit('success');
-      message.success(formType.value === 'create' ? '新增成功' : '更新成功');
+      message.success($t('ui.actionMessage.operationSuccess'));
     } finally {
       modalApi.unlock();
     }
@@ -172,8 +177,6 @@ const [Modal, modalApi] = useVbenModal({
     }
   },
 });
-
-defineExpose({ modalApi });
 </script>
 
 <template>