From fbd6c86ee470b829aa4579fa492dda3eb2d0bcc5 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 6 Oct 2025 19:55:14 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90ele?=
 =?UTF-8?q?=E3=80=91=E3=80=90pay=20=E6=94=AF=E4=BB=98=E3=80=91pay/demo/ord?=
 =?UTF-8?q?er=20=E8=BF=81=E7=A7=BB=20antd=20=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/pay/demo/order/data.ts       | 12 ++++++------
 apps/web-antd/src/views/pay/demo/order/index.vue     | 10 ++++------
 .../src/views/pay/demo/order/modules/form.vue        |  4 ++--
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/apps/web-antd/src/views/pay/demo/order/data.ts b/apps/web-antd/src/views/pay/demo/order/data.ts
index 1de11c995..9f4b30aa7 100644
--- a/apps/web-antd/src/views/pay/demo/order/data.ts
+++ b/apps/web-antd/src/views/pay/demo/order/data.ts
@@ -21,13 +21,13 @@ export function useFormSchema(): VbenFormSchema[] {
       component: 'Select',
       componentProps: {
         options: [
-          { label: '华为手机', value: 1 },
-          { label: '小米电视', value: 2 },
-          { label: '苹果手表', value: 3 },
-          { label: '华硕笔记本', value: 4 },
-          { label: '蔚来汽车', value: 5 },
+          { label: '华为手机 --- 1.00元', value: 1 },
+          { label: '小米电视 --- 10.00元', value: 2 },
+          { label: '苹果手表 --- 100.00元', value: 3 },
+          { label: '华硕笔记本 --- 1000.00元', value: 4 },
+          { label: '蔚来汽车 --- 200000.00元', value: 5 },
         ],
-        placeholder: '请输入下单商品',
+        placeholder: '请选择下单商品',
         allowClear: true,
       },
       rules: 'required',
diff --git a/apps/web-antd/src/views/pay/demo/order/index.vue b/apps/web-antd/src/views/pay/demo/order/index.vue
index 1f52488d8..35273adff 100644
--- a/apps/web-antd/src/views/pay/demo/order/index.vue
+++ b/apps/web-antd/src/views/pay/demo/order/index.vue
@@ -10,7 +10,6 @@ import { message } from 'ant-design-vue';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDemoOrderPage, refundDemoOrder } from '#/api/pay/demo/order';
-import { $t } from '#/locales';
 
 import { useGridColumns } from './data';
 import Form from './modules/form.vue';
@@ -58,7 +57,6 @@ async function handleRefund(row: DemoOrderApi.Order) {
   }
 }
 
-
 const [Grid, gridApi] = useVbenVxeGrid({
   gridOptions: {
     columns: useGridColumns(),
@@ -83,7 +81,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       refresh: true,
     },
   } as VxeTableGridOptions<DemoOrderApi.Order>,
-  });
+});
 </script>
 
 <template>
@@ -127,7 +125,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
             {
               label: '前往支付',
               type: 'link',
-              icon: ACTION_ICON.VIEW,
+              icon: ACTION_ICON.ADD,
               ifShow: !row.payStatus,
               onClick: handlePay.bind(null, row),
             },
@@ -135,10 +133,10 @@ const [Grid, gridApi] = useVbenVxeGrid({
               label: '发起退款',
               type: 'link',
               danger: true,
-              icon: ACTION_ICON.REFUND,
+              icon: ACTION_ICON.EDIT,
               ifShow: row.payStatus && !row.payRefundId,
               popConfirm: {
-                title: `是否确认退款编号为"${row.id}"的示例订单?`,
+                title: '确定发起退款吗？',
                 confirm: handleRefund.bind(null, row),
               },
             },
diff --git a/apps/web-antd/src/views/pay/demo/order/modules/form.vue b/apps/web-antd/src/views/pay/demo/order/modules/form.vue
index 8f1cff843..bdec3b4ab 100644
--- a/apps/web-antd/src/views/pay/demo/order/modules/form.vue
+++ b/apps/web-antd/src/views/pay/demo/order/modules/form.vue
@@ -40,7 +40,7 @@ const [Modal, modalApi] = useVbenModal({
       // 关闭并提示
       await modalApi.close();
       emit('success');
-      message.success($t('common.createSuccess'));
+      message.success($t('ui.actionMessage.operationSuccess'));
     } finally {
       modalApi.unlock();
     }
@@ -49,7 +49,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal class="w-2/5" title="发起订单">
+  <Modal class="w-1/4" title="发起订单">
     <Form class="mx-4" />
   </Modal>
 </template>