Commit 7495acf847cab0fdd1a2352640a70a9e59d0dcd5

Authored by 庹加林
1 parent 8f02eae3

feat(report): 添加支付记录查询错误处理

- 引入 ElMessage 组件用于显示错误提示
- 设置日期范围选择器为不可清除状态
- 增加 API 响应错误处理逻辑,当查询失败时显示错误消息
apps/web-payment/src/views/report/thirdPayRecord/index.vue
... ... @@ -3,6 +3,7 @@ import type { VbenFormProps } from '#/adapter/form';
3 3 import type { VxeGridProps } from '#/adapter/vxe-table';
4 4  
5 5 import dayjs from 'dayjs';
  6 +import { ElMessage } from 'element-plus';
6 7  
7 8 import { useVbenVxeGrid } from '#/adapter/vxe-table';
8 9 import { getPayRecordList } from '#/api/report';
... ... @@ -120,7 +121,7 @@ const formOptions: VbenFormProps = {
120 121 label: '创建时间',
121 122 componentProps: {
122 123 type: 'daterange',
123   - // clearable: false,
  124 + clearable: false,
124 125 },
125 126 defaultValue: [
126 127 dayjs().format('YYYY-MM-DD'),
... ... @@ -197,6 +198,10 @@ const gridOptions: VxeGridProps = {
197 198 : '',
198 199 ...formValues,
199 200 });
  201 + if (Number(res.code) !== 200) {
  202 + ElMessage.error(res.message || '查询失败');
  203 + return;
  204 + }
200 205 return {
201 206 items: res.data,
202 207 total: res.total,
... ...