筛选与排序
Filter & Sort
交互模式也叫：过滤、筛选排序、Filter、Sort
一句话：筛选是按条件缩小数据范围，排序是调整数据的先后顺序，两者常一起出现在列表和表格上方。
详细解释
筛选回答「我只想看哪些」：比如只看「进行中」的订单、价格 100~500 元的商品；排序回答「按什么顺序看」：按时间最新、按价格从低到高。两者可以同时生效，改变的是显示哪些数据、怎么排，不改变数据本身。
常见界面形式：列表上方的筛选栏（下拉框、标签、日期范围）、点击表头排序（显示上下箭头）、电商左侧的多级筛选面板、手机端从底部弹出的筛选抽屉。
要跟 AI 说清楚：数据少可以前端直接筛选，数据多要把条件传给接口由后端处理；筛选条件最好同步到网址参数里，刷新或分享链接时不丢；要有「重置」按钮，结果为空时显示空状态。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
订单列表上方加筛选栏：状态下拉（全部 / 待付款 / 已完成）、下单日期范围、关键词搜索，右侧放「重置」按钮；表格的金额和时间列支持点击表头升序 / 降序；筛选和排序条件同步到网址参数，由后端接口处理。