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

- 将水票模板表单的标题从"编辑水票"改为"规则设置" - 统一表单数据绑定方式，移除computed计算属性直接使用form绑定 - 调整includeBuyQty字段类型从string改为boolean并更新相关逻辑 - 添加normalizeBoolean函数处理布尔值转换 - 更新商品列表API调用参数从pageSize改为limit - 优化水票模板表格列配置，调整列标题和对齐方式 - 隐藏部分不必要的表格列如备注、排序、状态等 - 移除水票编辑表单中的多余字段如用户ID、状态等 - 重构搜索组件，使用关键词搜索替换按钮添加功能 - 在表格中新增用户信息展示列，包含头像、昵称、ID和手机号 - 调整水票记录和释放记录的表格列布局和标题 - 移除表格中的操作列和修改时间列 - 修复布尔值在表单提交时的类型转换问题 - 添加表单验证前的数据类型标准化处理
2026-02-04 02:45:24 +08:00
parent a95fa6d95d
commit 1d8da2c5be
11 changed files with 330 additions and 409 deletions
--- a/src/api/glt/gltTicketTemplate/model/index.ts
+++ b/src/api/glt/gltTicketTemplate/model/index.ts
@@ -21,7 +21,7 @@ export interface GltTicketTemplate {
  // 买赠：买1送4 => gift_multiplier=4
  giftMultiplier?: number;
  // 是否把购买量也计入套票总量（默认仅计入赠送量）
-  includeBuyQty?: string;
+  includeBuyQty?: boolean;
  // 每期释放数量（默认每月释放10）
  monthlyReleaseQty?: number;
  // 总共释放多少期（若配置>0，则按期数平均分摊）
--- a/src/api/glt/gltUserTicketRelease/model/index.ts
+++ b/src/api/glt/gltUserTicketRelease/model/index.ts
@@ -33,5 +33,6 @@ export interface GltUserTicketRelease {
 */
 export interface GltUserTicketReleaseParam extends PageParam {
  id?: number;
+  userId?: number;
  keywords?: string;
 }
--- a/src/views/glt/gltTicketTemplate/components/gltTicketTemplateEdit.vue
+++ b/src/views/glt/gltTicketTemplate/components/gltTicketTemplateEdit.vue
@@ -6,7 +6,7 @@
    :maskClosable="false"
    :maxable="maxable"
    :confirm-loading="loading"
-    :title="isUpdate ? '编辑水票' : '添加水票'"
+    :title="isUpdate ? '规则设置' : '添加水票'"
    :body-style="{ paddingBottom: '28px' }"
    @update:visible="updateVisible"
    @ok="save"
@@ -72,7 +72,7 @@
        <a-col :span="12">
          <a-form-item label="启用" name="enabled">
            <a-switch
-              v-model:checked="enabledChecked"
+              v-model:checked="form.enabled"
              checked-children="启用"
              un-checked-children="停用"
            />
@@ -147,7 +147,7 @@
        <a-col :span="12">
          <a-form-item label="计入购买量" name="includeBuyQty">
            <a-switch
-              v-model:checked="includeBuyQtyChecked"
+              v-model:checked="form.includeBuyQty"
              checked-children="是"
              un-checked-children="否"
            />
@@ -216,7 +216,7 @@
 </template>

 <script lang="ts" setup>
-  import { computed, ref, reactive, watch } from 'vue';
+  import { ref, reactive, watch } from 'vue';
  import { Form, message } from 'ant-design-vue';
  import { assignObject } from 'ele-admin-pro';
  import {
@@ -259,12 +259,12 @@
 	    id: undefined,
 	    goodsId: undefined,
 	    name: '',
-    enabled: undefined,
+	    enabled: true,
 	    unitName: '',
 	    minBuyQty: 1,
 	    startSendQty: 0,
 	    giftMultiplier: 0,
-    includeBuyQty: '0',
+	    includeBuyQty: false,
 	    monthlyReleaseQty: 10,
 	    releasePeriods: 0,
 	    firstReleaseMode: 0,
@@ -300,30 +300,16 @@
    ]
  });

-  const enabledChecked = computed<boolean>({
-    get() {
-      return form.enabled === '1' || form.enabled === 1 || form.enabled === true;
-    },
-    set(v) {
-      form.enabled = v ? '1' : '0';
-    }
-  });
-
-  const includeBuyQtyChecked = computed<boolean>({
-    get() {
-      return (
-        form.includeBuyQty === '1' ||
-        form.includeBuyQty === 1 ||
-        form.includeBuyQty === true
-      );
-    },
-    set(v) {
-      form.includeBuyQty = v ? '1' : '0';
-    }
-  });
-
 	  const { resetFields } = useForm(form, rules);

