将灰色背景添加到剩余过滤字段并调整到下
- 将过滤行对齐从中线改为弹性端线(下行对齐) - 在所有剩余过滤字段容器中添加灰色背景(#f8fafc) - 添加边框半径并粘贴以匹配日期过滤器样式 - 定期过滤字段与底部对齐,匹配底日期字段的高度 - 日期字段保持高高并有堆叠布局 - 所有过滤字段现在都有一致的灰色背景处理
垂直地以孤立的灰色背景堆放日期过滤字段
- 将日期过滤字段从水平布局改为垂直布局(弹性方向:列) - 只添加灰色背景( #f8fafc) 到日期过滤框, 而不是整个过滤行 - 为日期过滤字段设定220px的明显宽度 - 从主过滤行容器中删除灰色背景 - 在日期上添加边框半径过滤框,以便更好地进行视觉分离
将快速搜索移动到状态标签行, 对齐右侧
- 快速搜索现在与状态标签在同一行上,与右边对齐 - 通过删除重复的搜索栏部分来简化布局 - 状态标签和快速搜索在有间隙的弹性容器中
改进用户界面布局并增加模拟数据
- 缩短日期过滤字段的文本(fontSize:输入0.75rem,标签0.7rem) - 将快速搜索移动到与状态标签相同的行上,与右边对齐 - 模拟线索从50个增加到250个 - 从网格中删除动作列 - 清除重复搜索栏块来清理布局
添加创建和指定列的日期范围过滤组件
- 为创建和指定日期范围过滤器添加状态变量(启动/结束日期) - 创建带有起始日期和结束日期字段的日期范围过滤组件 - 为已创建和指定列自定义过滤行添加日期范围过滤组件 - 更新过滤过的RowData逻辑以按日期范围过滤 - 空日期字段无限制(所有日期) - 更新重置Filters功能以清除日期范围过滤器 - 日期过滤...
制作可点击的联系人名链接并添加双击以打开铅
- 更新联系人渲染器, 以下划线可点击链接显示先名和后名 - 在 Click 处理器上添加通过 ViewLead 或导航打开线索的联系人名 - 在RowDoubleClicked处理器上添加AgGridReact,以便在行被双击时打开铅 - 联系人名称现在具有主要颜色、下划线和悬浮效应 - 双击在一行的任何地方打开领先...
添加图标到子状态下拉过滤并更新已发送的合同
- 将“ 合同签名” 更新为“ 合同发送” 以匹配 Java 语句 - 更改发件合同的图标以发送图标 - 将图标添加到子状态下降过滤菜单项 - 从材料UI导入发送图标 - 在下拉过滤器中每个子状态选项旁边显示图标
为每个子状态添加具有父状态颜色的独特图标
- 为每个子状态添加独有的相关图标(如PersonAdd for New Lead,Message for Left Message) - 图标保持父色(新鲜为绿色,重新核算为蓝色,农场为橙色,Grim为红色,Void为灰色) - 为子状态导入额外的材料UI图标 - 更新 SubStatusIcon 以将每个子状态映射...
减少粘贴行中的粘贴
- 将被钉住的行铅标识单元格从45px减少到12px - 在 Idrender Box sx道具中修复缺失的逗号 - 将铅标识值在被绑行中向左移动更多
在匹配父状态颜色的子状态列中添加图标
- 添加 SubStatusIcon 帮助器函数,以根据父身份决定图标 - 子状态图标使用与其父状态相同的图标和颜色 - 新鲜子状态:绿色新释放图标 - 正在计数子状态:蓝色 Gavel 图标 - 农场亚地位:橙色农业图标 - Grim 子状态:红色乌鸦图标 - Void 子状态: 灰色取消图标
将过滤栏移到网格标题上方, 而不是在标题和数据之间移动
- 将过滤栏移出AG Grid容器,置于网格上方 - 取消引起重叠问题的绝对定位 - 过滤栏现在作为单独的一行出现在字段头上方 - 取消不再需要的贴纸Top - 这能确保信头总是可见 过滤栏不会重叠
将紧急徽章移动到领导 ID 列并删除联系人的电子邮件
- 将紧急徽章从联系栏移到领导标识栏 - 铅ID中账户图标左侧的位置徽章 - 删除“ 紧急” 标签文本, 只保留图标徽章 - 从联系栏中删除电子邮件地址 - 联系栏现在只显示名称
在网格容器中添加粘贴来防止过滤栏重叠数据行
- 在网格容器中添加粘贴Top:48px - 这把数据行推倒,同时保持标题 - 过滤栏位于顶部:48px(下页头) - 数据行从96px开始(48px头+48px过滤栏)
在双向同步中防止无限回转循环
- 添加 refs来跟踪更新源(tab vs 过滤器下放) - 当更新来自其他来源时跳过 - 防止导致反应错误的循环更新 # 185 - 在状态更新完成后, 使用设置时间表来重设旗帜
在状态标签和过滤器下拉之间添加双向同步
- 当状态标签更改 QQ 更新过滤器下拉( 已经存在) - 当过滤器下拉时 QQ 更新活动状态标签( 新) - 仅根据新使用效果的状态FilterValue来防止循环更新 - 如果过滤器被清除, 如果当前状态标签上已切换到“ 所有铅” 标签
手动应用过滤器过滤RowData, 而不是使用 AG Grid 过滤器
- 将所有过滤逻辑移入过滤过的RowData 使用Memo - 在将数据传送到AG Grid之前手动应用过滤器 - 取消AG Gridset Filter Model的电话,因为我们直接过滤数据 - 随着下放值的变化,过滤器立即工作 - 这让我们完全控制了过滤逻辑
添加控制台日志并刷新Cells以确保过滤器应用
- 添加控制台.log以调试正在应用的过滤器模型 - 在Filter上调用刷新Cells 更改后强制重交 - 这应有助于确定过滤器是否正确应用
空出时适当清除过滤器并确保过滤器模型的更新正确
- 当值为空时明确删除模型中的过滤器 - 处理空白的 Trim过滤器值 - 首先获得当前过滤器模型以保存其他过滤器 - 如果过滤器全部清除,则设置过滤器模式为无效 - 确保适当应用和清除过滤器
将过滤行置于标题下并确保过滤器应用
- 将过滤行移到上:48px(下页头)而不是上:0 - 在 AgGridReact 中添加编码Top: 48px 以核算过滤行 - 自我们使用自定义过滤行以来,将浮式FiltersH8设置为0 - 在设置FilterModel后调用FilterChanged()以确保过滤器应用 - 信头现在可见,过滤器应正确工作
用列对齐过滤行并修正状态过滤器
- 在浮动过滤器空间(48px高)中绝对定位过滤行 - 添加同步FilterRowWidth 函数以动态匹配列宽 - 在已准备好的网格上同步宽度并调整列大小事件 - 固定状态过滤器以适用于状态和子状态字段 - 按父母身份过滤时包含所有儿童子状态 - 将浮起的FiltersH8和头部H8设置为48px - 减少过滤器输入...
用自定义过滤行替换 AG 网格浮动过滤器
- 从列中去除所有浮动Filter编译引用 - 设置浮动过滤器:所有列上都是假的 - 在网格上方创建全控自定义过滤行 - 添加所有过滤值(铅印、联系人、状态、子状态、供应商、产品、来源、代理人、地址)的状态管理 - 使用 AG Grid 的设置FilterModel API 手动应用过滤器 - 状态过滤器与活动状态同步...
使用 ref 存储过滤值并阻止 AG Grid 重置
- 以价值储存当前值 - 使用是UserChangeRef,防止同步效应压倒用户更改 - 从挂载的过滤实例读取初始模型 – 总是使用值 Ref.current 用于选择值以防止重排 - 这应该能解决过滤器重置问题
删除 FloatingFilter 更改回调并改进 CSS 以隐藏过滤图标
- 不在FloatingFilter上注册更改回调以防止AG Grid重置值 - 添加全面的CSS规则来隐藏过滤菜单按钮和图标 - 添加多个选择器变体以确保图标被隐藏 - 这应防止过滤器重置并隐藏所有过滤器图标
Make Status filter controlled and sync with status tabs
- Added statusFilterValue state to control Status filter dropdown - Status filter now syncs with activeStatusTab when tabs are clicked - Filter value is now con...
Prevent header refresh and maintain filter value with ref
- Use currentValueRef to track and persist filter value - Remove refreshHeader() call that was causing header to hide/reappear - Only update value from callback...
Properly track filter updates to prevent Status filter reset
- Use isUpdatingRef flag to track when we're making changes - Only allow parent model changes to update value if we're not updating - Initialize filter value fr...
Prevent filter reset with no-op callback and hide icons with menuTabs
- Register no-op onFloatingFilterChanged callback to prevent AG Grid from resetting filter value - Use menuTabs: [] instead of suppressHeaderMenuButton to hide ...
New approach for Status filter and filter icons
- Removed onFloatingFilterChanged callback to prevent circular updates - Store filter instance in ref and update directly - Added global CSS rules in globals.cs...
Prevent Status filter reset with ref flag and add suppressHeaderMenuButton
- Added suppressHeaderMenuButton to all columns that should hide filter icons - Improved isInternalChangeRef timing to prevent circular updates - Enhanced CSS s...
Prevent Status filter reset and improve filter icon hiding
- Added isInternalChangeRef to prevent circular updates in Status and SubStatus filters - Updated CSS selectors to better hide filter menu buttons and icons - F...
Remove extra Box wrapper that was breaking grid display
- Removed nested Box wrapper that was preventing grid from rendering - Moved CSS styles directly to the outer Box wrapper - Grid should now display leads correc...
Remove dependency from Sub Status filter useEffect to fix reactivity
Improve Sub Status filter reactivity and hide filter icons with CSS
- Remove getStatusFilterValue dependency from useEffect to prevent stale closures - Add CSS rules to hide filter menu button icons for Lead ID, Contact, Status,...
Properly enable Sub Status dropdown and remove all filter icons
- Add hasStatusFilter state to SubStatusFloatingFilter to track status filter changes - Add filterChanged event listener to immediately detect when Status filte...
Properly enable Sub Status dropdown and remove filter icons
- Fix Sub Status dropdown to be enabled when Status filter is selected (removed options.length check from disabled condition) - Add menuTabs: [] to Lead ID, Con...
Enable Sub Status dropdown when Status is selected and remove filter icons
- Fix Sub Status dropdown to be enabled when a Status filter is selected - Remove filter icons (suppressHeaderMenuButton) from Lead ID, Contact, Status, Sub Sta...
Improve filter behavior and styling
- Sub Status dropdown now only shows sub-statuses for selected Status filter - Sub Status dropdown is disabled when no Status is selected - Auto-set Status filt...