搜索功能能实现
搜索功能已经完整添加了（由 linter/用户修改后）：
- 搜索输入框 + 回车搜索 + 搜索按钮
- searchKeyword 状态
- onSearch 函数（重置页码并搜索）
- loadData 已传递 name 参数
现在 /competition/health-rules 页面应该有搜索功能了。
实现逻辑：
- showPassword 默认 false，密码默认隐藏
- 点击眼睛图标切换 showPassword 值
- NInput 的 :type 根据 showPassword 动态切换 'password' / 'text'
- 眼睛图标有半透明效果表示当前是隐藏状态
http://localhost:3002/competition
<td colspan="1" rowspan="1" data-col-key="createTime" class="n-data-table-td
n-data-table-td--last-row"><!---->2026/7/3</td>
这时间显示有问题，更新时间现在会显示为两行：
2026-07-03
08:56:13
格式化日期为 YYYY-MM-DD HH:mm:ss
http://localhost:3002/form
时间格式修复一下：日期显示为完整的 YYYY-MM-DD HH:mm:ss 格式，例如：2026-07-03 08:56:13，在一行内显示
页面没有处理编辑模式 - 它没有获取 URL 中的 id 参数并加载数据。需要修改这个页面
NDatePicker 组件已有中文 placeholder（"报名开始时间"、"报名结束时间"）。问题可能是 naive-ui 的默认英文
placeholder。你需要配置 naive-ui 的中文语言包。
隐藏原生自增 ID 字段，不再对外暴露；新增前端页面展示专用执行序列号字段，序列号规则为纯数字、自增升序，替代原 ID用于页面渲染、列表展示。
隐藏接口返回的原生自增主键 ID，页面全程不展示、不对外暴露该字段； 序列号不在后端生成，完全由前端页面自主生成，命名为执行序列号； 序列号规则：纯数字、按列表数据顺序自动升序排列，从 1 开始递增； 页面表格、弹窗、导出、详情展示全部使用前端生成的升序执行序列号，完全替代原生 ID 作为对外展示序号。
明白需求：
1. 隐藏原生自增ID - 页面不展示
2. 前端生成执行序列号 - 纯数字、自增升序、从1开始，替代原生ID用于展示
3.页面展示的是前端生成的序号（1, 2, 3...），按分页自增
- 原生 id 仍用于内部操作（查看、编辑、删除），但不展示在前端
1. 列定义：将 ID 列改为 序号 列，使用 seq 字段渲染
2. 数据映射：根据分页计算起始序号 startSeq = (page - 1) * pageSize + 1，每条记录添加自增 seq
效果：
- 页面展示的是前端生成的序号（1, 2, 3...），按分页自增
- 原生 id 仍用于内部操作（查看、编辑、删除），但不展示在前端
在执行查询操作后，请增加一个数据一致性校验步骤：对比后端返回的结果与前端当前发送的数据。如果检测到两者存在任何差异，请忽略前端原有数据，直接以后端返回的数据为准，同步更新前端页面的展示内容，确保数据源的唯一真实性。
claude --dangerously-skip-permissions
我们需要一个标准的后台管理界面框架。
- 顶部通栏：导航条横向贯穿整个屏幕顶端，作为一级入口。
- 下部结构：导航条下方的区域分为左右两列。左侧是侧边菜单，它的高度需要顶天立地——上接导航栏底部，下抵屏幕底端，不要留白。
父级菜单标题左对齐，子级菜单项保持右对齐,修改这部分代码
移除顶部导航栏用户信息的下拉箭头图标
当前的结构是否正确——应该左右并排，左边步骤条、右边内容展示区
没有根据id参数加载数据的逻辑
把固定事件和自定义事件合并成一个列表展示，不再区分