feat(glt): 水票功能模块重构优化

- 将水票模板表单的标题从"编辑水票"改为"规则设置"
- 统一表单数据绑定方式,移除computed计算属性直接使用form绑定
- 调整includeBuyQty字段类型从string改为boolean并更新相关逻辑
- 添加normalizeBoolean函数处理布尔值转换
- 更新商品列表API调用参数从pageSize改为limit
- 优化水票模板表格列配置,调整列标题和对齐方式
- 隐藏部分不必要的表格列如备注、排序、状态等
- 移除水票编辑表单中的多余字段如用户ID、状态等
- 重构搜索组件,使用关键词搜索替换按钮添加功能
- 在表格中新增用户信息展示列,包含头像、昵称、ID和手机号
- 调整水票记录和释放记录的表格列布局和标题
- 移除表格中的操作列和修改时间列
- 修复布尔值在表单提交时的类型转换问题
- 添加表单验证前的数据类型标准化处理
This commit is contained in:
2026-02-04 02:45:24 +08:00
parent a95fa6d95d
commit 1d8da2c5be
11 changed files with 330 additions and 409 deletions

View File

@@ -1,19 +1,20 @@
<!-- 搜索表单 -->
<template>
<a-space :size="10" style="flex-wrap: wrap">
<a-button type="primary" class="ele-btn-icon" @click="add">
<template #icon>
<PlusOutlined />
</template>
<span>添加</span>
</a-button>
<a-input-search
allow-clear
placeholder="用户ID|订单编号"
style="width: 240px"
v-model:value="where.keywords"
@search="reload"
/>
</a-space>
</template>
<script lang="ts" setup>
import { PlusOutlined } from '@ant-design/icons-vue';
import type { GradeParam } from '@/api/user/grade/model';
import { watch } from 'vue';
import useSearch from "@/utils/use-search";
import {GltUserTicketReleaseParam} from "@/api/glt/gltUserTicketRelease/model";
const props = withDefaults(
defineProps<{
@@ -24,15 +25,21 @@
);
const emit = defineEmits<{
(e: 'search', where?: GradeParam): void;
(e: 'search', where?: GltUserTicketReleaseParam): void;
(e: 'add'): void;
(e: 'remove'): void;
(e: 'batchMove'): void;
}>();
// 新增
const add = () => {
emit('add');
// 表单数据
const { where } = useSearch<GltUserTicketReleaseParam>({
keywords: '',
userId: undefined
});
const reload = () => {
emit('search', where);
};
watch(

View File

@@ -20,6 +20,18 @@
/>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'nickname'">
<a-space>
<a-avatar :src="record.avatar" />
<div class="flex flex-col">
<div>
<span>{{ record.nickname }}</span>
<span class="text-gray-400">ID{{ record.userId }}</span>
</div>
<div><span class="text-gray-400">{{ record.phone }}</span></div>
</div>
</a-space>
</template>
<template v-if="column.key === 'image'">
<a-image :src="record.image" :width="50" />
</template>
@@ -100,31 +112,26 @@
// 完整的列配置(包含所有字段)
const columns = ref<ColumnItem[]>([
{
title: '',
dataIndex: 'id',
key: 'id',
width: 90,
},
{
title: '水票ID',
title: '票号',
dataIndex: 'userTicketId',
key: 'userTicketId',
width: 120
width: 90
},
{
title: '用户信息',
dataIndex: 'nickname',
key: 'nickname',
width: 280
},
{
title: '用户ID',
dataIndex: 'userId',
key: 'userId',
width: 120
},
{
title: '周期编号',
title: '周期',
dataIndex: 'periodNo',
key: 'periodNo',
width: 120
},
{
title: '释放数量',
title: '释放数量(桶)',
dataIndex: 'releaseQty',
key: 'releaseQty',
width: 120
@@ -135,20 +142,14 @@
key: 'releaseTime',
width: 120
},
// {
// title: '状态',
// dataIndex: 'status',
// key: 'status',
// width: 120
// },
{
title: '状态',
dataIndex: 'status',
key: 'status',
width: 120
},
{
title: '是否删除, 0否, 1是',
dataIndex: 'deleted',
key: 'deleted',
width: 120
},
{
title: '创建时间',
title: '释放时间',
dataIndex: 'createTime',
key: 'createTime',
width: 200,
@@ -157,24 +158,14 @@
ellipsis: true,
customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
},
{
title: '修改时间',
dataIndex: 'updateTime',
key: 'updateTime',
width: 200,
align: 'center',
sorter: true,
ellipsis: true,
customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
},
{
title: '操作',
key: 'action',
width: 180,
fixed: 'right',
align: 'center',
hideInSetting: true
}
// {
// title: '操作',
// key: 'action',
// width: 180,
// fixed: 'right',
// align: 'center',
// hideInSetting: true
// }
]);
/* 搜索 */