fix(table): 卡片勾选收敛至勾位图标并消除勾选重渲闪烁(pro#4)

- 委托收敛勾位判定+快速路径 class 回显
- 勾位光标样式
- usercard/goodscard 勾位适配
- 两个技能文档契约同步
This commit is contained in:
augushong
2026-10-03 11:55:56 +00:00
parent 20a5470a4a
commit a9f9045d10
7 changed files with 57 additions and 22 deletions

View File

@@ -11,8 +11,8 @@
上下文契约(admin-table.js buildLayoutContext):
- rows:行上下文数组,d 与表格行数据同构(含原始字段 + _cells/_operatHtml/_checked/_disabled)
- list:列表上下文 {tableId, page, count, checkedAll}(Vue 形态不叫 _list)
- 行根元素携带 data-table-id + data-id 两属性即获得统一行选中委托(点击卡片
切换勾选,按钮/表单控件/layui 美化层自动豁免),选中态经 :class 高亮回显
- 行根元素携带 data-table-id + data-id 两属性即获得统一行选中委托(点击勾位
图标切换勾选,按钮/表单控件/layui 美化层自动豁免),选中态经 :class 高亮回显
- _cells/_operatHtml 含渲染产物 HTML,必须用 v-html 输出;纯文本字段用
{{ }} 原生插值(自动转义,与 laytpl 的 {{- }} 不同)
- 事件无需自行绑定:操作按钮与 switch 经页面级委托和 form 事件天然生效
@@ -45,6 +45,7 @@
<span class="usercard-account" :title="d.username">{{ d.username }}</span>
</div>
<div class="usercard-status" v-html="d._cells.status"></div>
<div class="ua-data-card-check"><i class="layui-icon layui-icon-ok-circle"></i></div>
</div>
<!-- 主体:紧凑小字段两列排布(手机无值显示 —,登录次数为 pill 徽标),
备注有值才渲染、单行省略;均为纯文本原始字段插值 -->