diff --git a/src/views/flow/admin/Defs.vue b/src/views/flow/admin/Defs.vue index 660888d..d612ba6 100644 --- a/src/views/flow/admin/Defs.vue +++ b/src/views/flow/admin/Defs.vue @@ -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)) },