Chet.QuartzNet.UI v2.3.0 大更新!表格重构 + 系统配置 + 分析页全面升级!

🔥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 #开发者工具 #效率神器


⭐ 觉得有用就点赞收藏关注哦!

📌 项目地址https://github.com/qiect/Chet.QuartzNet.UI

📌 NuGethttps://www.nuget.org/packages/Chet.QuartzNet.UI

相关推荐
cfm_29141 小时前
SpringBoot自定义Starter
java·spring boot·后端
触底反弹1 小时前
⚡ Promise.all 性能优化:让 Agent 的工具调用飞起来
javascript·人工智能·后端
程序员爱钓鱼1 小时前
Rust 控制流 if 详解:条件判断与 if 表达式
前端·后端·rust
Listen·Rain1 小时前
Vue3中computed详解
前端·javascript·vue.js
kyle~2 小时前
Swagger ---基于 描述文件 生成 交互式API文档 的工具
前端·后端·规格说明书·说明文档
youtootech10 小时前
HarmonyOS《柚兔学伴》项目实战09-待办列表 UI——List+ForEach+滑动删除
数据结构·ui·华为·list·harmonyos
江畔柳前堤10 小时前
GO01-Go 语言与主流编程语言深度对比
开发语言·人工智能·后端·微服务·云原生·golang·go
世界哪有真情11 小时前
拿人类意识卡 AI?等于用 bug 验收正式产品
前端·人工智能·后端
智圣新创0111 小时前
重构沉浸式育人链路:智圣新创智慧学生社区平台建设的行业全域参考
大数据·人工智能·重构