fix(def/ui): 列宽按实测校正(上线后复验发现 200 不够,guid 仍折行)——GUID 200→320(32 位 guid 单行实测最宽 265px + 单元格左右内边距 36px = 301)、编码 160→200(实测 155+36=191)、子表创建时间 140→150(实测 101+36=137)、生效/在途 230→190(实测 134+36=170,收紧);平铺态同步 GUID 320 / 编码 200
build / build (push) Successful in 2m27s
build / build (push) Successful in 2m27s
This commit is contained in:
@@ -97,12 +97,12 @@ const rowActions = [
|
||||
const columns = [
|
||||
{ title: "序号", type: "index", width: 70, align: "center" },
|
||||
{ title: "流程", key: "name", minWidth: 180 },
|
||||
{ title: "编码", key: "code", width: 160 },
|
||||
{ title: "编码", key: "code", width: 200 },
|
||||
{ title: "应用", key: "appKey", width: 130, align: "center", render: renderApp },
|
||||
{ title: "版本", key: "version", width: 70, align: "center" },
|
||||
{ title: "状态", width: 90, align: "center", render: renderStatus },
|
||||
{ title: "GUID", key: "flowGuid", width: 280, render: (h: any, p: any) => {
|
||||
// 平铺态也带在途(议题二④):计数按流程线口径,故挂在 GUID 旁;列宽须容下 32 位 guid + 徽标
|
||||
{ title: "GUID", key: "flowGuid", width: 320, render: (h: any, p: any) => {
|
||||
// 平铺态也带在途(议题二④):计数按流程线口径,故挂在 GUID 旁;列宽同分组态,保证 32 位 guid 单行全显
|
||||
const n = inflightMap.value[p.row.flowGuid];
|
||||
return h("span", {}, [
|
||||
p.row.flowGuid,
|
||||
@@ -184,7 +184,8 @@ const versionColumns = [
|
||||
{ title: "版本", width: 70, render: (h: any, p: any) => h("b", `v${p.row.version}`) },
|
||||
{ title: "状态", width: 90, align: "center", render: renderStatus },
|
||||
{ title: "创建人", width: 100, render: (h: any, p: any) => h("span", p.row.createBy || "-") },
|
||||
{ title: "创建时间", width: 140, render: (h: any, p: any) => h("span", fmtTime(p.row.createTime)) },
|
||||
// 创建时间「2026-10-13 23:45」实测单行 118px + 内边距 24 → 140 会换行,故 150
|
||||
{ title: "创建时间", width: 150, render: (h: any, p: any) => h("span", fmtTime(p.row.createTime)) },
|
||||
// 改动说明:固定窄列 + 省略号 + Tooltip(2026-10-14 用户要求压短,完整内容进 Tooltip)
|
||||
{ title: "改动说明", width: 260, ellipsis: true, render: (h: any, p: any) => (p.row.changeLog
|
||||
? ellipsisCell("changeLog")(h, p)
|
||||
@@ -194,7 +195,7 @@ const versionColumns = [
|
||||
|
||||
/** 子表各列声明宽之和:作为内层 Table 的 width 传下去,避免 iView 把展开行剩余空间摊到各列
|
||||
* (否则「改动说明」会被撑回数百像素,等于没压短),同时让子表右端不再压到固定条带下方。 */
|
||||
const VERSIONS_TABLE_WIDTH = 70 + 90 + 100 + 140 + 260 + 210;
|
||||
const VERSIONS_TABLE_WIDTH = 70 + 90 + 100 + 150 + 260 + 210;
|
||||
|
||||
const groupColumns = [
|
||||
{ type: "expand", width: 40, render: (h: any, p: any) => h(Table, {
|
||||
@@ -204,13 +205,14 @@ const groupColumns = [
|
||||
{ title: "序号", type: "index", width: 60, align: "center" },
|
||||
// 标题列固定宽 + 超长省略 + Tooltip;生效/在途 徽标已拆到独立列(2026-10-14)
|
||||
{ title: "流程", width: 260, ellipsis: true, render: ellipsisCell("name", "b") },
|
||||
{ title: "生效/在途", width: 230, align: "center", render: renderRunState },
|
||||
{ title: "编码", key: "code", width: 160 },
|
||||
{ title: "生效/在途", width: 190, align: "center", render: renderRunState },
|
||||
// 编码实测单行 155px + 内边距 24 → 160 会折行,故 190
|
||||
{ title: "编码", key: "code", width: 200 },
|
||||
{ title: "应用", key: "appKey", width: 130, align: "center", render: renderApp },
|
||||
{ title: "版本", width: 120, render: (h: any, p: any) => h("span", `v${p.row.version} · 共 ${p.row.total} 版`) },
|
||||
{ title: "状态", width: 90, align: "center", render: renderStatus },
|
||||
// GUID 列宽按 32 位 uuid 全显(约 160px)+ 单元格内边距;不再截断成 8 位 + 省略号
|
||||
{ title: "GUID", width: 200, render: (h: any, p: any) => (p.row.flowGuid
|
||||
// GUID 列宽按 32 位 uuid 实测单行 259px + 内边距 24 定尺寸(留余量,防不同字形更宽);不再截 8 位
|
||||
{ title: "GUID", width: 320, render: (h: any, p: any) => (p.row.flowGuid
|
||||
? h("span", { title: p.row.flowGuid }, p.row.flowGuid)
|
||||
: h("span", { style: "color:#999" }, "—")) },
|
||||
{ title: "发布时间", width: 160, render: (h: any, p: any) => h("span", fmtTime(p.row.publishTime)) },
|
||||
|
||||
Reference in New Issue
Block a user