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

相关推荐
创新技术阁1 小时前
FastapiAdmin 前后端启动全流程详解
前端·后端·fastapi
七牛开发者1 小时前
实测推荐 3 个 Skill,轻松上手 Codex 网页设计与交付流程
前端·javascript·后端
七牛开发者1 小时前
拆解 dsh 系列:从源码和版本变化看 DeepSeek Harness 的设计取舍
前端·javascript·后端
谭光志1 小时前
如何从网站提取设计风格:DOM、计算样式与 DESIGN.md
前端·javascript·agent
luteres1 小时前
Spring学习笔记
java·后端·spring
深念Y1 小时前
登录日志与管理员审计日志存储决策
前端·arm开发·后端·微服务·云原生·架构
南城以南溫暖如初1471 小时前
从零搭建24小时自助健身系统:技术选型与核心模块实战
java·spring boot·redis·mysql·vue·mybatis
笨笨饿2 小时前
#121_图传中的H.364编码与MP4的联系
linux·运维·前端·单片机·嵌入式硬件·面试·职场和发展
用户8356290780512 小时前
使用 Python 为 PowerPoint 演示文稿添加评论
后端·python
jvmind_dev2 小时前
SWT 堆外内存泄漏排查实录:一次 PNG 保存泄漏一张图,一行 g_free 治好
java·后端