feat(CuteTransfer): 添加搜索功能和选择统计显示

- 添加搜索输入框,支持关键字搜索功能
- 实现左侧表格搜索过滤逻辑
- 添加左右两侧表格的选择数量统计显示
- 为表格组件添加禁用属性支持
- 更新演示页面数据源,增加更多测试数据
- 添加相关的样式定义以美化统计显示区域
This commit is contained in:
2026-01-31 08:59:05 +08:00
parent ffc6c88f75
commit 63c3d95049
2 changed files with 67 additions and 6 deletions
@@ -90,10 +90,23 @@ export default {
searchFormModel: {},
leftDataSource: [
{ id: 1, name: '小明', description: '小明牛P' },
{ id: 2, name: '小明', description: '小明牛P' },
{ id: 3, name: '小明', description: '小明牛P' },
{ id: 4, name: '小明', description: '小明牛P' },
{ id: 5, name: '小明', description: '小明牛P' }
{ id: 2, name: '小红', description: '小红牛P' },
{ id: 3, name: '小蓝', description: '小蓝牛P' },
{ id: 4, name: '小绿', description: '小绿牛P' },
{ id: 5, name: '小黄', description: '小黄牛P' },
{ id: 6, name: '小紫', description: '小紫牛P' },
{ id: 7, name: '小青', description: '小青牛P' },
{ id: 8, name: '小橙', description: '小橙牛P' },
{ id: 9, name: '小贵', description: '小贵牛P' },
{ id: 10, name: '小陈', description: '小陈牛P' },
{ id: 11, name: '小勇', description: '小勇牛P' },
{ id: 12, name: '小田', description: '小田牛P' },
{ id: 13, name: '小天', description: '小天牛P' },
{ id: 14, name: '小邓', description: '小邓牛P' },
{ id: 15, name: '小周', description: '小周牛P' },
{ id: 16, name: '小吴', description: '小吴牛P' },
{ id: 17, name: '小郑', description: '小郑牛P' },
{ id: 18, name: '小王', description: '小王牛P' }
]
}
},