+	  const normalizeBoolean = (v: any, fallback = false): boolean => {
+	    if (v === true || v === false) return v;
+	    // Spring/Jackson Boolean only accepts true/false; never send "1"/"0".
+	    if (v === 1 || v === '1' || v === 'true') return true;
+	    if (v === 0 || v === '0' || v === 'false') return false;
+	    return fallback;
+	  };
+
 	  const normalizeNumber = (v: any): number | undefined => {
 	    if (v === undefined || v === null || v === '') return undefined;
 	    const n = Number(v);
@@ -332,6 +318,8 @@

 	  const normalizeFormTypes = () => {
 	    form.goodsId = normalizeNumber(form.goodsId);
+	    form.enabled = normalizeBoolean(form.enabled, true);
+	    form.includeBuyQty = normalizeBoolean(form.includeBuyQty, false);
 	    form.minBuyQty = normalizeNumber(form.minBuyQty) ?? 1;
 	    form.startSendQty = normalizeNumber(form.startSendQty) ?? 0;
 	    form.giftMultiplier = normalizeNumber(form.giftMultiplier) ?? 0;
@@ -366,7 +354,7 @@
    if (goodsLoading.value) return;
    goodsLoading.value = true;
    try {
-      const res = await listShopGoods({ pageSize: 50 });
+      const res = await listShopGoods({ limit: 50 });
      goodsList.value = res || [];
    } catch {
      goodsList.value = [];
@@ -382,7 +370,7 @@

    goodsLoading.value = true;
    try {
-      const res = await listShopGoods({ keywords, pageSize: 50 });
+      const res = await listShopGoods({ keywords, limit: 50 });
      goodsList.value = res || [];
    } catch {
      goodsList.value = [];
@@ -414,6 +402,7 @@
    formRef.value
      .validate()
      .then(() => {
+        normalizeFormTypes();
        loading.value = true;
        const formData: GltTicketTemplate = { ...form };
        const saveOrUpdate = isUpdate.value
--- a/src/views/glt/gltTicketTemplate/index.vue
+++ b/src/views/glt/gltTicketTemplate/index.vue
@@ -105,34 +105,34 @@
      key: 'goodsId'
    },
    {
-      title: '名称',
+      title: '模板',
      dataIndex: 'name',
-      key: 'name'
-    },
-    {
-      title: '启用',
-      dataIndex: 'enabled',
-      key: 'enabled'
+      key: 'name',
+      align: 'center'
    },
    {
      title: '单位名称',
      dataIndex: 'unitName',
-      key: 'unitName'
+      key: 'unitName',
+      align: 'center'
    },
    {
      title: '最小购买数',
      dataIndex: 'minBuyQty',
-      key: 'minBuyQty'
+      key: 'minBuyQty',
+      align: 'center'
    },
    {
      title: '起始发送数',
      dataIndex: 'startSendQty',
-      key: 'startSendQty'
+      key: 'startSendQty',
+      align: 'center'
    },
    {
      title: '买赠',
      dataIndex: 'giftMultiplier',
-      key: 'giftMultiplier'
+      key: 'giftMultiplier',
+      align: 'center'
    },
    // {
    //   title: '是否把购买量也计入套票总量',
@@ -143,30 +143,36 @@
    {
      title: '每期释放量',
      dataIndex: 'monthlyReleaseQty',
-      key: 'monthlyReleaseQty'
+      key: 'monthlyReleaseQty',
+      align: 'center'
    },
    {
      title: '总释期数',
      dataIndex: 'releasePeriods',
-      key: 'releasePeriods'
+      key: 'releasePeriods',
+      align: 'center'
    },
+    // {
+    //   title: '首期释放',
+    //   dataIndex: 'firstReleaseMode',
+    //   key: 'firstReleaseMode',
+    //   align: 'center'
+    // },
    {
-      title: '首期释放',
-      dataIndex: 'firstReleaseMode',
-      key: 'firstReleaseMode'
-    },
-    {
-      title: '排序',
-      dataIndex: 'sortNumber',
-      key: 'sortNumber'
-    },
-    {
-      title: '备注',
-      dataIndex: 'comments',
-      key: 'comments',
-      ellipsis: true
+      title: '状态',
+      dataIndex: 'enabled',
+      key: 'enabled',
+      width: 100,
+      align: 'center',
+      customRender: ({ text }) => (text === 1 ? '禁用' : '启用')
    },
    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   ellipsis: true
+    // },
+    // {
    //   title: '创建时间',
    //   dataIndex: 'createTime',
    //   key: 'createTime',
--- a/src/views/glt/gltUserTicket/components/gltUserTicketEdit.vue
+++ b/src/views/glt/gltUserTicket/components/gltUserTicketEdit.vue
@@ -89,22 +89,6 @@
          v-model:value="form.releasedQty"
        />
      </a-form-item>
-      <a-form-item label="用户ID" name="userId">
-        <a-input
-          allow-clear
-          placeholder="请输入用户ID"
-          v-model:value="form.userId"
-        />
-      </a-form-item>
-      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
-        <a-input-number
-          :min="0"
-          :max="9999"
-          class="ele-fluid"
-          placeholder="请输入排序号"
-          v-model:value="form.sortNumber"
-        />
-      </a-form-item>
      <a-form-item label="备注" name="comments">
        <a-textarea
          :rows="4"
@@ -113,26 +97,12 @@
          v-model:value="form.comments"
        />
      </a-form-item>
-      <a-form-item label="状态, 0正常, 1冻结" name="status">
-        <a-radio-group v-model:value="form.status">
-          <a-radio :value="0">显示</a-radio>
-          <a-radio :value="1">隐藏</a-radio>
-        </a-radio-group>
-      </a-form-item>
-      <a-form-item label="是否删除, 0否, 1是" name="deleted">
-        <a-input
-          allow-clear
-          placeholder="请输入是否删除, 0否, 1是"
-          v-model:value="form.deleted"
-        />
-      </a-form-item>
-      <a-form-item label="修改时间" name="updateTime">
-        <a-input
-          allow-clear
-          placeholder="请输入修改时间"
-          v-model:value="form.updateTime"
-        />
-      </a-form-item>
+<!--      <a-form-item label="状态" name="status">-->
+<!--        <a-radio-group v-model:value="form.status">-->
+<!--          <a-radio :value="0">显示</a-radio>-->
+<!--          <a-radio :value="1">隐藏</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
    </a-form>
  </ele-modal>
 </template>
--- a/src/views/glt/gltUserTicket/components/search.vue
+++ b/src/views/glt/gltUserTicket/components/search.vue
@@ -1,19 +1,20 @@
 <!-- 搜索表单 -->
 <template>
  <a-space :size="10" style="flex-wrap: wrap">
-    <a-button type="primary" class="ele-btn-icon" disabled @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 {GltUserTicketParam} from "@/api/glt/gltUserTicket/model";

  const props = withDefaults(
    defineProps<{
@@ -24,17 +25,24 @@
  );

  const emit = defineEmits<{
-    (e: 'search', where?: GradeParam): void;
+    (e: 'search', where?: GltUserTicketParam): void;
    (e: 'add'): void;
    (e: 'remove'): void;
    (e: 'batchMove'): void;
  }>();

-  // 新增
-  const add = () => {
-    emit('add');
+  // 表单数据
+  const { where } = useSearch<GltUserTicketParam>({
+    keywords: '',
+    userId: undefined
+  });
+
+
+  const reload = () => {
+    emit('search', where);
  };

+
  watch(
    () => props.selection,
    () => {}
--- a/src/views/glt/gltUserTicket/index.vue
+++ b/src/views/glt/gltUserTicket/index.vue
@@ -6,7 +6,6 @@
          row-key="id"
          :columns="columns"
          :datasource="datasource"
-          :customRow="customRow"
          tool-class="ele-toolbar-form"
          class="sys-org-table"
        >
@@ -20,6 +19,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>
@@ -49,7 +60,7 @@
 </template>

 <script lang="ts" setup>
-  import { createVNode, ref, computed } from 'vue';
+  import { createVNode, ref } from 'vue';
  import { message, Modal } from 'ant-design-vue';
  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
  import type { EleProTable } from 'ele-admin-pro';
@@ -100,101 +111,77 @@
  // 完整的列配置（包含所有字段）
  const columns = ref<ColumnItem[]>([
    {
-      title: '',
+      title: '票号',
      dataIndex: 'id',
      key: 'id',
-      width: 90,
+      width: 90
    },
    {
-      title: '模板ID',
-      dataIndex: 'templateId',
-      key: 'templateId',
-      width: 120
+      title: '用户信息',
+      dataIndex: 'nickname',
+      key: 'nickname',
+      width: 280
    },
    {
-      title: '商品ID',
-      dataIndex: 'goodsId',
-      key: 'goodsId',
-      width: 120
+      title: '名称',
+      dataIndex: 'templateName',
+      key: 'templateName',
+      align: 'center'
    },
    {
-      title: '订单ID',
-      dataIndex: 'orderId',
-      key: 'orderId',
-      width: 120
+      title: '金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      align: 'center',
+      customRender: ({ text }) => `￥${text.toFixed(2)}`
    },
+    // {
+    //   title: '商品ID',
+    //   dataIndex: 'goodsId',
+    //   key: 'goodsId',
+    //   align: 'center'
+    // },
    {
-      title: '订单编号',
-      dataIndex: 'orderNo',
-      key: 'orderNo',
-      ellipsis: true
-    },
-    {
-      title: '订单商品ID',
-      dataIndex: 'orderGoodsId',
-      key: 'orderGoodsId',
-      width: 120
-    },
-    {
-      title: '总数量',
+      title: '赠送数量(桶)',
      dataIndex: 'totalQty',
      key: 'totalQty',
-      width: 120
+      align: 'center'
    },
    {
-      title: '可用数量',
+      title: '可用(桶)',
      dataIndex: 'availableQty',
      key: 'availableQty',
-      width: 120
+      align: 'center'
    },
    {
-      title: '冻结数量',
+      title: '冻结(桶)',
      dataIndex: 'frozenQty',
      key: 'frozenQty',
-      width: 120
+      align: 'center'
    },
    {
-      title: '已使用数量',
+      title: '已使用(桶)',
      dataIndex: 'usedQty',
      key: 'usedQty',
-      width: 120
+      align: 'center'
    },
    {
-      title: '已释放数量',
+      title: '已释放(桶)',
      dataIndex: 'releasedQty',
      key: 'releasedQty',
-      width: 120
-    },
-    {
-      title: '用户ID',
-      dataIndex: 'userId',
-      key: 'userId',
-      width: 120
-    },
-    {
-      title: '排序(数字越小越靠前)',
-      dataIndex: 'sortNumber',
-      key: 'sortNumber',
-      width: 120
-    },
-    {
-      title: '备注',
-      dataIndex: 'comments',
-      key: 'comments',
-      ellipsis: true
-    },
-    {
-      title: '状态, 0正常, 1冻结',
-      dataIndex: 'status',
-      key: 'status',
-      width: 120
-    },
-    {
-      title: '是否删除, 0否, 1是',
-      dataIndex: 'deleted',
-      key: 'deleted',
-      width: 120
+      align: 'center'
    },
+    // {
+    //   title: '排序',
+    //   dataIndex: 'sortNumber',
+    //   key: 'sortNumber',
+    // },
+    // {
+    //   title: '状态',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   align: 'center'
+    // },
    {
      title: '创建时间',
      dataIndex: 'createTime',
@@ -205,24 +192,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
+    // }
  ]);

  /* 搜索 */
@@ -290,18 +267,18 @@
  };

  /* 自定义行属性 */
-  const customRow = (record: GltUserTicket) => {
-    return {
-      // 行点击事件
-      onClick: () => {
-        // console.log(record);
-      },
-      // 行双击事件
-      onDblclick: () => {
-        openEdit(record);
-      }
-    };
-  };
+  // const customRow = (record: GltUserTicket) => {
+  //   return {
+  //     // 行点击事件
+  //     onClick: () => {
+  //       // console.log(record);
+  //     },
+  //     // 行双击事件
+  //     onDblclick: () => {
+  //       openEdit(record);
+  //     }
+  //   };
+  // };
  query();
 </script>

--- a/src/views/glt/gltUserTicketLog/components/search.vue
+++ b/src/views/glt/gltUserTicketLog/components/search.vue
@@ -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 {GltUserTicketLogParam} from "@/api/glt/gltUserTicketLog/model";

  const props = withDefaults(
    defineProps<{
@@ -24,15 +25,20 @@
  );

  const emit = defineEmits<{
-    (e: 'search', where?: GradeParam): void;
+    (e: 'search', where?: GltUserTicketLogParam): void;
    (e: 'add'): void;
    (e: 'remove'): void;
    (e: 'batchMove'): void;
  }>();

-  // 新增
-  const add = () => {
-    emit('add');
+  // 表单数据
+  const { where } = useSearch<GltUserTicketLogParam>({
+    keywords: '',
+    userId: undefined
+  });
+
+  const reload = () => {
+    emit('search', where);
  };

  watch(
--- a/src/views/glt/gltUserTicketLog/index.vue
+++ b/src/views/glt/gltUserTicketLog/index.vue
@@ -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>
@@ -49,7 +61,7 @@
 </template>

 <script lang="ts" setup>
-  import { createVNode, ref, computed } from 'vue';
+  import { createVNode, ref } from 'vue';
  import { message, Modal } from 'ant-design-vue';
  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
  import type { EleProTable } from 'ele-admin-pro';
@@ -100,103 +112,67 @@
  // 完整的列配置（包含所有字段）
  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: '名称',
+      dataIndex: 'templateName',
+      key: 'templateName',
+      align: 'center'
    },
    {
      title: '变更类型',
      dataIndex: 'changeType',
      key: 'changeType',
-      width: 120
+      align: 'center'
    },
+    // {
+    //   title: '可更改',
+    //   dataIndex: 'changeAvailable',
+    //   key: 'changeAvailable',
+    //   width: 120
+    // },
+    // {
+    //   title: '更改冻结状态',
+    //   dataIndex: 'changeFrozen',
+    //   key: 'changeFrozen',
+    //   width: 120
+    // },
+    // {
+    //   title: '已使用更改',
+    //   dataIndex: 'changeUsed',
+    //   key: 'changeUsed',
+    //   width: 120
+    // },
+    // {
+    //   title: '可用后',
+    //   dataIndex: 'availableAfter',
+    //   key: 'availableAfter',
+    //   width: 120
+    // },
+    // {
+    //   title: '冻结后',
+    //   dataIndex: 'frozenAfter',
+    //   key: 'frozenAfter',
+    //   width: 120
+    // },
+    // {
+    //   title: '使用后',
+    //   dataIndex: 'usedAfter',
+    //   key: 'usedAfter',
+    //   width: 120
+    // },
    {
-      title: '可更改',
-      dataIndex: 'changeAvailable',
-      key: 'changeAvailable',
-      width: 120
-    },
-    {
-      title: '更改冻结状态',
-      dataIndex: 'changeFrozen',
-      key: 'changeFrozen',
-      width: 120
-    },
-    {
-      title: '已使用更改',
-      dataIndex: 'changeUsed',
-      key: 'changeUsed',
-      width: 120
-    },
-    {
-      title: '可用后',
-      dataIndex: 'availableAfter',
-      key: 'availableAfter',
-      width: 120
-    },
-    {
-      title: '冻结后',
-      dataIndex: 'frozenAfter',
-      key: 'frozenAfter',
-      width: 120
-    },
-    {
-      title: '使用后',
-      dataIndex: 'usedAfter',
-      key: 'usedAfter',
-      width: 120
-    },
-    {
-      title: '订单ID',
-      dataIndex: 'orderId',
-      key: 'orderId',
-      width: 120
-    },
-    {
-      title: '订单编号',
-      dataIndex: 'orderNo',
-      key: 'orderNo',
-      ellipsis: true
-    },
-    {
-      title: '用户ID',
-      dataIndex: 'userId',
-      key: 'userId',
-      width: 120
-    },
-    {
-      title: '排序(数字越小越靠前)',
-      dataIndex: 'sortNumber',
-      key: 'sortNumber',
-      width: 120
-    },
-    {
-      title: '备注',
-      dataIndex: 'comments',
-      key: 'comments',
-      ellipsis: true
-    },
-    {
-      title: '状态, 0正常, 1冻结',
-      dataIndex: 'status',
-      key: 'status',
-      width: 120
-    },
-    {
-      title: '是否删除, 0否, 1是',
-      dataIndex: 'deleted',
-      key: 'deleted',
-      width: 120
-    },
-    {
-      title: '创建时间',
+      title: '核销时间',
      dataIndex: 'createTime',
      key: 'createTime',
      width: 200,
@@ -205,24 +181,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
+    // }
  ]);

  /* 搜索 */
--- a/src/views/glt/gltUserTicketRelease/components/search.vue
+++ b/src/views/glt/gltUserTicketRelease/components/search.vue
@@ -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(
--- a/src/views/glt/gltUserTicketRelease/index.vue
+++ b/src/views/glt/gltUserTicketRelease/index.vue
@@ -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
+    // }
  ]);

  /* 搜索 */