将网格更改为自动高通布局, 以显示所有没有滚动栏的记录
- 设置 DomLayout 自动加高 所以网格扩展以适应所有行 - 清除溢出:隐藏在网格容器中 - 删除高度:从网格包装框中100%限制 - 网格现在显示当前页面上所有没有垂直滚动条的记录
将供应商、产品和源列宽度减少40px
- 将供应商栏宽从80px改为40px - 将产品栏宽从80px改为40px - 将源列宽从60px改为20px - 更新相应的过滤字段容器宽度,以匹配列
垂直对齐快速搜索字段和组件到中间
- 在父框中添加 minH8 以匹配标签高度 - 添加显示弹性, 并将项目中心与标签箱对齐 - 增加100%的高度,并将自转中心与快速搜索框对齐,以进行适当的垂直对齐
将供应商、产品和源列宽度再减少25px
- 将供应商列宽从105px改为80px - 产品栏宽从105px改为80px - 将源列宽从85px改为60px - 更新相应的过滤字段容器宽度,以匹配列
将销售商、产品和源列宽度减少25px
- 将供应商栏宽从130px改为105px - 将产品栏宽从130px改为105px - 将源列宽从110px改为85px - 更新相应的过滤字段容器宽度,以匹配列
将销售商、产品、来源和代理栏宽度减少20px
- 将供应商列宽从150px改为130px - 产品栏宽从150px改为130px - 将源列宽从130px改为110px - 将代理列宽从120px改为100px - 更新相应的过滤字段容器宽度,以匹配列
更新州和街道列宽和街道显示
- 将州栏宽从100px改为60px - 将街柱宽从200px改为130px - 更新街道栏,在单元格中只显示街道地址 - 在 Street 列上添加工具提示, 显示“ 街道、 城市” 格式 - 更新相应的过滤字段容器宽度
将 State and Street 过滤器移动到联系人后纠正位置
- 将 State and Street 过滤字段移动到联系人过滤后右侧 - 删除 Agent 过滤器之后的重复状态和街道过滤器 - 筛选顺序现在与列顺序相匹配:铅ID,联系人,状态,街道,状态,子状态...
国家和街道栏目的执行
- 删除仍在引用地址FilterValue的旧地址过滤字段 - 在联系人过滤器后添加状态和街道过滤器字段 - 更新过滤逻辑以使用 StateFilterVale 和 streetFilterVale - 国家过滤器随所有美国州(100px宽)而下降 - 街道过滤器是搜索街道和城市的文本字段(200px宽)
将地址栏替换为州和街道栏
- 删除地址栏和地址渲染器 - 在联系人后添加状态栏(显示分区/状态代码) - 在状态后添加街道栏(显示街道、城市格式) - 将地址FilterValue替换为StateFilterValue和街道FilterValue - 添加美国各州的降水过滤器 - 添加 Street 文本过滤字段 - 更新 State and ...
更新铅标识、状态和子状态的列宽
- 将铅标识列宽从245px改为230px - 将状态列宽从90px改为115px - 将子状态列宽从150px改为170px - 更新相应的过滤字段容器宽度,以匹配列 - 增加明确的微宽和最大微宽限制
更新状态和子状态列宽度
- 将状态列宽从65px改为90px - 将子状态列宽从120px改为150px - 更新相应的过滤字段容器宽度,以匹配列 - 增加明确的微宽和最大微宽限制
更新过滤字段容器宽度以匹配列宽
- 将铅标识过滤容器从300px更新为245px - 将状态过滤容器从200px更新到65px - 将子状态过滤容器从200px更新到120px - 将代理过滤容器从150px更新为120px - 确保过滤字段与相应的列宽相匹配
更新列宽到指定的值
- 将铅标识列宽从300px改为245px - 联络栏保持弹性:1个取出剩余宽度 - 将状态列宽从200px改为65px - 将子状态列宽从200px改为120px - 将代理列宽从150px改为120px - 更新相应的过滤字段容器宽度,以匹配列 - 必要时增加明确的微宽和最大微宽限制
将模拟引导ID更新到随机的字母数字,并将地址列设置为 170px
- 添加生成RandomLeadId函数以创建长度 13 的随机数字字符串 - 从相继数字更改为随机字母数字(例如"34FDK69HWGPPK") - 更新地址列宽从250px到170px,并明确分/最大 - 更新地址过滤容器宽度以匹配170px
更新日期列宽并替换动作按钮
- 将日期栏宽从155px改为170px(创建和指定) - 更新日期过滤字段容器,以匹配170px宽度 - 将“出口选择”、“共享”和“删除选择”按钮替换为: - “ 重命名选中( { amount setting} ) ” 图标 - 带有 SwapHoriz 图标的所选( { amount serve}) 变化状态 ...
将细浅的灰色边框底部添加到二级标签
- 在状态标签容器中添加边框 Bottom : “ 1px solid rgba( 0, 0, 0, 0, 0.12) ” - 匹配在/leads/view/页面上发现的样式 - 在下面的标签和内容之间创建视觉分隔
将日期列宽改为 155px
- 更新创建和分配的列宽从220px到155px - 为两列设置明显的宽度、微宽和最大宽度至155px - 更新日期过滤字段容器,以匹配155px宽度 - 确保列和过滤字段之间一致的分幅
将灰色背景添加到剩余过滤字段并调整到下
- 将过滤行对齐从中线改为弹性端线(下行对齐) - 在所有剩余过滤字段容器中添加灰色背景(#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()以确保过滤器应用 - 信头现在可见,过滤器应正确工作