🔥Chet.QuartzNet.UI v2.3.0 大更新!表格重构 + 系统配置 + 分析页全面升级!
兄弟姐妹们!!这个版本真的改了超多东西,从表格到底层架构全翻新了,速来围观!😍
✨ 一、vxe-table 全面接入,表格体验质变!
之前三个核心页面(作业、日志、通知)用的 ant-design-vue Table,这次全部迁移到了 VbenAdmin 的 useVbenVxeGrid!
🎯 变化有多大?
- 服务端分页排序:数据再多也不怕,全部走后端查询,前端丝滑无卡顿
- 排序状态持久化:刷新页面排序不丢失!自动保存到 localStorage,下次打开还是你上次的状态
- 操作列 hover 触发:鼠标放上去就弹菜单,不用再点击,效率 +100%


✨ 二、系统配置管理,新模块来了!
多实例部署环境下,傻傻分不清哪个是哪个?现在有了系统配置页!
🎨 配置了什么?
- 服务名称:给自己的调度服务取个名字
- 环境标识:DEV / TEST / UAT / PROD,一眼区分生产还是测试
- 服务描述:补充说明,团队协作不再懵
配置完成后,分析页顶部会展示服务标识,再也不会搞混实例啦~


✨ 三、分析页重写,颜值与功能双升级!
🏷️ 顶部服务标识
分析页顶部现在会展示服务名称 + 环境标签,带渐变主题色条,大气又实用!
📊 KPI 卡片优化
- 图标全部换了更贴合场景的:累计执行量用波形图标(Activity),正常运行数用圆勾(CircleCheckBig)
- 移除了多余的 hover 动效,干净利落
🎨 整体样式升级
- 图表结构重写,视觉更清晰
- 服务标识融入页面 header,布局更紧凑

✨ 四、详情对话框设计大改!
📋 日志 & 通知详情
这次对详情弹窗做了精心设计:
- 顶部状态色条:4px 渐变色条,绿色成功 / 红色异常 / 蓝色运行 / 橙色等待,一眼识别状态
- 元数据改用 Descriptions 组件:标签对齐、紧凑有序,告别手写 grid
- Header 简化:标题 + 状态标签一行搞定,不再堆叠
- 所有弹窗支持拖拽:按住 header 就能移动,想放哪放哪


✨ 五、作业编辑页分区布局!
之前的表单挤在一起,现在改成分区布局:
- 110px 固定标签宽度,对齐强迫症狂喜
- 短字段两列排布,长字段独占一行
- emoji 按钮全部换成文字按钮,专业感 up

🔧 六、日志查询增强!
- 支持开始时间 & 结束时间范围筛选,用 RangePicker 选日期区间
- 日期参数用 ISO 8601 格式,后端解析不再报 400
- 时长列改为秒显示(2 位小数),列名去掉了单位后缀

🛡️ 七、底层修复 & 工程优化
这些问题你可能没注意到,但我们都修了:
| 修复项 | 说明 |
|---|---|
| 表格无数据 | 统一 proxyConfig 返回格式 |
| 刷新后空白 | 修复 #form slot 与 formOptions 冲突 |
| 日期查询 400 | 时间格式改为 ISO 8601 |
| 清除通知报错 | 旧变量引用修复 |
| 排序持久化失效 | 兼容 vxe 4.x 事件字段名变更 |
| 生产构建缺图标 | icons 包 exports 改指向源码,无需手动重建 |
🚀 如何升级?
bash
dotnet add package Chet.QuartzNet.UI --version 2.3.0
更新后直接启动,所有新功能自动生效!
📋 版本一览
| 功能 | 说明 |
|---|---|
| 📊 vxe-table 全面接入 | 服务端分页、排序持久化、hover 触发 |
| ⚙️ 系统配置管理 | 服务名、环境标识、描述配置 |
| 🔍 日志多条件查询 | 时间范围筛选、ISO 8601 格式 |
| 📈 分析页重写 | 服务标识、KPI 卡片优化 |
| 🎨 详情对话框重设计 | 状态色条 + Descriptions + 拖拽 |
| ✏️ 作业编辑分区布局 | 110px 标签、长短字段分列 |
| 🛡️ 底层修复 | 6 项关键 Bug 修复 + 工程优化 |
有问题或建议欢迎 GitHub 提 Issue,你们的反馈是我们持续迭代的动力!💪
#dotnet #任务调度 #QuartzNet #可视化管理 #vxe-table #开发者工具 #效率神器
⭐ 觉得有用就点赞收藏关注哦!